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