In order to customize the colors and put the one which suits your project, you can easily do that in two steps explained below:

Step 1 - Change Color Variables in SCSS

All the sass variables related to colors could be found in the file default / assets / scss / abstracts / _variables.scss

Now, you can change value of these variables as per your selected color palette.

Step 2 - Generate CSS files from SCSS

This step is to compile the changes we have made in SCSS files and generate the CSS version of those. For that, you will need to run following commands in your terminal after reaching to the project folder:

$ npm run default-watch-style-sass

$ npm run default-css-prefix

The above commands will compile all the SCSS files written for the default template and will generate the CSS files.

Note: By default the sass color variables defined in default / assets / scss / abstracts / _variables.scss are for the Lite version of Wieldy. If you want to use the Semi Dark or Dark Theme, then follow the below extra step:

For Semi Dark theme, download the _variables.scss file and replace with the existing _variables.scss in the location default / assets / scss / abstracts /

For Dark theme, download the _variables.scss file and replace with the existing _variables.scss in the location default / assets / scss / abstracts /

Then to further change the color scheme of these Semi-Dark or Dark theme, you can change the variable values.