App Theme
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.
App Theme (app_theme.dart)
The AppTheme class manages the overall design, including text styles, button themes, and app bar configuration. Below are the key components you can modify to customize the app's look and feel:
| Component | Description |
|---|---|
| Font Family | The app uses Plus Jakarta Sans as the default font family for consistency. |
| Text Button Theme | Customize text buttons' font weight and color based on the app’s primary color. |
| Input Decoration | Adjust text fields and form input appearance, including borders and focus color. |
| Bottom Navigation Bar | Modify navigation bar background and item colors. |
| AppBar Theme | Transparent app bar with custom icon colors. |
| Text Styles | Styles for different text elements such as display, title, and body. |
| Pin Input Theme | Customize the theme for input fields (e.g., for entering PIN codes). |
Example Customization:
Changing the Primary Color:
- Update the primaryColor in AppColorPalette to reflect your desired color.
Updating Text Styles:
- The textTheme property defines styles for headings (displayLarge, titleLarge) and body text (bodyMedium). By modifying the values in these files, you can fully customize your app’s theme, ensuring a consistent and appealing design.
By modifying the values in these files, you can fully customize your app’s theme, ensuring a consistent and appealing design