nuxt-modules/color-mode
Dark and Light mode with auto detection made easy with Nuxt 🌗 observed · 2026-08-28
Health v2 · maintenance only
87/100
- Activity 99
- Release rhythm 63
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: 124.5
- age_days: 2332
- days_rel: 85
- days_push: 7
- n_releases_24m: 5
Adoption not part of the score
1226 stars · 123 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
@nuxtjs/color-mode is a Nuxt module that adds dark and light mode support with automatic system preference detection. It applies configurable color classes to the <html> element for easy CSS theming and works with both client-side and server-side rendering.
Use cases
- add dark mode to a Nuxt app
- auto-detect user's system color scheme preference
- theme a site with .dark and .light CSS classes
- force specific pages to a fixed color mode
- support dark mode with SSR without flash of wrong theme
When to choose
- you're building a Nuxt 3+ application and want plug-and-play dark/light mode
- you need SSR-compatible color mode switching with no flicker
- you want per-page color mode overrides for incremental adoption
When to avoid
- your project doesn't use Nuxt
- you need a framework-agnostic theming solution
- you only need simple CSS media queries without user toggling
Facets
plugin · maturity active
ui-components theme ssr frontend-framework web-development frontend web-design cross-platform nuxt-module dark-mode light-mode color-scheme css-theming system-preference-detection nodejs web-server
4 sources
- readme: https://github.com/nuxt-modules/color-mode · fetched 2026-08-28 · a5e8ad3aa416
- homepage: https://color-mode.nuxtjs.org · fetched 2026-08-29 · 90f380db597e
- site_page: https://color-mode.nuxtjs.org/getting-started · fetched 2026-08-29 · 8bbbf6874804
- site_page: https://color-mode.nuxtjs.org/getting-started/installation · fetched 2026-08-29 · e836f02dfa9e
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| nuxt-modules/color-mode | main | 87 |
For agents
markdown · JSON · MCP: product_card(name="nuxt-modules/color-mode")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem