微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

preact-material-components:如何更改为 mdc-theme--dark 以便所有后代 ctnl 更改 css 样式?

如何解决preact-material-components:如何更改为 mdc-theme--dark 以便所有后代 ctnl 更改 css 样式?

我已经生成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/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。