简单代码完成网址的黑喑.黑夜模式_给你的网址提升黑夜模式

一些情况下大家必须将网址灰度级或是黑色，以融入一些独特的情景或是完成晚间阅读文章的必须，即进到夜里/傍晚方式。那样看起来网址较为暗，色度减少，对眼睛视力也有一定水平上的维护。

在网上也是有一部分的软件完成相对应的作用，今日看到了那样一个简单的代码，使用了下，或是基本上符合规定的。

这一段代码来自于Darkmode.Js ，官在网上的一段详细介绍是：
Add a dark-mode / night-mode to your website in a few seconds
其采用的代码为：

<script src="https://cdn.bootcss.com/Darkmode.js/1.4.0/darkmode-js.js"></script>
<script>
 new Darkmode().showWidget();
</script>

假如确实有需要得话，还可以立即将这一JS代码储存到当地后，再开展读取，那样就无论相对应的CDN产生哪些转变或是无法打开等状况，都能够一切正常读取，加速加载的速率。将简单的代码添加网页页面随意部位，即会发生对应的按键，可以转换。
这里头有2个JS文档，一个是darkmode-js.min.js，此外一个是Darkmode.js，关键区别是一个是简版，一个是可以调节的版本号。比如在Darkmode.js可以调节按键的尺寸、款式、转换衔接的時间，实际的代码有：

var options = {
bottom: '64px', // default: '32px'
right: 'unset', // default: '32px'
left: '32px', // default: 'unset'
time: '0.5s', // default: '0.3s'
mixColor: '#fff', // default: '#fff'
backgroundColor: '#fff', // default: '#fff'
buttonColorDark: '#100f2c', // default: '#100f2c'
buttonColorLight: '#fff', // default: '#fff'
saveInCookies: false, // default: true,
label: ' ', // default: ''
autoMatchOsTheme: true // default: true}

const darkmode = new Darkmode(options);
darkmode.showWidget();

根据对应的代码可以对完成的结果开展调整，一般状况默认设置就可以了。但假如开展调整以后就不必读取CDN上的JS代码了，不然是没成效的。请储存到网络服务器当地后再开展读取。默认设置的代码转换的实际效果如下所示：