Rank 1
Application theme is default-ocean-blue, but its taking orange colour for button menu.
1 Answer, 1 is accepted
Hi Vaishaly,
Thank you for the provided details.
We are not sure how the theme was changed. I tried to replace the CDN of the theme as described in the following article:
https://www.telerik.com/kendo-angular-ui/components/knowledge-base/change-theme-dynamically/
but the primary color was changed according to the theme. Here is an example:
https://stackblitz.com/edit/angular-mfcnsr
Please make sure that the installed Kendo theme versions are compatible with the installed Kendo packages:
https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui/
Regards,
Yanmario
Progress Telerik
Rank 1
Hi Yanmario,
Thanks for your explanation.
In your example on button click you are changing the theme, but my requirement is i have to set a new theme based on the environment in which the application is running (eg: local, dev, production).
So for that i tried to change/set the theme in app.component.ts based on environment, and i am expecting wherever component I use kendo component with "themeColor="primary" it should apply the theme accordingly (theme set as per in app.component.ts).
Not sure that this the correct approach. Kindly help me to get this scenario to work.
Hi Vaishaly,
Changing the themes depending on the environment would be more towards configuring how Angular handles the styles depending on the environment. I would suggest checking out angular.json config which should provide you the option to load different stylesheets depending on the environment and also researching this matter from some online resources like:
https://medium.com/@anjnkmr/configuring-angular-scss-for-different-environments-fa5e3857ca5c
https://github.com/angular/angular-cli/issues/4685
https://medium.com/@pedrorolo/angular-setting-angular-json-b485dedc29d7
I hope this helps.
Regards,Yanmario
Progress Telerik