土薯工具 Toolshu.com 登录 用户注册

Darkmode.js 暗色模式库 Darkmode.js 暗色模式库

网站介绍

Darkmode.js 是一个开源的、轻量级的 JavaScript 插件,旨在帮助开发者在几秒钟内为网站添加暗色模式(Dark Mode)或夜间模式(Night Mode)切换功能。

核心特性

  • 自动显示切换按钮
  • 保存用户偏好设置(使用 localStorage)
  • 自动识别操作系统主题偏好(支持 prefers-color-scheme)
  • 支持无界面程序化控制
  • 使用 CSS mix-blend-mode 实现暗色效果

使用方式

支持 CDN 引入和 NPM 安装两种方式,提供丰富的自定义选项(如按钮位置、颜色、动画时长等),并可与 WordPress、Drupal、Nuxt.js 等主流平台集成。

兼容性说明

由于使用 mix-blend-mode 特性,部分旧版浏览器(如 IE 和旧版 Edge)可能不支持,插件会自动隐藏按钮以确保兼容性。