～技术宅真可怕～ » 讨论
用 CSS Filter 反色实现简易黑暗模式

自己博客用的主题不支持黑暗模式，于是改了改别人的代码自己加了一个。用简单 JS+CSS 实现黑暗模式，灵感来源于 Dark Reader。支持
* 用户有偏好时使用用户偏好，无偏好时检测并使用系统/浏览器级别的黑暗模式设定（CSS Media Query 没有简单的用户 override 方式）
* 不影响图片、视频
* 可以方便的设定排除范围（如社交媒体相关图标）

实作时可能需要的更改：
* 微调文字、链接、背景颜色
* 用图标而非文字按钮来切换

原始代码来源： Adding dark mode to a Hugo static website without learning CSS | radu's blog (radu-matei.com)
参考： 几行CSS让整站支持深色模式的探索与拓展 « 张鑫旭-鑫空间-鑫生活 (zhangxinxu.com)


效果



示例代码（为方便写在一起了，实际使用可以把 CSS / JS 拆开）