~夜间模式再次上线啦~

2019年基于该主题的暗色模式搞的夜间模式因为会闪而且会缓存导致其他用户会看到的问题而不得不取消了。
虽然后面使用 PHP 动态输出 CSS 样式表可以解决,但是怕危险就没有继续使用了。

今天突然再次想搞这个是因为昨晚看到了个判断浏览器是否夜间模式的接口的方法而特意试试(很长一段时间前好像就听过了,但是没上心)。

但是还是有个问题,会闪一下的覆盖掉白色主题才显示最后的暗色主题。夜间不还是一样闪瞎眼睛。。。。。。

if (window.matchMedia &&
    window.matchMedia('(prefers-color-scheme: dark)').matches) {
    setDark();
}

判断时候夜间模式( dark ),是的话就追加暗色样式。

发布者

ChiuYut

咦?我是谁?这是什么地方? Ya ha!我是ChiuYut!这里是我的小破站!