PDA

View Full Version : Theme Dark Gray



madrabaz
16 Oct 2007, 1:14 AM
http://img518.imageshack.us/img518/7903/darkgraythemeap8.png
http://img518.imageshack.us/img518/7356/darkgraythemedesktopdw6.png

I also added grid, qtip, menu and date-picker themes which are not in the gray theme.

Just download the following file and extract it to Ext resources directory

Download : DarkGrayTheme.zip (http://www.madrabaz.com/depot/files/DarkGrayTheme.zip)

Other Theme(s) :

Purple Theme (http://extjs.com/forum/showthread.php?t=15377)
Olive Theme (http://extjs.com/forum/showthread.php?t=15505)
Black Theme (http://extjs.com/forum/showthread.php?t=15504)

Bert
16 Oct 2007, 1:23 AM
Cool

jay@moduscreate.com
16 Oct 2007, 5:18 AM
Cool - i see you have the same issue as me - no opacity in the windows.

madrabaz
16 Oct 2007, 5:58 AM
Cool - i see you have the same issue as me - no opacity in the windows.

it is a floating panel, window theme has an opacity

I'll submit a purple theme, you can see the window theme

jay@moduscreate.com
16 Oct 2007, 8:24 AM
did you use an alpha channel to make the body of the png for the windows transparent?

madrabaz
16 Oct 2007, 9:32 AM
I just take the default theme images and then change their hue/saturation and/or brightness/contrast values

jay@moduscreate.com
16 Oct 2007, 10:18 AM
using what tool?

madrabaz
16 Oct 2007, 10:39 AM
Photoshop CS 2

jay@moduscreate.com
16 Oct 2007, 11:01 AM
can you please detail your exact save procedure?


i'm working on a 100% theme change for my OS EXT Desktop and i'm getting my ass kicked by the alhpa transparency for PNG.
http://tdg-i.com/img/extjs/osext_demo2.png

Thanks a bunch.

galdaka
16 Oct 2007, 12:04 PM
can you please detail your exact save procedure?


i'm working on a 100% theme change for my OS EXT Desktop and i'm getting my ass kicked by the alhpa transparency for PNG.
http://tdg-i.com/img/extjs/osext_demo2.png

Thanks a bunch.

Excellent theme!! It

brian.moeskau
16 Oct 2007, 12:07 PM
@madrabaz

The theme looks great -- one thing I would tweak is the contrast between headers and the body. Your calendar picker has good contrast (darker headers) but the windows get a little washed out. Other than that, it looks really nice. Thanks for sharing.

efege
16 Oct 2007, 12:18 PM
Hey djliquidice, reply to this post and you'll have reached the 1,000 posts mark :D

jay@moduscreate.com
16 Oct 2007, 12:18 PM
[QUOTE=galdaka;74278]Excellent theme!! It

jay@moduscreate.com
16 Oct 2007, 12:19 PM
Hey djliquidice, reply to this post and you'll have reached the 1,000 posts mark :D

ok, this was just strange. i guess i'm officially a post . :(

madrabaz
16 Oct 2007, 3:13 PM
can you please detail your exact save procedure?
For purple theme i followed these steps

Open default theme image
If image type is gif then change image mode to RGB (Images->Mode->RGB Color)
Change image hue/saturation values (Image->Adjustment->Hue/Saturation...) (Hue : 100, Sat: 50)
If necessary change image brightness/contrast values. e.g. date-picker background images (Image->Adjustment->Brightness/Contrast...)
Save image for web use (File->Save for Web...) (Select suitable preset fom list, Gif 64 or PNG-24)


If you want to create white, black or gray theme change image mode to Grayscale on step 2 then skip step 3 and just change brightness/contrast values.

jay@moduscreate.com
16 Oct 2007, 5:33 PM
Thanks dude and sorry for the thread jack. turns out it was the "fill" not opacity that i needed to adjust ;)

chemist458
16 Oct 2007, 7:24 PM
Wow, thanks for that, I was struggling with my own one, and doing it badly, I was using Vista Black with 1.1.1 and converting to 2.0, so it works beautifully and looks great.
George

amon
17 Oct 2007, 3:39 AM
wow, this theme looks so cute!
I love it!

stever
17 Oct 2007, 6:03 AM
Awesome!

Red, would be cool too.... ;)

madrabaz
17 Oct 2007, 7:35 AM
I posted a real black theme so i changed this name to Dark Gray.

galdaka
18 Oct 2007, 9:11 AM
can you please detail your exact save procedure?


i'm working on a 100% theme change for my OS EXT Desktop and i'm getting my ass kicked by the alhpa transparency for PNG.
http://tdg-i.com/img/extjs/osext_demo2.png

Thanks a bunch.

Is your theme free to share?

Thanks in advance,

jay@moduscreate.com
18 Oct 2007, 9:47 AM
yes sir, when completed. right now, it's about 20% complete. :)

wm003
21 Nov 2007, 3:19 AM
i recognized the background gif for menus is a bit too small in width(250px). It should fit for most menu entries, but in my case it was too small (thus showing the original lightgray on the right side, which is a bit annoying..). So here is an updated version with 500 pixel width. That should make it :)

Put this into resources/images/darkgray/menu folder replacing the existing one.

jlavric
7 Feb 2008, 2:48 AM
madrabaz, I really like your DarkGray theme. Just one thingy maybe, there's no image for help icon in tool-sprites. In black theme this image exist.
Keep up the good work, and thanx for hints how to create my own theme.

cjb44154
13 Feb 2008, 11:49 PM
I have downloaded your theme, but I don't kown how to use it

can you give me a guide in detail?

thanks!

madrabaz
14 Feb 2008, 6:16 AM
@cjb44154
DarkGrayTheme (http://extjs.com/learn/Extension:DarkGrayTheme)

mehrdad
25 Mar 2008, 12:29 AM
ur site is down
plz upload it in sharing site or in this froum

lots of thanks

Clever Cutter
12 May 2008, 1:30 PM
Anyone know which class is applied to the background of selected rows in grids? I tried various hacks in the css files and could not figure out which one I need to change. Right now selected rows are not readable when using a CheckBoxSelection model on a grid due to the color scheme.

wm003
12 May 2008, 8:57 PM
Anyone know which class is applied to the background of selected rows in grids? I tried various hacks in the css files and could not figure out which one I need to change. Right now selected rows are not readable when using a CheckBoxSelection model on a grid due to the color scheme.

x-grid3-row-selected

Clever Cutter
13 May 2008, 5:33 AM
Thanks! Could have sworn I tried all the "selected" styles. Anyway, changing it to a black foreground color makes selected rows in grids much more readable.



.x-grid3-row-selected {
color: #000000;
background: #555759;
border:1px dotted #111111;
}

Leonhart
21 Jul 2008, 8:33 PM
Great Work!!!

But I have trouble downloading the theme.... is there something wrong??

Leonhart
29 Jul 2008, 2:07 AM
Please does any one have a copy....?? I would love to include this theme in my project.... :D

wm003
29 Jul 2008, 5:56 AM
Here we go again...(Version from March 2008)

greyknght1
4 Aug 2008, 5:47 AM
Thanks for the update!

anolsi
7 Aug 2008, 1:58 PM
can you please detail your exact save procedure?


i'm working on a 100% theme change for my OS EXT Desktop and i'm getting my ass kicked by the alhpa transparency for PNG.
http://tdg-i.com/img/extjs/osext_demo2.png

Thanks a bunch.

Did you finish your theme?

Stripeman
7 Aug 2009, 4:48 AM
did u ever finish ? and update for 3.0 ?

lzr3748@live.cn
13 Oct 2009, 6:28 PM
cool collection.....

rmd
2 Sep 2010, 2:25 AM
Have you created an update for dark gray theme for Ext 3.2.1?