javascript - ExtJS 主题修改 Ext.panel.Panel

Question

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

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

Answer 1

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

一旦您很好地理解了该过程，我发现为特定组件设置主题的最简单方法就是浏览文档。在较新的文档中，许多 CSS mixins 与组件的 API 一起包含在内，因此可以很容易地弄清楚如何应用默认样式，然后从它们开始覆盖/创建您自己的样式。这是 Ext.tab.Tab CSS 混合的示例:http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tab.Tab-css_mixin-extjs-tab