Style values that are typically customized per client. These are compile-time
constants and require a rebuild to change.
Brand Colors
| Config | Default | Description |
|---|
PRIMARY_COLOR | rgb(0, 10, 46) navy | App bar, feed background, avatars. The main brand color. |
SECONDARY_COLOR | rgb(115, 237, 230) teal | Active navbar tab highlight. |
UTILITY_COLOR | rgb(53, 92, 222) blue | Buttons, links, switches, loading spinners, and form controls. |
Fonts
| Config | Default | Description |
|---|
FONT_FAMILY | 'Averta' | Base font used app-wide. |
HEADER_FONT_FAMILY | 'Averta' | Screen titles, card titles. |
Theme Mode
| Config | Default | Description |
|---|
IS_NAV_BAR_DARK_MODE | true | Dark styling on the app bar. |
IS_HOME_DARK_MODE | true | Dark background and light text on the feed screen. |
HOME_SCREEN_BACKGROUND_COLOR | PRIMARY_COLOR | Feed screen background. Override separately for a different background than the primary color. |
Cards
| Config | Default | Description |
|---|
CARD_BACKGROUND_COLOR | white | Activity card surface color. |
CARD_BORDER_COLOR | transparent | Card border. Set to a color to add visible card outlines. |
SUCCESS_COLOR | rgb(40, 117, 68) green | Completed activity check icon color. |
| Config | Default | Description |
|---|
SELECTED_BUTTON_COLOR | UTILITY_COLOR | Active/selected button background. |
SELECTED_BUTTON_TEXT_COLOR | white | Active button text. |
UNSELECTED_BUTTON_COLOR | white | Inactive button background. |
UNSELECTED_BUTTON_TEXT_COLOR | rgb(29, 37, 45) | Inactive button text. |
Navbar
| Config | Default | Description |
|---|
NAVBAR_ACTIVE_COLOR | SECONDARY_COLOR | Selected tab icon/label. |
NAVBAR_INACTIVE_COLOR | rgb(136, 139, 141) grey | Unselected tab icon/label. |
Charts
| Config | Default | Description |
|---|
CHART_COLORS | [] | Custom palette for progress chart categories. Empty uses library defaults. |