This blog now supports dark mode.
It should automatically detect what your browser is set to ask for, but if it doesn’t, there’s a button in the sidebar to toggle it, click it once and you’re done (this is the only use of cookies1 for general visitors).
Implementing it was (on the whole) super easy, just a second css file with a “prefers-color-scheme: dark” selector, and then flipping the colour scheme (hex calculator + NOT function = also super easy)
There were four images I needed to change too. The only irritating one was this one:
The one that appears at the bottom of every block quote. Turns out the default one has that white colour hard-coded, and inverting the colours just made it look weird. I ended up using Inkscape to trace the little curly thing, made the rest of the image transparent, then saved it with the background colour of #262620. This took about as much time as everything else put together.
So, yeah, the blog has dark mode now. Worth it.
Footnotes
- Technically it’s not a cookie, it lives in local storage, but same principle. ↩