Nuxt Nationカンファレンスが開催されます。11月12日〜13日にご参加ください。

color-mode
@nuxtjs/color-mode

自動検出機能付き、Nuxtのダークおよびライトモード

@nuxtjs/color-mode

Nuxt Color Mode

npm versionnpm downloadsLicenseNuxtVolta board

🌑 ダークモードと🌕 ライトモード、Nuxtで自動検出が容易。

nuxt-color-mode

ライブデモ

機能

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

📖  続きを読む

注意: @nuxtjs/color-modeのv3は、Nuxt 3およびNuxt Bridgeと互換性があります。このモジュールの前のバージョンをお探しの場合は、以前のドキュメントを参照するか、違いの詳細をご覧ください。

コントリビューション

CodeSandBoxでオンラインでこのモジュールにコントリビューションできます

Edit @nuxtjs/color-mode

またはローカルで

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

ライセンス

MITライセンス

著作権(c)Nuxtチーム