css更改暗黑模式:
https://python.freelycode.com/contribution/detail/1593
这篇里里面讲的很详细
具体操作就是,在你的公共css文件顶部写上这么一段就ok了
:root{
color-scheme:light dark;
}
上面这个样式是根据系统调整,但仅限你没有定义过的样式,定义之后在ios暗黑模式下看着就很怪异了
可以添加如下
@media (prefers-color-scheme:dark){
你要设置的样式
}
建议直接按照这样来
@media (prefers-color-scheme: dark) {
body {
background-color: #444;
color: #e4e4e4;
}
a {
color: #e39777;
}
img {
filter: grayscale(30%);
}
}
js更改暗黑模式:
if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
//do somthing
}