Awesome

Nuxt Color Mode

<a href="https://volta.net/nuxt-modules/color-mode?utm_source=nuxt_color_mode_readme"><img src="https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg" alt="Volta board"></a>

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

<p align="center"> <a href="https://color-mode.nuxtjs.app">Live demo</a> </p>

Features

Nuxt 3 and Nuxt Bridge support
Add .${color}-mode 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
Supports IE9+ 👴

Note: v3 of @nuxtjs/color-mode is compatible with Nuxt 3 and Nuxt Bridge. 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:

Or locally:

Clone this repository
Install dependencies using pnpm install
Start development server using pnpm dev

License

Copyright (c) Nuxt Team