You are not logged in.

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

A web app for writing terminal colorschemes (and more)

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.

s_1329809482_6688451_41ce995bb0.png

http://termendous.org/xterm

Offline

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

skanky
Member
From: WAIS
Registered: 2009-10-23
Posts: 1,847

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

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.


"...one cannot be angry when one looks at a penguin."  - John Ruskin
"Life in general is a bit shit, and so too is the internet. And that's all there is." - scepticisle

Offline

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

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

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

s_1329957698_2529697_5347fbe7c9.png

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.

Offline

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

skanky
Member
From: WAIS
Registered: 2009-10-23
Posts: 1,847

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

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)


"...one cannot be angry when one looks at a penguin."  - John Ruskin
"Life in general is a bit shit, and so too is the internet. And that's all there is." - scepticisle

Offline

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

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

> 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.

Offline

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

skanky
Member
From: WAIS
Registered: 2009-10-23
Posts: 1,847

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

Cool, thanks. smile


"...one cannot be angry when one looks at a penguin."  - John Ruskin
"Life in general is a bit shit, and so too is the internet. And that's all there is." - scepticisle

Offline

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

Kodama
Member
Registered: 2009-11-02
Posts: 53

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

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

Offline

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

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

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)

Offline

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

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

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.

Offline

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

cirnOS
Member
Registered: 2010-03-01
Posts: 107

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

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

Offline

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

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

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.

Offline

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

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

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.

s_1330204819_2655332_e45ae8fcf3.png

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

Offline

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

brenix
Member
From: California
Registered: 2008-03-05
Posts: 185

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

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

Offline

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

solar impulse
Member
From: Out in space.
Registered: 2011-12-24
Posts: 22

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

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


Arch | Xmonad

Offline

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

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

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.

Offline

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

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

OK, it works now. Sorry for breaking it.

Offline

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

toringe
Member
Registered: 2011-09-05
Posts: 49

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

This is awesome ! big_smile 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 smile

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

Offline

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

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

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.

Offline

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

lifeafter2am
Member
From: 127.0.0.1
Registered: 2009-06-10
Posts: 1,332

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

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

tZGVoNw


#binarii @ irc.binarii.net
Matrix Server: https://matrix.binarii.net
-------------
Allan -> ArchBang is not supported because it is stupid.

Offline

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

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

What browser is that?

Offline

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

lifeafter2am
Member
From: 127.0.0.1
Registered: 2009-06-10
Posts: 1,332

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

tartan wrote:

What browser is that?

Chromium


#binarii @ irc.binarii.net
Matrix Server: https://matrix.binarii.net
-------------
Allan -> ArchBang is not supported because it is stupid.

Offline

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

toringe
Member
Registered: 2011-09-05
Posts: 49

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

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

Offline

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

tartan
Member
From: Moscow, Russia
Registered: 2009-09-24
Posts: 61

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

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.

Offline

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

ntness
Member
From: The World
Registered: 2009-12-29
Posts: 97

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

Wunderbar! Vielen Dank!


transcend to the fifth abode

Offline

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

toringe
Member
Registered: 2011-09-05
Posts: 49

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

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 smile

Offline

Board footer

Powered by FluxBB