Extjs 4.2 changing frame color for panels

Question

I am using Sencha CMD to build up my theme package. I want that my framed panels will have border-radius of 8 pixels and that they will be white.

Here is what I have done:

$panel-frame-border-radius: 8px !default;
$panel-frame-border-color: #fff !default;

Now I see that the border radius has changed, but its color is still as the ext classic theme (blue).

How can I change this color?

the applied style is .x-panel-default-framed and currently the the background color is #dfe9f6 — AMember, Jul 21 '13 at 11:19
On IE8 a different style is applied, one that has background images... — AMember, Jul 21 '13 at 11:30
check the particular selectors of the applied style and your — zerkms, Jul 21 '13 at 12:19

score 0 · Answer 1 · answered Jul 22 '13 at 05:55

0

Ok , I solved it by adding the following rule

$panel-frame-background-color: #FFFFFF !default;

Did not realize that this was the appropriate property to use.

answered Jul 22 '13 at 05:55

AMember

1 Answers1