Purple App Experience
...
App Design
Colour settings in Purple Mana...

Set app colours in Purple Manager

11min

Purple Manager



Summary

In this article, you learn how to change the native colours for your app template in Purple Manager.

If you want to apply this change for your Purple App, you have to rebuild the app. It demands a new submit in the App Stores, to make the change visible to your users.



Preconditions

  • Have a team created in Purple Manager
  • Have yourself invited to the team in Purple Manager
  • Have an app created in Purple Manager
  • Have at least 'App Admin' role in Purple Manager
  • Have the hexadecimal value (e.g. ff0000 for red) for the desired primary colour and the secondary colour of your app defined
  • Read the explanation of the Purple Manager app colour concept to learn what is the primary and secondary colour.


How-to video




How-to guide

1. Go to Purple Manager -> 'Apps' -> 'Overview'.

Document image


2. Click 'App Design'.

Document image


3. Click 'General'.

Document image


4. Click 'Basic Settings'.

Document image


5. Go to 'Color scheme'.

Document image


6. In the '01. Primary Color' text field, insert the hexadecimal value (e.g. #00adef for light blue) for the desired primary colour of your app.

Document image


7. In the '02. Secondary Color' text field, insert the hexadecimal value (e.g. #005b7d for blue) for the desired secondary colour of your app.

Document image


If you can't edit the fields for changing the hexadecimal value, just click on 'overwrite' on the right-hand side of the colour fields, to unlock them.

Document image





8. Click 'Save'.

Document image


9. Go back to 'Overview'.

Document image


10. Click 'Build App'.

Document image


11. In the pop-up choose 'Preview App' and Platforms 'iOS' and 'Android'.

Document image


12. Click 'Build'.

Document image


13. Back on 'Overview', you can scan the QR code to download the Purple preview app to an iOS and Android device and test the colours.

Document image