我已经测试强制黑暗浏览几天了，我的心情很复杂。我为什么不留在她身边……呢？

基于 Chromium 的浏览器已经存在很长时间了。 旗 它所做的与扩展提供的类似 黑暗读者。那是什么？基本上以深色模式显示所有网页，即使它们不提供该选项。 维瓦尔第6.6 添加了一个选项来激活 旗 原生 Chromium 可以获得相同的结果，但是值得吗 强制黑暗浏览?

很难对我个人的事情做出回应 这给我一种复杂的感觉。我不能——也不应该——发布 WordPress 编辑器的屏幕截图，但这将是让我想要使用强制黑暗导航的最好例子。它没有任何“奇怪”的元素，结果几乎是完美的。背景显示不同深浅的深灰色，文本为白色，链接为比默认主题稍浅的蓝色。仔细看，我可以放一个部分截图，它看起来像这样：

在同一张图片中，您还可以看到一些需要改进的地方。

强制暗浏览的图像问题

稍后我们将解释或尝试解释这个选项是如何工作的，但是这里 我们来谈谈问题，其中一件看起来一点也不好看的小事。我没有在屏幕截图中添加任何箭头，但是您看到“相关”按钮左侧的那个小娃娃了吗？原作不是这样的；颜色反转已被强制并显示出不应该出现的东西。

问题有时会出现，有时则不会。选项之一 应该尊重图像，但它在某些方面却惨遭失败。使用开发人员工具查看，该特定娃娃是 SVG 格式的图像，但它是通过 CSS 背景图像显示的。因此，浏览器不会检测到它是图像，而是文本，并且根据它的理解，文本必须反转其颜色。

因此，图像 只要它们的格式能够清楚地表明它们是图像，它们就会受到尊重。您对未来有解决方案吗？我想是的，但是事情并不简单。它涉及分析属性甚至 CSS 规则，并查看其中是否存在任何类型的图像。但它并不像仅仅依赖 img 标签那么简单。我不太明白 Mastodon 发生了什么。个人资料图像看起来都是倒置的，并且它们位于 img 标签中。我毫不怀疑未来会有所改善，但目前就是这样。

其他问题

所有这一切带来的外观变化之一是 黑色以外颜色的文本以较浅的色调显示。这就是上面屏幕截图中的链接看起来不错的原因；如果是普通的蓝色，看起来会更糟。乍一看似乎是个好主意，结果并不总是那么好，而且这个问题更难解决。一个简单的解决方案取决于用户：习惯它，我认为这是可能的。

还有最后一个问题，那就是这个选项如何知道是否采取行动。网页设计师在工作时会考虑最终的外观。有许多页面没有考虑我们用户选择的颜色偏好。正确行事并控制我们的偏好 你必须添加两个调色板，一个用于当我们选择浅色主题时，另一个用于当我们选择深色主题时。它的工作原理如下：

1. 网页的设计完全按照您认为最好的方式设计。
2. 完成后或在其他时刻，由于没有书面规则，因此为我们在原始设计中未使用的调色板创建了该选项。例如，如果我决定在默认选项中字母将是白色背景上的黑色，我必须使用 媒体查询 “@media (prefers-color-scheme: dark)” 当用户选择深色主题时所需的更改。

@media（更喜欢颜色方案：深色），解决方案......这取决于其他人

多媒体会诊可以解决很多问题。浏览器看到有一个专为深色主题设计的选项，从表面上看，强制深色浏览不再起作用。只需留下设计的内容即可。

这里的问题是 这行代码在很多情况下都不会被使用 即使设计已经有深色背景和浅色文本。当然，当浏览器知道它处于浅色主题（实际上并非如此）并尝试将一个深色主题的颜色更改为另一个深色主题时，它就会毁掉这首歌。

如何在 Chromium 中使用强制黑暗浏览

在基于 Chromium 的浏览器中，此选项位于 铬：//标志 （浏览器可以将“chrome”更改为“brave”、“vivaldi”等）搜索“dark”。 该选项显示为“Web 内容的自动深色模式”，并且可以使用不同的选项激活。似乎效果最好的一个是“启用选择性图像反转”，它将反转图像以外的所有内容。它提供了此处解释的结果，尽管我们希望它在未来有所改进......但今天它并不完美。

我的心情很复杂。一方面，我喜欢它，但当它进展顺利时。另一方面，更多的图像也是一个问题。现在我正在激活和停用该选项，但如果有一天这些小问题消失了，我就很清楚了。我走向黑暗面。