Firefox 拒绝支持黑暗模式

Posted 2023-03-06

【中文标题】Firefox 拒绝支持黑暗模式

【英文标题】：Firefox Refuses to Honor Dark Mode

【发布时间】：2021-06-11 10:27:53

【问题描述】：

我测试过 Firefox 67-83，绝对没有版本真正支持暗模式！

不，我在问一个开发者问题。 不，我明确不是在谈论扩展。 不，我安装了零个扩展。 是的，暗模式在 Chrome 和 Safari 中运行良好，仅更改操作系统首选项。 是的，我已将 Windows 10 和 Firefox 都设置为暗模式。 window.matchMedia('(prefers-color-scheme: dark)').matches 返回false。 window.matchMedia('(prefers-color-scheme: dark)') 显示 media: "(prefers-color-scheme: dark)"。 是的，我创建了一个干净的配置文件。 是的，我已尝试在 67 和 83 中创建 about:config 并将 browser.in-content.dark-mode 设置为 true。

所有浏览器的相关 CSS：

@media (prefers-color-scheme: dark)

  :root
 
  --color_anchor_text: #bfc7d2 !important;
  --color_anchor_focus_text: #8b98ac !important;
  --color_anchor_visited_text: #f2ddca !important;
  --color_body_background: #000 !important;
  --color_form_background:  #222 !important;
  --color_form_background_focus: #444 !important;
  --color_form_text: #fff !important;
  --color_form_text_placeholder: #777 !important;
  --color_primary_background: rgba(34,34,34,.9) !important;
  --color_primary_text: #fff !important;
  --color_status_good: #0c0 !important;
  --color_status_neutral: #aaa !important;
  --color_status_fair: #9c0 !important;
 

如何强制 Firefox 支持暗模式？

【参考方案1】：

我在about:config 中设置了ui.systemUsesDarkTheme: 1 如此处所述https://github.com/mdn/browser-compat-data/pull/9299

【讨论】：

太好了，谢谢！我测试过，这适用于 Firefox 71+。它在 Firefox 67、68、69 或 70 中不起作用，但是 应该 支持暗模式。不过该死的还不错！

在 FF 94 中，这与更改操作系统设置相同。网站仍在使用“浅色”配色方案。