5 | App Config | App Theme

This article outlines how to configure the app theme and set the colours used by the MyPlace app. In MyPlace, the app theme can be found under the settings page, App Configure section. Colour Parameters Background & Main Elements: Use this to set the app background and main text elements' colours. Home Buttons: Use this to set the colours of the home page buttons, venue cards and the text colours that display on those elements.

This article outlines how to configure the app theme and set the colours used by the MyPlace app.

In MyPlace, the app theme can be found under the settings page, App Configure section.

Colour Parameters

Background & Main Elements:

Use this to set the app background and main text elements' colours.

Home Buttons:

Use this to set the colours of the home page buttons, venue cards and the text colours that display on those elements.

Hero / Brand Colours:

Use this to set your brand, hero or primary colour. This colour will display on your headers, side drawer, button menu and on all highlight items. Also, use this to set the text colour that displays on top of the hero colour.

Error Text:

Use this to set the colour displayed on input field errors.

Links & Action Text:

Use this to set the colour that is displayed on links and action text elements of your app.

Active Tab:

Use this to set the colours of the active tab. Such as the What's On events tabs, stamp cards tabs, etc.

Inactive Tab:

Use this to set the colours of the inactive tab. Such as the What's On events tabs, stamp cards tabs, etc.

Venue Selector:

Use this to change the background and text colour of the venue selection that displays on multi-venue apps.

Alert Dialog:

Use this to change the colour of the dialog/pop-up box that displays on your app.

Home Page Cards:

Use this to change text colour on the home page cards and items within the page the cards direct to.

Footer Tabs:

Use this to change the colour of the footer tabs. The fill will be the background colour of the footer. The text tab will be the active icon colour and the last field will be the other inactive icon colours

How to choose a colour?

1. Click on the colour picker to open the colour selection box.  
2. Select the colour.
3.  To select the colour you can:
   
• Select from the colour picker.
• Or enter the colour HEX code.
• Or enter the colour RGB values
4. You can also set colour transparency if desired.
5. Once you have finished editing the colours, click "Save Change" to save all the changes.