Currently, I have implemented the following CSS to invert an image when in dark mode on my website:
@media (prefers-color-scheme: dark) {
#main-logo img {filter: invert(1);}
}
While this does successfully invert the image in dark mode, it also triggers in light mode. I'm unsure of how to adjust this CSS code to work exclusively in dark mode, as it appears to be a simple solution.