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

      0  

    Arrow Green Theme

    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
    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
    DigitalSkyline is on a distinguished road

      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
    DigitalSkyline is on a distinguished road

      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 - Community Support Team VinylFox's Avatar
    Join Date
    Mar 2007
    Location
    Baltimore, MD
    Posts
    1,501
    Vote Rating
    7
    VinylFox will become famous soon enough VinylFox will become famous soon enough

      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
    hb562100 is on a distinguished road

      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
    chazmatazz is on a distinguished road

      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
    DigitalSkyline is on a distinguished road

      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
    chazmatazz is on a distinguished road

      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
    yogeshmsharma is on a distinguished road

      0  

    Smile


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

  10. #10
    Ext User
    Join Date
    Apr 2007
    Posts
    15
    Vote Rating
    0
    jack is on a distinguished road

      0  

    Default


    Hello there,
    First of all, i would like to thank you for the theme, you did a really good job!

    I took a screenshot of how it looked when i applied it to my system, take a look:


film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar