css Variable Support

[Jean Caiza]

Hello,

Is there support for being able to download the stylization of the syncfusion components, mostly including the CSS variables? (for Google Material)

I see that it is only available for sass/scss. Is there a way to obtain the stylization dynamically? Instead of the values of the colors, background, etc. being static, are they with variables?

Regards

[Theveshwar Jayakumar]

Hi Jean Caiza

Thank you for choosing Syncfusion for your project and for your interest in customizing our React components with Material CSS. We understand your need to customize the theme of Syncfusion React components. Syncfusion  ThemeStudio is a powerful tool to achieve this, and we'll guide you through the customization process.

Syncfusion ThemeStudio makes it easy to customize primary colors and various other design aspects.

Here's how to do it:

Access ThemeStudio: Start by opening Syncfusion ThemeStudio in your web browser.

Choose a Base Theme: Select the base theme (e.g., Material) that suits your project's requirements.

Edit Color Variables: Modify color variables to match your preferred primary color and other design choices.

Download Your Custom Theme: After customization, download the theme files containing your CSS styles and variables.

Once you have your customized theme, you can easily integrate it into your project to apply color changes globally.

For more information about ThemeStudio, please refer to our documentation below.

Documentation: https://ej2.syncfusion.com/react/documentation/appearance/theme-studio

If you require further assistance or have additional questions, please do not hesitate to ask.

Regards,

Theveshwar