iPadOS Safari displays status bar with light text in light theme

elk-zone / elk

A nimble Mastodon web client

https://elk.zone

MIT License

5.33k stars 549 forks source link

iPadOS Safari displays status bar with light text in light theme #2384

Closed reonokiy closed 3 weeks ago

reonokiy commented 11 months ago

I'm using iPadOS 16.6 and using Safari browser. And I added elk.zone site to Home Screen.

As you can see from the first image, the status bar is white and the background is also white color. But in dark theme the text and background display correctly.

Another example is this image.

But it cannot change status bar color in dark theme

I don't know if it's possible to fix this for Safari.

stackblitz[bot] commented 11 months ago

Start a new pull request in StackBlitz Codeflow.

userquin commented 11 months ago

@reeink Elk will use a custom webmanifest per locale and theme, there is no yet any spec about browser support for pwa theme (iirc there is some draft/rfc in chrome). The browser will use the theme_color/background_color from the webmanifest or the theme-color in the html head when installing the pwa.

The pwa docs website use a single webmanifest with fixed colors.