火狐强制深色模式有三种原生方案:1. 修改layout.css.prefers-color-scheme.content-override为2,强制渲染引擎按深色处理;2. 启用ui.systemusesdarktheme等三项配置并重启;3. 通过usercontent.css注入全局css滤镜并启用toolkit.legacyuserprofilecustomizations.stylesheets。

你想让火狐浏览器不管网页本身有没有深色模式,都强制显示为暗黑背景、浅色文字,实现真正护眼的夜间阅读体验,不需要装Dark Reader这类扩展,也不依赖网站自身适配。
通过about:config强制覆盖颜色偏好
这是最底层、最可靠的原生方案,直接告诉火狐渲染引擎:“所有网页必须按深色方案处理”,连JavaScript动态生成的内容也会被识别并响应。
1、在火狐地址栏输入 about:config 并回车,点击“接受风险并继续”。
2、在搜索框中粘贴并输入:layout.css.prefers-color-scheme.content-override。
3、如果该选项不存在:右键空白处→“新建”→“整数”,名称填入上面一整行字段,值设为2;如果已存在,双击数值,将原值改为2(【0=跟随系统,1=强制浅色,2=强制深色】)。
4、关闭该标签页,重新打开任意网页(如百度、知乎、GitHub),刷新后即可看到背景变为深灰或纯黑,文字自动转为浅灰或白色——无需重启浏览器。
启用ui.systemUsesDarkTheme实验性滤镜
这个方法不改颜色偏好逻辑,而是在UI层叠加一层轻量级CSS滤镜,类似系统级深色覆盖,对老旧或结构混乱的网页兼容性更好,且资源占用极低。
方法一:快速启用组合开关
1、再次进入 about:config → 接受风险。
2、依次修改三项配置:
• 搜索 ui.systemUsesDarkTheme,设为1;
• 搜索 widget.non-native-theme.enabled,确保值为true;
• 搜索 browser.display.use_system_colors,设为false。
3、【必须重启火狐浏览器】,否则滤镜不会生效。
用userContent.css注入全局CSS滤镜
当以上两种方式在某些特殊网页(比如内联style写死#ffffff背景的管理后台)仍显示发白时,此方案能穿透所有样式层,直接重写页面最基础的色彩规则。
第一步:定位配置文件夹
在地址栏输入 about:support → 找到“配置文件夹”旁的“打开文件夹”按钮并点击。
第二步:创建chrome子目录与userContent.css文件
在打开的文件夹中新建名为 chrome 的文件夹(注意拼写全小写);进入chrome文件夹,新建一个纯文本文件,命名为 userContent.css(扩展名必须是.css,不能是.txt)。
第三步:写入强制深色CSS规则
用记事本或VS Code打开userContent.css,粘贴以下内容并保存:
@-moz-document url-prefix() { body, html { background-color: #121212 !important; color: #e0e0e0 !important; } * { background-color: #121212 !important; border-color: #333 !important; } img { filter: brightness(0.8) contrast(1.1); } }
第四步:启用自定义CSS
回到 about:config → 搜索 toolkit.legacyUserProfileCustomizations.stylesheets → 双击设为true;然后关闭并重启火狐。











