Velocity theme. Customize

William Hatanaka

Hello!
I need to change the color of the Velocity.
I change to make a new theme (https://bagisto.com/en/create-custom-theme-in-bagisto/) but this is about bliss theme.
How I can do it?
Thank you

shivam-webkul

This post is deleted!

shubhwebkul

Hello there,

You need to change value of some variable inside the file /packages/Webkul/Velocity/src/Resources/assets/sass/_variables.scss.

variables will be $button-primary-bg, $theme-color, $theme-dark-color

provide value of these variables according to your requirement and after that run commad npm run watch or npm run prod.

Let me know if you have any further query.
Thanks!

William Hatanaka

@shubhwebkul said in Velocity theme. Customize:

npm run watch

Hello @shubhwebkul, sorry to reply so late.
I was resolving another issue and it consumed more time that I imagined.
I try your solution, but I am not so familiar with npm and vue...
I am usign the docker version of Bagisto, so I change the variables that you mentioned and try to run the command

npm run watch

Bagisto-Docker:

docker exec -i apache2 bash -c "su - www-data -s /bin/bash -c 'npm run watch'"

So I go to docker container

docker-compose exec web_server bash

I try to execute this command on the same local of the /var/www/html/bagisto/packages/Webkul/Velocity where there is a file package.json but it did not work.
I try to run it on the bagisto directory where the root of the project (/var/www/html/bagisto)... it did not work either.
But on the npm-debug.log there is a strange message

error enoent ENOENT: no such file or directory, open '/var/www/html/package.json'

the npm run watch is looking for the package.json file on the /var/www/html !! This file is on the bagisto directory...
Sorry I don't know what I need to do..
Thank you

shubhwebkul

Hello there,

Please run command npm install before executing command npm run watch inside Velocity package.

I hope that will work.

William Hatanaka

@shubhwebkul
run this command?

docker exec -i apache2 bash -c "su - www-data -s /bin/bash -c 'npm install'"

shubhwebkul

Yes, basically you need to install dependencies beforing executing npm run watch.