PWA maskable icon still showing white background after replacing files

Open Source
1

Hi,

I have a PWA deployed on Vercel (React + Vite + TypeScript).
My app URL is: asm-pau.vercel.app
My GitHub repo is: github.com/Dyder-bot/asm-app-clean

Problem:
The app icon on mobile home screen always shows a white background around the logo, even after replacing the maskable icon files multiple times.

What I have in my manifest.webmanifest:
{
“name”: “ASM Pau App”,
“short_name”: “ASM Pau”,
“start_url”: “/”,
“display”: “standalone”,
“background_color”: “#050805”,
“theme_color”: “#d4e157”,
“icons”: [
{
“src”: “/maskable-icon-192.png”,
“sizes”: “192x192”,
“type”: “image/png”,
“purpose”: “any maskable”
},
{
“src”: “/maskable-icon-512.png”,
“sizes”: “512x512”,
“type”: “image/png”,
“purpose”: “any maskable”
}
]
}

What I tried:

  • Replaced maskable-icon-192.png and maskable-icon-512.png with new files (black background, logo centered)
  • Uninstalled and reinstalled the app on Android
  • Verified the files are correctly uploaded in the /public folder on GitHub
  • The files look correct on GitHub (black background visible)

Expected:
Icon with black background on home screen

Actual:
Icon still shows white/light background

Any idea what could cause this? Is it a cache issue, a manifest issue, or something else?

Thanks