如何为任何网站开启深色模式

为什么需要深色模式

刺眼的白色页面在夜里或光线昏暗的房间里很伤眼，而且很多人就是更喜欢深色背景上的浅色文字。现在不少网站提供深色主题，但也有很多没有：内部工具、文档网站、老旧的网页应用和论坛往往只有一种明亮的主题。如果你每天要在其中某个网站上待好几个小时，就值得解决这个问题。

自带的方法

先看看网站本身。很多网站会跟随系统的深色设置，所以在 Windows 或 macOS 里打开深色模式就够了。还有一些网站在设置或页脚里有主题切换开关。

对于两者都没有的网站，Chrome 有一个实验性选项。截至 2026 年 10 月：

1. 在地址栏输入 chrome://flags/#enable-force-dark。
2. 把 Auto Dark Mode for Web Contents 设为 Enabled。
3. 点击 Relaunch。

之后 Chrome 会分析每个网站的颜色，在它认为合适的地方反转颜色，让所有网站变暗。想撤销的话，把该选项改回 Default。Chrome 的实验性功能页面始终是英文的，所以这里保留了英文名称。

试起来很快，但缺点也很明显。它会同时作用于所有网站，包括那些本来就有不错深色主题的网站。图片、图表、彩色标签和品牌色经常处理得很糟。而且这是实验性选项：Chrome 自己的警告也说明，这些选项可能在任何版本中改变或消失。

手动的方法

严格来说没有手动的深色模式，但在此之前有几个办法能帮上忙：

• Chrome 侧边栏中的阅读模式会单独显示文章正文，并允许你为它选择深色主题。
• 缩放和亮度：调低屏幕亮度、放大文字，可以减少明亮页面的刺眼感。
• 操作系统的颜色滤镜可以反转整个屏幕，但会影响所有内容，包括照片。

这些只是阅读时的权宜之计，不是给你工作用的网站准备的深色主题。

用工具一劳永逸

专为某个网站做的深色主题，比自动生成的好看得多，因为它能恰当地处理页面的每个部分。用户脚本是一小段在你指定网站上运行的 JavaScript。深色模式用户脚本会根据该网站自己的布局添加样式，设置深色背景和浅色文字，保持链接清晰可读，并且不去动照片和视频，免得它们变得像底片一样。它还可以添加一个小按钮，在你需要原版时关掉深色主题。

ScriptPanda 是一个 Chrome 扩展程序，可以根据简单的描述构建这样的用户脚本。在你想变暗的网站上打开它的侧边栏，粘贴本指南末尾的请求，它就会为该页面编写主题并安装。因为它能看到页面的结构，所以不只是背景，面板、菜单和表格都能变暗。

深色主题只是样式，所以建好之后不需要 AI 就能运行，不会消耗你套餐里的请求。构建和调整它才会消耗。如果还有地方太亮，或者某个颜色看不清，把你看到的告诉 ScriptPanda，让它修改工具。

值得尝试的后续调整：

• 指定背景颜色，比如用深灰色代替纯黑。
• 自动跟随系统设置，让网站只在夜间变暗。
• 让代码块保持某种特定的配色方案。

搭配更清爽的页面

刺眼的弹窗和固定横幅往往是让页面显得刺眼的原因。相关指南介绍了如何在任何网站上隐藏它们。

局限

这个工具只为它所针对的网站更换主题，运行在你电脑上的 Chrome 中。每个网站都需要单独的工具，因为每个网站的结构都不同。来自其他网站的嵌入框架里的内容，比如某些视频播放器或评论插件，可能仍然是亮色的。如果网站改版，部分内容可能会变回浅色。在页面上打开 ScriptPanda，说明哪里看起来不对，让它按照页面现在的样子修复工具。