PDA

View Full Version : Theme Black



madrabaz
17 Oct 2007, 7:23 AM
http://img518.imageshack.us/img518/3003/balckthememr6.png
http://img518.imageshack.us/img518/7813/balckthemedesktopos9.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

[UPDATED 2008-02-15]

New invalid field tooltip image implemented
New image created for htmleditor
Grid header text color fixed
Fieldset text color fixed
Paging toolbar text color fixed
1 or 2 other issues I don't remember right now


Zip file and screen shot of version 2 are attached.

Download (also updated) : BlackTheme.zip (http://www.madrabaz.com/depot/files/BlackTheme.zip)

Other Theme(s) :

Slickness Theme (http://extjs.com/forum/showthread.php?t=28024)
Dark Gray Theme (http://extjs.com/forum/showthread.php?t=15341)
Purple Theme (http://extjs.com/forum/showthread.php?t=15377)
Olive Theme (http://extjs.com/forum/showthread.php?p=74687)

DigitalSkyline
17 Oct 2007, 12:41 PM
You're a theming maniac!

Venkateswara Rao
17 Oct 2007, 3:51 PM
They are very nice, you are a great designer of thems

chemist458
18 Oct 2007, 8:24 AM
Again wicked work, keep it up!!
George

jay@moduscreate.com
18 Oct 2007, 9:51 AM
Hey madrabaz,

can you add these to the wiki? :):D

madrabaz
18 Oct 2007, 12:16 PM
I think I can :D

d0uble_hel1x
21 Oct 2007, 11:01 PM
hi madrabaz,

juz to let you know that the menu texts disappear when using the dark theme.

NBRed5
25 Oct 2007, 7:05 AM
Hi madrabaz,

Firstly thanks for all the work in providing these themes.

The Black theme does not appear to work properly if you use the frame:true config option on panels, all of your other themes seem to behave correctly.

For an example see http://www.nbred5.com and change the Theme using the toolbar combo.

Nickl

mikegiddens
25 Oct 2007, 9:23 AM
If you use the inspect in firebug it happens that
url(../images/black/panel/left-right.gif)

does not exist under the css x-panel-mr

xmatt1
25 Oct 2007, 6:13 PM
hey didn u think that is possible a ext desktop like MAC OS with 3d effects???

madrabaz
25 Oct 2007, 11:06 PM
Hi madrabaz,

Firstly thanks for all the work in providing these themes.

The Black theme does not appear to work properly if you use the frame:true config option on panels, all of your other themes seem to behave correctly.

For an example see http://www.nbred5.com and change the Theme using the toolbar combo.

Nickl
Because following images are not found, the black theme does not appear to work properly;
http://www.nbred5.com/images/black/panel/corners-sprite.gif
http://www.nbred5.com/images/black/panel/top-bottom.gif
http://www.nbred5.com/images/black/panel/tool-sprites.gif
http://www.nbred5.com/images/black/panel/left-right.gif

but i checked the download file so these images are already there;
I think upload the theme files again will solve the problem...

NBRed5
27 Oct 2007, 4:44 AM
madrabaz,

Sorry, this was my mistake, looks like my FTP upload balked on the images/black/panel directory as the whole dir was missing, once uploaded all works fine.

cheers

Nick

NBRed5
27 Oct 2007, 5:24 AM
madrabaz,

I have just discovered something else, I have added the following to the xtheme-black.css file as I was using Ext.Toolbar.addText() and the text was not showing up as it is black by default.

.x-toolbar .ytb-text{padding:2px;color:white;}

joeaudette
1 Nov 2007, 3:57 AM
Hi,

Very nice work with the theme! Wish I could use it in my project mojoPortal (http://www.mojoportal.com) which is licensed under the Common Public License but GPL is not compatible with CPL due to the viral nature of GPL.

Any chance you could license this under LGPL like the rest of ExtJs?

Thanks,

Joe

madrabaz
1 Nov 2007, 7:45 AM
Any chance you could license this under LGPL like the rest of ExtJs?

Done

joeaudette
1 Nov 2007, 1:03 PM
Many Thanks!

Joe

kim
7 Nov 2007, 2:55 PM
You guys, great work on here, thanks to all!
The theme changing caught my attention and I stumbled on a technique that let me create a new one quickly.
Wanna know how?

madrabaz
7 Nov 2007, 4:24 PM
You guys, great work on here, thanks to all!
The theme changing caught my attention and I stumbled on a technique that let me create a new one quickly.
Wanna know how?
I simply explained here how : http://extjs.com/forum/showthread.php?p=74360#post74360

dangreenfield
24 Nov 2007, 4:32 AM
I love this theme. It really appeals to me. Thanks for taking the time to create it.

One thing however, the toolbar buttons on the HtmlEditor toolbar do not go with the dark colour. Would replacement buttons normally come with the new theme, or should I create my own?

I've attached an image to show you what I mean. Thanks again Madrabaz!

gmoney
25 Nov 2007, 7:23 PM
Hi.. I love the black theme and appreciate your work.

I am having a couple issues with it. First, under FireFox, the grid paging toolpar text is black, and so are the column headings. In your screen shot they show up white which is what I would expect. Also the qtips with icon are not rendering properly.

Anyone have fixes?

pixelbobby
30 Nov 2007, 9:40 AM
Thank you for the Black Theme! You've saved me a serious amount of time! :)

fsakalos
30 Nov 2007, 10:49 AM
You do really intresting themes. This theme is similar to Vista theme but here are little differencies that make it nice.

shily221
6 Dec 2007, 12:59 AM
Now i know how to change the theme throgh replacing the resouce file.But i have several themes, how i can change the theme throgh web page.

silverfang
9 Dec 2007, 8:57 PM
Any ideas on how to make the labels in the StartMenu black? because the letters are white and they don't show properly, this is for the mxracer desktop extension.

JeffHowden
10 Dec 2007, 3:51 AM
Inspect with Firebug to see what class is applying the white.

gheidorn
10 Dec 2007, 10:07 AM
Are these compatible with the latest Ext 2.0 stable release? I'm showing some weird behavior when I attempt to use the Black and DarkGray themes. Could also be my lack of experience with Ext, too. :D Just wanted to check.

fallenrayne
13 Dec 2007, 7:58 AM
Hi, I love the look of your themes but sadly I can't download them through the firewall/internet settings that my workplace has set up. Could it be possible for someone to attach the zip file to the forum post? I know I can download it like that due to being able to download the Slate theme earlier.

I would appreciate it if anyone could help me out with that. (I could use Black and Dark Gray if possible).

Thanks,
Brandon

tobiu
12 Feb 2008, 5:18 PM
really a nice theme!

i think i found a small bug:

grid column headers have black text on black background with me.


kind regards and good job, tobiu

madrabaz
14 Feb 2008, 6:19 AM
really a nice theme!

i think i found a small bug:

grid column headers have black text on black background with me.


kind regards and good job, tobiu
Can you post a screen shot for this problem...

tobiu
14 Feb 2008, 7:17 AM
sure!

madrabaz
14 Feb 2008, 7:25 AM
Interesting;

Did you add additional class to grid...

DeeZ
15 Feb 2008, 5:56 AM
On the black theme, I notice a pb with grid header and grid paging toolbar (cf. screenshot).
In fact whatever the theme (Black, Dark gray, Olive and Purple) the color used for the header and the paging tool bar is not modified. For the black theme it's critical because headers are really difficult too read.

Another point concerning FieldSet. The color is also always the same whatever the theme (cf last both screenshoots)

NOTE: I don't use at all specific class

Thx for your great work on those themes !

madrabaz
15 Feb 2008, 10:22 AM
Hi all;
Thanks for your kind words and replies

I update the theme please look at the first post for detail.

I hope to update the others....:">

P.S : Please upload a screen shot when report a bug or a bad looking thing. It realy helps to solve the problem...

tobiu
18 Feb 2008, 11:56 PM
hi madrabaz,

i works fine with me now. good job!

i'm not sure, but i think i found another missing colour:
when using an Ext.Window, inside an Ext.form.FormPanel and inside that textfields,
i have white fieldLabels on white background.
on your screens in the first posting, there is such an window with white label-text and dark-grey background-colour, so i guess, panels or formPanels need to get the bgcolor.

EDIT: i tested to change:



.x-panel-body {
border-color:#000000;
}


to



.x-panel-body {
background:#363636;
border-color:#000000;
}


and it works for me.


kind regards, tobiu

ramaboo
6 Mar 2008, 5:42 AM
awsome theme... the Ext.grid.PropertyGrid doesn't work though :(

mabello
19 Mar 2008, 1:25 AM
First of all,
congratulations for the theme, it's impressive and I really do like it a lot!!

I'm using IE6, and of course I have problem with png.
Besides, when I disable a button for example in the toolbar, it looks not good, is it always because of PNG?
What the best to fix it? (convert PNG in gif?)
Keep up the gerat work and thanks for sharing

Ale1881
19 Mar 2008, 11:04 AM
Hello !!

I can't use css. I only can modify text style, but when i try to modify backgroud image nothing happen. For example if i replace

.x-btn-text{
color: #112233;
}

by

.x-btn-text{
color: #FF00FF;
}

and it works fine, but if i replace...

.x-btn-left{
background-image:url(../images/default/button/btn-sprite.gif);
}

by

.x-btn-left{
background-image:url(../images/default/black/btn-sprite.gif);
}

nothing happen.

I download this theme to probe in my proyect and it doesn't work neither. I try to resolve it editing ../images/default/button/btn-sprite.gif but it doesn't work. i don't know where is retriving de image.

can someone help me, please ??

PD: sorry about my poor english.

regards.

Ale.

wokier
19 Apr 2008, 1:07 AM
Hello

Thanks for your wonderful job.=D>

I have some problem rendering an upload field.
i use...


TextField upload = new textField();
upload .setInputType("file");

which produce something like...


input type=file class=x-form-file x-form-field

It seems to use gwt ext style,
but nothing particular for x-form-file, and nothing from the black theme.


.x-form-field {ext-all.css (line 133)

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {ext-all.css (line 9)

I know it is hard to use css for this #!"##" upload, but you seem to be the man for that.:D
Could you do something for render the upload button quite like another black button?

use [code]

Note: I use gwt ext 2.0.2 and extjs 2.0.2.

wokier
10 May 2008, 1:35 AM
I worked on the upload button.

This site helped me to find out what is possible to do:
http://www.456bereastreet.com/lab/form_controls/file/

here is my solution:


.x-form-file {
border: 2px solid #CCCCCC;
color: #000000;
background-color: #FFFFFF;
font-weight:bold;
height: 22px;
}

hope it will help someone :)

BrianK
12 Sep 2008, 2:53 PM
I hate for this to be my first post on this forum but....

I'm fairly new to ext, so maybe I'm missing something, but I'm guessing these themes don't work with ext2.2. Is that the case?

Working with the grid-grouping example, I simply changed the ext-all.css to xtheme-black.css in the html & this is what I get. Am I missing a step? (it lives here (http://churchofbk.com/ext/ext-2.2/examples/grid/grouping.html) if it helps)

tobiu
13 Sep 2008, 2:17 AM
hi BrianK,

do not change the css, include them both. the ext-all first.
if you got still trouble then, post again.


kind regards, tobiu

Vaevictus
15 Sep 2008, 12:47 AM
The link to the theme in the first post appears to be down.

BrianK
15 Sep 2008, 2:59 PM
hi BrianK,

do not change the css, include them both. the ext-all first.
if you got still trouble then, post again.


kind regards, tobiu
That did it. Thanks for the great theme!


The link to the theme in the first post appears to be down.
fyi - the link is down, however, at the very bottom of the first post, there is an attached file which does work.

Belo belosik
17 Oct 2008, 5:22 AM
Hi, i cannot download the theme :( no download start in the new window. Is there any solution? Thanx

Nand@
17 Oct 2008, 5:52 AM
all the themes links are down :s

BrianK
17 Oct 2008, 9:35 AM
Hi, i cannot download the theme :( no download start in the new window. Is there any solution? Thanx

Use the attachment on the first post - not any of the links. See attached image.

Nand@
17 Oct 2008, 12:44 PM
ok in this theme is ok but the rest from madrabaz are down :-?

BrianK
17 Oct 2008, 4:39 PM
ok in this theme is ok but the rest from madrabaz are down :-?
They're all there... I just checked & found themes for Black, Purple, Slickness, Olive, & Dark Gray. Not all of them are on the first page and not all of them are posted by the author, but they all exist as attachments in their respective thread.

True, they should be cleaned up & placed where they are easier to find, but if you're looking for one to use for yourself, they're there. ;)

Nand@
18 Oct 2008, 7:06 PM
ok thanks i check it out ;)

hiteshubharani
24 Oct 2008, 4:11 PM
I am using this black theme on my page and it looks so cool..Thanks!!

alslp
16 Feb 2009, 5:11 PM
really cool template

jratcliff
16 Feb 2009, 6:21 PM
I simply changed the ext-all.css to xtheme-black.css

You can't just swap out ext-all.css. I'm pretty sure for all themes you include ext-all.css first, followed by the xtheme-xxx.css file.

mabello
17 Feb 2009, 1:24 AM
@jratcliff
That's correct

Muktha
12 May 2009, 10:59 PM
Theme Combo Box is not working in IE but it's working Firefox please can you tell me why it's not working in IE.

armagedon
16 Jul 2009, 4:15 AM
Your theme is the best of all!
Do you plan to upgrade it to EXt 3?

albyu2
29 Jul 2009, 2:06 AM
sorry I'm not able to add new themes to my extjs project.
I'm developing a website and I set a reference to Coolite.Ext.Web.dll, I'm using this script

<ext:ScriptManagerID="ScriptManager1"runat="server"Theme="Slate"/>

I download BLACK (http://extjs.com/forum/showthread.php?t=15504)and DARK-GRAY (http://extjs.com/forum/showthread.php?t=15341) themes and put them in C:\Program Files\Coolite\Coolite Toolkit Community v0.8.0\Source Project\Coolite.Ext.Web\Build\Resources\Coolite\extjs\resources\css rebuilt the solution Coolite.Toolkit.sln in C:\Program Files\Coolite\Coolite Toolkit Community v0.8.0\Source Project but nothing changed! what I'm expeting is to select these themes in that script, but I still see Default - Gray - Slate only!

Can samone help me please?

Thank you sop much!



ps: sorry problably I post it twince...

ahatzig
6 Aug 2009, 9:33 PM
Hello to you all.
For the last couple of days I have been going through the forums and google trying to find out why the installation of this theme is not working for me. Obviously I haven't figure this out that's why I am seeking your help.
I downloaded the theme and added the css under resources/css/ and the black folder for images under /resources/images/.
I included the references


<link rel="stylesheet" type="text/css" href="../src/js/ExtJS/resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="../src/js/ExtJS/resources/css/xtheme-black.css">The theme was installed but the images of the theme are not being displayed.

What am I doing wrong.

Thanx in advance

Andreas

Serge Adda
14 Dec 2009, 8:51 AM
The toolbar buttons (toolbar button, and split button) are blue when hovered with mouse, like in this image.

What should I change to make it "non-blue"? light-gray is OK for example.

Thank you!

Serge Adda
14 Dec 2009, 8:58 AM
Here are some "selection colors" fix for the tree, grid and combo-box:



/* grid, combo, tree selections */
.x-grid3-row-selected {
background-color: #ffeed0 !important;
border:1px dotted #999999;
}
.x-grid3-cell-selected{
background-color: #eeddc0 !important;
}

.x-combo-list {
border-color: #000000;
}

.x-combo-list .x-combo-selected {
border-color: #999999 !important;
background-color: #ffeed0 !important;
}

.x-ftree2-selected {
background-color: #ffeed0 !important;
}


Cheers !

tjoklee
13 Jul 2010, 10:03 PM
The toolbar buttons (toolbar button, and split button) are blue when hovered with mouse, like in this image.

What should I change to make it "non-blue"? light-gray is OK for example.

Thank you!
I have an issue with this as well. Probably because the theme is built for version 2.0, and it doesn't have the btn.gif image file in the button folder.

fender
23 Aug 2010, 5:20 AM
I'm a bit confused about the license. I'm under impression that it is licensed under LGPL from
reading those pages :

http://wwww.extjs.com/learn/Extension:BlackTheme
http://www.sencha.com/forum/showthread.php?15504-Theme-Black&p=80864#post80864

However the bundled css file still says it's available under GPL. Can I use it with my commercial
product, when I have purchased a developer license from Ext?

kcav8or
24 Aug 2010, 12:15 PM
I'm having a problem with the color of the text in the confirmation box for xtheme-black. It is showing as light gray text on a white background and is unreadable. I notice in the graphic posted by the author that the text in the tabbed window appears the same way. Where can that be modified?

I've attached a screen shot.
22107

AIRTRACKER
26 Jan 2011, 2:24 PM
Hello friend, install the file and I'm BlacKTheme a display problem: some buttons and controls are in blue when the mouse is over button so, I've tested with version 3.3.0 and EXT-EXT-3.3. 1 could you help me?

my email: engenharia@airtracker.com.br

Thanks

tobiu
27 Jan 2011, 12:22 AM
hi airtracker,

this theme was build for ext 2.x.
there are a lot of css / images like buttons that have to be changed to make it work with ext 3.x.


best regards
tobiu

AIRTRACKER
27 Jan 2011, 6:17 AM
Hello Tobio, thanks for answering my question, I have been researching a solution to improve the appearance of buttons in
(xtheme slickness in-EXT-3.3.0). Folder (resorces / Images /DEFAULT) it is possible to replace the sub-folder (Button) for another folder with another (THEME-button folder). Does not fully solve the problem, but improves the appearance of the buttons ok.

Thanks again for responding,

Flavio Synthes

engenharia@airtracker.com.br

www.translate.google.com (http://www.translate.google.com)

kapil gupta
22 Feb 2011, 10:18 PM
Hi All , I am using Coolite Toolkit Professional Edition with Version : 0.8.2. I have ext-all.css ,xtheme-slate.css and others in resource folder(on a server). i host this resource folder on IIS and give path of server's resource folder to virtual directory. problem is that some time I am geeting blue color instead of gray for panel's background for any browser. my script manager is like given below. please help me. thanks

<ext:ScriptManager ID="ScriptManager1" runat="server" CleanResourceUrl="false" ResourcePath="<%=Global.COOLITE_RESOURCE_FILE_LOCATION%>">

thanks And Regards
Kapil Gupta
INDIA

kapil gupta
22 Feb 2011, 11:21 PM
I saw in firebug( firefox tool), I am getting blue color form this path given below

WebResource.axd?d=K6V9NSxPlXNDszyOu_CWy8zRsprg7_BjLVyIb2owOX3sLXghFCZjIikV3cQiiu317onqrO2BXDnlNXQvpL4AEHrWL8tbsPnLsg6qktfWgyj0J3NlYmj5QUZa_RgPomZLlKbIgUST-dGM12YsLbV2QKXWthBc70c74fpRkLRJsH9wLigTP7dNBrhVw_j23LXjkMdaqA2&t=633818359780000000

but some time in browser when i am getting correct gray color the path is like given below

"../images/gray/panel/left-right.gif"

Please help


thanks And Regards
Kapil Gupta
INDIA