minima icon indicating copy to clipboard operation
minima copied to clipboard

Enhance theme to allow switching skins client-side

Open ashmaroli opened this issue 4 years ago • 1 comments

Key points

  • Generate a complete CSS file for each skin:
    • assets/css/style.css (default stylesheet / classic skin)
    • assets/css/dark.css (dark skin)
    • assets/css/solarized.css (solarized skin)
    • assets/css/solarized-dark.css (solarized-dark skin)
  • Use javascript to render a <select/> element in the site-footer to allow switching stylesheets on a deployed site.
  • Introduce custom-scripts.html placeholder to allow adding more scripts before the closing </body> tag.

Live Demo: https://ashmaroli.github.io/minima/

ashmaroli avatar Aug 29 '21 09:08 ashmaroli

I like this idea. What do you think about moving the skin switching bits to a documentation example? This will give folks an example that they can use to seamlessly implement something for their own site and allows us to avoid implementing color scheme switching functionality directly to the theme.

mattr- avatar Dec 29 '21 19:12 mattr-