Collor Palette
The theme in your app is customizable, allowing you to easily modify the app's appearance by updating colors, fonts, and UI components. The theme is defined across two main files.
Color Palette (app_color_palette.dart)
The AppColorPalette class manages all the colors used throughout the app. To update any color, simply change the value of the corresponding property without directly interacting with the file. Below is a table of the main color properties:
| Property | Description | Default Value |
|---|---|---|
primaryColor | Main theme color | #16D94F |
primaryDark | Dark variant of the primary color | #095720 |
backgroundColor | Background color for the app | #091129 |
secondaryColor | Secondary accent color | #FFC300 |
errorColor | Color for error or warning messages | #FF5A5A |
textColor | Default text color | White |
successfulColor | Color indicating successful operations | #45CB76 |
shimmerBaseColor | Shimmer base effect color | #22293e |
shimmerHighLightColor | Shimmer highlight color | #3a4154 |
inviteCardBgColor | Background color for invite cards | #BDE0FE |
leaderboardCardBgColor | Background color for leaderboard cards | #E7C6FF |
To update the app’s colors, find the corresponding property in app_color_palette.dart and replace the hex value or color constant.