title: PWA manifest.json - "theme_color" and "background_color" not working, splash screen not showing on android device
body: <p>When I look at the manifest.js in Chrome DevTools I can see that the logo and colors are there. However, when I start the website from my homescreen on my android device, neither the background or theme color is loaded, nor my splash screen is shown.
  Any idea why?</p>
  
  <p>Manifest.json:</p>
  
  <pre><code>{
    "short_name": "Example",
    "name": "Example",
    "icons": [
      {
        "src": "images/logo_192.png",
        "sizes": "192x192",
        "type": "image/png"
      },
      {
        "src": "images/logo_512.png",
        "sizes": "512x512",
        "type": "image/png"
      }
    ],
    "start_url": "./",
    "display": "standalone",
    "theme_color": "#a300c4",
    "background_color": "#c46a00"
  }
  </code></pre>
  
  <p>Screenshot:
  <a href="https://i.stack.imgur.com/t8WGJ.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/t8WGJ.jpg" alt="Manifest in Chrome Devtools"></a></p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I found the mistake. I was browsing the website via a remote device using the Chrome DevTools. Port-forwarding to localhost:3000 doesn't match the https requirement for the splash screen to get triggered.</p>
  
  <p>Now the pwa starts in standalone mode, the colors and the splash screen are shown correctly. </p>
  
  <p><strong>However</strong>, the splash screen logo is not shown and I have no idea why.
  The path to the image is correct and the image exists with the correct filename and type.</p>
  
  <p>Any suggestions?</p>