火狐浏览器可通过三步实现全网页强制深色:一、设置layout.css.prefers-color-scheme.content-override=2欺骗网页启用暗色CSS;二、启用toolkit.legacyUserProfileCustomizations.stylesheets并配置userContent.css覆盖所有元素背景与文字;三、启用ui.systemUsesDarkTheme=1等系统级深色滤镜叠加。

您希望火狐浏览器彻底绕过网页自身颜色设置,对所有浅色网页(包括纯白HTML、老式政府站、未适配prefers-color-scheme的站点)强制应用统一深色背景与高对比文字,避免夜间阅读时屏幕刺眼、文字发虚或页面局部残留亮斑。
启用底层渲染级强制深色声明
这一步让火狐向所有网页“撒谎”,声称用户永远偏好深色方案,从而触发原生支持prefers-color-scheme的网站自动加载暗色CSS;对不支持该标准的页面,它虽不能单独生效,却是后续所有覆盖手段的前提。
在地址栏输入about:config并回车 → 点击“接受风险并继续” → 在搜索框中输入layout.css.prefers-color-scheme.content-override → 双击该项,将值改为【2】(0=跟随网页、1=强制浅色、2=强制深色)。
该参数生效无需重启,但仅对已适配CSS媒体查询的站点起效;未适配的页面仍为纯白底,需配合后续步骤补全。
注入全局护眼CSS实现像素级覆盖
userContent.css 是火狐唯一允许用户在渲染层直接重写网页样式的机制,能覆盖内联样式、动态生成内容及 Shadow DOM 封装元素——这是对付那些用style标签硬写white背景、或用JS动态插入亮色div的顽固网页的关键。
方法一:快速定位配置文件夹
在地址栏输入about:support并回车 → 找到“配置文件夹”旁的“打开文件夹”按钮并点击。
方法二:创建CSS注入环境
在打开的文件夹中新建名为chrome的子文件夹(若不存在)→ 在chrome文件夹内新建纯文本文件,命名为userContent.css,用记事本或 VS Code 打开。
方法三:粘贴并启用护眼规则
复制以下代码粘贴进userContent.css并保存:
@media (prefers-color-scheme: light) { body { background-color: #121212 !important; color: #e0e0e0 !important; } * { background-color: #121212 !important; } a:link { color: #4fc3f7 !important; } a:visited { color: #ba68c8 !important; } img, video { filter: brightness(0.92) contrast(1.08) !important; } }
返回about:config,搜索toolkit.legacyUserProfileCustomizations.stylesheets,双击设为【true】以启用 userContent.css 加载。若跳过此步,自定义样式完全不会生效。
激活UI级实验性深色滤镜
该方法调用火狐内置未公开的系统级深色叠加机制,不依赖扩展或DOM操作,仅通过CSS滤镜层叠加全局色调偏移——它对GPU渲染友好、资源占用极低,且能覆盖Dark Reader偶尔失效的Canvas绘图、SVG图标和WebGL界面。
第一步:在about:config中搜索ui.systemUsesDarkTheme,双击将其值由0改为1。
第二步:继续搜索widget.non-native-theme.enabled,确保其值为 true。
第三步:再搜索browser.display.use_system_colors,双击设为 false。
第四步:关闭所有火狐窗口,重新启动浏览器。


















