Hacker News new | ask | show | jobs
by JunoNgx 6 hours ago
Another small PWA-specific thing is the theme colour. I think you are only listening to `prefers-color-scheme`, so when the user manually switches between dark/light mode, there's a mismatch between the OS' status bar and the app's UI.

The solution to sync this correctly (or at least, the best one I have found so far) is to watch to the theme state change of the app, then query for `meta[name='theme-color']`, and set manually its `content` attribute to your desirable colour.

The theme colour you declare in the manifest and `<head>` of the html index is more of a fallback than anything.

I'm sure you'd figure it out, but let me know if you need something more detail; I would be happy to help.
1 comments
samuelcole 5 hours ago
i think i fixed it? let me know

i love that you're using the PWA... i love PWAs, so i added fun stuff like offline support, but i wasn't sure if anyone would find it

link
JunoNgx 4 hours ago
Can confirm it has been fixed.

I, too, love PWAs to death and has pretty much dedicated my entire programming life (outside of work) to them. I had a good chuckle when I even saw the screenshots you setup for the installation prompt. Thanks for being part of the crusade :D

link