search

pwa-builder / PWABuilder

The simplest way to create progressive web apps across platforms and devices. Start here. This repo is home to several projects in the PWABuilder family of tools.
https://docs.pwabuilder.com
Other
2.71k stars 280 forks source link

[BUG] iOS apps aren't capable of changing between dark mode and light mode #4775

Closed AndrewVos closed 2 months ago

AndrewVos commented 2 months ago

What happened?

If you launch the PWA and then switch between dark mode / light mode the PWA can't detect the difference with a CSS media query.

I was wondering if there are any workarounds built into the template app, or if anyone has found another workaround?

How do we reproduce the behavior?

  1. Launch a PWA inside the PWABuilder iPhone app template
  2. Switch between dark and light mode in iOS settings
  3. Notice that the PWA doesn't switch between dark and light mode (without killing and launching the app again)

What do you expect to happen?

I expect media queries to detect the change, or alternatively have some JS hook that tells me that the mode has changed.

What environment were you using?

iOS

Additional context

No response

jgw96 commented 2 months ago

@AndrewVos we handle issues around our experimental iOS platform on our Discord https://discord.gg/EYVvjT8A . There are community members there who can help share workarounds etc for various iOS related problems. Thanks!