En esta página

Temas y White Labeling

Configuración de temas

En la página de configuración de temas puedes personalizar el aspecto de tu entorno. Cambia imágenes de fondo, sube tu logo y ajusta los elementos de branding como colores y tipografías para reflejar el estilo de tu empresa. Personaliza la interfaz para asegurar una experiencia coherente a todos los usuarios. La configuración se divide en tres secciones principales: Branding, Colores Generales y Colores del Modelo.

  • Branding: Personaliza los elementos visuales clave, como fondos del encabezado, logos y miniaturas, para crear una identidad consistente en la plataforma.
  • Colores Generales: Configura todos los colores de la aplicación para los modos Claro y Oscuro, disponiendo así de dos variantes completas de tema para cada entorno.
  • Colores del Modelo: Configura los colores de los atributos de modelado. Útil para diferenciar visualmente los modelos del resto de la aplicación.
  • Colores del Dataset: Personaliza los colores de los atributos del dataset. Así podrás distinguir datasets diferentes dentro de tus modelos.
  • Colores de Chart: Personaliza los colores usados en los gráficos para definir esquemas visuales adaptados a tus necesidades.

Personaliza tu entorno

Personaliza tu tema con branding propio

info

Previsualiza y prueba siempre las imágenes para asegurar que encajan con tu tema y ofrecen una experiencia de usuario fluida.

Colores generales de la aplicación

Personaliza tu tema

Colores del modelo de proceso

Personaliza tu tema

Colores del Dataset

Personaliza tu tema

Colores de Chart

Personaliza tu tema

Colores del Dataset

Los atributos con data asociada adoptarán automáticamente el color de dataset definido en el modeler. Esto ayuda a diferenciar visualmente los atributos conectados a data activa. Los colores mencionados antes son los predeterminados para atributos sin data vinculada.

Ayudas visuales

image Si haces cambios en el tema, el fondo de color indicará que se han actualizado esos atributos.

image Para cambiar un color, haz clic en el círculo de color del tema (Claro u Oscuro). Se abrirá un selector donde podrás elegir el tono o introducir un valor HEX / RGB / HSL. Si no conoces el valor, utiliza el PipetIcon para tomar un color de cualquier área en pantalla. Los cambios se aplican al instante.

Ejemplos de variaciones de tema

Descubre diferentes formas de personalizar el tema de tu aplicación. Abajo, el tema original ha sido adaptado para mostrar variantes en azul y verde.

Desde el original

image

Ejemplo de tema azul

Se han cambiado el color del texto, color de fondo, panel (claro), imagen del logo, texto del logo y el fondo del encabezado. image

Ejemplo de tema verde Matrix

“La elección. El problema es la elección.” (Neo, The Matrix Reloaded) image

Personaliza los colores del modelo de proceso

Ajusta los colores de los atributos de modelado para diferenciarlos del resto de la aplicación. Así logras un estilo visual único para tus modelos. image