---
title: "Nuxt Color Mode"
description: "Dark and light mode with auto detection made easy with Nuxt 🌗"
canonical_url: "https://color-mode.nuxtjs.org"
---
# Nuxt Color Mode
> Dark and light mode with auto detection made easy with Nuxt 🌗
Dark and light mode with
auto detection
Plug-and-play color mode module for Nuxt with auto detection made easy. Easily theme your app with `.dark` and `.light` classes.
Get started
Get the most of your app with
powerful features
Auto Detection
Automatically detects the user's system color mode preference and applies it to your app.
Easy CSS Theming
Add `.dark` and `.light` classes to your CSS for effortless theming.
Force Mode Per Page
Lock specific pages to a color mode, perfect for incremental dark mode implementation.
Highly Configurable
Customize storage, fallbacks, class names, and more to fit your needs.
SSR Ready
Works seamlessly with both client-side and server-side rendering.
Framework Support
Works with any CSS framework by adding configurable classes to ``.
Trusted by thousands of developers
Nuxt Color Mode is used by companies and developers worldwide to provide seamless dark mode experiences.
Get started
## Resources for Agents
- [API catalog: every service document this site publishes](https://color-mode.nuxtjs.org/.well-known/api-catalog)
- [Sitemap (XML)](https://color-mode.nuxtjs.org/sitemap.xml)
- [Sitemap (Markdown): every page on the site](https://color-mode.nuxtjs.org/sitemap.md)
- [MCP server card: MCP endpoint at https://color-mode.nuxtjs.org/mcp](https://color-mode.nuxtjs.org/.well-known/mcp/server-card.json)
- [MCP endpoint (streamable HTTP)](https://color-mode.nuxtjs.org/mcp)
- [llms.txt: index of the documentation for LLMs](https://color-mode.nuxtjs.org/llms.txt)
- [llms-full.txt: the full documentation as a single file](https://color-mode.nuxtjs.org/llms-full.txt)
- [OpenAPI document: every route this site serves to agents](https://color-mode.nuxtjs.org/openapi.json)
## Sitemap
See the full [sitemap](https://color-mode.nuxtjs.org/sitemap.md) for all pages.