theme_color not setting proper status bar color on Android

[Jonarod]

nuxt.config.js:

  pwa:{
    meta:{
      background_color: "#ffffff",
      // ...
    },
    manifest: {
      // ...
      display: 'standalone',
      theme_color: "#ffffff",
   }
}

• on classic browsing experience: ok
• after "add to homescreen": status bar is black on Android

[maybebot]

Are you using the Dark Theme on Android? If that's the case I'm afraid the dark status bar is the intended behavior at the time of writing for installed PWAs. Nothing you can do about it. Check if with Android set on the Light Theme the status bar changes colors.

More information here: https://bugs.chromium.org/p/chromium/issues/detail?id=980790

[farnabaz]

Do you confirm that disabling dark mode solves the issue? @Jonarod

[gabeaigner]

It's not a dark mode issue no.

[joshike-code]

I have same issue as well. Status bar color won't change when PWA is installed