Customization

Language #

Add New Language #

If you want to add any new language then follow this steps:

• Go to /assets/language and press the right button on the language folder and create a new file and name it with your language code(.json). For example, if your language is Spanish, then you have to name your file as es.json. You have to name it with a proper and valid language code otherwise, the app won’t work. To get the language and country code, you can visit this URL: https://docs.oracle.com/cd/E13214_01/wli/docs92/xref/xqisocodes.html 

• Copy all data from en.json and paste it into your created file.
• Translate all English text placed here after colon(:) to your expected language. Their texts are in key-value format. You have to translate the value only, not the key. Otherwise, it won’t work. For example: “office”: “Office”, -> “office”: “Oficina”,
• Add your country picture in the <Project>/assets/images folder. Must keep the file extension in png format. For example, spanish.png
• Go to <Project>/lib/utils/images.dart file, add a variable with your country picture name. For example, if your added country picture name is spanish.png, then add a variable like -> static const String spanish = ‘assets/image/spanish.png’;
• Go to <Project>/lib/utils/app_constrants.dart file, scroll down to the bottom and add one more LanguageModel under the languages array with your imageUrl, languageName, countryCode and languageCode. Again must remember that your language code and country code should be valid otherwise, the app won’t work

Remove Existing Language #

• If you wish to eliminate any currently present language, simply exclude the particular LanguageModel from the languages list.

Make Default Language #

• To set your language as the default language, place your LanguageModel at the first index of your language list.

Now uninstall your application from your devices and install it again.

Change App Color #

If you want to customize app theme color then follow these steps :

• Open the <project>/lib/theme/light_theme.dart file. Set primaryColor, foregroundColor, secondary and other colors, and adjust them according to your preferences.
• In the same way for the dark theme, open the <project>/lib/theme/dark_theme.dart file. Set primaryColor, foregroundColor,secondary and other colors, and adjust them according to your preferences.

Change App Font  #

At 6amMart, we use the Poppins font. However, if you want to change the app’s font, then follow these steps:

• Download your preferred font from the internet. Google has many free fonts you can check them: https://fonts.google.com/ 
• Unzip fonts and paste them to <project>/assets/font/ folder.
• Mentioned them in <project>/pubspec.yaml file like

fonts:
    - family: YOUR_FONT_FAMILY_NAME
      fonts:
        - assets/font/YOUR_FONT_FILE_NAME.ttf
          weight: YOUR_FONT_WEIGHT

fonts:
    - family: YOUR_FONT_FAMILY_NAME
      fonts:
        - assets/font/YOUR_FONT_FILE_NAME.ttf
          weight: YOUR_FONT_WEIGHT

• Replace the font family name in the <project>/lib/util/app_constants.dart file.

static const String fontFamily = YOUR_FONT_FAMILY_NAME;

static const String fontFamily = YOUR_FONT_FAMILY_NAME;

Change notification sound #

If you wish to change the notification sound for the iOS app and also for the Android app, then you need to follow these steps : 

Android App : 

• Go to <project>/android/app/src/main/res/raw/notification.wav file. Replace this file with your desired ringtone file. Ensure that you do not change the filename. It must remain as notification.wav
• If you find notification.mp3 or notification.wav file in <project>/assets file. Replace this also with your desired ringtone file. Ensure that you do not change the filename. It must remain as notification.mp3 or notification.wav