如何在 Mac Safari 上将 Note 置于深色模式！将网页版Note的背景颜色设置为黑色

在本文中：如何在 Mac 上的 Safari 中将 Note 置于深色模式我们将介绍两种模式。

官方称，Note 的网页版不支持深色模式（智能手机应用程序支持）。

通过本文的方法，您可以让Note网页版兼容深色模式，并改为以黑色为主的设计。

相关文章 如何在计算机上将 Note 置于深色模式

Tamperish – 使用自定义 CSS 打造 Safari 深色模式

篡改使用此扩展（免费）。

启动它并启用设置。

接下来，准备 CSS 文件。

使用合适的编辑器应用程序将下面的代码保存为 CSS 文件。

@media (prefers-color-scheme: dark) {
html {
filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.9) !important;
background-color: #111 !important;
}

img,
video,
picture,
canvas {
filter: invert(1) hue-rotate(180deg) !important;
}
}

例如，作为编辑器应用程序婴儿床编辑器推荐。

打开篡改，改变选择保存 CSS 文件的文件夹。

而且note.com创建一个文件夹，将其保存在您之前在 Tamperish 中指定的位置（例如桌面），并将 CSS 文件放入其中。

现在打开Safari，访问Note（https://note.com/），检查是否应用了CSS。

仅在第一次，您需要授予对 Tamperish 的访问权限。

现在，当整个设备的外观模式设置为“深色模式”时，深色模式也将应用于Note。

设备整体外观模式为 系统设置外部的您可以在这里查看。

如果您希望无论整个设备的外观模式如何，始终对 Note 应用深色模式，请注册以下代码。

html {
filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.9) !important;
background-color: #111 !important;
}

img,
video,
picture,
canvas {
filter: invert(1) hue-rotate(180deg) !important;
}

顺便说一句，即使是Note以外的网站也可以使用相同的步骤设置为深色模式。

请记住，如果您将此 CSS 应用于已经支持深色模式的网站（例如下面的网站），功能将会发生冲突，并且显示会看起来很奇怪。

请仅将此 CSS 代码应用于不支持深色模式的网站。

▼YouTube：标准深色模式

▼YouTube：反映此 CSS 代码

Dark Reader – 通过扩展使 Safari 成为深色主题

适用于 Safari 的 Dark Reader使用这个扩展。

这是一个付费应用程序。购买一次，即可在所有 iPhone/iPad/Mac 上使用。

作为初始设置，系统会要求您启用扩展。

启动适用于 Safari 的 Dark Reader 和为 Safari 激活点击。

看看黑暗阅读器。

让我们立即开始吧让我们打开 Safari。

当您访问 Note (https://note.com/) 时，背景为全黑。

您可以使用搜索字段左侧的图标更改设置。

主要有四种设置。

▼自动切换

转变汽车设置为 时，Dark Reader 将与 macOS 的标准深色模式一起自动打开/关闭。

深色模式是 系统设置外部的您可以将其更改为

▼特定站点除外

如果取消选中显示的站点 URL，则仅对该站点禁用 Dark Reader。

▼调节亮度等

您可以在深色模式下调整亮度和对比度。

▼其他

设置当您打开它时，将显示更详细的设置菜单。

以上、如何在 Mac Safari 上将 Note 置于深色模式！将网页版Note的背景颜色设置为黑色这就是解释。

深色模式作为 macOS 的标准功能存在，但除非网站特别支持它（例如 Note），否则它的设计目的是保持与传统明亮背景的显示。

因此，通过使用这次介绍的方法，您可以强制将设计更改为黑色为主的设计，因此建议您经常在夜间浏览的人。

除了Note之外，例如以下网站通常不支持深色模式，但您可以强制应用。

尝试一下。

相关文章 如何为 Mac 上的每个应用自动设置深色模式

相关文章 如何在 Mac 版 Safari 中设置自定义 CSS