Appeggio Help
Search…
Colors and themes
This section takes you through applying a default color theme to your app, and editing colors within specific parts of your app.

Applying a color theme to your app

In the themes tab of the settings menu, you can set the primary and secondary color, accent color, background color and text color.
You will see the default color options that come with your chosen template. You can change any of the color combinations by clicking on the color you want changed. For example, if you want to change the primary color, click on the primary color, and this will bring up the color mixer:
If you have a color in mind and you know the RGB code or the HEX code, then key it in.
You will see that the color has been applied to reflect your choice as soon as you choose it. You can continue to click on a color and see your app change until you’re happy with your color choice. When you click out of the navigation drawer your choice will remain.

Dark mode

You can choose for your app to be in dark mode, or for your user to be able to select dark mode. This option is available within the themes section, as shown below:
When you choose dark theme, you will see that the primary, accent, secondary and background colors automatically change, as does the font color.
You’ll need to check and readjust the colors as necessary.

Applying a color to a specific part

Whilst you can select default colors that will apply to all parts within your app, you have the ability to change colors relating to individual parts if you choose. To apply a color to a part, highlight and select the part. Then click on the color icon in the toolbar as shown here:
You can choose a new color from the default colors already available, or mix a new one using the color mixer:

Related information

#gradient #background #background gradient #bg gradient #color stops #linear gradient #gradient angle #colors #themes #dark mode