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.

▲

samuelcole a day ago | parent [-]

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

	▲	JunoNgx a day ago \| parent [-]
		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