前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Typecho夜间模式设置

Typecho夜间模式设置

作者头像
Aomsir
发布2021-02-25 14:29:37
1.2K0
发布2021-02-25 14:29:37
举报
文章被收录于专栏:Aomsir的专栏

最近看到几个友链都弄了跟随系统暗色的夜间模式,然后我也去捣鼓了一下,从友人陆小北哪里学习到了如何配置,甚是感谢

注意:只对Handsome主题进行了测试,其余主题自行测试

配置方法

1,下载夜间模式配置文件

点击下载

下载上面的css和js文件,分别放到到

/usr/themes/handsome/assets/css/darkmode.css

/usr/themes/handsome/assets/js/darkmode.js

2,修改主题文件

打开文件找到

在下面加入

代码语言:javascript
复制
    <!--darkmode.css-->
    <link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/darkmode.css?v=dedediy" type="text/css" />

打开文件找到

自动进入夜间模式配置

打开找到

版权属于:奥秘Sir(除特别注明外)

本文链接:https://cloud.tencent.com/developer/article/1793222

本站文章采用 知识共享署名4.0 国际许可协议进行许可,请在转载时注明出处及本声明!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 配置方法
    • 1,下载夜间模式配置文件
      • 点击下载
        • 2,修改主题文件
        • 自动进入夜间模式配置
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档