@nuxtjs/color-mode
🌑 Dark and 🌕 Light mode with auto detection made easy with NuxtJS
Live demo
Features
- Add
.${color}-mode
class to <html>
for easy CSS theming - Force a page to a specific color mode (perfect for incremental development)
- Works with any NuxtJS target (
static
or server
) and rendering (universal
and spa
) - Auto detect the system color-mode
- Sync dark mode across tabs and windows 🔄
- Supports IE9+ 👴
📖 Read more
Contributing
You can contribute to this module online with CodeSandBox:
Or locally:
- Clone this repository
- Install dependencies using
yarn install
or npm install
- Start development server using
yarn dev
or npm run dev
License
MIT License
Copyright (c) NuxtJS Team