Morioh
Login
Rodney Vg

Rodney Vg

3 years ago

Dark and Light Mode with Auto Detection Made Easy with NuxtJS

@nuxtjs/color-mode

🌑 Dark and 🌕 Light mode with auto detection made easy with NuxtJS

nuxt-color-mode

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:

Edit @nuxtjs/color-mode

Or locally:

  1. Clone this repository
  2. Install dependencies using yarn install or npm install
  3. Start development server using yarn dev or npm run dev

Download Details:

Author: nuxt-community

Demo: https://color-mode.nuxtjs.org/

Source Code: https://github.com/nuxt-community/color-mode-module

#vue #vuejs #javascript #nuxt #nuxtjs

Dark and Light Mode with Auto Detection Made Easy with NuxtJS
4.90 GEEK