程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Firefox 拒绝支持深色模式大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决Firefox 拒绝支持深色模式?

开发过程中遇到Firefox 拒绝支持深色模式的问题如何解决?下面主要结合日常开发的经验,给出你关于Firefox 拒绝支持深色模式的解决方法建议,希望对你解决Firefox 拒绝支持深色模式有所启发或帮助;

我已经测试了 firefox 67-83 并且绝对没有版本真正支持暗模式!

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

所有浏览器的相关 CSS:

@media (prefers-color-scheR_716_11845@e: 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,.9) !important;
  --color_priMary_text: #fff !important;
  --color_status_good: #0c0 !important;
  --color_status_neutral: #aaa !important;
  --color_status_fair: #9c0 !important;
 }
}

如何强制 firefox 支持暗模式?

解决方法

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

大佬总结

以上是大佬教程为你收集整理的Firefox 拒绝支持深色模式全部内容,希望文章能够帮你解决Firefox 拒绝支持深色模式所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: