How do I update my branded app colors?

The branded app defaults to displaying the Pike13 color scheme. Owners and Managers can select colors for their branded app in Advanced Settings.

To Change Branded App Colors

1. Login to your Pike13 website.
2. Click on Settings.
3. Choose Advanced Settings.
4. From the menu under Branding, select Branded Mobile App.
5. In the Branded App Editor you can choose:
   Themes - Prebuilt themes
   Colors - Background and Text
   Advanced Settings - All Options
6. After making changes, review colors in App Preview.
7. To update your branded app, select Apply Changes.

Colors and Descriptions

HEADER

• Primary Color - Background for Header
• On Primary - Text for Header

MAIN BODY

• Background Color - Background for View
• Primary on Background - Text

SURFACE

• Surface - Background for Events, Schedule & Footer
• Primary on Surface - Text color
• Secondary on Surface - Text color

BUTTONS & WARNINGS

• On Interactive Primary - Text for Buttons
• Success - Text for Enrolled, Checked in & Spots left
• Critical - Text for Sign Out, Late Canceled
• Warning - Text for On waitlist, Too early to enroll