Temas¶
Administración → Configuración → Temas cambia los colores y el logotipo del workspace. Es el único lugar donde se aplica la identidad visual de un cliente, y afecta a todos los usuarios.
La página de Temas: logotipo, los temas predefinidos, la paleta de colores y una vista previa con su propio selector claro/oscuro.
La página¶
| Área | Qué contiene |
|---|---|
| Logotipo | Cambiar logotipo: la imagen de la barra superior, con una variante clara y una oscura |
| Temas predefinidos | Once presets de color, cada uno con su nombre y sus muestras |
| Paleta de colores | Los seis colores del tema seleccionado, con su valor hexadecimal |
| Vista previa | Una muestra en vivo con selector Claro / Oscuro, para revisar ambos modos antes de guardar |
| Restaurar valores y Guardar tema | Volver a la paleta del producto, o aplicar lo elegido |
Un punto junto al título de la página marca los cambios sin guardar. Aparece apenas eliges un tema o editas un color, y desaparece al guardar.
Los temas predefinidos¶
Lurana (el predeterminado), Emerald, Ruby, Ocean, Sunset, Forest, Lavender, Slate, Rose, Amber y Teal.
Cada tarjeta muestra el nombre traducido a tu idioma y una fila de puntos con sus colores. Al seleccionar una tarjeta la vista previa se actualiza al instante; nada se aplica hasta elegir Guardar tema.
Las tarjetas se comportan como un grupo de opciones: al seleccionar una se limpia la anterior, se alcanzan con Tab y las flechas, y Enter o Espacio selecciona la que tiene el foco.
Elegir un tema¶
- Elige una tarjeta, con el mouse o con el teclado.
- Revisa la vista previa en Claro y en Oscuro: una paleta que se lee bien en un modo puede fallar en el otro.
- Elige Guardar tema.
Los colores llegan entonces a la aplicación, no solo a la vista previa.
El preset Ruby después de Guardar tema: el botón principal, la pestaña seleccionada, la fila activa del menú y el paginador toman el color nuevo.
El logotipo¶
Cambiar logotipo abre un modal con selector Claro / Oscuro, porque el workspace guarda un logotipo por fondo: la variante clara se usa sobre fondos claros y la oscura cuando el usuario está en modo oscuro.
El modal del logotipo: elige la variante y luego arrastra una imagen o haz clic en el área.
- Elige Claro u Oscuro.
- Haz clic en el área punteada o arrastra una imagen sobre ella. Se aceptan PNG, JPEG, GIF y WebP.
- La imagen se abre en un editor de recorte. Arrastra para encuadrarla, o usa Zoom (0,1× a 3×) o Usar imagen completa.
- El editor muestra el resultado en la barra superior (32 px de alto), con vistas previas para escritorio y para pantalla pequeña.
- Elige Recortar y luego Guardar logo.
Elegir otro archivo reemplaza la imagen sin salir del editor. Cancelar lo cierra y deja el logotipo actual como estaba.
Color de fondo
Si la imagen subida tiene un fondo sólido, el editor permite volver transparente ese color antes de guardar. Un PNG con transparencia es el resultado más limpio.
Colores personalizados¶
Selecciona Personalizado y la Paleta de colores pasa a ser Colores personalizados: una fila por rol — Primario, Secundario, Éxito, Peligro, Advertencia e Información — cada una con su muestra y su valor hexadecimal.
Al seleccionar una fila se abre su selector: saturación y brillo, tono y hexadecimal.
- Selecciona la fila que quieres cambiar.
- Ajusta en el selector: el campo de saturación y brillo, el control Tono o la caja hexadecimal.
- Los tres controles se mantienen sincronizados — escribir
#7c3aedmueve el tono a 262, y mover el tono a 140 escribe#3aed76. La vista previa sigue el cambio.
Los cambios quedan en la vista previa hasta que elijas Guardar tema.
Dos comportamientos que conviene conocer:
- Probar un preset no descarta tu paleta: selecciona Emerald y luego Personalizado otra vez, y todos los valores personalizados siguen ahí.
- Restaurar valores devuelve la paleta a los colores del producto y selecciona la tarjeta Lurana, todavía sin guardar hasta que elijas Guardar tema.
Después de guardar¶
Revisa esto, en este orden:
- los colores llegaron a la aplicación, no solo a la vista previa;
- después de recargar, Personalizado sigue seleccionado y los valores hexadecimales no cambiaron;
- un usuario en modo oscuro sigue viendo una interfaz legible;
- el logotipo es el buscado en ambos modos.
Restaurar valores seguido de Guardar tema devuelve el workspace a la paleta del producto — útil después de probar un tema en una instalación en uso.
Permisos¶
Esta página requiere PM_SETUP. Ver
Referencia de permisos.
Relacionado¶
- Sistema de diseño — los patrones detrás de los temas.
- Perfil y preferencias — la elección de claro u oscuro de cada usuario.
- Configuración del sistema — otros ajustes del workspace.



