从此链接进行主题化：
要编写与应用程序视图相关联的CSS规则，需要创建一个.scs文件位于与视图相同的文件夹中，并且具有相同的基本名称。对于例如，要设置视图App.view.main.main的样式，您可以将main.scss添加到该文件夹中：
接下来，我在同一文件夹中有两个文件：Form.js和Form.scss
在Form.scss中，如果我定义了一个自定义类并将其包含在Form.js中，它就会起作用，并且我看到样式会应用。这项工作：
.toolbar-red {
background:green;
}
但是，如果我为Extjs引用一个内部类，它将不起作用。例如，这不起作用：
.bold-grid .x-column-header-text-inner {
font-weight: bold;
}
我知道上面的样式是有效的，因为当我在/theme/sass/src/Application.scss中添加这个样式时，它可以随心所欲地工作。仅供参考，我正在使用Sencha Architect，并将我的自定义样式添加到主题sass文件中。但我希望它们在各自的文件中，因此我试图将它们添加到Form.scss中。但如上所述，如果我使用内部类，它将不会拾取它。
您是否有可能为自己的主题使用不同的前缀？
也许试试这个：
.bold-grid .#{$prefix}column-header-text-inner {
font-weight: bold;
}
您有权访问Sencha Themer吗？如果是这样的话，这真的很容易做到。在themer中打开你的主题，并为工具栏创建一个自定义UI。你可以为任何组件这样做，BTW。无论你给自定义UI起什么名字，都是你稍后在SA中使用的。保存并应用到SA主题后，返回SA并重新编译主题。这是通过单击项目检查器窗格最底部的按钮来完成的。完成后，转到项目检查器中的工具栏，将ui配置选项设置为您命名的自定义ui。