A web app for writing terminal colorschemes (and more)

tartan · 2012-02-21 07:30:27

I love cool terminal colorschemes as much as anyone, but I totally hate writing them and rewriting when they turn out to be ugly, so I decided to make a tool to generate the schemes and preview results on the fly. Since I had an unused domain name and since I am learning the basics of web programming at the moment I decided to make it a web hosted application.

Since I don't want the chores of making all these user bases, registration forms, captcha and such I encourage everyone use dotshare.it as config storage, and I'll try my best to provide the best tool for making terminal emulators and cli/ncurses applications look the way you want them to.

Since the site shares the server with my blog which I pay for anyway, it doesn't require any support fees of its own, so it will be always free of ads and social networking crap.

Please test the prototype page and say what you think and what would you like changed/implemented.

For fg, click on prompt, for bg click somewhere on the left, for basic colors click on corresponding rows, for bright colors click on $COL_B.

When done editing, copy and paste to your Xdefaults.

Currently works for rxvt, will fix real soon.

http://termendous.org/xterm

skanky · 2012-02-21 14:03:58

Looks good, just three issues:

1) It would be good to display the normal and bright colours on the rows. If I change one, it changes the row value, so I can't see the the other. If you see what I mean.

2) Would it be possible to have a different way to select the colour being edited, say with a radio button or drop down list. It's easy to click in the wrong place and change the wrong setting.

3) Is it possible to have default colour values in the text to copy? Even better if they were remembered between sessions.

tartan · 2012-02-23 00:50:20

A couple of improvements:
- separate controls box, hope it would work out better
- optional urxvt/xterm config format
- for each theme a link is automatically generated, which holds all the parameters' values, so you can share a link and whoever follows it would be able to see your theme and tweak it right there
- a 'wtf is this' section added

Thanks skanky, as you can see, two of these issues were taken care of. As for the first one, I tried to mimic the colortheme utility which works just like this.

I actually want to pick a couple of applications and make mockups of them too, to see how the colortheme would look in action, I think it's going to be the next thing I'll add.

skanky · 2012-02-23 09:31:18

Big improvements there thanks.
I think the bar along the top that shows the current and normal colours solves my first issue.
I'll use it to come up with a new scheme and see if I find anything else, but otherwise it looks good.

Edit: actually there is one thing - when I click on a colour in the top bar, the pop-up comes up initialised to red. Is it possible to initialise it to the current values for that colour?

Last edited by skanky (2012-02-23 09:34:35)

tartan · 2012-02-23 12:18:31

> the pop-up comes up initialised to red

Yes, that annoys me too. I'm working on it, but since I'm not a javascript guy, it's kinda slow. It surely will be fixed. Another issue is black controller does not appear with the right color, needs to be fixed too, along with ugly layout as it is now and such. Will see if I'll manage to improve it today.

skanky · 2012-02-23 12:27:24

Cool, thanks.

Kodama · 2012-02-23 18:20:38

great, that's exaxtly what I've been looking for.

tartan · 2012-02-23 20:26:53

Fixed all color selector issues, will upload when a better css is ready, maybe tomorrow. Most of it is done, need to set up borders and margins and reposition it a little.

Last edited by tartan (2012-02-23 20:28:48)

tartan · 2012-02-24 17:46:46

Someone should have looked at the page source and give me a huge kick for that ugly repetitive javascript... Now rewriting with $(this) and multiple class attributes.

cirnOS · 2012-02-24 22:32:25

Marvelous work. I just wanted to thank you for the hard work. This should make it much easier now for newer users.

tartan · 2012-02-25 08:19:25

It's not about if the user is new or not, it's about no one can tell how sixteen colors would work together by their hex description. A simple visualiser, not a complicated thing to do.

tartan · 2012-02-25 21:31:44

A bunch of improvements:

- Fixed bugs caused by me messing up comments formats in T::T, HTML and JS, now every controller appears in right color
- Colorpicker now pops up initialized with the color you are about to edit
- The most important fix - the newlines are kept on paste, shame on me for it being otherwise
- Added some whistles and bells
- I think I'll be periodically changing wallpaper and colorscheme just to add some idea to the whole thing

Next things to come:

- More mockup applications to test the colorscheme
- The home page

Please test, request features, tell me which application's config you would like to see next and such.

Last edited by tartan (2012-02-25 21:38:43)

brenix · 2012-03-03 02:27:14

Thanks for this! I used to know a web site that did something similar, but it's down now...

solar impulse · 2012-03-05 00:34:15

Wow, I really like this! Great work, it speeds up the colorscheme-making process ^__^

tartan · 2012-04-16 08:32:57

Sorry, due to switching the hosting provider I had my webserver configuration screwed up a little.

I'll fix it tonight in case you wonder where's the tool and I'm sorry for the inconvenience.

I'll also upload it to github soon so that anyone could laugh at my shitty code have a copy of it.

tartan · 2012-04-16 18:39:28

OK, it works now. Sorry for breaking it.

toringe · 2012-04-16 19:21:31

This is awesome ! Thx !
Suggestion: An import feature would be nice. Like importing your colorscheme, though it's not hard to type in by hand but ..
When you release source code on github, I'll maybe fork it and try to implement it myself

Last edited by toringe (2012-04-16 19:25:15)

tartan · 2012-04-16 19:52:11

Yes, would be neat.

It shouldn't be too difficult to parse. I'll try to implement that, seems to be a nice Friday evening task.

lifeafter2am · 2012-04-16 20:54:20

Looks like the viewer and the xdefaults screens are overlapping here:

tartan · 2012-04-17 05:54:57

What browser is that?

lifeafter2am · 2012-04-17 13:50:48

tartan wrote:

What browser is that?

Chromium

toringe · 2012-04-17 14:13:49

Oh, same on Google Chrome(obvious since chromium have it ..), first I thought that it was made like that.

tartan · 2012-04-17 20:06:52

Whoops, happy update, chrome guys!

It's strange because I actually tested it with chromium and it worked. Now I have the same bug.

Will look into it this Saturday, it must be easy to fix.

ntness · 2012-04-17 22:05:36

Wunderbar! Vielen Dank!

toringe · 2012-04-18 13:27:42

tartan wrote:

Whoops, happy update, chrome guys!
It's strange because I actually tested it with chromium and it worked. Now I have the same bug.
Will look into it this Saturday, it must be easy to fix.

You can fix it in your style.css, you'll need to increase the left on #config

Arch Linux

#1 2012-02-21 07:30:27

A web app for writing terminal colorschemes (and more)

#2 2012-02-21 14:03:58

Re: A web app for writing terminal colorschemes (and more)

#3 2012-02-23 00:50:20

Re: A web app for writing terminal colorschemes (and more)

#4 2012-02-23 09:31:18

Re: A web app for writing terminal colorschemes (and more)

#5 2012-02-23 12:18:31

Re: A web app for writing terminal colorschemes (and more)

#6 2012-02-23 12:27:24

Re: A web app for writing terminal colorschemes (and more)

#7 2012-02-23 18:20:38

Re: A web app for writing terminal colorschemes (and more)

#8 2012-02-23 20:26:53

Re: A web app for writing terminal colorschemes (and more)

#9 2012-02-24 17:46:46

Re: A web app for writing terminal colorschemes (and more)

#10 2012-02-24 22:32:25

Re: A web app for writing terminal colorschemes (and more)

#11 2012-02-25 08:19:25

Re: A web app for writing terminal colorschemes (and more)

#12 2012-02-25 21:31:44

Re: A web app for writing terminal colorschemes (and more)

#13 2012-03-03 02:27:14

Re: A web app for writing terminal colorschemes (and more)

#14 2012-03-05 00:34:15

Re: A web app for writing terminal colorschemes (and more)

#15 2012-04-16 08:32:57

Re: A web app for writing terminal colorschemes (and more)

#16 2012-04-16 18:39:28

Re: A web app for writing terminal colorschemes (and more)

#17 2012-04-16 19:21:31

Re: A web app for writing terminal colorschemes (and more)

#18 2012-04-16 19:52:11

Re: A web app for writing terminal colorschemes (and more)

#19 2012-04-16 20:54:20

Re: A web app for writing terminal colorschemes (and more)

#20 2012-04-17 05:54:57

Re: A web app for writing terminal colorschemes (and more)

#21 2012-04-17 13:50:48

Re: A web app for writing terminal colorschemes (and more)

#22 2012-04-17 14:13:49

Re: A web app for writing terminal colorschemes (and more)

#23 2012-04-17 20:06:52

Re: A web app for writing terminal colorschemes (and more)

#24 2012-04-17 22:05:36

Re: A web app for writing terminal colorschemes (and more)

#25 2012-04-18 13:27:42

Re: A web app for writing terminal colorschemes (and more)

Board footer