Use default variables scss

[Adriano Nascimento]

Hello,

I saw that a version with default variables was released,

I was very happy and excited to use however I did not find documentation to use,

let alone as order of precedence of files and the raviaves that can be overwritten

[Sridurgha Uthayakumaran]

Hi Adriano, 

Thanks for your interest in Syncfusion Products. 

We can override the styles of Essential JS 2 components by defining the variable to be overridden before importing the style files. Please find the below code snippet for example. 

$accent: blue; 

@import 'ej2-base/styles/material.scss'; 

@import 'ej2-angular-buttons/styles/material.scss'; 

In the above code snippet, we have overridden the color of common accent variable which is common for all components. For your convenience, we have created an angular-cli sample to override the style using SCSS and the same can be referred from the below link. 

Sample Link: http://www.syncfusion.com/downloads/support/forum/143042/ze/syncfusion-angular-app279743592.zip  

The list of common style variables which can be overridden  are provided in the below documentation. Please find the same from the below link. 

Documentation link: https://ej2.syncfusion.com/angular/documentation/appearance/theme/#common-variables  

Please let us know if you have any concerns. 

Regards, 

Sridurgha U