Give Your Illustrations Dark Mode With This Simple Trick (SPOILER: It's a CSS Filter)

Published:

filter: invert(100%);—that’s it!

Ok fine, it won’t work all most of the time (it’s terrible on actual photos) but it’s good for illustrations with simple color palettes, like xkcd comics.

Two copies of a simply drawn XKCD comic, one white on black the other black on white

Wisdom of The Ancients by xkcd Transcript

On my site, I put that CSS in a class invert-hack which I place on any illustrations I want to flip to dark mode.