javascript - 编辑 "prefers-color-scheme"值以强制使用暗模式

Question

我一直在寻找解决方案(在线和在 Chrome 控制台中)，但没有成功。
实现暗模式的“正确”方法是使用带有“prefers-color-scheme”参数的媒体查询:

body {
    color:#fff;
}

@media (prefers-color-scheme: dark) {
    body {
        color:#fff;
        background:#333333
    }
}

If you can read this text Dark Mode is Working

某些浏览器(IE、Firefox Mobile 等)或使用 Xamarin 制作的应用程序无法以正确的方式传递此参数，因此我正在寻找一种手动更改它的方法。
可能是这样的:

screen.prefers-color-scheme = "dark"; //or
window.prefers-color-scheme = "dark"; //or
navigator.prefers-color-scheme = "dark"; 

我希望它是一个可从控制台读取的变量，但我浪费了很多时间寻找它但没有成功，我还阅读了许多关于名为“color-scheme”的元的帖子，但在我的元素中没有这样的东西(还有黑暗模式正常工作)
此参数在 Windows 和 Mac osx 上实时读取，如果您在打开浏览器的情况下切换主题，则会切换暗模式。
这可以保存在 session 中吗？我正在失去理智😒

Answer 1

不，很遗憾您不能设置 prefers-color-scheme手动。我寻找了相同的解决方案，但 AFAIK 无法通过 JavaScript 覆盖浏览器的设置:有几种替代解决方案，主要是 focused on CSS variables .恕我直言，这很糟糕，因为您必须在正确的方式之间进行选择，以原生支持浅色和深色主题，或者使用变量模拟原生属性，但现在没有解决方法就无法实现这一目标。
已编辑 :另外……暗模式，因为它打算在移动设备上呈现，应该直接从智能手机的设置中设置:所以浏览器只是涉及的元素之一。这就是为什么你不能改变这一点，我猜。