★ FEATURED ARTICLE Dark Reader 完整指南让每个网站都有暗黑模式的 6 个关键节点【免费下载链接】darkreaderDark Reader Chrome and Firefox extension项目地址: https://gitcode.com/gh_mirrors/da/darkreaderDark Reader 是一款开源免费的浏览器扩展能把任意网页实时转换成暗黑模式支持 Chrome、Firefox、Edge 三个浏览器。它不是简单地把颜色反转而是分析每个网站自己的 CSS 与 DOM 结构生成一份专属的暗色配色文字可读、图片不变形。适合夜间大量阅读文档、新闻的读者以及想按站点逐项微调的开发者。 核心能力拆解暗黑模式引擎的 5 个可调点按站生成主题默认的 dynamic 引擎读取页面的 CSS 与 DOM 结构为每个站点独立计算背景色和文字色。访问文档站和新闻站会得到两套不同的暗色组合不需要手动逐站调。三种渲染引擎dynamic、filter、static 三种模式可以在弹窗里切换。在线办公工具在 dynamic 下出现白底残留时把该站点单独切到 filter 引擎即可快速兜底。按站保存设置亮度、对比度、灰度、棕色调都支持按域名保存。给工作后台单独调高对比度其他站点保持默认值互不干扰。自动化开关支持在指定时间段自动启用默认 18:00 到次日 9:00也可以跟随系统深色模式联动。夜间自动开启、白天自动关闭不用每天手动点。按站排除名单可以列出保持原样的域名。仓库内置了一份 1300 多条的默认排除名单位于src/config/dark-sites.config这些站点打开时不注入暗黑样式。以上 5 项能力全部在 Dark Reader 的弹窗和设置页里能直接操作不需要写任何代码。 3 分钟跑通从安装到生效的最短路径安装打开所用浏览器的扩展商店搜索 Dark Reader点击安装。装好后工具栏出现插件图标。验证生效点击图标打开弹窗确认深色模式开关处于开启状态当前页面立即切换为深色背景。基础调节在同一弹窗里把亮度拖到 7080对比度保持在 90 以上页面观感立刻柔和下来。按站保存调好后点击按站保存设置只对当前域名生效其他站点不受影响。配置快捷键默认 AltShiftD 全局开关AltShiftA 只针对当前站点切换适合频繁在深浅主题间来回切的用户。 深度配置按站微调的 5 个进阶技巧统一浏览器与编辑器的色调场景开发者希望浏览器的底色和代码编辑器的暗色方案一致减少来回切换时的视觉落差。操作在设置里从预设配色列表中挑选方案配色定义存放在src/config/color-schemes.drconf内置 Dracula、Nord、Tokyo Night 等格式长这样Default DARK background: #181a1b text: #e8e6e3效果整台浏览器的底色和编辑器对齐长时间对照写代码时眼睛不容易累。切换渲染引擎修复白底残留场景一个复杂单页应用侧边栏在 dynamic 引擎下残留白色背景。操作在弹窗的主题生成模式里把当前站点单独切到 static 或 filter 引擎。效果static 用固定预设配色颜色最稳定filter 转换速度最快复杂页面更不容易出错。处理文字刺眼的站点场景某站点默认亮度 100转出来的文字依然太亮。操作只对该站点把亮度降到 7080对比度维持在 90 以上然后按站保存。效果该站点文字变柔和可读其余站点保持原来的亮度。给渲染异常的站点手动兜底场景某站点出现黑底黑字、整块不可读的情况。操作在设置中为该域名添加手动主题覆盖自行指定背景色与文字色。效果排版恢复可读且修复只作用于这个域名刷新后依然生效。资源密集型站点减负场景视频、流媒体站点在开启后出现掉帧、播放卡顿。操作为该域名关闭暗黑模式或把它切到 filter 引擎。效果播放恢复流畅其他页面不受任何影响。⚖️ 横向对比Dark Reader 与 Night Eye 怎么选对比维度Dark ReaderNight EyeFirefox 内置功能覆盖按站设置、三种渲染引擎、定时与系统联动、预设配色方案全局色温调节少量页面级微调上手成本安装即用基础设置 3 分钟内完成无需安装但可调项有限性能表现逐页注入脚本内存开销略高于全局滤镜全局滤镜方案开销最小社区活跃度开源项目持续发版站点修复名单定期更新随 Firefox 版本更新无独立社区如果你主要用来按站点精细微调并在多浏览器间保持一致选 Dark Reader 更合适如果侧重全局降蓝光的轻量处理Night Eye 是更优解。 高频踩坑与解法某些页面残留白底。原因通常是站点自身 CSS 优先级更高或内容用 canvas、WebGL 绘制不在 CSS 注入范围内。如果你也遇到过这种情况先把该站点切到 filter 或 static 引擎试试整页都是 canvas 的站点注入类方案本身就有局限给这个站关掉更稳妥。转暗后文字依然刺眼。默认亮度是 100高对比度站点的转换结果会偏亮。把亮度降到 7080、对比度保持在 90 以上大多数页面就会变得柔和且可读然后记得按站保存。PDF 或登录页没有生效。默认配置对 PDF 是开启的但受保护页面银行、邮箱登录这类出于安全考虑默认不开启。可以在设置里打开对受保护页面启用不过涉及支付、验证码的操作建议保留原样避免干扰页面行为。换了电脑设置全丢。设置默认存在本机浏览器里不会自动搬家。在设置页导出配置文件换机后导入即可或者打开同步开关让浏览器账号帮你带走所有按站设置。某个站点看起来没开暗黑。它很可能在排除名单里默认就没有启用。手动把该站点加入启用列表或者先确认站点自己的主题设置没有盖掉插件的样式两种途径都能恢复。 生态、集成与开发Dark Reader 覆盖 Chrome、Firefox、Edge、Thunderbird 四个平台界面提供 40 多种语言。站点修复规则会定期同步更新在设置里打开同步站点修复后新的修复无需手动导入。从开发者视角看背景逻辑在src/background/注入页面做 CSS 重写的代码在src/inject/两套目录职责分明配合主题引擎生成器完成整套转换。想从源码构建时git clone https://gitcode.com/gh_mirrors/da/darkreader cd darkreader npm install npm run build构建完成后在build/release/目录里取对应浏览器的扩展用加载已解压的扩展程序安装即可。移动端同样支持Firefox 安卓版上装好后手机夜间浏览也能用同一套设置。✍️ 写在最后把每个站点自己的 CSS 转换成按站可调的暗色配色是这款工具最核心的价值。现在就去装一个挑一个夜间阅读困难的网站先试起来。遇到效果不好的站点也欢迎向社区提交修复建议或直接贡献 PR。【免费下载链接】darkreaderDark Reader Chrome and Firefox extension项目地址: https://gitcode.com/gh_mirrors/da/darkreader创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
阅读完成 · 觉得有帮助？
