透過 100+ 個技巧學習 Nuxt!

color-mode
@nuxtjs/color-mode

Nuxt 的深色和淺色模式,具備自動偵測功能

@nuxtjs/color-mode

Nuxt Color Mode

npm versionnpm downloadsLicenseNuxtVolta board

🌑 深色和 🌕 淺色模式,透過 Nuxt 輕鬆實現自動偵測。

nuxt-color-mode

線上 demo

功能特色

  • Nuxt 3 和 Nuxt Bridge 支援
  • .${color}-mode class 加入至 <html>,方便 CSS 主題設定
  • 強制頁面使用特定色彩模式 (非常適合漸進式開發)
  • 適用於客戶端和通用渲染
  • 自動偵測系統 color-mode
  • 支援 IE9+ 👴

📖  閱讀更多

注意:v3 版本的 @nuxtjs/color-modeNuxt 3 和 Nuxt Bridge 相容。如果您正在尋找此模組的先前版本,請查看先前的文件,或閱讀更多關於差異的資訊

貢獻

您可以透過 CodeSandBox 線上貢獻此模組

Edit @nuxtjs/color-mode

或在本機端

  1. Clone 此儲存庫
  2. 使用 pnpm install 安裝依賴套件
  3. 使用 pnpm dev 啟動開發伺服器

授權條款

MIT 授權條款

版權所有 © Nuxt 團隊