# Change colors in your app with app themes
<a name="app-theme"></a>

Use the following procedure to update the colors in your application by configuring an app theme.

1. If necessary, navigate to the application studio of your app to edit it.

1. In the application studio, navigate to the **Pages** tab.

1. In the left-hand navigation, choose **App theme** to open the right-hand app theme settings.

1. In **Base theme**, choose **Light mode** or **Dark mode**.

1. To add custom colors to your application, enable the **Customize** toggle and update the following settings:

   1. In **Primary color**, choose the color that is applied to certain components and your app's navigation. You can choose a color with the color picker, RGB, HSL, or HEX code.
**Note**  
App Studio will automatically ensure your colors are accessible. For example, if you choose a light color in light mode, it will be updated to be more accessible.

   1. In **Header color**, choose the color that is applied to your app's header. You can choose a color with the color picker, RGB, HSL, or HEX code.

   1. Choose **Default themes** to view and choose from predefined themes, or choose **Randomize** to generate a random primary and header color.

1. Choose **Save Changes** to update your app theme.