There are tons of "theming" ways out there. But I found them either too simple or too complicated. Or using a "plugin" of some sort. Close to nothing using plain HTML, CSS and Javascript.
The challenges with theming I found was:
- Switching between multiple themes
- Saving the theme settings locally
- Make it as simple as possible (but not simpler)
- Include svg icons in theming
The method I use was to
- Put the theme in a dataset in the body tag
- Save this setting in localStorage
- Using CSS variables connected to the body tag
- Saving svg icons as "symbol" to make it dynamic
In this micro site you can see the result. The main parts of the code behind is also included.
Comments and suggestions for improvements are welcome
Top comments (0)