Introduction

Introduction

Dark and light mode with auto detection made easy with Nuxt 🌗

Dark and light mode with auto detection made easy with Nuxt 🌗

Features

  • Add a configurable .${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
  • Works out of the box with @nuxtjs/tailwindcss
  • Auto detect system color-mode

Live Demo

Check out the online demo and source code.

Installation

Learn how to install and configure Nuxt Color Mode