We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Bootswatch theme support

Does syncfusion blazor themes allows the use of Bootswatch themes? Is there an example we can use as a guide?

1 Reply

BH BharatRam Harikrishnan Syncfusion Team April 13, 2023 01:34 PM UTC

Hi Rmartins,


Currently, we offer Bootstrap 3/4/5 themes via built source. We do not have direct support for Bootswatch themes. However, we provide an option to generate a new theme from existing themes using our Theme Studio. You can refer to the following link for more information: https://blazor.syncfusion.com/documentation/appearance/theme-studio


Additionally, you can override the variables of our Syncfusion Bootstrap 5.scss by using the variables from Bootswatch. Please refer to our NPM package reference UG for instructions on how to override the variables.




For instance, you can override the variables in our Bootstrap 5.scss file with the _variables.scss file from Bootswatch, as shown below:


@import "_variables";

@import 'blazor-themes/SCSS-Themes/bootstrap5.scss';


Then, you can compile the custom.scss file using a web compiler, as we have explained in our UG.


Please find the sample for reference: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Sample-799891961



Bharat Ram H

Live Chat Icon For mobile
Up arrow icon