Dark Reader 深色模式扩展：没做暗色的网站它一个个改

Dark Reader 干的事比“夜间模式”实在：它不是给页面盖一层半透明黑纱，而是一个元素一个元素重算颜色——背景调深、文字调浅、图片尽量不动、按钮和边框重新配对比度。

GitHub 22476 Star，MIT 协议，v4.9.133。Chrome、Edge、Firefox、Thunderbird 四个版本都有。

我拿自己的站做了对照测试：首页 body 的背景色从 rgb(245, 246, 247) 变成 rgb(24, 26, 27)，卡片、导航、侧栏全部跟着变，只有品牌 logo 和文章封面保留了原色。

先说结论：这东西没用之前觉得多余，用了之后打开任何一个浅色网站都会觉得刺眼。

Dark Reader 能干什么

一句话：给那些「死活不做深色模式」的网站，强行套一层深色。

按用途对号入座——

• 晚上刷网页眼睛疼：知乎、文档站、各种后台系统，一律压暗
• 做前端的自查：自己的站配上 Dark Reader 看一遍，能发现哪些颜色是硬编码的
• 老系统没法改：公司内部那套十年前的后台，改不了源码，装个扩展就能看
• Firefox / Edge 用户：Chrome 之外的浏览器也有对应版本
• 不想被网站读出来：它不是靠网站配合，是在你本机重算样式，网站察觉不到

它不是「护眼软件」——不调色温、不滤蓝光、不定时提醒休息。只做一件事：把浅色变深色。

核心功能亮点

• 逐元素重算颜色：不是盖一层黑纱，背景、文字、边框、按钮各自算对比度，所以文字不会糊
• 图片不动：默认保留原图色彩，不会把照片染成灰的
• 四个滑块：亮度、对比度、sepia、灰度，按网站微调
• 三种模式：动态（实时算）、过滤（叠滤镜，快但糙）、静态（固定配色表）
• 按站点单独设：某个站想保持浅色，加个例外就行
• 跟随系统：系统切深色它跟着切
• 快捷键：Alt+Shift+D 一键开关
• 开源可离线装：包里是解压就能加载的离线版

装：两种方式，离线包要开发者模式

商店安装最省事，搜索“Dark Reader”，点“添加到 Chrome”，完事，还能自动更新。

但很多人装不了商店版——公司电脑、离线环境、或者干脆不想登录账号。所以我打包了个离线版：

1. 地址栏输入 chrome://extensions/（Edge 是 edge://extensions/）
2. 右上角打开“开发者模式”
3. 点“加载已解压的扩展程序”
4. 选 darkreader-chrome-mv3 这个文件夹（不是里面某个文件）

装好后能看到版本号和一行中文说明：

这里踩了第一个坑：Chrome 137 版本以后，官方把 --load-extension 这个启动参数移除了。我本来想写个 bat 一键帮你把扩展装上（用命令行直接拉起带扩展的 Chrome），结果在我本机 Chrome 155 上死活不生效，扩展压根不加载。

查了半天才确认是官方安全策略变更，不是我做错了。所以这个包只能手动加载，没有一键脚本。如果你以后看到别的教程教你用命令行加载扩展，先看你的 Chrome 版本——超过 137 就不行了。

弹窗：四个滑块 + 三个标签

点工具栏上的图标，弹出这个面板：

顶部一排是全局总开关（开启/关闭）。下面是三个标签：滤镜、网站列表、更多。

滤镜页最常用，就是四个滑块：亮度、对比度、棕褐色、灰度。调完是按域名单独保存的，你在 A 站调的东西不会影响 B 站。

更多页管的是排版层面的事：

字体可以换（默认跟随系统，我这里是 Segoe UI），文字描边能加粗让浅色字更清楚。最下面那个“主题生成模式”是它跟同类工具最大的区别：

• 动态：默认，也是最准的。根据页面实际渲染结果逐元素算，代价是吃 CPU
• 滤镜：用 CSS filter 整体处理，CPU 占用低，但颜色会有偏差，图片也会被一起调
• 滤镜+：折中
• 静态：最快，复杂页面容易漏元素

关掉全局之后是这样：

第二个坑在这里：这三张弹窗截图的第一行显示的是 about:，还有一句“此页面受到浏览器保护”。

不是 bug，是因为我在自动化环境里只能把弹窗当普通标签页打开（chrome-extension://<id>/ui/popup/index.html），这时候扩展拿不到真实站点的上下文，就把当前页判定成受保护的内部页面。真实使用中你点图标弹出时，这里显示的是当前域名，还能单独给这个站开关。

效果：拿自己的站做对照

原始状态（浅色），顶栏白底、卡片浅灰：

往下一屏，分类卡片和文章列表都是亮底：

开启 Dark Reader 之后，同一个页面、同样的滚动位置：

几个细节值得说：

顶栏从白色变成了深灰，不是纯黑，是带一点蓝味的 #181A1B。
卡片有了层次，深灰底 + 更深的边框，不会糊成一片。
渲染出来的 logo 和封面图基本没变，因为扩展会识别 <img> 和背景图并尽量保留原色。
橙色、青色的链接和按钮都还在，它会把品牌色做亮度适配，不会一股脑洗成灰。

这个效果比“加个黑色遮罩”强太多了，遮罩那种做法图片也会变暗，颜色会脏。

设置页：比想象中多

点弹窗里的“所有设置”，进到一个完整设置页，左边七个栏目：

General（默认启用、检测网站自带的深色主题、PDF 也处理）、Site List（黑白名单）、Automation（按时间自动开关）、Hotkeys（快捷键）、Activation（启用条件）、Advanced（引擎参数、开发者工具）、About。

第三个坑：这个设置页是英文的。扩展的 UI 语言跟的是浏览器界面语言，不是系统语言也不是网页语言。我在自动化环境里直接启动浏览器，拿到的一直是英文版，直到加上 --lang=zh-CN 启动参数才变中文。你正常装的中文版浏览器不会有这个问题，但如果你是英文版 Chrome，装完就是英文界面。

顺带一提，弹窗是中文的，设置页是英文的——同一个扩展两个语言，是因为弹窗读的是浏览器 locale，设置页有自己的语言逻辑，这两套没对齐。这算是它的一个小毛病。

缺点

一、动态模式确实吃 CPU。 它的原理是读取每个元素的计算样式再重算一遍，页面上元素一多就慢。我在一个长列表页上开动态模式，滚动能感觉到轻微掉帧。老电脑建议直接在“更多”里切到“滤镜”模式，代价是颜色没那么准。

二、免费版底部有赞助入口。 弹窗最下面一行“Dark Reader 庆祝 10 周年，请支持我们的工作”加一个“为使用 Dark Reader 付费”按钮。不点也能用全部功能，但每次打开面板都会看到。这是它唯一的商业化痕迹，不算烦人，但确实占了一屏的三分之一。

三、浏览器内部页面管不了。 chrome:// 开头的页面、扩展商店、部分 PDF 查看器，扩展没有权限注入，这些页面该怎么亮还怎么亮。这是浏览器安全模型的限制，不是它不想做。

四、离线加载的扩展每次启动会提示。 用开发者模式加载的扩展，Chrome 重启后会弹一句“请停用开发者模式扩展”，点一下“保持启用”就行。如果你受不了这个提示，还是走商店安装。

五、某些网站的图片会被误判。 大部分 <img> 它能识别并保留，但如果网站用 CSS 把图片当背景、或者图片套在多层容器里，偶尔还是会被一起压暗。遇到这种只能给那个网站单独关掉。

实测环境

• Windows 11，Chromium 156（Playwright 自带版本，Chrome 155 稳定版已移除 --load-extension）

• Dark Reader v4.9.133，MV3 版本，MIT 协议

  项目	配置
  对照站点	Typecho 1.3.0（自己搭的浅色站）
  实测数据	body 背景 rgb(245,246,247) → rgb(24,26,27)

• 成品包 2.55MB，93 个文件，解压 1.2 秒，加载后版本号校验通过

下载

我打包的离线版，扩展本体 + 完整源码 + MIT 协议 + 中文安装说明，解压就能加载：

上面记的这些坑，你自己走一遍也都会遇到。环境、依赖、配置、目录结构，一个都省不了。包里是我这边全部跑通之后才打的——要跳过这几步，直接拿下面这个。

两个小提醒：

1. 建议先「转存到自己网盘」再下载——直接下载的链接容易失效，转存后就是你自己的了，随时能下；
2. 手机上操作：点开链接 → 右下角「保存到网盘」→ 回夸克 App 的「我的网盘」里下载。

商店版直接搜“Dark Reader”就行，如果你的网络能打开应用商店，那个更省事。

装之前先确认一件事：浏览器得支持 Manifest V3——Chrome / Edge 88 以上都行，老版国产套壳浏览器可能装不上。

免责声明：本项目基于 MIT 协议开源，本站仅作收集整理与技术实测分享。源码版权归原作者所有。请勿将本工具用于任何违法违规用途，由此产生的一切后果由使用者自行承担。如有侵权，请联系 2273962061@qq.com 删除。