Setting the theme accent color

Question

Hi,We are using ejs-2 angular components in angular 5+. The default theme seems to be similar to material UI theme with main accent color on controls being indigo-pink.How would one change the main accent color to some different color "globally" ? I'e for all ej2-ng components in app without customizing each and every component ?Thanks

Saranya Murugasamy · Answer

Hi sddaffodil, 

Thanks for your interest in Essential JS 2. 

We are currently working on ThemeStudio support for Essential JS 2 components and it is expected to be rollout by the end of this month. 

However, we have implemented a simple node.js application to generate the custom styles for Essential JS 2 components, Please find the below link for further reference.    

https://github.com/SyncfusionSamples/ej2-custom-styles 

For example, we can change the $accent  color value of material (styles/definition/_material.scss) theme to generate the custom styles as per your requirement. 

Please let us know if you have any concerns. 
  
Regards, 
Saranya Murugasamy