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 variables.scss file and Find "--primary-bg-color" in root and replace what color you want as shown in below

Rootpath : _variables.scss (assets/scss/variables.scss )

--primary-bg-color: #3b62fe;

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 Background Color you have to open variables.scss file and Find "$background" replace what color you want as shown in below

Rootpath : _variables.scss (assets/scss/variables.scss )

$background: #f5f6fd;

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 Text Color you have to open variables.scss file and Find "$color" replace what color you want as shown in below

Rootpath : _variables.scss (assets/scss/variables.scss )

$color: #0a1f44;

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 Border Color you have to open variables.scss file and Find "$border" replace what color you want as shown in below

Rootpath : _variables.scss (assets/scss/variables.scss )

$border: #e6e7f5;

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 variables.scss file and Find "--dark-body" replace what color you want as shown in below

Rootpath : _variables.scss (assets/scss/variables.scss )

--dark-body: #2a2e3f;

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 variables.scss file and Find "--dark-theme" replace what color you want as shown in below

Rootpath : _variables.scss (assets/scss/variables.scss )

--dark-theme: #212332;

Note : After Changing color you must run gulp command's . Refer gulp page for more gulp commands click here.