General information:

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


Primary color:

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


Secondary color: 

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


Other colors: 

Generally almost all colors in the app can be customized 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 color 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 color: Hexadecimal value e.g. ff0000 for red.


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


Instructions


Here we'll show you in a few steps, how to customize the colors 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 Color scheme section, you will find the primary color 01. and the secondary color 02

4. To adjust the colors you have 2 options

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

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

    

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

    Click the Reset to restore the last saved color 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 color /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 Color (Text colour of a menu entry which is not pressed or selected)
  • Item Normal Background Color (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 Color (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 Color (use of primary colour is advised)
  • Actionbar Textcolor (usually primary text color /black or white)
  • Actionbar Icon Color (usually primary text color /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)