Step 1:

Go To style.scss (src/assets/scss/styles.scss )

if you want to change another font-family Go to the site Google Fonts And Select One font Family and import in to styles.scss file

How to Select font Family

Example:

Step 2:

And paste Your Selected font-family in style.scss

Example:

Step 3:

And add the Your Selected font-family in _customs.scss(src/assets/scss/custom/_customs.scss)

Example:

body {
	font-size: 1rem;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: #{$color};
	background-color: #{$background};
	line-height: 1.5;
	text-align: start;
	overflow-x: clip;
	padding: 0;
	margin: 0;
}
		
	

By default menu icons are Bootstrap icons if you want to change icons please follow below steps

Step 1 :

To change Menu icons, open header.html page and go through app-sidebar section, in that section you will find Bootstrap icons of menu in i tag, there you can replace previous icon with your icon. Example as shown in below

Go To "src/assets/images/brand" folder and replace your logo with Previous Logos within in image size. note: Please don't increase logo sizes. Replace your logo within given image size. otherwise the logo will not fit in particular place it disturbs the template design.

Please follow the below steps to enable RTL Version

Step 1 :

To enable RTL Version you have to open custom-switcher.js (assets/js/custom-switcher.js) file and remove comments for rtl as shown in below

	//RTL 
	if (!localStorage.getItem("hostmartl")) {
		// html.setAttribute("dir" , "rtl") // for rtl version 
	}

Step 2 :

		//RTL 
		if (!localStorage.getItem("hostmartl")) {
			html.setAttribute("dir" , "rtl") // for rtl version 
		}

Please follow the below steps to enable Boxed Version

Step 1 :

To enable Boxed Version you have to open custom-switcher.js (assets/js/custom-switcher.js) file and remove comments for Boxed as shown in below

//Boxed styles
if (!localStorage.getItem("hostmaboxed")) {
	// html.setAttribute("data-width" , "boxed") // for boxed style
}

Step 2 :

//Boxed styles
if (!localStorage.getItem("hostmaboxed")) {
	html.setAttribute("data-width" , "boxed") // for boxed style
}

Please follow the below steps to enable Dark Theme

Step 1 :

To enable Dark Theme you have to open custom-switcher.js (assets/js/custom-switcher.js) file and remove comments for dark-mode as shown in below

//Dark Theme Style
if (!localStorage.getItem("hostmadarktheme")) {
	// html.setAttribute("data-theme-mode" , "dark") // for dark theme 
}
										

Step 2 :

//Dark Theme Style
if (!localStorage.getItem("hostmadarktheme")) {
	html.setAttribute("data-theme-mode" , "dark") // for dark theme 
}