使用darkmode-js为网站添加暗黑主题

使用npm引入依赖

npm install darkmode-js

导入darkmode-js

import Darkmode from "darkmode-js";

添加配置项

  const options = {
      bottom: "64px", // default: '32px'
      left: "64px",
      time: "0.3s", // default: '0.3s'
      mixColor: "#fff", // default: '#fff'
      backgroundColor: "#fff", // default: '#fff'
      buttonColorDark: "#100f2c", // default: '#100f2c'
      buttonColorLight: "#fff", // default: '#fff'
      saveInCookies: true, // default: true,
      label: "🌗", // default: ''
      autoMatchOsTheme: true // default: true
    };

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

官方文档 https://darkmodejs.learn.uno/