A user, koen360, reports that their Android app icon, when added to the home screen via Firefox, displays an opaque background instead of a transparent one, despite the icon being a PNG with transparency. They suspect the background color is being pulled from the site’s theme. Falco suggests checking the manifest icon settings and uploading a 512x512 PNG, but the issue persists. Falco explains this may be due to known bugs in Firefox Fenix’s PWA icon handling, with limited recent fixes. koen360 notes that Chrome also fails to display transparency, showing a white background instead, and decides to use a white-background icon as a workaround.
Probably quickly sorted but can’t for the life of me figure it out.
Don’t know since when exactly but I think more than a half a year ago something changed when adding my forum’s app icon to the home screen.
All the icons and vingnets etc. In the branding section have transparent backgrounds.
However. Adding the icon to the homescreen now yields an opaque background in the same colour of the logo itself rendering it just one opaque area of the same colour. It seems to select the same colour from the theme somehow.
Side issue but important too: the icon often gets removed from the homescreen so I keep adding it back. Maybe this is after upgrades i will check next time.
I am on Android and using Firefox. Let me know if more info is needed.
There are a lot more options it seems for uploading all kinds of logos then when I started. Most of them are empty and they then refer to the ones I did upload at the time. Just so you know.
Tried it no luck. I can see the logo in it if I look closely, it just takes a solid background color instead of transparent. The picture is postively transparent.
Any other ideas? Here’s the branding settings page
There is a bunch of issues about PWA icon handling of Firefox Fenix on Android, and AFAIK the people who worked on that left Mozilla so work on that has not seen big fixes in the last few years.
You can experiment with maybe removing transparency from your manifest icon to appease the Firefox logic, but that will also affect Android Chrome PWA icon.
