ExtJS主题修改Ext.panel.Panel

Question

我正在使用ExtJS 4.1.1a，我试图创建一个新的主题为"tabbedPane“和一个正常的面板和”手风琴“布局。我在改变每一个标题的颜色时遇到了麻烦。也就是说，选项卡和选项卡的背景以及折叠面板的标题背景和字体颜色。你可以在http://robroscoe.ca上看到当前的设置。我正在尝试让两者的标题都是黑色背景和白色文本，并可能选择或活动的标签是垫紫色，用于导航栏中的面包屑部分。

应该注意的是，我正在尝试在ExtJS的SASS预处理器中设置所有内容，如果您能帮助我修改它，而不是直接修改CSS，我们将非常感激。

Answer 1

如果还没有，您应该从熟悉ExtJS 4- http://docs.sencha.com/ext-js/4-1/#!/guide/theming中的主题化方法开始

一旦你对这个过程有了很好的理解，我找到的以特定组件为主题的最简单的方法就是浏览文档。在较新的文档中，组件的API中包含了许多CSS混合，因此很容易弄清楚默认样式是如何应用的，然后从默认样式到覆盖/创建您自己的样式。下面是一个Ext.tab.Tab CSS混合的示例：http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tab.Tab-css_mixin-extjs-tab