EXTjs5 - 自定义主题问题1 [Tab]

时间:2014-08-04 16:43:31

标签: css extjs tabs theming extjs5

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

TAB

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

我添加这些sass值,并构建我的主题: 代码:

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

仅对ACTIVE选项卡无变化。出于某种原因,活动标签仍然使用ext-theme-grey css,并覆盖我的主题(截图如下):

enter image description here

我做错了什么?!

参考:链接到重复的sencha论坛帖子here

1 个答案:

答案 0 :(得分:1)

为什么要包括主题的CSS和ExtJS主题?你的主题将包含所有相关的CSS,基于ExtJS检测你使用的类。

你的风格被extjs主题中更具体的风格所覆盖。如果你需要两者(我认为你不这样做),你需要将样式标记为!important,而不是!default