前几天折腾了下暗黑模式，需要自己改 css，并且还得设备和浏览器支持才能实现。这里介绍一个懒人方法：Darkmode.js 为网站添加黑暗模式。
网站/博客引入 Darkmode.js 快速支持黑暗模式 夜间模式
方法其实很简单，引入 js，运行即可。比如 WordPress 默认主题，在 wp_footer(); 后，</body> 前插入如下 js 代码即可（twentytwelve 主题测试通过）。
<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
<script>
function addDarkmodeWidget() {
const options = {
bottom: '64px', // default: '32px'
right: '32px', // default: '32px'
left: 'unset', // default: 'unset'
time: '0.5s', // default: '0.3s'
mixColor: '#fff', // default: '#fff'
backgroundColor: '#fff', // default: '#fff'
buttonColorDark: '#100f2c', // default: '#100f2c'
buttonColorLight: '#fff', // default: '#fff'
saveInCookies: false, // default: true,
label: '?', // default: ''
autoMatchOsTheme: true // default: true
}
const darkmode = new Darkmode(options);
darkmode.showWidget();
}
window.addEventListener('load', addDarkmodeWidget);
</script>
还可以根据实际修改参数适配网站，把 darkmode-js.min.js 保存到服务器本地引入也可以。
Darkmode.js 备用下载
云盘下载：Darkmode.js-1.5.7
WordPress 夜间模式插件 Blackout: Dark Mode Widget
WordPress 如果不想修改主题代码，还可以借助插件：Blackout: Dark Mode Widget - WordPress 暗黑模式插件。
该插件基于 Darkmode.js 开发，可以让 WordPress 网站一键切换到暗黑模式，适合懒人，不过效果一般，不嫌麻烦还是自己改 css 效果更好。
WordPress 后台插件安装页面搜索并安装 Blackout: Dark Mode Widget 插件。启用插件，打开网站首页，右下方增加了一个圆形按钮，点击就会进入黑色背景的暗黑模式。
正常模式
暗黑模式
额外设置，Blackout Settings 插件设置页面，根据需要自定义设置或者默认设置即可。
插件暗黑模式只支持新版本 Chrome、Firefox 和 Safari，但不支持所有版本 IE 和 Edge 浏览器。
前几天知更鸟博客看到过。背景颜色不可以调，需要自己找js。
@Yan 会折腾还是自己改 css 吧。
奇怪，你之前不是有css的，我这里晚上了，还是白天版的，没开启？
@郑永 还得设备、浏览器支持暗黑模式……
就想搞个自动的?
@灰常记忆 楼上大哥就有自动方案啊：WordPress添加夜间模式cookie版 https://xptt.com/653884.html
要是支持时间段自动变成暗黑模式就好了＾０＾~
@卡卡讯 楼上楼上就有使用 cookie 自动切换版本，不过我没有折腾。
WordPress添加夜间模式cookie版 https://xptt.com/653884.html
晚上看不伤眼了，好方案。
@张波博客 可能会好那么一点点吧。