I want to share with you a quick way to make illustrations on your website work in both light and dark mode:
.dark .invert-on-dark {
  filter: invert(1) hue-rotate(180deg);
}

Try it!
Toggle dark mode in the navigation bar and see the cover photo swi...

Anja Petry

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Adapting Illustrations to Dark Mode Aug 15, 2023· 3 min read I want to share with you a quick way to make illustrations on your website work in both light and dark mode. Try it! Toggle dark mode in the navigation bar and see the cover photo switch colors.