How to change theme variables programmatically?

[matteomessmer]

Hi,

as per title I would like to ask if it would be possible to change theme variables programmatically.

Specifically I am trying to use colors that come from a third party service, the app calls the service via Rest API to get the colors at startup and should change $theme-primary and other variables.

Thank you in advance.

Best regards,

Matteo

[Lokesh Arjunan]

Hi Matteo

Greetings from Syncfusion Support.

We are validating your reported query and we will update you further details within two business days July 6^th 2023.

Regards,

Lokesh

[Udhayakumar Anand]

Hi Matteo,

We have carefully reviewed your query and would like to provide you with a comprehensive User Guide link that explains in detail how to change the theme and utilize custom themes in our component. The theme system we offer includes a unique common variable list. By modifying the color code values of these common variables, you can ensure the changes reflect across all Syncfusion JavaScript controls. These theme-based common variables are managed within our Theme Studio application, which facilitates the customization of theme-based colors.

To learn more about this topic and explore the step-by-step process, please refer to the User Guide linked below:

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

We believe this resource will provide you with the necessary information and guidance to accomplish your goal. If you have any further questions or require additional assistance, please don't hesitate to reach out to us.

Regards,

Udhayakumar