标签: 暗色模式
几乎不使用 CSS 的暗色模式
要制作柔和的颜色,可以使用 CSS 系统颜色和混色功能(自 2023 年起跨浏览器可用)将前景色与背景色结合起来。这也有助于提高可访问性:如果用户已在浏览器中配置了默认颜色,那么通过混合创建额外的颜色将保留用户的偏好,而直接设置颜色则会产生更刺眼的外观。
为什么「暗色模式」不应采用纯黑背景?这是谷歌的理由
适配暗色主题并不是「换个纯黑色的背景」那么简单,我们也期待更多国产应用能够尽快根据平台设计规范适配出更加舒适的暗色主题解决方案。
要制作柔和的颜色,可以使用 CSS 系统颜色和混色功能(自 2023 年起跨浏览器可用)将前景色与背景色结合起来。这也有助于提高可访问性:如果用户已在浏览器中配置了默认颜色,那么通过混合创建额外的颜色将保留用户的偏好,而直接设置颜色则会产生更刺眼的外观。
适配暗色主题并不是「换个纯黑色的背景」那么简单,我们也期待更多国产应用能够尽快根据平台设计规范适配出更加舒适的暗色主题解决方案。