Css Firefox：如何测试首选配色方案？

在Firefox67中，可以使用媒体查询来检测用户

在我的Firefox版本中（在Ubuntu下），似乎我更喜欢轻主题。也就是说，以下CSS提供了蓝色背景：

@媒体（首选颜色方案：浅色）{
：根{}
身体{
背景颜色：蓝色；
}
}

您可以通过转到

关于：config

并添加一个值为

1

的整数类型的新属性

ui.systemUsesDarkTheme

来更新Firefox使用的样式

它不会像您在Windows或Mac中更新操作系统设置时那样自动更新活动页面上的值，但是如果您在更新后刷新页面，它会自动恢复

您可以通过查看来确认浏览器设置是否正确

编辑：

---

在firefox 71上，更新应用于活动页面而不刷新

另一种方法是转到

about:config

，并将

devtools.inspector.color scheme simulation.enabled

属性设置为

true

这将向devtools检查器选项卡添加一个按钮，该按钮允许您在当前页面上快速切换模拟亮模式和暗模式

---

最终，此功能将不再隐藏在标志后面。您可以在上跟踪其进度。从2020年11月起，默认情况下还需要启用此标志。

只是为了完整性：如果所有操作都失败，则会出现一个（）。
如果你想要一个黑色的，它会通过阅读网站的CSS并重新应用黑色版本的部分来改变样式。因此，它也只能强制一个黑暗的网站，而不是光明的网站。自述

---

披露：我是这个附加组件的作者。这对您没有多大帮助，但在macOS上，只有在“首选项”>“常规”中进行更改，我才能更改它|@rubo77的：root属性是什么？@rubo77当然可以，但是为什么要在这里添加空的selektor？@rubo77啊，我的错误，我想根据用户偏好在其中添加一些变量，但这对于最小的工作示例来说是不需要的。这就像所描述的那样工作。在Linux Mint 19.1和Firefox 67.0.4上测试。为什么这个pref这么难找到？仅供参考：要添加新属性，您必须右键单击about:config:）注意，新值必须是上面提到的整数，布尔真值不起作用！在我的例子中（在使用GNOME的Fedora/Linux上），这在Firefox83中似乎不再起作用了——即使在重启之后。