有许多方法可以​​为您的网站设置暗模式​​,但基本上您可以为它准备好所有样式,然后在用户表示需要它们时应用它们,无论是通过直接选择还是系统级偏好。如果您的网站没有暗模式,那么,它就没有暗模式。

Chrome 正在测试改变这一点,如果用户在系统级别表示他们更喜欢它们,则强制您的网站使用暗模式。​​安德烈·西普里亚尼·班达拉​​:

借助此功能,当用户在操作系统中选择使用深色主题时,浏览器会将自动生成的深色主题应用于浅色主题网站。用户可以通过禁用操作系统级别的选项或 Chrome 中的特定设置来选择退出黑暗主题。

有点吓人,我觉得。但是,让我们测试一下看看。他们已经在 Chrome DevTools 中内置了对此进行测试的能力。

只是快速查看我自己的网站...

左侧为模拟深色主题,右侧为正常。😭

主页看起来像废话,因为它没有翻转显式的白色背景颜色。不知道为什么,就像它在看起来好多了的文章页面上所做的那样:

蓝色的链接对我来说太暗了,但除此之外它有点让我想建立一个真正的黑暗主题。

众所周知,WordPress 管理员没有暗模式,所以看一下:

好样的?

我对此有复杂的感觉。一方面,用户应该能够控制他们希望在计算机上的浏览器中看到的内容。没有人声称不应该存在高对比度、反转颜色或减少运动模式等可访问性功能。它们直接影响网站渲染。这可以被认为是一种可访问性功能。另一方面,这可能会导致可访问性问题(例如:在第一个屏幕截图中可以看到对比度问题)。

目前这只是一个起源试验,所以我想在这艘船之前还有很多时间可以解决问题。但是网络很大,所以我想这里的边缘情况绝对是疯狂的,这将很难完美。甚至不清楚这是否只是 Chrome-on-Android 的事情,或者它是否会传播得更广。如果你有一个手工制作的黑暗模式,或者它仍然与设计相混淆,它是否会让你的网站单独存在也不清楚。我,我可能会使用他们的机制来选择退出,直到我能得到正确的细节。