Liked
Adapting Illustrations to Dark Mode
![](https://hashnode.com/utility/r?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1692280871250%2F8a9e84ca-c502-482e-be0b-f5017a0d0b0c.png%3Fw%3D1200%26auto%3Dcompress%2Cformat%26format%3Dwebp%26fm%3Dpng)
Post details
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...
![](https://hashnode.com/utility/r?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1692280871250%2F8a9e84ca-c502-482e-be0b-f5017a0d0b0c.png%3Fw%3D1200%26auto%3Dcompress%2Cformat%26format%3Dwebp%26fm%3Dpng)
This post was filed under likes.
Interactions with this post
Interactions with this post
Below you can find the interactions that this page has had using WebMention.
Have you written a response to this post? Let me know the URL:
Do you not have a website set up with WebMention capabilities? You can use Comment Parade.