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-custom.scss file and replace what color you want as shown in below
Rootpath : _bootstrap-custom.scss (assets/scss/bootstrap/_bootstrap-custom.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 _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 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-custom.scss file and replace what color you want as shown in below
Rootpath : _bootstrap-custom.scss (assets/scss/bootstrap/_bootstrap-custom.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-custom.scss file and replace what color you want as shown in below
Rootpath : _bootstrap-custom.scss (assets/scss/bootstrap/_bootstrap-custom.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?
Please follow the below steps to change Dark default Color ,border color
Step 1 :
To change Dark default Color ,border 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.