news 2026/8/22 14:12:37

Dark Reader 暗黑模式教程:快速让网页夜间阅读不刺眼

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Dark Reader 暗黑模式教程:快速让网页夜间阅读不刺眼

Dark Reader 暗黑模式教程:快速让网页夜间阅读不刺眼

【免费下载链接】darkreaderDark Reader Chrome and Firefox extension项目地址: https://gitcode.com/gh_mirrors/da/darkreader

如果你经常在深夜浏览网页,刺眼的白色背景确实很伤眼睛。Dark Reader 是一个开源浏览器扩展,它为网页自动生成暗黑模式。它支持 Chrome、Firefox、Edge 等主流浏览器。只要你在夜间阅读多、常用网站又没有自带深色模式,这个工具就能直接帮上忙。

Dark Reader 到底解决什么问题

Dark Reader 会实时分析网页结构,并自动重写配色:白底变深灰,黑字变浅灰。你不需要等网站自己上架暗黑模式,夜间的刺眼问题直接由扩展解决。它的思路是"改写"而不是简单反转颜色,所以文字、图片和代码块通常都能保持可读。

第一次暗黑模式:从安装到页面变暗

  1. 在浏览器扩展商店搜索 "Dark Reader" 并安装。
  2. 点击工具栏里的 Dark Reader 图标,会弹出一个小面板。
  3. 默认状态下,它对每个网站都生效,当前页面应该已经是深色。
  4. 默认背景是很深的灰色(#181a1b),文字为浅灰色(#e8e6e3),页面整体一下子暗下来。
  5. 如果觉得页面太亮,先把面板里的亮度滑杆往下拖一点,对比着看效果。

值得知道的功能:切换引擎、按站点设置、定时开关

按网站启用或停用暗黑模式 | 在"站点列表"面板里把网址加入黑名单或白名单,开关一次覆盖整个域名 | 当你不想让某个网站套上暗黑模式时使用

相关代码在 src/ui/options/site-list/site-list-tab.tsx。默认策略是"全部启用,再挑例外停用"。

切换暗黑模式引擎 | 动态主题、静态主题、CSS 滤镜三种重写方式,动态主题默认开启,逐元素分析页面、效果最自然 | 当某个网站配色奇怪时切换

引擎定义在 src/generators/theme-engines.ts。像 Google Docs、SharePoint 这类站点,项目默认就用滤镜引擎,避免破坏原有排版。

固定时间自动开启暗黑模式 | 启用"定时开启"后默认傍晚 18:00 到次日 9:00 生效,时段外自动关闭 | 当你只在夜间浏览网页时使用

设置代码在 src/ui/options/automation/automation-tab.tsx。它还可以按经纬度判断日落日出,或跟随系统深浅色自动切换。

单独微调某个网站 | 可以按网址分别保存一套亮度和对比度,设置跟在这个网站名下 | 当你希望某个常用网站与其他页面效果不同时使用

默认值逻辑在 src/defaults.ts,所有未自定义的站点都用这套默认参数。

把色温参数调到多少合适

主题设置里有一个"色温(sepia)"滑杆,范围 0 到 100,默认是 0。它给整页叠加一层暖褐色调,能明显降低夜间屏幕的冷光感。具体建议:纯文字阅读调到 10 左右;觉得屏幕偏蓝偏冷就调到 20;不建议超过 30,再高整页会发黄失真。这个控件的实现见 src/ui/popup/theme/controls/sepia.tsx。

新手容易踩的坑

  • 页面太亮或太暗:先把亮度(默认 100)和对比度(默认 100)降到 80~90 之间观察,别一次拉满。
  • 网站自带深色模式互相打架:"检测站点深色主题"开关默认是开着的,页面已有暗色界面时优先让站点自己接管。
  • 商店页面点不亮:Chrome 网上应用店等受限页面不允许扩展注入脚本,这是浏览器层面的安全限制,不是故障。
  • 某个复杂管理后台控件错位:把该站点换成滤镜引擎快速缓解,或者干脆对该站点关闭暗黑模式。

它适合谁,什么时候别硬用

如果你常在夜间浏览,或者常用网站没有自带深色模式,Dark Reader 的效果很直接:装上就亮起来,眼睛立刻舒服。它是实时改写页面配色,平时挂着不用干预。

但如果你对颜色准确性有要求,就不建议开了。调色、设计校对、截图对比这类工作,都会被重写后的颜色干扰。另外少数结构复杂的管理界面可能出现个别控件错位,对那种站点单独关闭即可。

Dark Reader 是开源项目,站点修复规则会随版本持续更新,遇到某个网站效果奇怪时先升级再调参。把开关打开,把亮度和对比度两个数字调顺,基本就够了。

【免费下载链接】darkreaderDark Reader Chrome and Firefox extension项目地址: https://gitcode.com/gh_mirrors/da/darkreader

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/22 14:12:15

Tetrigo如何用SQLite记录你的高光时刻:本地排行榜从零到完整实现

Tetrigo如何用SQLite记录你的高光时刻:本地排行榜从零到完整实现 【免费下载链接】tetrigo Play Tetris in your terminal. 项目地址: https://gitcode.com/gh_mirrors/te/tetrigo Tetrigo 是一款用 Go 语言编写的终端俄罗斯方块游戏,它最大的亮点…

作者头像 李华