为我的 HTML 组件实现深色主题答案

【问题标题】：Implementing dark theme for my HTML components为我的 HTML 组件实现深色主题
【发布时间】：2020-11-19 21:18:11
【问题描述】：

我正在使用 ExtJS 创建一个正在实现深色主题的界面。我已经设法将 CSS 样式应用到我的主界面组件（通过直接修改它们的 css 类）以及单击按钮（主题的选择）。

现在问题出在对话框窗口组件上，它们是在单击各自的菜单按钮时创建的：CSS 类是事后创建的，因此深色主题也没有应用于它们。我的问题是：从算法上讲，要在这些对话框窗口上应用深色主题，我是否必须设置一个全局变量来检查是否启用了深色主题（变量设置为true）以便它们更改颜色？

谢谢

【问题讨论】：

【解决方案1】：

您使用的是材料设计主题吗？有一个内置的暗/亮模式。它在更改颜色时效果很好。

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

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

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

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

【讨论】：

感谢回复，我用的是theme-crisp，找不到你说的onDarkModeChange。你能指出来吗？ PS：我正在使用 ExtJS 6.2.0 我不确定该版本的 ExtJS 是否可以使用材料主题
我认为这只是材料主题的一部分。材料主题被添加到经典工具包中（crisp 所在的位置），直到 7 点。所以我的帖子没有太大帮助。我不确定你的应用程序有多大……但是从 6 升级到 7 并没有那么大。