Editor de Temas
Personaliza los colores del tema de tu aplicación. El sistema calcula automáticamente las variantes para temas claros y oscuros, garantizando accesibilidad WCAG AA.
Editor de Tema
Resetear
Personaliza los colores de tu tema directamente desde el navegador.
General
Body
bodyColor / bodyFondo
ambos
body
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
ambos
body
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
Botón
botonColor / botonFondo
ambos
boton
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
ambos
boton
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
Colores del Tema
Primario
primarioColor / primarioFondo
ambos
primario
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
ambos
primario
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
Enlace
linkColor / linkFondo
ambos
link
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
ambos
link
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
Activo
activoColor / activoFondo
ambos
activo
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
ambos
activo
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
Éxito
exitoColor / exitoFondo
ambos
exito
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
ambos
exito
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
Atención
atencionColor / atencionFondo
ambos
atencion
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
ambos
atencion
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
Peligro
peligroColor / peligroFondo
ambos
peligro
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
ambos
peligro
21.0:1
✓
color
#000000
21.0:1
✓
fondo
#ffffff
21.0:1
✓
v5.72.37