Results 1 to 10 of 10

Thread: Green Theme

  1. #1
    Ext User chazmatazz's Avatar
    Join Date
    Nov 2007
    Location
    Ithaca, NY
    Posts
    15
    Vote Rating
    0
      0  

    Arrow Green Theme

    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/ - look for the extjs-green-theme download.
    Attached Images Attached Images
    Last edited by chazmatazz; 6 Dec 2007 at 10:58 AM. Reason: workflow changes

  2. #2
    Ext User DigitalSkyline's Avatar
    Join Date
    Apr 2007
    Location
    Rochester, MI
    Posts
    461
    Vote Rating
    0
      0  

    Default

    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.

  3. #3
    Ext User DigitalSkyline's Avatar
    Join Date
    Apr 2007
    Location
    Rochester, MI
    Posts
    461
    Vote Rating
    0
      0  

    Default

    PS I think you might have missed the collapsed border panel coloring (x-layout-collapsed)?

    .x-layout-collapsed{
    background-color:#d8efe7;
    border-color:#008c78;
    }

  4. #4
    Sencha User VinylFox's Avatar
    Join Date
    Mar 2007
    Location
    Baltimore, MD
    Posts
    1,501
    Vote Rating
    8
      0  

    Default

    chazmatazz - nicely done, makes me feel calm and relaxed.

    I think its more of a hospital green though

  5. #5
    Sencha User hb562100's Avatar
    Join Date
    Sep 2007
    Location
    BeiJing.Cn
    Posts
    24
    Vote Rating
    0
      0  

    Default

    So cool, thank u for your work!!
    Well, i am from China~~,my english is not well,
    can't use complex .

  6. #6
    Ext User chazmatazz's Avatar
    Join Date
    Nov 2007
    Location
    Ithaca, NY
    Posts
    15
    Vote Rating
    0
      0  

    Default

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

  7. #7
    Ext User DigitalSkyline's Avatar
    Join Date
    Apr 2007
    Location
    Rochester, MI
    Posts
    461
    Vote Rating
    0
      0  

    Question

    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:


  8. #8
    Ext User chazmatazz's Avatar
    Join Date
    Nov 2007
    Location
    Ithaca, NY
    Posts
    15
    Vote Rating
    0
      0  

    Default

    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!

  9. #9
    Ext User
    Join Date
    Nov 2007
    Location
    US
    Posts
    55
    Vote Rating
    0
      0  

    Smile

    Thanks buddy it is really useful for me.
    I was in process of converting to green.
    Tons of thankls

  10. #10
    Ext JS Premium Member
    Join Date
    Mar 2008
    Location
    Richmond, VA
    Posts
    108
    Vote Rating
    0
      0  

    Default

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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •