火狐浏览器可通过三步实现全局强制深色护眼模式:一、设置 layout.css.prefers-color-scheme.content-override 为2,欺骗网页启用暗色css;二、启用 toolkit.legacyuserprofilecustomizations.stylesheets 并配置 usercontent.css 注入全局护眼样式;三、启用 ui.systemusesdarktheme=1 等参数激活系统级深色滤镜。

您希望火狐浏览器彻底绕过操作系统主题设置,让所有网页无论系统是亮色还是深色,都强制呈现统一、护眼的深色视觉效果,避免页面闪烁、文字发虚或背景残留白边。
启用底层渲染级强制深色声明
这一步让火狐向所有网页“撒谎”,声称用户永远偏好深色方案,从而触发原生支持 prefers-color-scheme 的网站自动加载暗色CSS。
在地址栏输入 about:config 并回车 → 点击“接受风险并继续” → 在搜索框中输入 layout.css.prefers-color-scheme.content-override → 双击该项,将值改为【2】(0=跟随网页、1=强制浅色、2=强制深色)。
该参数生效无需重启,但仅对已适配CSS媒体查询的站点起效;未适配的页面仍为纯白底,需配合后续步骤补全。
注入全局护眼CSS实现像素级覆盖
userContent.css 是火狐唯一允许用户在渲染层直接重写网页样式的机制,能覆盖内联样式、动态生成内容及 Shadow DOM 封装元素,是护眼模式落地的关键。
第一步:在地址栏输入 about:support → 点击“配置文件夹”旁的“打开文件夹”按钮。
第二步:在打开的文件夹中新建名为 chrome 的子文件夹(若不存在)。
第三步:在 chrome 文件夹内新建纯文本文件,命名为 userContent.css,用记事本或 VS Code 打开。
第四步:粘贴以下护眼优化CSS规则并保存:
@media (prefers-color-scheme: light) {<br> body { background-color: #1a1a1a !important; color: #e0e0e0 !important; }<br> a:link { color: #4fc3f7 !important; }<br> a:visited { color: #ba68c8 !important; }<br> img, video { filter: brightness(0.9) contrast(1.1) !important; }<br>}
第五步:返回 about:config,搜索 toolkit.legacyUserProfileCustomizations.stylesheets,双击设为 【true】 以启用 userContent.css 加载。
激活UI级实验性深色滤镜
该方法激活火狐内置未公开的系统级深色叠加机制,不依赖扩展或DOM操作,仅通过CSS滤镜层叠加全局色调偏移,资源占用极低且对GPU渲染友好。
在 about:config 中搜索 ui.systemUsesDarkTheme,双击将其值由0改为1。
继续搜索 widget.non-native-theme.enabled,确保其值为 true。
再搜索 browser.display.use_system_colors,双击设为 false。
重启火狐浏览器,打开新标签页测试多个不同设计风格的网站,确认文字与背景对比度提升且无明显色偏。











