Creating Custom Colors
Navigate to Design > Colors to incorporate custom colors that represent your brand:
- Input the Hex color code and name, then save your changes.
- Your custom colors will be accessible throughout the Amego admin interface wherever color customization is permitted.
Regarding accessibility: It's important to ensure adequate color contrast to enhance the experience for users with visual impairments.
Color Settings
Mobile Primary – Color used throughout the mobile app for various interface elements.
Mobile Accent – Color used for the “Up Next” feature including CTA
Mobile Header – Color used for the header/navigation bar at the top of screens.
Mobile Header Title – Color used for text in the top header/navigation bar.
Home Header – Color used for the header on the Home screen.
Calendar Item – Color used for agenda/event blocks in the calendar.
Selected Day/Tab – Color used for selected dates in the Library or calendar tabs.
Button Background – Color used as the background for buttons.
Button Text – Color used for text on buttons.
QR Icon Background – Color used for the background of the QR code icon.
QR Icon – Color used for the QR code icon itself.
Navigation Bar – Color used for the navigation bar.
Default Nav Text – Color used for navigation text in inactive tabs/screens.
Active Nav Text – Color used for navigation text when the screen/tab is active.
The images below shows how colors and fonts are used on each screen of the app.
Home & Navigation
Library & My Agenda
