1. #1
    Sencha User
    Join Date
    Jan 2008
    Location
    Taiwan
    Posts
    16
    Vote Rating
    11
    Petrushka will become famous soon enough

      7  

    Default Steelblue Theme for Ext JS 4

    Steelblue Theme for Ext JS 4


    For Ext 4.2.1.883 please refer:
    http://www.sencha.com/forum/showthre...=1#post1015214


    (For Ext 4.2.0.663 please refer: http://www.sencha.com/forum/showthre...l=1#post965660)

    (For Ext 4.1.1a please refer: http://www.sencha.com/forum/showthre...l=1#post896977)


    It's my first theme for Ext JS 4. I hope you enjoy it.

    01.jpg

    02.jpg

    03.jpg

    04.jpg
    Last edited by Petrushka; 2 Dec 2013 at 9:05 PM. Reason: data update

  2. #2
    Sencha Premium Member ajaxvador's Avatar
    Join Date
    Nov 2007
    Location
    PARIS, FRANCE
    Posts
    206
    Vote Rating
    0
    ajaxvador is on a distinguished road

      0  

    Default


    +1
    Vador

  3. #3
    Sencha User
    Join Date
    Jun 2010
    Location
    Buenos Aires, Argentina
    Posts
    213
    Vote Rating
    9
    ldonofrio will become famous soon enough

      0  

    Default


    can you provide us with the sass code please?

  4. #4
    Ext JS Premium Member
    Join Date
    May 2009
    Location
    Barcelona (Spain)
    Posts
    218
    Vote Rating
    19
    pagullo will become famous soon enough pagullo will become famous soon enough

      0  

    Default


    Nice theme

    +1 for the sass code
    Pedro Agulló, Barcelona (Spain)
    Agile team building, consulting, training & development
    DirectJNgine: http://code.google.com/p/directjngine - Log4js-ext: http://www.softwarementors.com/projects/p/log4js-ext/

  5. #5
    Sencha User talha06's Avatar
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    305
    Vote Rating
    0
    talha06 is on a distinguished road

      0  

    Default


    thanks a lot Petrushka for sharing, looks great!
    "People will never forget how you made them feel."
    linkedin.com/in/talhakabakus

  6. #6
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    2
    Vote Rating
    0
    ringline is on a distinguished road

      0  

    Default


    nice theme

  7. #7
    Sencha User
    Join Date
    Jan 2008
    Location
    Taiwan
    Posts
    16
    Vote Rating
    11
    Petrushka will become famous soon enough

      1  

    Default


    Here is the sass code that I use.

    You may fix the path issue before use it.

    Hope it will help~
    Attached Files

  8. #8
    Sencha User
    Join Date
    Jun 2010
    Location
    Buenos Aires, Argentina
    Posts
    213
    Vote Rating
    9
    ldonofrio will become famous soon enough

      0  

    Default


    thanks i'll try it
    Quote Originally Posted by Petrushka View Post
    Here is the sass code that I use.

    You may fix the path issue before use it.

    Hope it will help~

  9. #9
    Ext JS Premium Member mcouillard's Avatar
    Join Date
    Jun 2008
    Location
    Bucks County, PA
    Posts
    104
    Vote Rating
    10
    mcouillard will become famous soon enough

      0  

    Thumbs up nice!

    nice!


    Love the theme! Been using it for a while on ExtJS 4.1.1 and it works great. Provides much greater contrast than the default blue (which I can't stand) or gray (which tends to be too washed out; plain).

    Also, thanks for providing the SASS code. Not that I know how to use it yet, but it looks to be valueable if I ever need to make a tweak or upgrade ExtJS.

  10. #10
    Sencha User
    Join Date
    Jan 2008
    Location
    Taiwan
    Posts
    16
    Vote Rating
    11
    Petrushka will become famous soon enough

      1  

    Default


    I have update the theme for Ext 4.1.1a.

    If you want to use sass, there are 3 files also need to modify:

    \resources\themes\stylesheets\ext4\default\widgets\_window.scss
    \resources\themes\stylesheets\ext4\default\widgets\form\_checkboxgroup.scss
    \resources\themes\stylesheets\ext4\default\util\_messagebox.scss

    The theme and sass files you can find in the attachments.

    Demo: http://webapp.yuntech.edu.tw/ext-4.1.1a/examples/

    (Demo pages are Sencha ExtJS examples pages, I only change the css link for demo purpose. Thanks for the Sencha ExtJS team's great works!)
    Attached Files