Color Mode
Nuxt UI integrates with Nuxt Color Mode to allow for easy switching between light and dark themes.
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.
nuxt.config.ts
export default defineNuxtConfig({
colorMode: {
preference: 'light'
}
})
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.