土薯工具 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)可能不支持,插件會自動隱藏按鈕以確保兼容性。