Gluedin

selected title

Apply theme in the app:

Apply custom color theme for your app:

Open and edit theme file JSON file. The file is located at SampleApp (Link are provided in above section) you can change any theme color combination according to your product color theme. In case if you unable to find AppTheme.json file inside your downloaded sample application then you can download it from here and Drag & drop it inside Json\AppTheme.json. As Shown in shinipet below, you can change button active, outline action color etc. In case if you leave blank then the application will run with the default Blue color theme.

You can change the App theme by using below steps:

Add the “gluedin_configurations.json” file into assets/gluedin folder, and add the color codes into respective keys.

	
	 {
  "themeConfig": {
    "appColor": {
      "buttonColor": "",
      "tabBarColor": "",
      "textPrimaryColor": "",
      "textSecondaryColor": "",
      "disableBackgroundColor": "",
      "defaultColor": "",
      "inActiveColor": "",
      "buttonGradientColor": "",
      "bottomBarBackgroundColor": "",
      "bottomBarTextColor": "",
      "bottomBarSelectedColor": ""
    },
    "appFont": {
      "regular": "",
      "medium": "",
      "bold": ""
    }
  }
}

You can also add custom fonts under assets/gluedin folder (i.e assets/gluedin/custom_font_regular.ttf) and set the name of font into respective keys

	
	{
  "themeConfig": {
    "appColor": {
      ...........
    },
    "appFont": {
      "regular": "custom_font_regular.ttf",
      "medium": "custom_font_medium.ttf",
      "bold": "custom_font_bold.ttf"
    }
  }
}