想让 Safari 里的每个网页都老老实实跟着 macOS 的深色/浅色模式走？别急，这事还真没那么玄乎——系统信号、浏览器开关、网站适配，三个环节缺一不可。先从一个最容易被忽略的前提说起。

您期望的是：不论切换到深色还是浅色，Safari 中所有支持该特性的网站都能即时响应。而不是一半黑一半白，或者刷半天才变。

这背后其实只依赖两把钥匙——系统级的深色外观开启，以及 Safari 中一个不起眼的开关。两把都到位，剩下的就看网站本身是否接招了。

启用macOS系统级深色外观

这是整个链条的起点。如果这一步没做，后续所有操作都是白费。 Safari 依靠系统内核发出的信号工作。这个信号就是 prefers-color-scheme: dark。只有当你把系统外观设为“深色”时，信号才会稳定发送。

操作很简单：点击屏幕左上角的苹果菜单 → “系统设置” → 左侧边栏找到并点按“外观” → 右侧的“外观”选项中，点选“深色”。

此时你会发现，菜单栏、Dock 都变暗了。Safari 自身的界面（地址栏、标签页、工具栏）也同步变深灰。更重要的是，macOS 开始向所有兼容的应用广播深色偏好信号——包括 Safari。

在Safari中开启“为网站启用深色外观”

这一步是关键桥梁。它告诉 Safari 主动在 HTTP 请求头里声明用户的偏好。让网站服务器或前端 JavaScript 能明确读到你的意图，而不是被动等着 CSS 媒体查询触发。

方法一：基础启用路径

打开 Safari → 顶部菜单栏点击“Safari” → “设置” → 切换到“网站”标签页 → 左侧列表中找到并点击“外观” → 确保右侧的开关处于开启状态。

方法二：快捷验证法

在任意网页地址栏右侧，点击“aA”图标 → 选择“网站偏好设置” → 查看“外观”右侧是否显示“深色”。如果显示“自动”，说明已经继承了系统设置；如果显示“浅色”，就需要回到方法一强制设为“深色”。

注意：这个开关必须打开。否则 Safari 不会向 GitHub、MDN、维基百科等网站发送 prefers-color-scheme: dark 头。这些网站也就不会加载它们内置的深色 CSS 规则。

验证网页是否真正跟随系统切换

1. 保持 Safari 开启，不要关闭任何标签页。
2. 前往“系统设置” → “外观”，将“深色”切换为“浅色”。
3. 立刻回到 Safari，刷新一个已打开的 GitHub 页面或维基百科条目。
4. 观察页面背景是否同步由深转浅——如果变化延迟超过 3 秒，或者完全没反应，说明某处配置没生效。

常见失败原因

网页本身没有实现 prefers-color-scheme 媒体查询支持（比如多数企业官网）。这种情况下它不会响应任何系统切换，属于网站端的限制，不是 Safari 配置的问题。

如果验证成功，你现在已经实现了 Safari 中所有适配网站的实时跟随：系统切深色，网页变暗；系统切浅色，网页变亮。整个过程不过两分钟，但背后是 macOS、Safari 和前端标准之间的精密配合。

《夸克》非常好用的免费AI浏览器

下载APP查看