XM的小窝


 

【好耶】终于给本主题编写了暗色模式~

可在右下角点击按钮切换暗色模式/普通模式 :鹿乃_AWSL:

修改方法:

1. 在主题目录下的 header.php 中,搜索 </head> 并在前面添加样式:

    <!--夜间模式-->
    <link rel="stylesheet" id="dark_mode_css" href="https://image.kanokano.cn/tmp/darkmode.css">
    <script src="https://image.kanokano.cn/tmp/darkmode_kano.js"></script>

2. 在主题目录/static/css/kratos.min.css文件中,搜索:

.edit-box.edit-box2
修改内部样式为: bottom:230px;

顺便把下面的.edit-box.edit-box3
修改样式为 bottom:280px;

保存即可 :huaji14:

功能:

  • 根据日出日落动态设置暗色模式(手动设置优先级高于自动)
  • 实时切换,无需等待
  • 根据移动端暗色模式实现自适应(未开发)

已知bug: 设置为普通模式时刷新页面会闪一下暗色模式,暂时没有解决思路


2021-11-23

已解决bug:设置为普通模式时刷新页面会闪一下暗色模式


2021-11-24

已解决bug:切换为夜间模式时导航页高度异常变化

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注