夜间模式
请选择 进入手机版 | 继续访问电脑版
🌓黑暗模式

 找回密码
 立即注册
搜索
热搜: discuz sclub 夜读
查看: 559|回复: 0

Discuz! 给自己的网站添加黑暗模式

[复制链接]
  • TA的每日心情
    擦汗
    2023-7-12 20:55
  • 签到天数: 8 天

    连续签到: 8 天

    [LV.3]偶尔看看II

    74

    主题

    0

    回帖

    1631

    积分

    管理员

    积分
    1631
    发表于 2023-2-19 14:58:57 | 显示全部楼层 |阅读模式

    1.PNG


    2.PNG



    1.jpg



    把代码添加到后台/全局/SEO设置/其他/其他头部信息:

    1. <a href="javascript:;" onclick="darkmode.toggle();setcookie('darkmode',1,3600);" initialized="true" style="float:right" title="黑暗模式">&#x1F313;黑暗模式</a>
    2. <script src="https://boonkiong.com/template/artery_2019_02/js/darkmode.js" type="text/javascript"></script>
    3. <script>
    4. const options = {
    5. mixColor: '#efefef',
    6. backgroundColor: '',       
    7. saveInCookies: true,
    8. autoMatchOsTheme: true
    9. }
    10. const darkmode = new Darkmode(options);
    11. curtimestamp = new Date().getTime();
    12. if((curtimestamp>1675594800000 || curtimestamp<1675548000000) && (1675594800000!=1675548000000)){
    13. if(!darkmode.isActivated() && !getcookie('darkmode')){
    14. darkmode.toggle();       
    15. }
    16. }else{
    17. if(darkmode.isActivated() && !getcookie('darkmode')){
    18. darkmode.toggle();       
    19. }
    20. }
    21. if(darkmode.isActivated()){
    22. var darkmode_mcss=document.createElement("style");
    23. darkmode_mcss.innerHTML=".bm {background: none;}#nv, .vwmy.qq {isolation: isolate;}";
    24. document.getElementsByTagName('head')[0].appendChild(darkmode_mcss)
    25. }
    26. </script>
    复制代码




    上一篇:Discuz!门户文章增加tag标签功能
    下一篇:Discuz! 给自己的网站添加”谷歌翻译“
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    快速回复 返回顶部 返回列表