{"adoption": {"forks": 123, "observed_at": "2026-08-28T04:04:03.099521+00:00", "stars": 1226}, "canonical_url": "https://ross.abutalabs.com/products/color-mode", "card": {"archived": false, "artifact_type": "plugin", "description": "Dark and Light mode with auto detection made easy with Nuxt 🌗", "domain": ["web-development", "frontend", "web-design"], "enriched": true, "function": ["ui-components", "theme", "ssr", "frontend-framework"], "health_score": 99, "homepage": "https://color-mode.nuxtjs.org", "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["nuxt-modules/color-mode"], "name": "nuxt-modules/color-mode", "platform": ["cross-platform"], "pushed_at": "2026-08-26T10:40:18+00:00", "repo": "nuxt-modules/color-mode", "stars": 1226, "tags": ["nuxt-module", "dark-mode", "light-mode", "color-scheme", "css-theming", "system-preference-detection", "nodejs", "web-server"], "topics": ["nuxt-module", "dark-theme", "dark-mode", "color-scheme"], "urls": [], "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"], "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.", "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"], "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"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/color-mode", "repo": "nuxt-modules/color-mode", "role": "main", "score": 87}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T06:15:20.807628+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a5e8ad3aa41635ef6e3bbdcf8c0b54c166f101b6cffabb3177583d2312b59c84", "fetched_at": "2026-08-28T04:04:03.099521+00:00", "kind": "readme", "missing": false, "url": "https://github.com/nuxt-modules/color-mode"}, {"content_hash": "90f380db597e92b3f7964e39bcb893e7b47df0c006b95b52320c751247ff159c", "fetched_at": "2026-08-29T12:23:17.343913+00:00", "kind": "homepage", "missing": false, "url": "https://color-mode.nuxtjs.org"}, {"content_hash": "8bbbf6874804261f562fb2b0c6463b2f943a8842db6bb8e3ae56a58cd9617861", "fetched_at": "2026-08-29T12:23:17.346355+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started"}, {"content_hash": "e836f02dfa9e7582be57c6f9dcb24c69e6413fd78f9a526ad036d636f05cd98f", "fetched_at": "2026-08-29T12:23:17.348172+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started/installation"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T06:15:20.807628+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a5e8ad3aa41635ef6e3bbdcf8c0b54c166f101b6cffabb3177583d2312b59c84", "fetched_at": "2026-08-28T04:04:03.099521+00:00", "kind": "readme", "missing": false, "url": "https://github.com/nuxt-modules/color-mode"}, {"content_hash": "90f380db597e92b3f7964e39bcb893e7b47df0c006b95b52320c751247ff159c", "fetched_at": "2026-08-29T12:23:17.343913+00:00", "kind": "homepage", "missing": false, "url": "https://color-mode.nuxtjs.org"}, {"content_hash": "8bbbf6874804261f562fb2b0c6463b2f943a8842db6bb8e3ae56a58cd9617861", "fetched_at": "2026-08-29T12:23:17.346355+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started"}, {"content_hash": "e836f02dfa9e7582be57c6f9dcb24c69e6413fd78f9a526ad036d636f05cd98f", "fetched_at": "2026-08-29T12:23:17.348172+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started/installation"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T06:15:20.807628+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a5e8ad3aa41635ef6e3bbdcf8c0b54c166f101b6cffabb3177583d2312b59c84", "fetched_at": "2026-08-28T04:04:03.099521+00:00", "kind": "readme", "missing": false, "url": "https://github.com/nuxt-modules/color-mode"}, {"content_hash": "90f380db597e92b3f7964e39bcb893e7b47df0c006b95b52320c751247ff159c", "fetched_at": "2026-08-29T12:23:17.343913+00:00", "kind": "homepage", "missing": false, "url": "https://color-mode.nuxtjs.org"}, {"content_hash": "8bbbf6874804261f562fb2b0c6463b2f943a8842db6bb8e3ae56a58cd9617861", "fetched_at": "2026-08-29T12:23:17.346355+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started"}, {"content_hash": "e836f02dfa9e7582be57c6f9dcb24c69e6413fd78f9a526ad036d636f05cd98f", "fetched_at": "2026-08-29T12:23:17.348172+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started/installation"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T06:15:20.807628+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a5e8ad3aa41635ef6e3bbdcf8c0b54c166f101b6cffabb3177583d2312b59c84", "fetched_at": "2026-08-28T04:04:03.099521+00:00", "kind": "readme", "missing": false, "url": "https://github.com/nuxt-modules/color-mode"}, {"content_hash": "90f380db597e92b3f7964e39bcb893e7b47df0c006b95b52320c751247ff159c", "fetched_at": "2026-08-29T12:23:17.343913+00:00", "kind": "homepage", "missing": false, "url": "https://color-mode.nuxtjs.org"}, {"content_hash": "8bbbf6874804261f562fb2b0c6463b2f943a8842db6bb8e3ae56a58cd9617861", "fetched_at": "2026-08-29T12:23:17.346355+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started"}, {"content_hash": "e836f02dfa9e7582be57c6f9dcb24c69e6413fd78f9a526ad036d636f05cd98f", "fetched_at": "2026-08-29T12:23:17.348172+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started/installation"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T06:15:20.807628+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a5e8ad3aa41635ef6e3bbdcf8c0b54c166f101b6cffabb3177583d2312b59c84", "fetched_at": "2026-08-28T04:04:03.099521+00:00", "kind": "readme", "missing": false, "url": "https://github.com/nuxt-modules/color-mode"}, {"content_hash": "90f380db597e92b3f7964e39bcb893e7b47df0c006b95b52320c751247ff159c", "fetched_at": "2026-08-29T12:23:17.343913+00:00", "kind": "homepage", "missing": false, "url": "https://color-mode.nuxtjs.org"}, {"content_hash": "8bbbf6874804261f562fb2b0c6463b2f943a8842db6bb8e3ae56a58cd9617861", "fetched_at": "2026-08-29T12:23:17.346355+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started"}, {"content_hash": "e836f02dfa9e7582be57c6f9dcb24c69e6413fd78f9a526ad036d636f05cd98f", "fetched_at": "2026-08-29T12:23:17.348172+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started/installation"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T06:15:20.807628+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a5e8ad3aa41635ef6e3bbdcf8c0b54c166f101b6cffabb3177583d2312b59c84", "fetched_at": "2026-08-28T04:04:03.099521+00:00", "kind": "readme", "missing": false, "url": "https://github.com/nuxt-modules/color-mode"}, {"content_hash": "90f380db597e92b3f7964e39bcb893e7b47df0c006b95b52320c751247ff159c", "fetched_at": "2026-08-29T12:23:17.343913+00:00", "kind": "homepage", "missing": false, "url": "https://color-mode.nuxtjs.org"}, {"content_hash": "8bbbf6874804261f562fb2b0c6463b2f943a8842db6bb8e3ae56a58cd9617861", "fetched_at": "2026-08-29T12:23:17.346355+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started"}, {"content_hash": "e836f02dfa9e7582be57c6f9dcb24c69e6413fd78f9a526ad036d636f05cd98f", "fetched_at": "2026-08-29T12:23:17.348172+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started/installation"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:04:03.099521+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T06:15:20.807628+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a5e8ad3aa41635ef6e3bbdcf8c0b54c166f101b6cffabb3177583d2312b59c84", "fetched_at": "2026-08-28T04:04:03.099521+00:00", "kind": "readme", "missing": false, "url": "https://github.com/nuxt-modules/color-mode"}, {"content_hash": "90f380db597e92b3f7964e39bcb893e7b47df0c006b95b52320c751247ff159c", "fetched_at": "2026-08-29T12:23:17.343913+00:00", "kind": "homepage", "missing": false, "url": "https://color-mode.nuxtjs.org"}, {"content_hash": "8bbbf6874804261f562fb2b0c6463b2f943a8842db6bb8e3ae56a58cd9617861", "fetched_at": "2026-08-29T12:23:17.346355+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started"}, {"content_hash": "e836f02dfa9e7582be57c6f9dcb24c69e6413fd78f9a526ad036d636f05cd98f", "fetched_at": "2026-08-29T12:23:17.348172+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started/installation"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T06:15:20.807628+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a5e8ad3aa41635ef6e3bbdcf8c0b54c166f101b6cffabb3177583d2312b59c84", "fetched_at": "2026-08-28T04:04:03.099521+00:00", "kind": "readme", "missing": false, "url": "https://github.com/nuxt-modules/color-mode"}, {"content_hash": "90f380db597e92b3f7964e39bcb893e7b47df0c006b95b52320c751247ff159c", "fetched_at": "2026-08-29T12:23:17.343913+00:00", "kind": "homepage", "missing": false, "url": "https://color-mode.nuxtjs.org"}, {"content_hash": "8bbbf6874804261f562fb2b0c6463b2f943a8842db6bb8e3ae56a58cd9617861", "fetched_at": "2026-08-29T12:23:17.346355+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started"}, {"content_hash": "e836f02dfa9e7582be57c6f9dcb24c69e6413fd78f9a526ad036d636f05cd98f", "fetched_at": "2026-08-29T12:23:17.348172+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started/installation"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T06:15:20.807628+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a5e8ad3aa41635ef6e3bbdcf8c0b54c166f101b6cffabb3177583d2312b59c84", "fetched_at": "2026-08-28T04:04:03.099521+00:00", "kind": "readme", "missing": false, "url": "https://github.com/nuxt-modules/color-mode"}, {"content_hash": "90f380db597e92b3f7964e39bcb893e7b47df0c006b95b52320c751247ff159c", "fetched_at": "2026-08-29T12:23:17.343913+00:00", "kind": "homepage", "missing": false, "url": "https://color-mode.nuxtjs.org"}, {"content_hash": "8bbbf6874804261f562fb2b0c6463b2f943a8842db6bb8e3ae56a58cd9617861", "fetched_at": "2026-08-29T12:23:17.346355+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started"}, {"content_hash": "e836f02dfa9e7582be57c6f9dcb24c69e6413fd78f9a526ad036d636f05cd98f", "fetched_at": "2026-08-29T12:23:17.348172+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started/installation"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T06:15:20.807628+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a5e8ad3aa41635ef6e3bbdcf8c0b54c166f101b6cffabb3177583d2312b59c84", "fetched_at": "2026-08-28T04:04:03.099521+00:00", "kind": "readme", "missing": false, "url": "https://github.com/nuxt-modules/color-mode"}, {"content_hash": "90f380db597e92b3f7964e39bcb893e7b47df0c006b95b52320c751247ff159c", "fetched_at": "2026-08-29T12:23:17.343913+00:00", "kind": "homepage", "missing": false, "url": "https://color-mode.nuxtjs.org"}, {"content_hash": "8bbbf6874804261f562fb2b0c6463b2f943a8842db6bb8e3ae56a58cd9617861", "fetched_at": "2026-08-29T12:23:17.346355+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started"}, {"content_hash": "e836f02dfa9e7582be57c6f9dcb24c69e6413fd78f9a526ad036d636f05cd98f", "fetched_at": "2026-08-29T12:23:17.348172+00:00", "kind": "site_page", "missing": false, "url": "https://color-mode.nuxtjs.org/getting-started/installation"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 99, "longevity": 100, "rhythm": 63}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 2332, "days_push": 7, "days_rel": 85, "gap_med": 124.5, "n_releases_24m": 5}, "score": 87, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}