Nuxt カラーモード
Nuxtで簡単に自動検出できる🌑 ダークモードと🌕 ライトモード。
機能
- Nuxt 3 と Nuxt Bridge をサポート
- 簡単なCSSテーマ設定のために、
<html>に.${color}-modeクラスを追加 - ページを特定のカラーモードに強制する(段階的な開発に最適)
- クライアントサイドレンダリングとユニバーサルレンダリングの両方で動作
- システムカラーモードを自動検出color-mode
- IE9+に対応 👴
注意: @nuxtjs/color-modeのv3はNuxt 3およびNuxt Bridgeと互換性があります。このモジュールの以前のバージョンをお探しの場合、以前のドキュメントを確認するか、違いについて詳しく読むことをお勧めします。
コントリビューション
このモジュールには CodeSandBox でオンラインで貢献できます
またはローカルで
- このリポジトリをクローンする
pnpm installを使用して依存関係をインストールするpnpm devを使って開発サーバーを起動します。
ライセンス
Copyright (c) Nuxt Team

