View Full Version : Green Theme

5 Dec 2007, 12:29 PM
I created a nice, professional-looking green theme by modifying the gray theme that comes with ext.js 2.0.


To create the theme: I colorized the images using Gimp's colorize function set to hue=159 / saturation=86 / lightness=11. To change the css, I created swatches for the colors in xtheme-gray.css and colorized in Gimp, then replaced the colors in the css. The download includes the swatch sheet for the gray theme.

The code is at http://tobydietrichlibs.googlecode.com/ (http://tobydietrichlibs.googlecode.com) - look for the extjs-green-theme download.

5 Dec 2007, 1:54 PM
Cool ... more of a mint then green imo ... but thanks for sharing!

Did it take you very long?
I'd like to see some themes in the red spectrum and was thinking of doing some.

5 Dec 2007, 2:06 PM
PS I think you might have missed the collapsed border panel coloring (x-layout-collapsed)?


5 Dec 2007, 2:12 PM
chazmatazz - nicely done, makes me feel calm and relaxed.

I think its more of a hospital green though :)

6 Dec 2007, 2:02 AM
So cool, thank u for your work!!;)

6 Dec 2007, 8:07 AM
@DigitalSkyline - thanks for finding the bug. I have redone the css so that all the grays are greens (except the very dark greys, #111, #333, #444 and #555), using the same color shift as I used for the images.

Creating the theme was quite easy to do: an hour or two. I'd be interested in seeing a red theme.

6 Dec 2007, 10:56 AM
I'm trying to find where to change the BWRAP background-color (see my popup-bg should not be gray)... perhaps you can point me in the right direction?

Also there are a couple more items left to theme, the combobox is not styled, and the grid headers are not styled. I assume the gray theme simply doesn't have those entries which is why we missed them ... here's my first attempt at a red theme, notice the problems I mentioned:


6 Dec 2007, 11:03 AM
I haven't played around with further customization of the theme, for the mint green theme I'm ok with the remaining grey and blue.

There are a few things in the 'Theme Olive' http://extjs.com/forum/showthread.php?t=15505
that I did not do. Perhaps that theme contains the customizations you are looking for. You can also look at the Slate Theme http://extjs.com/forum/showthread.php?t=15989

The red theme looks really cool!

11 Feb 2008, 1:50 AM
Thanks buddy it is really useful for me.
I was in process of converting to green.
Tons of thankls

30 Jun 2008, 3:54 PM
Late to the party I know, but I found some weirdness with this theme. I am sure I missed something but I am unsure what.

1st pic is how the sysetm looks with the ext-all.css file. 2nd is with the green theme.