【第3093期】CSS 的新篇章：借助 light-dark() 轻松实现亮/暗模式颜色的切换

前言本文介绍了 CSS 的新功能 light-dark ()，它是一个轻松实现 Light Mode 和 Dark Mode 颜色切换的函数。light-dark () 接受两个颜色值作为参数，根据当前使用的颜色方案（Light Mode 或 Dark Mode）输出第一个或第二个颜色参数。使用 light-dark () 需要同时设置 color-scheme 属性，并且目前只支持颜色值。作者还提到了将来可能会引入更全面的函数 schemed-value ()，用于响应更多的颜色方案和返回非颜色值。当前 light-dark () 的浏览器支持情况有限，只有 Firefox 120 版本及以上支持。文章最后提供了一个 demo 来展示 light-dark () 的使用效果。今日前端早读课文章由 @飘飘翻译分享。正文从这开始～～在 CSS 中，如果我们想要根据当前的亮度模式（亮模式或暗模式）来改变颜色，一般会使用 prefers-color-scheme 这个媒体查询。现在，CSS 提供了一个更便捷的工具函数 light-dar ………………………………