CYAN VARIANT

VARIANT DEMO

Same components. Same markup. Different @theme tokens. Swap any color in globals.css and the entire kit updates automatically.

#00b4ff

CHANGED

#0077aa

CHANGED

#ff6b2b

CHANGED

#00e5ff

#ffe600

#0d0f1a

HOW IT WORKS: globals.css

.theme-cyan {
  --color-retro-green:     #00b4ff;
  --color-retro-green-dim: #0077aa;
  --color-retro-magenta:   #ff6b2b;
}

Wrap any element in .theme-cyan to apply the variant locally, or set it on <body> for a full site swap.

01 · COMPONENTS

BADGES

COLOR VARIANTS

PRIMARYCYANACCENTYELLOW

GAME CONTEXT

LEVEL 01UNLOCKEDHOTBOSS STAGE

02 · COMPONENTS

⬡LEVEL 1

Procedurally generated environments that shift and breathe with the player's emotional state.

★★★★★

◈LEVEL 2

Darkness consumes. Every beam of light is earned. Physics-based illumination reacts to your every move.

★★★★★

⬟LEVEL 3

An adaptive soundtrack that mirrors the player's journey from void to radiance. 40+ hours of music.

★★★★★

03 · COMPONENTS

LEVELS

DEVS

2YRS

IN DEV

∞

HEART

04 · NEXT STEPS

Create your own variant by adding a .theme-* block to globals.css with 3 color overrides.