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 los temas de la aplicación
<a name="app-theme"></a>

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

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

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

1. En la barra de navegación de la izquierda, selecciona **Tema de la aplicación** para abrir los ajustes del tema de la aplicación de la derecha.

1. En el **tema base**, selecciona el **modo claro o el modo** **oscuro**.

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

   1. En **Color principal**, elige el color que se aplica a determinados componentes y a la navegación de la aplicación. Puedes elegir un color con el selector de colores o con 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.

   1. 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 con el código RGB, HSL o HEX.

   1. Selecciona **los temas predeterminados** para verlos y elige entre los temas predefinidos, o selecciona **Aleatorizar** para generar un color principal y de encabezado aleatorio.

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