Javascript 为我的HTML组件实现暗主题

我正在使用ExtJS创建一个接口，其中实现了一个黑暗主题。 我已经成功地将CSS样式应用于我的主界面组件（通过直接修改它们的CSS类）和一个按钮点击（主题的选择）

现在的问题是，对话框窗口组件是在单击它们各自的菜单按钮时创建的：CSS类是事后创建的，所以黑暗主题也不会应用于它们。 我的问题是：从算法上讲，要在这些对话框窗口上应用暗主题，我是否必须设置一个全局变量来检查是否启用了暗主题（变量设置为

true

），以便它们更改颜色

---

谢谢

您使用的是材料设计主题吗？有一个内置的暗/光模式。随着颜色的变化，它的效果非常好

这似乎不起作用。我使用示例厨房水槽中的代码

extjs-7.3.1/examples/kitchensink/modern/src/controller/Main.js

onDarkModeChange是一种将更改为暗模式的方法。 更新MaterialTheme以设置颜色

extjs-7.3.1/modern/theme-material/src/theme/material.js-这些是内置颜色。它们来自谷歌的材料设计主题规范

---

调色板按钮上有一个暗模式开关。

感谢您的回复，我使用的是主题清晰，我找不到您提到的onDarkModeChange。你能指给我看吗？PS：我使用的是ExtJS 6.2.0，我不确定该版本的ExtJS是否有材质主题，我认为这只是材质主题的一部分。材料主题被添加到经典工具包（crisp所在的位置）中，直到7。所以我的帖子帮不了什么忙。我不知道你的应用程序有多大。。。但是从6到7的升级并没有那么大。