Crea y mantén la paleta de colores global
POM Theme ofrece 15 entradas de paleta numeradas en Settings → POM Theme → Design system → Color palette.
Planifica los números
Asigna a cada número una función estable antes de introducir valores. Por ejemplo, reserva entradas para:
- colores de marca principales y secundarios;
- texto principal y texto atenuado;
- superficies claras y oscuras;
- bordes;
- acentos de éxito, aviso y error.
Las etiquetas de la interfaz siguen siendo Color #1 a Color #15, así que conserva una referencia de marca externa que registre el significado de cada número.
Introduce la paleta
- Abre Color palette.
- Establece el valor hexadecimal aprobado para cada entrada requerida.
- Deja las entradas sin usar tal como están, en lugar de rellenarlas con duplicados arbitrarios.
- Guarda la subsección.
- Abre Theme preview para inspeccionar las muestras.
Los controles de todo el tema que dependen de la paleta seleccionan un número en lugar de almacenar un color aparte. Esto es lo que hace que una corrección posterior de la paleta sea global.
Cambia un color existente de forma segura
Antes de reemplazar una entrada ocupada:
- identifica su función actual;
- revisa dónde está seleccionado el número en Design system, Site layout, Forms, plantillas y Page Builder;
- reemplaza el valor;
- inspecciona el contraste del texto, los fondos, los bordes, los botones, los formularios y los avisos;
- comprueba tanto los estados normales como los interactivos.
No reasignes un número de «texto principal» a «acento» en un sitio ya establecido. Añade la nueva función a una entrada sin usar y migra las selecciones de forma deliberada.
Verificación
Revisa el sitio público sin iniciar sesión y confirma que el texto sigue siendo legible, el foco es visible, los colores de estado no son la única forma de transmitir información y ningún cambio de paleta hace que un fondo y su contenido sean indistinguibles.