Light/Dark mode for images


I’m trying to show my logo which is an image, I have 2 images for both dark mode and light mode, is there a way to show/hide if the app is using dark mode and vice versa for if it’s using light mode? I’m trying to do it using CSS but having issues

Have you tried to have a transparent background of your logo ? This is something that you should definitely consider.


It is transparent, I have it as a black text png, the original file is an SVG so I can make a white text png version too and I want to try switch them out based on if the user is on dark mode or not

I’m not sure how to do so, any idea on that @Robert_Petitto (CSS, perhaps ?)

I don’t think there’s a way to get data about which mode the device is using.