NightWave

大多数主题切换只是瞬间变色，用过即忘。NightWave 将暗色模式转化为一种精致的体验，从切换按钮处展开平滑的波浪过渡动画。专为注重细节的现代网站打造。

核心功能

NightWave 的核心是一段轻量级脚本，通过监听按钮点击，触发一个从点击位置扩散的波浪形遮罩动画，优雅地完成从亮色到暗色（或反之）的过渡。它自动检测系统主题偏好，并支持用户手动切换，所有状态持久化存储。

主要特性

• 零依赖：纯原生 JavaScript，无需 jQuery 或其他库
• 超轻量：压缩后仅约 2 KB，不影响页面加载速度
• 智能适配：自动同步系统主题，并支持图片、卡片、背景等元素的暗色样式
• 无障碍支持：内置 prefers-reduced-motion 检测，尊重用户减少动画的偏好
• 即插即用：只需引入一个 CSS 文件和一段 JS 代码，即可在任意 HTML 页面中生效

适用场景

• 个人作品集：以精致的交互细节展示设计品味
• SaaS 落地页：提升品牌高级感，让用户记住你的产品
• 高端界面：任何注重用户体验和视觉细节的网站或应用