La configuración de Tema y diseño de la ventana de configuración incluye opciones para cambiar la apariencia predeterminada de la aplicación. Por ejemplo, puede elegir el modo claro o el modo oscuro, aplicar la configuración de tema compartido de su organización (colores y logotipo, si procede) o usar una CSS personalizada para mantener la aplicación conforme a los criterios de la marca.
Precaución:
Las actualizaciones de Instant Apps para la plantilla de origen pueden afectar a la CSS personalizada de las aplicaciones, por tanto, pruebe su aplicación después de cada lanzamiento del producto).
La mayoría de aplicaciones también incluyen un conjunto de temas predefinidos para aplicar estilo a la aplicación cambiando los colores de fondo y de texto utilizados para los elementos de la aplicación, por ejemplo, el encabezado, los paneles y los botones. Puede personalizar el tema definiendo su propio esquema de color y seleccionando en una lista de fuentes disponibles. Cuando elige colores personalizados, la relación de contraste del color de fuente y el color de fondo se valida para los estándares de accesibilidad, lo que requiere una relación de contraste mínima de 4,5 para garantizar la legibilidad del texto. Un mensaje de advertencia le informa cuando la relación de contraste no es suficiente. También puede cargar una imagen para incluir un logotipo personalizado en el encabezado con un hipervínculo opcional. (Solo se admiten URL HTTPS). Para ver ejemplos de estas opciones, consulte el artículo del blog sobre configuración de temas.
Utilice la configuración del Administrador de posición, si procede, para mover y recolocar las herramientas de mapa con el fin de crear una experiencia intuitiva para la aplicación. Utilice el botón situado junto al nombre de la herramienta para arrastrarla a una esquina diferente o para cambiar el orden de los botones agrupados en una esquina. Las ubicaciones de las herramientas de la vista previa de la aplicación se actualizan para que coincidan con las ubicaciones elegidas en la cuadrícula.
En la siguiente tabla se compara la configuración aplicable a las plantillas:
| Opción | Visor 3D | Atlas | Visor de adjuntos | Basic | Galería de categorías | Visor de gráficos | Countdown | Exposición | Imagery Viewer | Insertos | Leyenda interactiva | Manager | Media Map | Vecino | Portfolio | Notificación pública | Reporter | Barra lateral | Control deslizante | Búsqueda de zona |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
CSS personalizada |  | | | | | | | | | | | | | | | |||||
Personalizar logotipo | | | | | | | | | | | | | | | | | | | ||
Tema personalizado | | | | | | | | | | | | | | | | | | | | |
Administrador de posiciones | | | | | | | | | | | | | | | | | | |||
Tema predefinido | | | | | | | | | | | | | | | | | | | | |
Tema compartido | | | | | | | | | | | | | | | | | | | |
Si desea ver una tabla ordenada alfabéticamente que compara las capacidades configurables, consulte lamatriz de herramientas de la aplicación (PDF). (Las plantillas en versión beta se excluyen hasta que superan esta versión y están listas para utilizarse en aplicaciones de producción.)