是否可以在 js 中触发 css prefers-color-scheme？答案

【问题标题】：Is it possible to trigger css prefers-color-scheme in js?是否可以在 js 中触发 css prefers-color-scheme？
【发布时间】：2022-07-29 00:01:14
【问题描述】：

我使用的组件会根据 @media (prefers-color-scheme: ...) 在 css 中查询媒体来更改其 UI。

是否可以使用 javascript api 触发更改？

这样的事情可能会触发css中的这个查询媒体规则？

 window.change('prefers-color-scheme', 'dark');

【问题讨论】：

如果你想自己改变颜色，那么不要使用用户偏好。
谷歌“js change prefers-color-scheme”搜索中的第一项 - stackoverflow.com/questions/56300132。它能回答你的问题吗？
不，我不想更改prefers-color-scheme，而是要触发它。不一样。

【解决方案1】：

我很确定您无法更改 prefers-color-scheme。 prefers-color-scheme 是暗模式的用户值，在操作系统设置中设置。

在MDN web docs上阅读更多关于prefers-color-scheme的信息

如果需要，您可以创建自定义暗模式切换。您可以拥有一个应用暗模式样式的 CSS 类 dark。

const dark = true;

if (dark) {
    document.body.classList.add('dark');
}

【讨论】：