css冷门知识-获取windows系统主题

使用 matchMedia API找到 MediaQueryList 对象

let  mqList = window.matchMedia("(prefers-color-scheme:dark)")
if(mqList.matches){//匹配上了,说明windows使用的是黑暗主题模式
  // TODO: 将我们网页的主题设置成暗黑模式
}

参考

1. 媒体查询的类型 https://developer.mozilla.org/en-US/docs/Web/CSS/@media
2. matchMediaAPI介绍 https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia