javascript - 如何检测夜间模式事件 - CSS/JavaScript？

Question

是否有夜间模式的 CSS 前缀或用户更改模式时触发的 javascript 事件？如果用户从 browser setting 启用夜间模式，我想要元素的自定义颜色.

谢谢

Answer 1

快到 2020 年了，我们现在有了 css 媒体查询来检测夜间模式。

@media (prefers-color-scheme: dark){
  body {
    background-color: black;
    color: #ccc;
  }
}