Grab Color Schemes from Your Website
1. Brand your App to match your website. Click "Get Color Schemes" and enter your website URL. This will create a selection of custom color palettes for you to choose from.
2. Click on the color scheme sets created to preview the colors in the App. You can change these color schemes manually.
3. Manage the Basic colors in your App. Click inside each color box on the right-hand toolbar and use the color palette to choose the color and shade.
If you know the HEX color codes for each color, enter them into the box instead.
You can manage each element in your App, such as the Header Bar, Tab Bar, Tab Icons and Selected Tab Icons.
4. Manage the Advanced colors in your App. Switch the toggle to Advanced and edit each color the same way.
These colors include Row, List Icon, Button Background and Text colors.
5. You'll also be given the option to edit your Header Bar Transparency.
For a completely solid, opaque header, it should be 'Off'. However, if you would like it to be transparent, you can a select between 10% and 100% Transparency, with the higher the percentage meaning the more transparent.
6. To check how your color scheme and transparency settings look, click save and then preview your app.