Customization
Change App Theme Colors
If you want to change the apps theme color go to:
<project>/lib/config/app_color.dart then change theme colors
Set your primary, accent and etc colors for dark and light theme]
Add New Local Language
- Run the following command in your terminal
- Replace font family name in
<project> /lib/config/theme.dart - Go to
<project>/lib/l10nCreate a new file suppose if you want to add arabic language The file name will be like:Intl_ar.arbfile also.Copy the all json file from intl_en.arb and add all the arabic translate file Example
“home”:”Home” replace this with “home”: “بيت“Press Ctrl+S - Run the following command in your terminal Flutter pub run
flutter pub run intl_utils:generate
Recommended tutorial is below 👇
Change App Font #
- Download you preferred font from internet. Google has many free font you can check them: https://fonts.google.com/
- Unzip fonts and paste it them to
<project> /assets/font/ folder. - Mentioned them in
<project> /pubspec.yamlfile like: fonts:-
family:
YOUR_FONT_FAMILY_NAMEfonts:-
asset:
assets/font/YOUR_FONT_FILE_NAME.ttfweight:YOUR_FONT_WEIGHT
-
asset:
-
family:
- Replace font family name in
<project> /lib/theme/light_theme.dart,<project> /lib/theme/dark_theme.dartand<project> /lib/util/styles.dart file.