Saltar a contenido

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.

Página de Temas

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

  1. Elige una tarjeta, con el mouse o con el teclado.
  2. Revisa la vista previa en Claro y en Oscuro: una paleta que se lee bien en un modo puede fallar en el otro.
  3. Elige Guardar tema.

Los colores llegan entonces a la aplicación, no solo a la vista previa.

Ruby aplicado

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.

Subir logotipo

El modal del logotipo: elige la variante y luego arrastra una imagen o haz clic en el área.

  1. Elige Claro u Oscuro.
  2. Haz clic en el área punteada o arrastra una imagen sobre ella. Se aceptan PNG, JPEG, GIF y WebP.
  3. La imagen se abre en un editor de recorte. Arrastra para encuadrarla, o usa Zoom (0,1× a 3×) o Usar imagen completa.
  4. El editor muestra el resultado en la barra superior (32 px de alto), con vistas previas para escritorio y para pantalla pequeña.
  5. 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.

Colores personalizados

Al seleccionar una fila se abre su selector: saturación y brillo, tono y hexadecimal.

  1. Selecciona la fila que quieres cambiar.
  2. Ajusta en el selector: el campo de saturación y brillo, el control Tono o la caja hexadecimal.
  3. Los tres controles se mantienen sincronizados — escribir #7c3aed mueve 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:

  1. los colores llegaron a la aplicación, no solo a la vista previa;
  2. después de recargar, Personalizado sigue seleccionado y los valores hexadecimales no cambiaron;
  3. un usuario en modo oscuro sigue viendo una interfaz legible;
  4. 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