How Metronic theme styles can be mapped to our Theme Studio generated files

Process to create Metronic theme from our Bootstrap theme using Theme Studio application

1. Consider, let we need to create default Metronic theme using our bootstrap theme of Theme Studio application.

2. First, open our online theme studio application http://js.syncfusion.com/themestudio/

3. Select bootstrap theme in Theme Studio as show below

4. Under the personalize option of Theme Studio, please apply below specified color values in the above bootstrap theme of Theme Studio.

Or else, simply you can upload the below attached JSON file in Theme Studio in order to get the Metronic themes

Metronic JSON file

5. In right side content panel, our components are rendered with default Metronic theme. So now you can check the customized color changes with the demo.

6. Finally, you can download the created Metronic theme using download option of Theme Studio and can use the downloaded CSS in your application.

Notes: Please refer following link to check our online Theme Studio help document https://help.syncfusion.com/js/theme-studio