h5 判断系统深色模式

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

如果 darkMode && darkMode.matches 都为 true

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容