Tokens visuales, modos y personalidad configurable.
La capa de temas permite adaptar Zerina UI a distintos lenguajes visuales sin reescribir los componentes. Cada token conserva intención, contraste y coherencia mientras la interfaz cambia de personalidad.
Capas del tema
Un sistema visual que cambia sin romper la interfaz.
Esta página documenta cómo Zerina UI propaga tokens, modos visuales y colores semánticos a través de componentes reales.
Tokens
Variables CSS para color, fondo, texto, radios, bordes y sombras que se propagan por todo el sistema.
Modos visuales
Temas claros, oscuros y personalizados que cambian la personalidad de la interfaz sin reescribir componentes.
Color semántico
Esquemas como primary, secondary, success, warning, danger y neutral para conservar intención visual.
Demo
Tema activo aplicado sobre componentes de Zerina UI.
El demo muestra cambio dinámico de tema, tokens CSS, badges, superficies, gradientes y colores derivados del sistema visual activo.
Theme system
Cambio dinámico de temas, tokens CSS y colores derivados del tema activo.
Tema actual
sinapsis
Color schemes
Primary
--ui-primarySecondary
--ui-secondarySurface
--ui-surfaceSurface 2
--ui-surface-2Danger
--ui-dangerText muted
--ui-text-mutedGradiente usando tokens del tema actual.
Esta pieza cambia de personalidad sin tocar el componente.