h5页面支持ios暗黑模式 （css、js）

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
}