Azea TypeScript - React-18 Admin & Dashboard Template

Theme Styles
Primary Color

How to Change Primary Color?

Please follow the below steps to change Primary Color
Step 1 :

To change Primary Color you have to open _variables.scss file and replace what color you want as shown in below

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

Dark Theme Style

If you want to change Dark Theme color you need to follow the below process.

How to Change Dark body Color?

Please follow the below steps to change Dark body Color
Step 1 :

To change Dark body Color you have to open _variables.scss file and replace what color you want as shown in below

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

Gradient Header Style

If you want to change Gradient Header color you need to follow the below process.

How to Change Gradient Header Color?

Please follow the below steps to change Gradient Header Color
Step 1 :

To change Gradient Header Color you have to open _variables.scss file and replace what color you want as shown in below

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

Gradient Menu Style

If you want to change Gradient Menu color you need to follow the below process.

How to Change Gradient Menu Color?

Please follow the below steps to change Gradient Menu Color
Step 1 :

To change Gradient Menu Color you have to open _variables.scss file and replace what color you want as shown in below

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