Firefox深色模式需三步协同:一、设置内置Alpenglow Dark主题改UI;二、安装Dark Reader扩展并设Dynamic滤镜、亮度75/对比度105以深色化网页;三、在about:config中将layout.css.prefers-color-scheme.content-override和ui.systemUsesDarkTheme均设为2和1,强制网页响应深色渲染。

您希望Firefox浏览器在夜间使用时降低屏幕亮度、减少蓝光刺激,让眼睛更舒适,同时确保界面和网页内容都呈现协调的深色效果,避免亮色背景刺眼。
启用Firefox内置深色UI主题
这一步只改变浏览器自身界面(地址栏、标签页、菜单栏等),不改动网页内容,是基础且最稳定的起点。
点击右上角三条横线菜单 → 选择“设置” → 左侧点“常规” → 展开“语言和外观” → 在“主题”下拉菜单中选“Alpenglow Dark”或“深邃”。【选错主题名称(如误选“Light”或留空)会导致界面仍为浅色,无法进入后续深色协同流程】
主题生效无需重启,立刻可见变化。
安装Dark Reader扩展实现网页内容深色化
这是目前覆盖最广、适配最智能的网页级夜间方案,能自动处理文字、图片、表单、视频控件等元素,比纯CSS强制覆盖更可靠。
方法一:直达安装
在地址栏输入 https://addons.mozilla.org 回车 → 搜索框输入 Dark Reader → 确认开发者为 darkreader.org → 点击“添加到 Firefox”按钮 → 安装完成后,右上角会出现紫色月亮图标。
方法二:一键启用与调优
点击紫色月亮图标 → 确保开关为开启状态 → 点击右侧齿轮图标进入设置 → “Filter mode”选 Dynamic → “Brightness”设为 75,“Contrast”设为 105。这个组合在多数网站上既能压住刺眼白底,又不会让文字发灰失真。
通过about:config强制触发网页深色渲染
当某些网站(尤其是老站点或内网系统)在Dark Reader下仍有局部亮色块或排版错乱时,可叠加此底层参数,让浏览器向网页声明“我需要深色”,促使原生支持prefers-color-scheme的页面主动加载暗色样式。
第一步:在地址栏输入 about:config 并回车 → 点击“接受风险并继续”。
第二步:搜索栏输入 layout.css.prefers-color-scheme.content-override → 若未出现,右键空白处 → “新建” → “整数” → 名称粘贴完整字段 → 值填 2;若已存在,双击将其值由0改为2。
第三步:再搜索 ui.systemUsesDarkTheme → 双击设为 1。
第四步:关闭该标签页 → 打开任意网页(如 https://example.com)→ 刷新观察背景是否变为深灰或近黑。


















