h5 判断系统深色模式

const darkMode = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)")

如果 darkMode && darkMode.matches 都为 true

那么系统为深色模式,反之为浅色模式

可以设置一个事件监听这两个值的变化

darkMode && darkMode.addEventListener("change", e => {})

可以通过给 body 增加 class 的方式去设置主题

你可能感兴趣的:(h5 判断系统深色模式)