CODEWITHSUNDEEP
extjsstyles
ericobi
ericobi

Reputation: 549

How to style all ExtJs components with one color?

in my app.css file, I have got a class for header and components color value.

I am using css not sass or scss.

.header-class {
   color: #1100aa !important;
}

and I want to change the color in theme setting in my frontend dialog.

How can I do this?

Upvotes: 0

Views: 187

Answers (1)

DQ.Huang
DQ.Huang

Reputation: 11

Define a ui for the panel, see https://docs.sencha.com/extjs/7.0.0-CE/modern/ext.Panel.html .css_mixin-panel-ui

@include panel-ui(
    $ui: 'dialog',
    $header-font-weight: normal,
    $header-padding: 5px 7px,
    $header-min-height: 46px,
    $header-min-height-big: 46px,
    $header-background-color: #3a3a3a,
    $header-padding-big: 0 10px 0 0,
)

Upvotes: 1

Related Questions