Well, this ends ridiculously. I just got my blog’s dark theme working—having sat down prepared to have to go through line after line of CSS methodically and laboriously—and it turns out that apparently all I needed was @media (prefers-color-scheme: dark) { html { filter: invert(100%); } body { filter: invert(0%); } img { filter: invert(100%); } } and it simply inverts the color scheme and I no longer have to even think about it. It’s not perfect, but it’s functional and easy enough on the eyes.
Addenda
- Motherforker. It fails in Firefox. Only works in Safari. Methinks there isn’t consensus on how to deal with
filter: invert();across browsers. Turning it off again.