No description
Find a file
Natalie 56f518121d feat(@cocotte/themes): extract UI theme package to @ct/@packages
Re-scoped from @lilith/themes to @cocotte/themes. In-set cross-package deps
re-pointed to @cocotte; out-of-set @lilith deps preserved (same Verdaccio).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-29 13:04:10 -04:00
src feat(@cocotte/themes): extract UI theme package to @ct/@packages 2026-06-29 13:04:10 -04:00
.gitignore feat(@cocotte/themes): extract UI theme package to @ct/@packages 2026-06-29 13:04:10 -04:00
package.json feat(@cocotte/themes): extract UI theme package to @ct/@packages 2026-06-29 13:04:10 -04:00
README.md feat(@cocotte/themes): extract UI theme package to @ct/@packages 2026-06-29 13:04:10 -04:00
tsconfig.json feat(@cocotte/themes): extract UI theme package to @ct/@packages 2026-06-29 13:04:10 -04:00

@cocotte/themes

Site theme registry, resolver, and selectable theme families for Cocotte sites.

Extracted from quinn.www/src/themes. Ships:

  • luxe-dark (luxeDarkTheme) — the default dark-luxe base (gold / cream / soft-pink).
  • Kuromi family — kuromiNeon, kuromiStark, kuromiDuo.
  • Cali-Barbie family — barbieLight, barbieDark.
  • THEME_REGISTRY, resolveSiteTheme(), applySiteThemeChrome(), preview/custom-mod helpers.
  • installThemeSwitcher() — runtime window.__quinnTheme console.
  • ThemeViewer — React dev component for previewing the registry.

Each family is a DeepPartial<ThemeInterface> (from @cocotte/ui-theme) deep-merged onto the base luxe adapter at runtime, so any styled-component reading p.theme.* re-skins automatically.

Selection precedence

  1. ?theme=<name> URL query (preview override, persisted to localStorage)
  2. localStorage preview pin
  3. __PROVIDER_CONFIG__.theme.activeTheme (brand/admin default)
  4. luxe-dark (ultimate fallback)