我最近开始为 Sencha 的 ExtJS 5 创建自定义主题。
在http://docs.sencha.com/extjs/5.0.0/core_concepts/theming.html之后，我设法创建 ThemeDemoApp、继承ext-theme-neptune、更改$base-color为绿色并使用my-custom-theme. 一切都好。
我的问题是，ThemeDemoApp 对于测试自定义主题非常糟糕。面板、选项卡、按钮和模式窗口。而已？
经过一番谷歌搜索后，我偶然发现了http://dev.sencha.com/ext/5.0.0/examples/themes/index.html。（为什么指南中没有提到这一点？！）标题说：根据捆绑的 Ext 主题或您自己的自定义主题查看和测试每个 Ext 组件。
我的问题是：如何？如何针对此示例测试我自己的自定义主题？我是否必须深入研究源代码（themes.js）并自己构建这样的页面/应用程序？
示例 - 包括主题测试器 - 包含在 ExtJS 下载中。
shared/options-toolbar.js您可以通过编辑文件来修改可用主题列表。
要让它找到您的主题，您需要将其命名为与其他主题相似的名称 ( ext-theme-name)，或进行相应修改themes.js。
或者你可以直接破解theme.js文件来硬编码你的主题。
（Ext JS 4 用于自动为主题创建示例页面 - 但现在似乎没有这样做）
根据如何在另一个 JavaScript 文件中包含一个 JavaScript 文件？我决定同时加载options-toolbar.jsand themes.js（只需稍作修改 - 注释掉 Ext.onReady(...) 中的函数themes.js）并在我自己的应用程序中使用函数getBasicPanel(),getCollapsedPanel()等来创建相同的测试页面（适合的绝对布局容器这页纸）。
无论如何，我猜罗伯特的答案是正确的——Sencha 没有预先安排好的、即用型的功能:-(