TLDR Design · QUICK LINKS

ADAPTING ILLUSTRATIONS TO DARK MODE

blog.simonfarshid.com3 min read

Summary from the TLDR Design newsletter

CSS can help adjust images and illustrations on a website when switched to dark mode. Two things are key: inverting the background color but preserving the hues of the other colors. The invert function from CSS filter effects, combined with the hue-rotate function does the trick.