EXTjs5 - 自定义主题问题 1 [选项卡]答案

【问题标题】：EXTjs5 - Custom Theme Issue 1 [Tab]EXTjs5 - 自定义主题问题 1 [选项卡]
【发布时间】：2014-09-27 05:09:09
【问题描述】：

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

标签

我从“ext-theme-gray”包中扩展了一个主题。我只是想改变标签标题的文本颜色，但这些 sass 变量似乎没有正确改变颜色。 “ext-theme-gray”的文本颜色为#333。

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

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

仅对 ACTIVE 选项卡没有更改。出于某种原因，活动选项卡仍在使用 ext-theme-gray css，并覆盖了我的主题（截图如下）：

我做错了什么？！

参考：链接到重复的煎茶论坛帖子here

【问题讨论】：

标签： css extjs tabs theming extjs5

【解决方案1】：

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

您的样式被 extjs 主题中更具体的样式所覆盖。如果你需要两者（我认为你不需要），你需要将你的样式标记为!important，而不是!default

【讨论】：