General information:

You can colour your app by setting only 2 colour values. Based on these two colours the Purple DS Manager automatically generates a colour scheme for your app.


Primary colour:

This is the primary colour of the app design and usually corresponds to the colour scheme of your corporate design or logo. The hexadecimal value of the desired colour is required to determine this setting.


Secondary colour: 

In addition to the primary colour we require a secondary color. This should be chosen in contrast to the primary colour so elements in the secondary colour are easily recognised in the app or web kiosk. This setting also requires a hexadecimal value.  


Other colours: 

Generally almost all colours in the app can be customised for you. 

For example, texts are displayed in black on white background by default. 


You can also change these in the way described below - please note that this changes the automatically created colour scheme, so that e.g. texts may be difficult to read. 


If you need some guidance here, please contact us. We will gladly help you with these adjustments.


Requirements:

 

Primary colour: Hexadecimal value e.g. ff0000 for red.


Secondary colour: Hexadecimal value e.g. 2C82C9 for blue.


Instructions


Here we'll show you in a few steps, how to customise the colours of your Purple App: 


1. First, log in to your Purple DS Manager and open the overview page of your app.

2. Click on the App Design tab and then open the Basic Settings drop down in the tab General.

3. In the colour scheme section, you will find the primary colour 01. and the secondary colour 02

4. To adjust the colours you have 2 options

    a. You enter a hexadecimal value directly into the number field

    b. You click on the colour field. A colour selector window pops up, where you can choose a colour value.

    

    To set the colour value, click Save after the selection.

    Click the Reset to restore the last saved colour value. 



5. Scroll to the bottom of the page and click Save, or your changes will be discarded.



Please re-build and re-install the app on your device, for these changes to take effect. 



Mandatory native colour settings

Besides the colour settings for your storefront and most other pages (subscriptions, login page etc.) there are a few native colour settings which need to be set in the Purple DS Manager. These settings are active after a rebuild of the app.



Notification colour

These colours can be set in the App Design/General/Advanced settings section. There are two colours which can be changed:


  • General Notification Background Colour  (use of primary colour is advised)
  • General Notification Text Colour (usually primary text colour /black or white)

App menu colour

These colours can be set in the App Design/General/Advanced settings section. There are multiple colours which can be changed:


  • Background colour (background colour of the main app menu)


Passive menu entries

  • Item Normal Text Colour (Text colour of a menu entry which is not pressed or selected)
  • Item Normal Background Colour (background colour of a menu entry which is not pressed or selected)
  • Icon Normal (colour of a menu icon which is not pressed or selected)


Active menu entries

  • Item Pressed Text Colour (Text colour of a menu entry which is pressed or selected)
  • Item Pressed Background Colour (background colour of a menu entry which is pressed or selected)
  • Icon Active (colour of a menu icon which is pressed or selected)

Action bar

These colours can be set in the App Design/General/Advanced settings section. There are three colours which can be changed:


  • Actionbar Background Colour (use of primary colour is advised)
  • Actionbar Textcolour (usually primary text colour /black or white)
  • Actionbar Icon Colour (usually primary text colour /black or white)



Table of contents colour

These colours can be set in the Newsstand Design/General/Advanced settings section. There are two colours which should be changed:


TOC Dialog Border Colour  (use of primary colour is advised)
Line Color between Entries  (use of primary colour is advised)