How to customize built-in theme in Vue project?

[Liraz]

Hi,

In my Vue project, I am using the material built-in theme. I want to change the common variables used in the Syncfusion Vue library theme. 

This is what I did:

But I am getting the following error:

Please guide me how to do so.

Thanks,

[Sathish Kumar Rajendran]

Hi Liraz,

Thanks for contacting Syncfusion support.

In our syncfusion Vue component, While using scss files for style reference we need to configure includePath in the sass-loader option. Please refer and follow the below documentation link.

Documentation: https://ej2.syncfusion.com/vue/documentation/getting-started/vue-sass/#adding-includepaths-option

We also created the sample with your requirement for reference.

Sample:  vue-sass-grid

Please get back to us if you need further assistance on this.

Regards,

Sathish Kumar