View Full Version : Custom theme not displaying for older browsers

3 Nov 2012, 10:10 AM
Sencha Cmd v3.0.0.230
ExtJS v4.1.1a

I created a custom theme (just one tweak to see something different).

It's rendering fine in FF, but not in IE8.

It appears that the CSS references to "sliced" files are wrong.

For instance, the tool bar default is set as:

background-image: url(../../../ext/resources/themes/images/default/toolbar/toolbar-default-bg.gif) !important

but I think it should be:

background-image: url(../../../ext/resources/themes/images/default/toolbar/toolbar-blue-bg.gif) !important

("blue" is my custom theme name.)

Did I do something wrong in the "build/compile" process?


3 Nov 2012, 3:25 PM
I realized that my choice for a theme name might have been stupid (blue), so I tried a different theme name "coffee". Unfortunately, got the same result.

5 Nov 2012, 7:28 AM
Do you have $theme-name : 'blue'; set in app.scss?

5 Nov 2012, 9:09 AM

We're talking about the app.scss that's in the 'resources/sass/<theme>/' folder correct?

If so, I just tried that using the theme name "coffee", and got tons of the following types of error:

[INFO ] [shellscript] WARNING: @theme-background-image: Theme image not found: ../../../ext/resources/themes/images/coffee/box/corners.gif

Here's my app.scss:

@import 'compass';

$theme-name: 'coffee';
$font-family: arial,verdana,sans-serif;
$font-size: 12px;
$base-color: #336ea4;

@import 'ext4/default/all';