I am working on an ExtJS 6.6 application using the Classic toolkit and currently have the Triton theme set as the default. I'd like to add functionality that allows users to switch between light/dark modes or between other predefined themes within the application. Despite searching through the documentation and forums, I haven't found a clear guide or example on how to achieve this in ExtJS 6.6 specifically.
It can be a toggle between two themes or a combobox like the one in sencha examples: ExtJS Theme Viewer
Here's what I've tried so far:
- I looked into dynamically loading different CSS files associated with the themes like here: how to swtich extjs themes?
- I considered using SASS variables to switch styles but couldn't figure out how to apply changes dynamically at runtime.
Has anyone implemented a similar feature in ExtJS <= 6.6 or can offer insights into the best approach to take? Any advice or code snippets would be greatly appreciated.