🌓

CSS light-dark() 函数探索器

探索 CSS light-dark() 函数。定义浅色和深色颜色对,用单一 CSS 值创建响应式主题。

CSS
color: light-dark(#ffffff, #1e293b);
浅色模式
background: #ffffff / color: #1e293b
深色模式
background: #1e293b / color: #ffffff
light-dark() CSS 函数基于当前 color-scheme 返回两个值之一。需要在元素上设置 color-scheme: light dark;