[iOS] Support dark mode

[JudahGabriel]

PWAs can support dark mode via CSS prefer-color-scheme, which is supported on WebKit.

However, PWABuilder's iOS template doesn't include dark mode support for the splash screen nor the status bar. This functionality would be fairly trivial to add to the iOS project template.

If this is important to you, please 👍 the issue.

[khmyznikov]

But it does... 🤔

[JudahGabriel]

Gleb, in our template, we allow the user to specify splash background color, auto-populating it with your manifest's background_color. It's cool, but I assume it breaks the dark mode support.

There is a broader web standards discussion for manifest color values being limited to color schemes. But until then, we'll need our template to let users specify both splash color and dark mode splash color. Progress bar color + dark mode progress bar color, and status bar color + dark mode status bar color as well.

IIRC, our Android platform (combined with Google's Bubblewrap) does the same.

[khmyznikov]

This could be optional at least. Because big bright background in a dark room, especially on new iPhones, could be painful.
We have a brand color too, but we decided to leave a standard black/white splash to avoid annoying people.

[JudahGabriel]

Gotcha. I'd love to tackle this in v1.1 in November.

[ghost]

Hello JudahGabriel, thank you for opening an issue with us!

I have automatically added a "needs triage" label to help get things started. Our team will investigate the issue and help solve it ASAP. Other community members may also look into the issue and provide feedback 🙌