使用 light-dark() 的 CSS 配色方案相关颜色

到目前为止,对所用 color-scheme 值做出响应是系统颜色专有的功能。得益于 CSS 颜色模块级别 5 中指定的 light-dark(),您现在也可以使用相同的功能。

CSS 的 light-dark() 函数可根据当前 color-scheme 值动态调整颜色,支持浅色和深色模式。通过设置 color-scheme 属性,开发者可以实现页面颜色的自动切换,简化响应式设计。

原文中文,约3000字,阅读约需7分钟。发表于:
阅读原文