color-mode
@nuxtjs/color-mode

Nuxt 的深色和淺色模式，帶自動檢測功能
725.6K 下載量1.2K 星標v3.5.2
AtinuxAtinux

@nuxtjs/color-mode

Nuxt 顏色模式

npm versionnpm downloadsLicenseNuxtVolta board

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

nuxt-color-mode

線上演示

功能

  • 支援 Nuxt 3 和 Nuxt Bridge
  • 將 .${color}-mode 類新增到 <html>，以便輕鬆進行 CSS 主題設定
  • 強制頁面使用特定顏色模式（非常適合增量開發）
  • 適用於客戶端和通用渲染
  • 自動檢測系統 顏色模式
  • 支援 IE9+ 👴

📖  閱讀更多

注意：@nuxtjs/color-mode 的 v3 版本與 Nuxt 3 和 Nuxt Bridge 相容。如果您正在尋找此模組的先前版本，請檢視 之前的文件，或 閱讀有關差異的更多資訊。

貢獻

您可以透過 CodeSandBox 線上為該模組貢獻程式碼

Edit @nuxtjs/color-mode

或在本地

  1. 克隆此倉庫
  2. 使用 pnpm install 安裝依賴
  3. 使用 pnpm dev 啟動開發伺服器

許可證

麻省理工學院許可證

版權所有 (c) Nuxt 團隊