color-mode
@nuxtjs/color-mode

Nuxt用のダークモードとライトモード、自動検出機能付き

@nuxtjs/color-mode

Nuxt カラーモード

npm versionnpm downloadsLicenseNuxtVolta board

Nuxtで簡単に自動検出できる🌑 ダークモードと🌕 ライトモード。

nuxt-color-mode

ライブデモ

機能

  • Nuxt 3 と Nuxt Bridge をサポート
  • 簡単なCSSテーマ設定のために、<html>.${color}-modeクラスを追加
  • ページを特定のカラーモードに強制する(段階的な開発に最適)
  • クライアントサイドレンダリングとユニバーサルレンダリングの両方で動作
  • システムカラーモードを自動検出color-mode
  • IE9+に対応 👴

📖  詳細はこちら

注意: @nuxtjs/color-modeのv3はNuxt 3およびNuxt Bridgeと互換性があります。このモジュールの以前のバージョンをお探しの場合、以前のドキュメントを確認するか、違いについて詳しく読むことをお勧めします。

コントリビューション

このモジュールには CodeSandBox でオンラインで貢献できます

Edit @nuxtjs/color-mode

またはローカルで

  1. このリポジトリをクローンする
  2. pnpm installを使用して依存関係をインストールする
  3. pnpm dev を使って開発サーバーを起動します。

ライセンス

MITライセンス

Copyright (c) Nuxt Team