Nuxt Color Mode
🌑 深色和 🌕 淺色模式,透過 Nuxt 輕鬆實現自動偵測。
功能特色
- Nuxt 3 和 Nuxt Bridge 支援
- 將
.${color}-mode
class 加入至<html>
,方便 CSS 主題設定 - 強制頁面使用特定色彩模式 (非常適合漸進式開發)
- 適用於客戶端和通用渲染
- 自動偵測系統 color-mode
- 支援 IE9+ 👴
注意:v3 版本的 @nuxtjs/color-mode
與 Nuxt 3 和 Nuxt Bridge 相容。如果您正在尋找此模組的先前版本,請查看先前的文件,或閱讀更多關於差異的資訊。
貢獻
您可以透過 CodeSandBox 線上貢獻此模組
或在本機端
- Clone 此儲存庫
- 使用
pnpm install
安裝依賴套件 - 使用
pnpm dev
啟動開發伺服器
授權條款
版權所有 © Nuxt 團隊