How to change the Kendo UI Theme in Angular 2 on the client

1
votes

I have a basic app in angular 2 with Kendo UI controls. I have a drop down with theme 1, theme 2 and theme 3. and a button. How should the default styles.scss file be toto handle those 3 themes? What should be done in the component ts file to use one or other theme on the client at run time and modify the button color?

Thx

1
angularkendo-ui-angular2
I have the same question? did you manage to solve it? - mor222
A designer and other developer in the team did that at the end. We using Angular Material now and some Kendo Controls. What we did was to import all kendo material themes and overwrite them using imports and mixins with scss for all and for each component. Not sure how they did that really. Sorry. - Ariel Erlijman

1 Answers

0
votes

There is no straight-forward approach for such scenario. Generally speaking, you have two options:

  1. Use the already compiled CSS files, and replace them in your page, as any other CSS

  2. Compile the scss files on the server and then replace the styles on the page.