// 03_THEMES_AND_COLOR_ENGINE

THEMES & TOKENS

Colección de temas retro-industriales y TUI inspirados en consolas CRT, interfaces táctiles y papel brutalista. Haz clic en cualquier tema para aplicarlo en vivo a toda la web o copiar los tokens CSS.

// PRESETS DE SISTEMA (6 PALETAS NOMBRADAS)

HAZ CLIC EN CUALQUIERA PARA APLICAR

Scorch Crimson CANONICAL

// Velgrynd Original // Canonical

#D62436 5.04:1 (WCAG AA)

Fuego primordial calibrado para superar WCAG AA (5.04:1). La paleta insignia del Scorch Design System.

Phosphor CRT CRT RETRO

// Matrix Emerald // Phosphor 525

#10B981 5.12:1 (WCAG AA)

Emulacion de fosforo P1 verde clasico de monitores VT100 y consolas mainframe IBM.

Dungeon Gold RPG GOLD

// Amber Glow // Dragon Hoard

#D97706 5.28:1 (WCAG AA)

Tonos ambar calidos y bronce forjado, evocando terminales de plasma y juegos de rol clasicos.

Paper Brutalism EDITORIAL

// Swiss Mono Noir // Print Ink

#0F172A 14.2:1 (WCAG AAA)

Arquitectura monocromica suiza de maximo contraste y tinta negra cruda sobre papel marfil.

Cyber Neon SYNTHWAVE

// Neo-Tokyo Sunset // Synthwave TUI

#DB2777 4.86:1 (WCAG AA)

Fucsia laser y azul ciberpunk de alto impacto para tableros de mando futuristas.

Velgrynd Flame SUPREME

// Emperor Supreme // Dragon Flare

#E11D48 5.35:1 (WCAG AA)

Matiz carmesi ardiente combinado con reflejos de plasma solar e interferometria de iones.

// INTERACTIVE COMPONENT PLAYGROUND (VISTA EN VIVO)

REACTS IN REALTIME

0xPLAYGROUND SCORCH CRIMSON (ACTIVO)

_ □ ×

// BUTTONS & ACTIONS

// BADGES & KEYCAPS

ONLINE TTY_V4 GPU_ACCEL PASS Ctrl + K

// TELEMETRY KPI

// ▲ +0.0%

5.04:1

BUFFER DOCKER COMPILATION

[████████████░░░░] 78%

Terminal Connection

tcp://

// LABORATORIO DE AJUSTE FINO (THEME STUDIO)

CUSTOM CSS GENERATOR

0xTHEME_STUDIO // LIVE_TOKEN_ENGINE REALTIME CSS

// 1. NÚCLEO CROMÁTICO (PALETA EN VIVO)

// 2. FÍSICA DE SOMBRA (OFFSET IZQUIERDA-ABAJO)

// 3. TRAMA HALFTONE DE FONDO (DITHERING)

GENERATED_TOKENS.CSS TAILWIND v4

:root {
  --scorch-red: #E63946;
  --cyber-blue: #4DA3FF;
  --eye-gold: #F4D35E;
  --shadow-offset-x: -4px;
  --shadow-offset-y: 4px;
  --dither-size: 12px;
}