I'm trying to add a dark mode on my website via prefers-color-scheme webkit. However, my logo is all black, while my header is white. On dark mode it should be the other way around. My logo is in PNG and I thought it wouldn't be a bad idea to somehow upload two logos with different selectors and hide one via CSS on light mode, and the other one on dark mode. My question is: is there any way to do it?
If no, does anyone have any other ideas how could I achieve what I need?
I'm trying to do exactly the same thing as this guy: https://www.youtube.com/watch?v=eY4M7HtP9LA&t
However, his logo is a simple text so he can easily change its color via CSS. Mine is in PNG and I'm not able to do this.