ExtJS 主题修改 Ext.panel.Panel

Question

我正在使用 ExtJS 4.1.1a，我正在尝试为“tabbedPane”和具有“Accordion”布局的普通面板创建一个新主题。我无法更改每个标题的颜色。也就是说选项卡和选项卡的背景以及折叠面板的标题背景和字体颜色。您可以在http://robroscoe.ca 查看当前设置。我试图让标题为黑色背景和白色文本，并且可能选择或活动选项卡为导航栏中面包屑部分中使用的紫色垫子。

应该注意的是，我正在尝试在 ExtJS 的 SASS 预处理器中设置所有内容，并且非常感谢在修改它而不是直接修改 CSS 方面的任何帮助。

Answer 1

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

一旦您对流程有了很好的了解，我发现对特定组件进行主题化的最简单方法就是查看文档。在较新的文档中，许多 CSS mixin 与组件的 API 一起包含，因此很容易弄清楚默认样式是如何应用的，然后从它们开始覆盖/创建自己的样式。这是 Ext.tab.Tab CSS mixin 的示例：http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tab.Tab-css_mixin-extjs-tab