Customization
Change App Theme Colors
If you want to change the apps theme color go to:
<project>/lib/constants/app_colors.dart
Set your primary, secondaryColor and etc colors for dark and light theme]
Add New Local Language
- 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
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/fonts/ folder. - Mentioned them in
<project> /pubspec.yamlfile like: fonts:-
family:
YOUR_FONT_FAMILY_NAMEfonts:-
asset:
assets/fonts/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.