saadeghi/theme-change
Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage observed · 2026-08-28
Health v2 · maintenance only
71/100
- Activity 87
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2322
- days_rel: n/a
- days_push: 81
- n_releases_24m: 0
Adoption not part of the score
1713 stars · 50 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A tiny JavaScript library for switching CSS themes using data attributes, CSS custom properties, and localStorage persistence. It works with buttons, selects, and checkboxes, and syncs all matching theme controls on the page.
Use cases
- add a dark mode toggle to a website
- persist user theme preference in localStorage
- switch between multiple CSS themes with a select dropdown
- cycle through themes with a single rotate button
- sync multiple theme toggle controls on one page
- use daisyUI themes with a theme switcher
- initialize theme switching in React, Vue, Svelte, or Astro
When to choose
- you want a lightweight, dependency-free theme switcher
- your theming is based on CSS custom properties or daisyUI data-theme attributes
- you need theme preference persisted across page loads
- you use plain HTML attributes rather than complex state management
When to avoid
- you need a full styling framework or component library
- your theming requires server-side rendering of theme state or cookie-based persistence
- you need per-component scoped theming rather than document-level themes
- you use CSS-in-JS solutions that don't rely on data-theme attributes
Facets
library · maturity stable
theme state-management ui-components frontend web-development web-design browser cross-platform css-custom-properties localstorage dark-mode theming daisyui zero-dependency nodejs
2 sources
- readme: https://github.com/saadeghi/theme-change · fetched 2026-08-28 · e418e98dc995
- registry_npm: https://registry.npmjs.org/theme-change · fetched 2026-08-29 · 920de996f138
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| saadeghi/theme-change | main | 71 |
For agents
markdown · JSON · MCP: product_card(name="saadeghi/theme-change")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem