hub / github.com/nuxt-modules/color-mode
github.com/nuxt-modules/color-mode @v4.0.1
Chat with this repo
24 symbols
85 edges
21 files
6 documented · 25%
6 cross-repo links
● updated 3d agov4.0.1 · 2026-06-09★ 1,22645 open issues
Browse by type
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
Nuxt Color Mode
🌑 Dark and 🌕 Light mode with auto detection made easy with Nuxt.
Features
- Add
.${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
- Auto detect system color-mode
Note: v4 of @nuxtjs/color-mode is compatible with Nuxt 3+. If you're looking for the previous version of this module, check out the previous docs, or read more about the differences.
Contributing
You can contribute to this module online with CodeSandBox:
Or locally:
- Clone this repository
- Install dependencies using
pnpm install - Start development server using
pnpm dev
License
Copyright (c) Nuxt Team
Extension points exported contracts — how you extend this code
ModuleOptions (Interface)
(no doc)
src/module.ts
ColorModeInstance (Interface)
(no doc)
src/runtime/types.ts
NuxtApp (Interface)
(no doc)
src/runtime/types.ts
RouteMeta (Interface)
(no doc)
src/runtime/types.ts
PluginInjection (Interface)
(no doc)
src/runtime/types.ts
ComponentCustomProperties (Interface)
(no doc)
src/runtime/types.ts
browse all types & interfaces →
Core symbols most depended-on inside this repo
Shape
Languages
TypeScript100%
Modules by API surface
src/script.min.js6 symbols
src/script.js6 symbols
src/runtime/types.ts5 symbols
src/runtime/plugin.client.ts3 symbols
src/module.ts2 symbols
src/runtime/composables.ts1 symbols
build.config.ts1 symbols
Used by 6 indexed graphs manifest dependencies, hub-wide
For agents
$ claude mcp add color-mode \
-- python -m otcore.mcp_server <graph>