如何用一种颜色设置所有ExtJs组件的样式？

Question

在我的app.css文件中，我有一个用于标题和组件颜色值的类。

我使用的是CSS而不是sass或scss。

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

并且我想在前端对话框中更改主题设置中的颜色。

我该怎么做？

Answer 1

为面板定义一个ui，请参见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,
)