custom theme

Question

I am trying to figure out how I customize my theme with syncfusion. I want my primary color to be custom company colors. I also want to switch from light to dark theme based on a switch from the user which in turn will change all theme colors but I don't see any documentation on this.

John Rajaram · Answer

Hi Josh, 
Greetings from Syncfusion. 
We like inform you that, you can use the Essential JS 2 Theme studio support, for changing the Primary color of the EJ2 components. Please refer the following online ThemeStudio and documentation. 
Theme studio: 
 https://ej2.syncfusion.com/themestudio/ 
Theme studio documentation: 
https://ej2.syncfusion.com/documentation/common/theme-studio.html 
Also, we have created a sample for your reference for switching the theme between light to dark. Please refer the below code snippets. 
change: function (e) { 
        var themes = document.getElementById("dropdownMenu1").ej2_instances[0].value; 
         
            themes = themes + "-dark"; 
             
            loadTheme(themes); 
        }  
You can find the sample from the following location. 
http://www.syncfusion.com/downloads/support/forum/140024/ze/ASPNetCore_(1)1778755748 
Please let us know if you have any queries. 
Regards, 
John R