color-mode
@nuxtjs/color-mode

Dark and Light mode for Nuxt with auto detection
1.9M downloads1.2K starsv4.0.1
AtinuxAtinux

@nuxtjs/color-mode

Nuxt Color Mode

npm versionnpm downloadsLicenseNuxtVolta board

🌑 Dark and 🌕 Light mode with auto detection made easy with Nuxt.

nuxt-color-mode

Live demo

Features

  • Add .${color} class to <html> for easy CSS theming
  • Force a page to a specific color mode (perfect for incremental development)
  • Works with client-side and universal rendering
  • Auto detect system color-mode

📖  Read more

Note: v4 of @nuxtjs/color-mode is compatible with Nuxt 3+. If you're looking for the previous version of this module, check out the previous docs, or read more about the differences.

Contributing

You can contribute to this module online with CodeSandBox:

Edit @nuxtjs/color-mode

Or locally:

  1. Clone this repository
  2. Install dependencies using pnpm install
  3. Start development server using pnpm dev

License

MIT License

Copyright (c) Nuxt Team