PDA

View Full Version : Theme Dark Gray


madrabaz
10-16-2007, 05: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
10-16-2007, 05:23 AM
Cool

jgarcia@tdg-i.com
10-16-2007, 09:18 AM
Cool - i see you have the same issue as me - no opacity in the windows.

madrabaz
10-16-2007, 09: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

jgarcia@tdg-i.com
10-16-2007, 12:24 PM
did you use an alpha channel to make the body of the png for the windows transparent?

madrabaz
10-16-2007, 01:32 PM
I just take the default theme images and then change their hue/saturation and/or brightness/contrast values

jgarcia@tdg-i.com
10-16-2007, 02:18 PM
using what tool?

madrabaz
10-16-2007, 02:39 PM
Photoshop CS 2

jgarcia@tdg-i.com
10-16-2007, 03:01 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.

galdaka
10-16-2007, 04: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
10-16-2007, 04: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
10-16-2007, 04:18 PM
Hey djliquidice, reply to this post and you'll have reached the 1,000 posts mark :D

jgarcia@tdg-i.com
10-16-2007, 04:18 PM
[QUOTE=galdaka;74278]Excellent theme!! It

jgarcia@tdg-i.com
10-16-2007, 04: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 whore. :(

madrabaz
10-16-2007, 07: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.

jgarcia@tdg-i.com
10-16-2007, 09:33 PM
Thanks dude and sorry for the thread jack. turns out it was the "fill" not opacity that i needed to adjust ;)

chemist458
10-16-2007, 11: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
10-17-2007, 07:39 AM
wow, this theme looks so cute!
I love it!

stever
10-17-2007, 10:03 AM
Awesome!

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

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

galdaka
10-18-2007, 01:11 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.

Is your theme free to share?

Thanks in advance,

jgarcia@tdg-i.com
10-18-2007, 01:47 PM
yes sir, when completed. right now, it's about 20% complete. :)

wm003
11-21-2007, 06: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
02-07-2008, 05: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
02-14-2008, 02:49 AM
I have downloaded your theme, but I don't kown how to use it

can you give me a guide in detail?

thanks!

madrabaz
02-14-2008, 09:16 AM
@cjb44154
DarkGrayTheme (http://extjs.com/learn/Extension:DarkGrayTheme)

mehrdad
03-25-2008, 04:29 AM
ur site is down
plz upload it in sharing site or in this froum

lots of thanks

Clever Cutter
05-12-2008, 05: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
05-13-2008, 12:57 AM
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
05-13-2008, 09: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
07-22-2008, 12:33 AM
Great Work!!!

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

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

wm003
07-29-2008, 09:56 AM
Here we go again...(Version from March 2008)

greyknght1
08-04-2008, 09:47 AM
Thanks for the update!

anolsi
08-07-2008, 05: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
08-07-2009, 08:48 AM
did u ever finish ? and update for 3.0 ?

lzr3748@live.cn
10-13-2009, 10:28 PM
cool collection.....