我最近开始为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。一切都好。
我的问题是， ThemeDemoApp很难用于测试自定义主题。面板，标签，按钮和模态窗口。就是这样吗？
经过一番谷歌搜索后，我碰到了http://dev.sencha.com/ext/5.0.0/examples/themes/index.html。 （为什么指南中没有提到这个？！）标题说：查看并测试每个Ext组件与捆绑的Ext主题或您自己的自定义主题。
我的问题是：如何？如何针对此示例测试自己的自定义主题？我是否需要深入了解源（themes.js）并自己构建这样的页面/应用程序？
答案 0 :(得分：0)
示例 - 包括主题测试器 - 包含在ExtJS下载中。
您可以通过修改shared/options-toolbar.js文件来修改可用主题列表。
要让它找到您的主题，您需要将其命名为与其他主题相同（ext-theme-name），或相应地修改themes.js。
或者你可以破解theme.js文件来硬编码你的主题。
（Ext JS 4用于自动创建主题的示例页面 - 但它现在似乎没有这样做）
答案 1 :(得分：0)
根据How do I include a JavaScript file in another JavaScript file?的建议，我决定加载options-toolbar.js和themes.js（只需稍作修改 - 在{{1}中注释掉Ext.onReady（...）函数我在自己的应用程序中使用了函数themes.js，getBasicPanel()等来创建相同的测试页面（适合页面的绝对布局容器）。
无论如何，我猜Robert的答案是正确的 - Sencha没有预先安排好的，随时可用的功能： - （