Changing frontend color schemes according to your own requirements
bagisto-mogul Banned last edited by bagisto-mogul
Note: To see the changes, you will be required to compile the assets. For compilation of assets NPM should be installed in your system.
Then go inside each of these packages(path from project's root):
Then you need to run command 'npm install' in each of the directories listed above.
Go to your project root again:
- Find _variables.scss file by following this path in shop package:
In this file _variable.scss you will find all the colors values used in Shop package.
- Find _variables.scss file by following this path in Ui package: packages\Webkul\Ui\src\Resources\assets\sass\_variables.scss
In this file _variable.scss you will find all the colors values used in Ui package.
But remember the colors in UI package file will affect colors in Admin panel also.
- Find _variables.scss file by following this path in Admin package:
In this file _variable.scss you will find all the colors values used in Admin package.
Note: To compile these assets now, step into all these directories below:
And now run the command 'npm run prod' -> for production and 'npm run watch' -> for development.
Muntasermraisi last edited by
I have done all these steps, but nothing changed
I attempted to change the colors of the storefront.