Personalización de temas para Kissflow Apps

Los temas en Kissflow Apps ofrecen diversas opciones de personalización de colores que te permiten personalizar varios aspectos principales de los componentes de tu app para reflejar la identidad de marca única de tu organización y mantener una experiencia visual coherente para tus usuarios.

Configuración del tema en Apps

Para personalizar un tema para tu app, haz clic en el icono de configuración del panel izquierdo y haz clic en Configuración del tema.

En la página de configuración del tema, encontrarás varias opciones de paleta de colores que asignan colores a diferentes componentes de tus apps.

Opciones de color del tema

Color primario

Cuando eliges un color primario, se aplica a muchos componentes, como botones, distintivos y selecciones de texto. Establece un tono de color uniforme en los elementos de tu app. De forma predeterminada, el color seleccionado aquí será el color predeterminado establecido en el nivel de la cuenta. Puedes modificar esta configuración y aplicar un color primario diferente para una app específica. El interruptor Aplicar cambios relevantes al fondo reemplazará el color de fondo por el tinte del color primario seleccionado y ajustará los colores neutros para complementar el tono del color primario.

Esta opción es similar a aplicar un tinte en el nivel de la cuenta. Sin embargo, puedes eliminar el tinte en la configuración del tema para anular la configuración global.

Colores secundarios

Los colores secundarios te permiten personalizar elementos individuales de tu app con un nivel de detalle granular. Esto significa que puedes personalizar las etiquetas de fondo de los indicadores de estado, los controles deslizantes, el componente de valoración y los distintivos.

Colores semánticos

Los colores semánticos ayudan a indicar estados y acciones específicos, o a transmitir información al usuario. En la configuración del tema, hay cuatro colores predeterminados para situaciones de éxito, advertencia, error e información. Puedes modificar estos colores según las convenciones de tu organización.
 

Colores neutros

Los colores neutros son tonos de gris que se aplican a las etiquetas de texto y a las barras de herramientas como colores de fondo en toda la app. Si has aplicado en la app el tinte del color primario elegido, la paleta de colores neutros se actualizará para complementar el color primario seleccionado.
 

Colores de gráficos

La función de temas ofrece diez colores de gráficos diferentes que pueden ayudarte a hacerlos más atractivos visualmente.

Cada color está diseñado para verse lo más diferente posible del más cercano, lo que mejora la visibilidad de cada categoría de datos y la accesibilidad gracias a colores fácilmente distinguibles. Al igual que las demás opciones de color, los colores de los gráficos también se pueden personalizar por completo.

Además de modificar los colores, puedes ajustar la opacidad del color seleccionado desde el selector de color. Esto se aplica a todas las opciones de color mencionadas anteriormente.

Vista previa del tema

La vista previa en tiempo real del tema te permitirá visualizar cómo aparecerán determinados componentes en tu app después de realizar los ajustes de color.

La página de vista previa incluye componentes que abarcan todas las opciones de color disponibles. Al previsualizar los cambios, puedes garantizar la coherencia visual de tu app al elegir colores personalizados para distintos elementos.

Además, la vista previa ayuda a tener en cuenta la accesibilidad; por ejemplo, si un color primario seleccionado afecta la legibilidad por ser demasiado claro, recibirás un mensaje de advertencia que puede ayudarte a elegir mejores colores.

Restablecer las opciones predeterminadas

La función de temas ofrece opciones de restablecimiento al nivel de la paleta y también un restablecimiento global a los valores predeterminados.

Cada opción de color de cada paleta incluye una opción individual para restablecer los valores predeterminados, lo que te permite restablecer colores individuales. Cada paleta de colores tiene una opción de restablecimiento para deshacer todos los cambios realizados en esa paleta. El botón global Restablecer a los valores predeterminados restablecerá todos los cambios del tema y aplicará la configuración del color primario y del tinte establecida en el nivel de la cuenta.

Preguntas frecuentes

1. ¿Los cambios de tema en una app afectarían a otras apps de la misma cuenta de Kissflow?
   No, los cambios de tema son específicos de cada app y no se aplicarán a otras apps de la cuenta.
    

2. ¿Puedo establecer una fuente diferente para una app específica?
   No, no es posible cambiar la fuente establecida en el nivel de la cuenta. Obtén información sobre cómo cambiar las fuentes de tu cuenta de Kissflow.
    

3. ¿Cuál es el orden de precedencia de los colores del tema?
   Los cambios de color realizados localmente en una página, un formulario o un informe siempre anularán la configuración del tema. Los colores del tema anularán el color primario establecido en el nivel de la cuenta.