Visual del portal
En la pestaña Visual del Constructor tú defines los colores del portal: una paleta para el modo claro y otra para el modo oscuro. Tus clientes empiezan en el modo de su sistema y cambian con el botón claro/oscuro del encabezado.
Editar los colores
- Elige el modo: Claro u Oscuro. La vista previa pasa a mostrar la página en ese modo.
- Para cada color, haz clic en la muestra para abrir el selector, o escribe el código hexadecimal (como
#EA6A0C) y presiona Enter. - Revisa en la vista previa. Para empezar de nuevo, usa Restaurar colores predeterminados del modo claro (u oscuro).
| Color | Dónde aparece |
|---|---|
| Color principal | Botones, encabezado y destacados |
| Texto sobre el principal | Texto de los botones y del encabezado |
| Color de acento | La marca en el encabezado y detalles |
| Fondo | Fondo de las páginas |
| Texto | Texto principal |
| Tarjetas | Fondo de tarjetas, tablas y paneles |
| Áreas suaves | Fondos secundarios y pie |
| Texto secundario | Descripciones y leyendas |
| Bordes | Líneas y contornos |
Aurora Energia usa el naranja de la marca como color principal y un amarillo como acento, en los dos modos. Un portal nuevo empieza con una paleta verde azulado.
También puedes pedirle los colores al chat — por ejemplo, "Usa el naranja de Aurora (#EA6A0C) como color principal, en los dos temas". El asistente propone la paleta en una tarjeta, con los colores antiguos y los nuevos, y haces clic en Aplicar.
Los colores salen en vivo al publicar
Los colores forman parte del borrador, como las páginas: tus clientes solo ven el cambio después de que publiques. Cada versión guarda los colores con los que fue publicada, así que Poner en vivo una versión anterior también devuelve sus colores. En cambio, Restaurar en el borrador copia solo las páginas: los colores del borrador quedan como están.
El tema publicado vale para las páginas del portal y también para las pantallas de login, de recuperación de contraseña y de invitación.
Portal › Visual
Portal › Visual (/dashboard/portal/settings/visual) edita los mismos colores, con una vista previa de botones, tarjetas y campos. Lo que cambies allí también va al borrador y solo sale en vivo cuando publiques en el Constructor.