教程

网站添加暗黑模式

Pony · 3月22日 · 2020年 ·

使用方法

  • 在<head>添加:
<script src="https://unpkg.com/darken"></script>
<script>
const darkmode = new darken();
</script>
  • 添加一个button:
<!-- index.html -->
<button id="darkmode-button">Toggle dark mode</button>
<script src="path/to/darken"></script>
<script>
 const darkmode = new darken({
 class: "darkmode-active",
 variables: {
 "--primary-color" : ["#000000", "#fafafa"],
 "--background-color" : ["#fafafa", "#000000"]
 },
 toggle: "#darkmode-button",
 });
</script>

Deemo

点我预览

源码下载

开源项目,来自 Github 。

0 条回应

上传图片