# Android app icon has opaque background

**URL:** https://meta.discourse.org/t/android-app-icon-has-opaque-background/226296
**Category:** Support
**Created:** [May 6, 2022, 7:48am UTC](https://meta.discourse.org/t/android-app-icon-has-opaque-background/226296 "2022-05-06T07:48:59Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![koen360](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/koen360/32/194302_2.png) [@koen360](https://meta.discourse.org/u/koen360)
#### Post date: [May 6, 2022, 7:48am UTC](https://meta.discourse.org/t/android-app-icon-has-opaque-background/226296/1 "2022-05-06T07:48:59Z")

</div>

Hi,

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.

 ![Screenshot_20220506-095136](https://global.discourse-cdn.com/meta/original/4X/4/e/c/4ec20fdd1e8ed4ce81625f444ef4604681139398.jpeg)

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.

Cheers,

Koen

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [May 6, 2022, 3:02pm UTC](https://meta.discourse.org/t/android-app-icon-has-opaque-background/226296/2 "2022-05-06T15:02:01Z")

</div>

What is the file type you are using for the manifest icon?

---

<div class="post-metadata">

### Author: ![koen360](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/koen360/32/194302_2.png) [@koen360](https://meta.discourse.org/u/koen360)
#### Post date: [May 9, 2022, 8:17pm UTC](https://meta.discourse.org/t/android-app-icon-has-opaque-background/226296/3 "2022-05-09T20:17:13Z")

</div>

Thanksnfornhaving a look. It is a PNG file.

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.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [May 9, 2022, 8:31pm UTC](https://meta.discourse.org/t/android-app-icon-has-opaque-background/226296/4 "2022-05-09T20:31:26Z")

</div>

> [@koen360](#):
>
> There are a lot more options it seems for uploading all kinds of logos then when I started.

Oh, in that case can you go to `/admin/site_settings/category/branding?filter=manifest%20icon` and upload a new 512x512 PNG in there?

After that try re-adding the site to the homescreen on Firefox Android.

---

<div class="post-metadata">

### Author: ![koen360](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/koen360/32/194302_2.png) [@koen360](https://meta.discourse.org/u/koen360)
#### Post date: [May 13, 2022, 8:02pm UTC](https://meta.discourse.org/t/android-app-icon-has-opaque-background/226296/5 "2022-05-13T20:02:18Z")

</div>

Hey Falco,

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/7/d/17d3acc0ec5569531875b3526093a4a5379f9aca.jpeg)

 ![vignet512](https://global.discourse-cdn.com/meta/original/4X/5/7/6/576ff597ae3158ba5b4ab37a29db1b544d81e315.png)

Thanks again and in advance!

---

<div class="post-metadata">

### Author: ![koen360](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/koen360/32/194302_2.png) [@koen360](https://meta.discourse.org/u/koen360)
#### Post date: [May 13, 2022, 8:05pm UTC](https://meta.discourse.org/t/android-app-icon-has-opaque-background/226296/6 "2022-05-13T20:05:57Z")

</div>

Also I’m guessing it is taking the forth color from the colorpalette used for navigation links as the backdrop for the image.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [May 17, 2022, 5:12pm UTC](https://meta.discourse.org/t/android-app-icon-has-opaque-background/226296/7 "2022-05-17T17:12:24Z")

</div>

There is a bunch of [issues](https://github.com/mozilla-mobile/fenix/issues/9916) 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.

---

<div class="post-metadata">

### Author: ![koen360](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/koen360/32/194302_2.png) [@koen360](https://meta.discourse.org/u/koen360)
#### Post date: [May 17, 2022, 5:26pm UTC](https://meta.discourse.org/t/android-app-icon-has-opaque-background/226296/8 "2022-05-17T17:26:48Z")

</div>

Should have tried that out using chrome. Thanks again for coming back.

Funny thing is that chrome makes the background white. Not transparent either.

I’ll perhaps just go with a white background manifest icon and see how that works out.

Cheers!

Koen

 ![Screenshot_20220517-192325](https://global.discourse-cdn.com/meta/original/4X/f/3/3/f330e3bf74bf75d361b68f959d8da308fa3a55b1.jpeg)
