Branding y Personalización Visual
QAL Suite permite personalizar la apariencia de la plataforma con los colores de tu marca. Los cambios se aplican en tiempo real para todos los usuarios de tu organización.
Acceder a la configuración de branding
Ve a Dashboard → Configuración → Branding.
Colores configurables
| Token | Descripción |
|---|---|
| Color de acento | Color principal para botones, enlaces y elementos activos |
| Color de fondo | Color del fondo general de la aplicación |
| Color de superficie | Color de tarjetas, paneles y modales |
| Color de borde | Color de separadores y bordes |
Selector de color
Haz clic en cualquier muestra de color para abrir el selector. Puedes:
- Elegir visualmente con el selector de color
- Ingresar el valor hexadecimal directamente (ej:
#1a223d)
Los cambios se previsualzan en tiempo real en el selector.
Modo de tema
| Opción | Comportamiento |
|---|---|
| Claro | Siempre usa el tema claro |
| Oscuro | Siempre usa el tema oscuro |
| Automático | Sigue la preferencia del sistema operativo del usuario |
Guardar cambios
Haz clic en "Guardar cambios" para aplicar el branding a toda la organización. Los cambios son visibles para todos los usuarios al recargar la página.
Restaurar valores por defecto
Para volver a la paleta por defecto de QAL Suite, haz clic en "Restaurar valores por defecto".
Paleta por defecto:
| Token | Valor |
|---|---|
| Acento | #1a223d (azul marino profundo) |
| Fondo | #fff8f4 (crema cálido) |
| Superficie | #ffffff |
| Borde | #c6c6ce |
Para una experiencia óptima, elige colores con suficiente contraste entre sí. El color de acento debe ser legible sobre fondos blancos y la paleta debe ser coherente con la identidad de tu marca.