Css EXTjs5-自定义主题第1期[选项卡]

我在一些SASS主题组件上遇到了很多问题。我将从最让我烦恼的那个开始。。。我已经为EXTjs 4.x编写了一系列自定义主题，还没有遇到这些问题，但是主题化5.x被证明有点错误/不同。我不确定我是否只是没有使用正确的sass变量，或者什么。。。请帮忙

标签

我扩展了“ext theme gray”包中的一个主题。我只是试图更改选项卡标题的文本颜色，但这些sass变量似乎没有正确更改颜色。“外部主题灰色”的文本颜色为#333

我添加这些sass值，并构建我的主题： 代码：

仅对活动选项卡没有更改。出于某种原因，活动选项卡仍在使用ext主题灰色css，并覆盖我的主题（下面的屏幕截图）：

我做错了什么

---

参考：复制sencha论坛帖子的链接

为什么要同时包含主题的CSS和ExtJS主题？根据ExtJS对您使用的类的检测，您的主题将具有所有相关的CSS

您的样式将被extjs主题中更具体的样式覆盖。如果两者都需要（我认为不需要），则需要将样式标记为

！重要信息

，而不是

！默认值

    $tab-color: #c8c8c8 !default;    
    $tab-color-active: #c8c8c8 !default;
    $tab-color-over: #c8c8c8 !default;
    $tab-color-disabled: #c8c8c8 !default;