纯 css 开启暗黑模式

开启暗黑模式看着很简单，不过真要折腾还是挺麻烦。

css 文件干掉了很多设置不同颜色的代码（为了省事，普通模式也基本上是黑白了。优化了一下，原本颜色基本上回来了，暗黑模式也还行），暗黑模式看起来才有点像样了。

跟随系统的深色模式
原文代码：

@media (prefers-color-scheme: dark) {
  body {
    background-color: #444;
    color: #e4e4e4;
  }
  a {
    color: #e39777;
  }
  img {
    filter: grayscale(30%);
  }
}

支持 Firefox、Safari 和 Chrome 等浏览器。需要根据实际添加需要变色的 class/id

https://tombrow.com/dark-mode-website-css