Custom Material theme support

Is there an easy way to customize the Material theme other than changing the definitions in ej2-base\styles\definition\_material.scss?

The values in that file are not marked with a !default to provide an easy way to override them before importing.
Is there a mixin somewhere that I missed?

1 Reply

SU Sridurgha Uthayakumaran Syncfusion Team March 14, 2018 09:25 AM UTC

Hi John, 
 
Query 1: Is there an easy way to customize the Material theme other than changing the definitions in ej2-base\styles\definition\_material.scss? 
The values in that file are not marked with a !default to provide an easy way to override them before importing 
 
Currently we are working on providing Theme Studio support for Essential JS 2 components to generate custom styles and this will be tentatively available in Essential Studio Volume 1,2018 Service pack 1 release which is expected to be rolled out at the end of March, 2018. 
 
Query 2: The values in that file are not marked with a !default to provide an easy way to override them before importing. Is there a mixin somewhere that I missed? 
 
We have implemented a simple node.js application to generate the custom style for Essential JS 2 components, Please find the below link for further reference.  
  
  
In the above application, we can change the $accent and $primary color values of material theme to generate custom styles.  
  
Please let us know if you have any queries.  
 
Regards, 
Sridurgha U 



Loader.
Up arrow icon