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

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

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

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

#yyds干货盘点#自动黑暗主题_首选项

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

#yyds干货盘点#自动黑暗主题_chrome_02左侧模拟黑暗主题,右侧正常。😭

主页看起来很垃圾,因为它没有翻转显式的白色背景色。不知道为什么,就像在看起来好多了的文章页面上一样:

#yyds干货盘点#自动黑暗主题_chrome_03链接蓝色对我来说太暗了,否则它有点让我想要构建一个真正的黑暗主题。

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

#yyds干货盘点#自动黑暗主题_首选项_04有点好?

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

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