网站支持炫酷暗黑模式/夜间模式）

Darkmode.js这个东西还是挺好玩的，非常易于使用，只需一段代码就可以让你的网站支持暗黑模式，安装好之后，在网页的右下角有一个圆形按钮，点击即可切换白天/夜晚模式。Darkmode.js是开源的项目，所以可以免费玩耍 ，不过如果想玩的好，还是需要点技术的。这篇文章就来看看如何安装这个Darkmode.js。

官网：https://darkmodejs.learn.uno/
Github：https://github.com/sandoche/Darkmode.js

1. <script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.3.4/lib/darkmode-js.min.js"></script>
   
2.     <script>
   
3.       new Darkmode().showWidget();
   
4.     </script>

复制代码

看到这个代码估计很多人都会安装了。随便找个footer.php文件放到合适的位置就可以了,或者是模板文件footer.html文件的之前都可以。

1.     var options = {
   
2.       bottom: '64px', // default: '32px'
   
3.       right: 'unset', // default: '32px'
   
4.       left: '32px', // default: 'unset'
   
5.       time: '0.5s', // default: '0.3s'
   
6.       mixColor: '#fff', // default: '#fff'
   
7.       backgroundColor: '#fff',  // default: '#fff'
   
8.       buttonColorDark: '#100f2c',  // default: '#100f2c'
   
9.       buttonColorLight: '#fff', // default: '#fff'
   
10.       saveInCookies: false, // default: true,
    
11.       label: '&#127763;' // default: ''
    
12.     }
    
13. 
    
14.     const darkmode = new Darkmode(options);
    
15.     darkmode.showWidget();

复制代码

你想用的越精致，就越要一点技术来修改，如果实在搞不来就用第一段js代码来插入即可，开箱即食