ui/docs/content/1.getting-started/6.color-mode.md

title, description, links

title	description	links
Color Mode	Nuxt UI integrates with Nuxt Color Mode to allow for easy switching between light and dark themes.	label to target icon nuxtjs/color-mode https://github.com/nuxt-modules/color-mode _blank i-simple-icons-github

Usage

Nuxt UI automatically registers the @nuxtjs/color-mode module for you, so there's no additional setup required.

You can disable dark mode by setting the preference to light instead of system in your nuxt.config.ts.

export default defineNuxtConfig({
  colorMode: {
    preference: 'light'
  }
})

::tip If you're stuck in dark mode even after changing this setting, you might need to remove the nuxt-color-mode entry from your browser's local storage. ::