Primary colors, dark mode, and styling

Start with the shared color constants in lib/app/constants.dart. The project defines primary and secondary color values, including light variants.

For example:

static const Color primaryColor = Color(0xFF2457A7);

The first two hexadecimal digits represent opacity. Use FF for a fully opaque color.

Update shared themes

Review:

lib/core/theme/light_theme.dart
lib/core/theme/dark_theme.dart
lib/core/theme/theme_controller.dart
lib/core/utils/styles.dart

Some component colors are defined directly in the themes, so changing one constant may not recolor every widget. Keep text, icons, backgrounds, buttons, and selected states visually consistent.

Preserve meaning

Do not make every status the same brand color. Overdue invoices, errors, successful actions, and disabled controls need distinguishable presentation. Check text contrast and focus/selected states as well as the default appearance.

Test the change

Review login, dashboard charts, forms, dialogs, cards, and navigation in both light and dark modes. Check validation errors and loading states, not just populated screens.

The native splash background and launcher artwork are separate resources. Update those through their own configuration if you want a complete rebrand, then rebuild the app.

Write Your Comment