EXTJS 4 Theming

[Srikanth474]

Hello,

I am trying to create a theme for my Application. i have installed compass and started playing around with the variables in sass. i want to change the base color and changed the base color variable but the panel header is not changing in Internet Explorer. i can see the panel header changing in Firefox and Chrome.

my sass file

$color1: darken(#EAF4D7, 15);
$include-missing-images: true;
$base-color: $color1;

@import 'compass';
@import 'ext4/default/all';

Can anyone please let me know what am i doing wrong

Thanks in Advance,
Srikanth

[droessner]

Take a look at this: http://docs.sencha.com/ext-js/4-1/#!...ming-section-8

In older browsers the headers (and many other pieces) are images instead of being generated using CSS. You'll need to use the sencha slice tool to generate the images for your base color.