One way to apply themes to your site / app

There are several ways to manage themes. I searched for a way to control both HTML and svg images. This example is mainly built on CSS with some help from HTML and Javascript. The site is built upon a small engine of Go and Go templates which also replaces Apache and/or Nginx.

This solution is based on four main technologies.

  1. CSS Variables to make it more DRY
  2. Symbol SVG icons to be able to change svg colors
  3. localStorage to hold the theme variable
  4. hsl() colors makes it easer to change color within a theme