Dark Reader是最通用可控的网页暗黑模式方案，通过浏览器UI、网页渲染、系统联动三层作用域实现，需配合系统深色模式使用，合理设置亮度（80–85%）、对比度（90–95%）和Sepia值，并为已支持暗色的网站添加例外规则。

Dark Reader 是目前最通用、最可控的网页暗黑模式方案，尤其适合那些网站本身没做深色支持的场景。它不是“一键变黑”，而是需要理解它的三层作用域：浏览器 UI、网页渲染、系统联动。设错层级，轻则失效，重则让某些管理后台文字全糊成一片。

为什么原生深色主题经常不顶用

很多用户先去浏览器设置里开了“深色主题”，结果发现知乎、掘金还是白底——因为那只是改了地址栏、标签页等浏览器外壳，对网页内容完全没影响。真正决定页面是否变暗的，是网页自身是否声明了 @media (prefers-color-scheme: dark)，或者有没有内置暗色 css 变量。没声明？那就得靠 dark reader 这类注入式工具来“强制翻译”。

• Chrome / Edge / 宙斯浏览器：直接去扩展商店搜 Dark Reader，点“添加至[浏览器名]”即可
• Firefox：进附加组件中心，安装同名扩展；注意别选错图标（官方图标是灰色月亮+太阳）
• 不要手动加载未签名的 .crx 或 .xpi 文件——新版浏览器会拦截，且容易触发安全警告

Dark Reader 的三个关键参数怎么调才不伤眼

装完点工具栏图标，默认开启的是“动态”模式，它会逐元素分析颜色并反色，但对 SVG 图标、Canvas 渲染的图表、内联样式强的后台系统（比如 Jenkins、Grafana）容易出错。护眼效果好不好，核心看这三个值：

• 亮度：建议 80–85%，低于 75% 文字发灰难辨，高于 90% 失去暗色意义，反而更刺眼
• 对比度：设为 90–95%，太高会让边框和分割线过重，形成视觉噪点；太低则文字边缘模糊
• Sepia（棕褐色滤镜）：阅读类网站可开 5–10%，模拟纸书暖感；但代码页、数据表格必须关，否则语法高亮全乱

初次使用别猛调。先用默认值跑三天，再微调——眼睛适应需要时间，不是越黑越好。

哪些网站要加例外规则？不然真会翻车

有些网站自己做了完善的暗色支持，比如 GitHub、VS Code Web 版、Notion。这时 Dark Reader 再叠一层，反而导致按钮消失、代码块背景错位、甚至整个侧边栏变透明。这类问题不是插件坏了，是“过度干预”。

• 点击 Dark Reader 图标 → “Dev Tools” → “Site list” → 输入域名（如 github.com）→ 点“+”添加为“Not invert”
• 视频站（Bilibili、YouTube）建议设为“Filter+”模式 + 亮度调至 60%，避免封面图过曝、字幕发虚
• 银行/政务类网站务必加白名单：它们常用深色文字+浅色底图，反色后可能变成黑字+黑底，直接看不见

系统级深色与网页暗黑必须配合着开

只开 Dark Reader 不开系统深色，你的浏览器外壳（标签页、右键菜单、下载面板）还是刺眼的白；只开系统深色不开 Dark Reader，网页内容照旧亮得晃眼。两者是互补关系，不是替代关系。

• Windows 10/11：设置 → 个性化 → 颜色 → “选择你的默认应用模式” → 设为 深色
• macOS：系统设置 → 外观 → 选 深色；同时在浏览器设置里把主题设为“跟随系统”
• Android/iOS：系统深色打开后，在 lovemo、AionUi 等 App 设置里选“跟随系统”，别锁死“浅色”

最容易被忽略的是：部分老版本 Electron 应用（比如旧版 VS Code、Postman）即使系统开了深色，也不响应，必须手动在 App 内设置里切一次“深色模式”才能生效——这不是 bug，是进程没监听到系统广播。