View a markdown version of this page

Cambia los colores de tu aplicación con temas de aplicaciones - AWS Estudio de aplicaciones

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

Cambia los colores de tu aplicación con temas de aplicaciones

Usa el siguiente procedimiento para actualizar los colores de tu aplicación mediante la configuración de un tema de aplicación.

  1. Si es necesario, dirígete al estudio de aplicaciones de tu aplicación para editarla.

  2. En el estudio de aplicaciones, dirígete a la pestaña Páginas.

  3. En el menú de navegación de la izquierda, selecciona el tema de la aplicación para abrir la configuración del tema de la aplicación de la derecha.

  4. En el tema base, selecciona el modo Claro o el modo Oscuro.

  5. Para añadir colores personalizados a tu aplicación, activa la opción Personalizar y actualiza los siguientes ajustes:

    1. En Color principal, elige el color que se aplica a ciertos componentes y a la navegación de la aplicación. Puedes elegir un color con el selector de colores, el código RGB, HSL o HEX.

      nota

      App Studio se asegurará automáticamente de que tus colores estén accesibles. Por ejemplo, si eliges un color claro en el modo claro, se actualizará para que sea más accesible.

    2. En Color del encabezado, elige el color que se aplica al encabezado de la aplicación. Puedes elegir un color con el selector de colores o el código RGB, HSL o HEX.

    3. Seleccione Temas predeterminados para ver y elegir entre los temas predefinidos, o elija Aleatorizar para generar un color primario y de encabezado aleatorio.

  6. Selecciona Guardar cambios para actualizar el tema de la aplicación.