Can you please suggest how to dynamically switch between different themes in flexMonster (for angular application).
Eg: Light to Dark.
Thank you for posting your question.
Since Flexmonster themes are configurable through CSS, you need to simply load a new CSS stylesheet to the page to change the theme while also clearing out the previously loaded one.
Here’s a JSFiddle sample demonstrating this: https://jsfiddle.net/flexmonster/sohrytu9/.
Please let us know if this helps.
I am loading light-theme file in style.scss file (angular)
How can I switch it to dark when the application theme has changed.
We don’t have ready-to-use samples for dynamic SCSS themes with Angular, since this is not a part of the core Flexmonster functionality.
However, we’ve done a little bit of research on this topic and it looks like this is possible in Angular. Here’s a Stack Overflow thread discussing a similar question: https://stackoverflow.com/questions/52952475/change-styles-scss-dynamically-in-angular.
Hope this helps!