I will here indulge in the traditional practice of using my blog to talk about how I’m using my blog.
This page is built with the Hugo static site generator.
I recently updated it to use the latest version of the beautifulhugo theme, which unbeknownst to me included a dark mode colorscheme.
Recent browsers use the prefers-color-scheme option to automatically choose light or dark mode CSS styles, if the website supports it.
And my website did support it, not that I knew it until people started commenting that my syntax-highlighted code blocks were unreadable!
I figured out how to toggle light/dark mode in Firefox (ctrl+shift+I to open the inspector pane then click the sun/moon icons), perused my website, and found an even greater problem: my treasured vector diagrams that I put so much time & effort into were completely invisible against a dark background!
Here’s a quick post about supporting dark mode on my blog by inlining SVGs and setting their color with the currentColor CSS variable.
Inlining SVGs for Dark Mode