Theme Styles
Primary Color
How to Change Primary Color?
Please follow the bellow steps to change Primary Color
Step 1 :
To change Primary Color you have to open _bootstrap-styles.scss file and replace what color you want as shown in below
Rootpath : _bootstrap-styles.scss (assets/scss/bootstrap/_bootstrap-styles.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
Light Theme Style
How to Change Light Background Color?
Please follow the bellow steps to change Light Background Color
Step 1 :
To change Light Background Color you have to open _bootstrap-styles.scss file and replace what color you want as shown in below
Rootpath : _bootstrap-styles.scss (assets/scss/bootstrap/_bootstrap-styles.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
How to Change Light Text Color?
Please follow the bellow steps to change Light Text Color
Step 1 :
To change Light Text Color you have to open _variables.scss file and replace what color you want as shown in below
Rootpath : _variables.scss (assets/scss/_variables.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
How to Change Light Border Color?
Please follow the below steps to change Light Border Color
Step 1 :
To change Light Border Color you have to open _variables.scss file and replace what color you want as shown in below
Rootpath : _variables.scss (assets/scss/_variables.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
Dark Theme Style
How to Change Dark body Color?
Please follow the bellow steps to change Dark body Color
Step 1 :
To change Dark body Color you have to open _bootstrap-styles.scss file and replace what color you want as shown in below
Rootpath : _bootstrap-styles.scss (assets/scss/bootstrap/_bootstrap-styles.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
How to Change Dark Theme Color?
Please follow the bellow steps to change Dark Theme Color
Step 1 :
To change Dark Theme Color you have to open _bootstrap-styles.scss file and replace what color you want as shown in below
Rootpath : _bootstrap-styles.scss (assets/scss/bootstrap/_bootstrap-styles.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
How to Change Dark default Color ,border color ,and shadow color?
Please follow the below steps to change Dark default Color ,border color ,and shadow color
Step 1 :
To change Dark default Color ,border color ,and shadow color you have to open _variables.scss file in scss folder and replace what color you want as shown in below
Rootpath : _variables.scss (assets/scss/_variables.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
Transparent Theme Style
How to Change Transparent body Color and Transparent Theme Color?
Please follow the below steps to change Transparent body Color and Transparent Theme Color
Step 1 :
To change Transparent body Color and Transparent Theme Color you have to open _bootstrap-styles.scss file and replace what color you want as shown in below
Rootpath : _bootstrap-styles.scss (assets/scss/bootstrap/_bootstrap-styles.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
How to Change Transparent Color ,border color ,and shadow color?
Please follow the below steps to change Transparent default Color ,border color ,and shadow color
Step 1 :
To change Transparent default Color ,border color ,and shadow color you have to open _variables.scss file in scss folder and replace what color you want as shown in below
Rootpath : _variables.scss (assets/scss/_variables.scss )
Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.
Svg icon Style
How to Change SVG Icon?
Step 1:
Open all html files go to Any Svg icon ..Replace your svg Icon or image
Step 2:
for example if you want to Replace Cloth Icon Svg with Real-Estate Svg.Replace The above svg With Below Svg Icon
Example Code: