light-dark()

light-dark() 是一个 CSS 颜色函数，允许为属性设置两种颜色 - 通过检测开发者设置的是浅色还是深色配色方案，或者用户请求的是浅色还是深色主题，来返回两种颜色选项之一，而无需将主题颜色包含在 prefers-color-scheme 媒体查询中。

用户可以通过操作系统设置（例如浅色或深色模式）或用户代理设置来指示他们的配色方案偏好。light-dark() 函数允许提供两个颜色值，其中接受任何 <color> 值。如果用户偏好设置为 light 或未设置偏好，则 light-dark() CSS 颜色函数返回第一个值；如果用户偏好设置为 dark，则返回第二个值。

要启用对 light-dark() 颜色函数的支持，color-scheme 必须具有 light dark 值，通常设置在 :root 伪类上。

:root {
  color-scheme: light dark;
}
body {
  color: light-dark(#333b3c, #efefec);
  background-color: light-dark(#efedea, #223a2c);
}