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/l10n
Create a new file suppose if you want to add arabic language The file name will be like:Intl_ar.arb
file 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
TIPS
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.yaml
file like: fonts:-
family:
YOUR_FONT_FAMILY_NAME
fonts:-
asset:
assets/font/YOUR_FONT_FILE_NAME.ttf
weight:YOUR_FONT_WEIGHT
-
asset:
-
family:
- Replace font family name in
<project> /lib/theme/light_theme.dart
,<project> /lib/theme/dark_theme.dart
and<project> /lib/util/styles.dart file.