【问题标题】:Firefox Refuses to Honor Dark ModeFirefox 拒绝支持黑暗模式
【发布时间】: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 支持暗模式?

【问题讨论】:

    标签: css firefox darkmode


    【解决方案1】:

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

    【讨论】:

    • 太好了,谢谢!我测试过,这适用于 Firefox 71+。它在 Firefox 67、68、69 或 70 中不起作用,但是 应该 支持暗模式。不过该死的还不错!
    • 在 FF 94 中,这与更改操作系统设置相同。网站仍在使用“浅色”配色方案。
    猜你喜欢
    • 2022-06-28
    • 2021-07-21
    • 2020-02-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-08
    • 2020-07-27
    • 1970-01-01
    相关资源
    最近更新 更多