Visual

Theme Builder

Build a dark-only Neoncite theme, validate contrast, save named variants, share the exact state, or export CSS, Neoncite JSON, and DTCG design tokens.

Presets

All official presets remain intentionally dark.

Active: Neoncite

Accent colors

Primary

Accent

Surface scale

Surface 0#000000Surface 1#09090bSurface 2#121214Surface 3#1c1c1eHairline#2c2c2eForeground#f2f2f7Muted FG#8e8e93

Radius0.75rem

Contrast checks

Foreground / Surface 018.82:1 · PASS

Muted text / Surface 06.44:1 · PASS

Primary / Surface 06.07:1 · PASS

Accent / Surface 014.91:1 · PASS

Saved themes

Live Preview

OnlineDegradedDown

Cluster Status

Demo telemetry preview

Requests

14.2K

▲ +12.3%

Latency

84ms

▼ -4ms

Hostname

Telemetry Restart

Export

:root, .dark {
  --primary: #ff2a9d;
  --ring: #ff2a9d;
  --accent: #00f0ff;
  --radius: 0.75rem;

  --surface-0: #000000;
  --surface-1: #09090b;
  --surface-2: #121214;
  --surface-3: #1c1c1e;
  --hairline: #2c2c2e;

  --background: #000000;
  --foreground: #f2f2f7;
  --muted-foreground: #8e8e93;
  --card: #09090b;
  --card-foreground: #f2f2f7;
  --popover: #121214;
  --popover-foreground: #f2f2f7;
  --secondary: #1c1c1e;
  --secondary-foreground: #f2f2f7;
  --muted: #121214;
  --input: #1c1c1e;
  --border: #1c1c1e;
}