Saltar al contenido

Fundamentos

Colores y temas

Roles semánticos y valores del tema activo.

Prueba sin guardar cambios

Cargando ejemplo…

Roles semánticos

Elige colores por su función: fondo de trabajo, superficie, borde, texto o foco. Los valores de los tokens CSS cambian con el tema.

Acentos y estados

Las acciones principales usan el tono primary de CrmActionButton. Peligro, éxito y advertencia deben acompañarse de texto o iconografía. Los acentos de módulo aportan contexto sin modificar la geometría ni la jerarquía del sistema.

Uso correcto

Usa var(--vee-text-primary) y var(--vee-surface-raised) para roles equivalentes. Para controles y tarjetas, prefiere la primitiva completa.

Evitar

No copies hexadecimales desde esta página a estilos locales ni asumas que el color primary de RizzUI equivale al CTA celeste global. Comprueba ambos temas y el contraste del texto sobre cada superficie.

Código fuente

  • apps/platform/src/app/globals.css