@media (prefers-color-scheme: light) 在 chrome 中不工作

Question

我正在使用：

@media (prefers-color-scheme: light) {
  :root {
    --shade1: hsl(var(--HS-color), 0%);
    --shade3: hsl(var(--HS-color), 70%);
    --shade2: hsl(var(--HS-color), 90%);
    --lighten: hsla(0, 0%, 0%, 10%);
    --background-lighten: hsla(var(--HS-color), 80%, 80%);
  }
}

如果系统偏好设置为浅色但我网站的默认设置为深色，则切换到浅色主题。出于某种原因，这些根样式在 chrome 中应用，即使我的系统主题是深色的并且我也尝试重新启动 chrome。更奇怪的是，它适用于基于 chrome 的边缘。有答案吗？

Answer 1

更新： 结果是出于某种原因，因为我在 chrome://flags chrome 中使用 Web 内容标志的 Force Dark Mode 使配色方案变亮，即使它应该使它变暗。

@media (prefers-color-scheme: light) 在 chrome 中不工作

@media (prefers-color-scheme: light) not working in chrome

css

themes