问题描述
我已经生成了 preact-cli 应用程序，我在 Header.js 中有下一个代码：
document.body.classList.add('mdc-theme--dark');
当用户想要将使用过的浅色主题更改为深色主题时。我见过另一个应用程序，在这种情况下，材料控制会改变主题。但是当上面的代码执行时，它只会改变应用程序的背景！？？
我必须使用某种主题提供程序吗？或者我必须显式设置每个 jsx 元素，如果是这样，我必须使用哪个 css 类名/控件等，以及必须在 css 中定义哪种 css 选择器？一个主要的例子可能非常好！
解决方法
我找到了一个 github 网址，他们在 preact-material-boilerplate 中讲述了这个主题。从那里最好的方法是：Theming，然后：npm install @material/theme 并更改自定义基色属性，如文档中。
下一篇博客将详细介绍 css 自定义属性：https://fristys.me/blog/easy-light-and-dark-mode/