来源：Dark mode in a website with 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。
亲测 iOS 13 暗黑模式下 Chrome 和 Safari 浏览器自动生效。
本文首发于：网站纯 css 开启暗黑模式-沙唐桔
压缩包解压密码 1024，AdBlock 等插件会阻碍站点资源加载。
刚刚调了一下css样式，看你背景颜色不错，直接把背景颜色换成和你一样的，导航栏直接在背景色的基础上调整了一下
@浮游 背景色是从 WordPress 2020 主题偷来的。
@老杨 我觉得颜色还行，挺养眼的
@浮游 我觉得也不错，所以才偷过来了。
可以的，最后你会发现，还是原来的颜色更舒服。
@奶爸建网站笔记 嗯，原本颜色更好，现在的更简单，也不错吧。
@奶爸建网站笔记 折腾了下，颜色基本上回来了……囧……
@奶爸建网站笔记 同感，哈哈，这个颜色太亮。
@郑永 更暖。
搞黑白的干什么呀？不好看。
@张波博客 是难看点，不过颜色少点容易维护。
是自动黑夜模式？
@灰常记忆 是，不过前提是设备/浏览器支持。
@老杨 放在CSS里就可以了？
@灰常记忆 是啊。
还是原来的好，黑色不习惯呀
@逆时针 只是晚上会适配开启。
我也搞了一下，但还不完善，关键手头没mac，尴尬了，只在ios13看了下，哈哈。
@山小炮 可以判断是否管理员强制暗黑模式调试，我就是这么干的。
@老杨 我发现安卓系统也可以哦。
@山小炮 有暗黑模式的设备都可以。
已经加进去了。
@Sam.Z 貌似字体变色了，背景色没有变，缓存？
@老杨 没有验证也，我都用的FF自带插件设置Dark模式，晚点我再试试，不行就cancel了。
@Sam.Z 看了一下你 css，暗黑模式代码放最后，可以加上 !important
@老杨 要得，电脑刚才关了，明天上班弄，好冷，早点进被窝
@media (prefers-color-scheme: dark) 安卓手机不兼容吧，那安卓需要怎么判断暗黑模式嘛
@xy 不支持的可以上 js 吧，不过我只折腾了 css
@老杨 if(window.matchMedia(“(prefers-color-scheme:dark)”).matches) js用了这个，也不兼容。