# nuxt-modules/color-mode Dark and Light mode with auto detection made easy with Nuxt 🌗 Repository: https://github.com/nuxt-modules/color-mode Canonical: https://ross.abutalabs.com/products/color-mode Homepage: https://color-mode.nuxtjs.org Language: TypeScript License: MIT License Family: permissive Topics: nuxt-module, dark-theme, dark-mode, color-scheme Last push: 2026-08-26T10:40:18+00:00 ## Health v2 (maintenance only) Score: 87/100 (v2, computed 2026-09-02T17:46:02.011165+00:00) - activity 99, release rhythm 63, longevity 100 - inputs: {"age_days": 2332, "days_push": 7, "days_rel": 85, "gap_med": 124.5, "n_releases_24m": 5} - flags: none - formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) ## Adoption (not part of the score) Stars 1226, forks 123 (observed 2026-08-28T04:04:03.099521+00:00) ## What it is @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 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 - artifact type: plugin - maturity: active - function: ui-components, theme, ssr, frontend-framework - domain: web-development, frontend, web-design - platform: cross-platform - tags: nuxt-module, dark-mode, light-mode, color-scheme, css-theming, system-preference-detection, nodejs, web-server ## Member repositories - nuxt-modules/color-mode (main) score 87 ## Provenance - Observed fields: from GitHub, fetched 2026-08-28T04:04:03.099521+00:00. - Health v2: computed from the inputs above; adoption is never an input. - Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T06:15:20.807628+00:00, confidence not recorded. - readme: https://github.com/nuxt-modules/color-mode (fetched 2026-08-28T04:04:03.099521+00:00, sha a5e8ad3aa416) - homepage: https://color-mode.nuxtjs.org (fetched 2026-08-29T12:23:17.343913+00:00, sha 90f380db597e) - site_page: https://color-mode.nuxtjs.org/getting-started (fetched 2026-08-29T12:23:17.346355+00:00, sha 8bbbf6874804) - site_page: https://color-mode.nuxtjs.org/getting-started/installation (fetched 2026-08-29T12:23:17.348172+00:00, sha e836f02dfa9e) - Data as of 2026-08-30T08:39:29.467469+00:00.