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.

 

https://blazor.syncfusion.com/documentation/appearance/themes#npm-package-reference

 

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

custom.scss

@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

 

Regards, 

Bharat Ram H


Loader.
Up arrow icon