JS实现跟随系统开启夜间模式

Posted by 薛纪昌 on February 28, 2020

最近发现微软和微信公众号的站点可以跟随系统开启夜间模式

如下图 微软夜间模式.png 在网上搜了一圈发现了如下代码即可判断当前系统是否为夜间模式

window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches

就这一行代码即可实现跟随系统开启夜间模式,让网站的逼格瞬间提升~