几乎不使用 CSS 的暗色模式

要制作柔和的颜色，可以使用 CSS 系统颜色和混色功能（自 2023 年起跨浏览器可用）将前景色与背景色结合起来。这也有助于提高可访问性：如果用户已在浏览器中配置了默认颜色，那么通过混合创建额外的颜色将保留用户的偏好，而直接设置颜色则会产生更刺眼的外观。

Feep 现支持暗色模式，用户可通过简单的 CSS 或 HTML 设置实现，主题会根据系统设置自动调整，用户可自定义颜色以适应深色背景。使用 prefers-color-scheme 媒体查询可兼容设置，整体实现更简单。

CSS HTML 媒体查询 暗色模式 自定义颜色
原文中文，约2300字，阅读约需6分钟。发表于：。
阅读原文
分享给好友