Custom theme not displaying for older browsers

[cmeans]

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?

Thanks.

[cmeans]

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.

[mitchellsimoens]

Do you have $theme-name : 'blue'; set in app.scss?

[cmeans]

Nope.

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';



-Chris