可在右下角点击按钮切换暗色模式/普通模式
修改方法:
1. 在主题目录下的 header.php 中,搜索 </head> 并在前面添加样式:
<!--夜间模式-->
<link rel="stylesheet" id="dark_mode_css" href="https://kanokano.cn/wp-content/uploads/tmp/darkmode.css">
<script src="https://kanokano.cn/wp-content/uploads/tmp/darkmode_kano.js"></script>
2. 在主题目录/static/css/kratos.min.css文件中,搜索:
.edit-box.edit-box2
修改内部样式为: bottom:230px;
顺便把下面的.edit-box.edit-box3
修改样式为 bottom:280px;
保存即可
功能:
- 根据日出日落动态设置暗色模式(手动设置优先级高于自动)
- 实时切换,无需等待
- 根据移动端暗色模式实现自适应(未开发)
已知bug: 设置为普通模式时刷新页面会闪一下暗色模式,暂时没有解决思路
2021-11-23
已解决bug:设置为普通模式时刷新页面会闪一下暗色模式
2021-11-24
已解决bug:切换为夜间模式时导航页高度异常变化