View Single Post
Old 06-13-2025, 01:16 AM   #1
Slevin#7
Connoisseur
Slevin#7 began at the beginning.
 
Posts: 69
Karma: 10
Join Date: May 2025
Device: iPad
How to Handle Transparent Images for Dark Mode?

I have some transparent PNG images (text-dividers and simple grafics). These images are no pictures but only simple drawings.

Since I wanna make sure that they can be seen and read in dark mode as well I've created two versions, one with black lines and text for the light mode and one in white for the dark mode. Both images have a transparent background to fit in nicely in the current active desgin.

While Apple Books displays the images correctly, Google Play Books won't comply in dark mode. Although Google Play Books grabs the intended image for the dark mode, it will add a light background to it for no reason, making the image a light square and completely unreadable, since the image for the dark mode consists only of white content.

How can I insist Google Play Books to keep their fingers off the image and leave it in original state? I'll get it, that Google thinks we developers are too stupid to cover these details, but what, if there are some eBook creators out there in the wild who actually know what they are doing (or at least think to know)?

I don't wanna create an extra version for dark mode without transparent background but dark background, since the background color set on the device varies.

How do you guys handle this issue for readers which do alter transparent images?

For testing reasons I've added an eBook which contains a text-divider which serves for both light and dark mode (the grafic is black and white for this purpose), and a line drawing in two versions, one for light and one for dark.
Attached Files
File Type: epub transparency-test.epub (43.0 KB, 25 views)
Slevin#7 is offline   Reply With Quote