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

Question

在Firefox 67中，人们可以使用媒体查询来检测用户对浅色或深色主题的偏好。

在我的Firefox版本（在Ubuntu下）中，我的偏好似乎是轻主题。也就是说，以下CSS给出了蓝色背景：

@media (prefers-color-scheme: light) {
   :root {}
  body {
    background-color: blue;
  }
}

如何更改Firefox首选项，使其prefers-color-scheme: dark 评估为true？

我发现一个似乎可以解决问题的加载项，但是我自己的CSS一定做错了，因为它在我的页面上不起作用。 黑暗的网站力量

Answer 1

执行此操作的另一种方法是转到about:config并将devtools.inspector.color-scheme-simulation.enabled属性设置为true。

这会在 devtools 检查器选项卡中添加一个按钮，允许您在当前页面上的模拟亮模式和暗模式之间快速切换。

最终，此功能将不再隐藏在标志后面。您可以在Bugzilla上跟踪其进度。截至 2020 年 11 月，还有一个新错误可以默认启用此标志。

Answer 2

You can update the style used by Firefox by going to about:config and adding a new property ui.systemUsesDarkTheme of integer type with value 1.

它不会以与在Windows或Mac中更新OS设置相同的方式自动更新活动页面上的值，但是如果在更新后刷新页面，它将自动显示。

您可以通过查看mdn上的示例来确认浏览器设置正确

编辑：在firefox 71上，更新无需更改即可应用于活动页面