需同时启用firefox深色ui主题和dark reader扩展,并可强制系统级深色渲染:先在设置中选alpenglow dark主题;再安装dark reader扩展;对顽固网站,于about:config将layout.css.prefers-color-scheme.content-override和ui.systemusesdarktheme均设为2。

你想在夜间使用火狐浏览器时减少屏幕刺眼白光、缓解眼睛疲劳,需要同时调整浏览器自身界面(如标签栏、地址栏、菜单)和网页内容的显示风格,只改其中一项会导致视觉割裂——比如深色界面配亮白网页,眼睛仍需频繁适应明暗切换。
启用Firefox内置深色UI主题
这一步只改变浏览器外壳,不碰网页内容,是所有配置的基础。它稳定、零延迟、不依赖网络。
点击右上角三条横线菜单 → 选择“设置” → 左侧边栏点“常规” → 展开“语言和外观” → 在“主题”下拉菜单中选【Alpenglow Dark】或“深邃”。
选完立即生效,无需重启。如果你用的是Firefox 157 Nova新界面,Alpenglow Dark会自动适配圆角标签与发光高亮效果。
安装Dark Reader扩展统一网页内容
仅靠UI主题无法让Gmail、GitHub、知乎等网站变暗,必须用扩展接管网页渲染。Dark Reader是目前兼容性最强、算法最成熟的开源方案,支持动态分析DOM结构,而非简单反色。
方法一:官方商店直装(推荐)
在地址栏输入 https://addons.mozilla.org → 搜索框输入“Dark Reader” → 确认开发者为darkreader.org → 点击“添加到 Firefox”。
方法二:手动启用(适用于禁用远程扩展策略的环境)
下载Dark Reader源码包 → 解压后进入build/release目录 → 打开Firefox设置 → “附加组件与主题” → 右上角齿轮图标 → “调试附加组件” → “临时加载附加组件” → 选择manifest.json文件。
安装后,点击工具栏紫色月亮图标确保开启;若图标未出现,刷新一次页面或重启浏览器。
强制网页深色渲染(进阶补救)
某些网站(如部分政府平台、老旧CMS系统)会硬编码浅色样式,连Dark Reader的Dynamic模式也难以覆盖。此时需绕过前端逻辑,直接干预浏览器底层渲染参数。
第一步:在地址栏输入 about:config 并回车 → 点击“接受风险并继续”。
第二步:搜索 layout.css.prefers-color-scheme.content-override → 双击将其值由0改为【2】(代表强制深色)。
第三步:再搜索 ui.systemUsesDarkTheme → 双击设为【1】(通知浏览器系统级深色已启用)。
第四步:关闭该页,打开任意网页按Ctrl+R强制刷新,观察背景是否变为深灰或近黑色。
注意:此操作可能使个别SVG图标失真或表单控件错位,若遇异常,返回about:config将两项数值改回0即可还原。











