I am supposed be putting the site properly live today, sendingnout emails and getting people install the pwa 
Ik begrijp uw frustratie, maar dat is geen erg behulpzaam antwoord.
Het enige wat ik op dit moment kan zeggen, is dat het erop lijkt dat iets het normale gedrag aanpast.
Kunt u controleren welke plug-ins of thema-onderdelen u hebt geïnstalleerd? Hebt u andere aanpassingen toegevoegd?
Het is niet alleen mijn site. Het is elke discourse site???
I have already explained why this is the case on Discourse but not on other sites.
Since you are a customer, we can already see which site you are associated with. The colors of the buttons are exactly the same as in the screenshot I shared earlier. They are not as light in color as yours.
Its the same on the default theme with no customisation or components
1 like
The issue with the buttons appearing very light on the white bottom bar is specific to your device/OS. On other devices I’ve tested, the bottom bar is indeed white when the OS is in light mode, but the buttons are gray and remain visible. So the behavior you’re seeing is not typical and doesn’t affect other users.
S ultra 22
Huawei mate20 pro
That said, we understand the experience isn’t ideal when using the PWA with a dark Discourse theme while the Android OS is in light mode. As I said, we will open an internal discussion with our devs and designers to explore how we could improve this scenario in future updates.
1 like
Well this is weird and contradicts what you have said. Its like hit or miss haha.
This is a samsung s24 in light mode
This is a google pixel in light mode
One iphone didnt load the bar at all similar to above @chapoi issue had.
One older samsung s22 loaded with white bottom bar and darker icons correctly. I have another 10 people doing a test later and will update more.
1 like
I think Chrome browser can handle it in some cases, depending on the Android version, device etc…
In a PWA, the <meta name="theme-color"> reliably changes the top address bar color in Chrome on Android. The theme_color in manifest.json affects the status bar and sometimes other UI parts, but behavior varies by device, browser and Android version.
The native bottom navigation bar usually cannot be controlled from a web app. Some browsers may apply the theme color, but it’s not guaranteed.
This is one of the reasons I converted my site into a TWA, using Bubblewrap, which can also handle bottom navigation bar colors.
So with a PWA, you can style the top bar, but bottom navigation bar control is inconsistent.
iPhone won’t load this navigation bar because this is a native element in the Android OS.
2 likes
Het is gewoon vreemd, ik heb dit probleem nog nooit eerder meegemaakt. Ik heb de WordPress Super PWA op 9 sites gebruikt en nooit problemen gehad. Alleen die van Discourse. Zoals je aangeeft, heb je hetzelfde probleem van inconsistentie ondervonden, hopelijk kunnen ze de stijl van de onderste balk hetzelfde maken als de bovenste, aangezien die op elk apparaat naar verwachting werkt.
@dax @chapoi even more bizarre. If i install the pwa on my phone through firefox it works perfectly. At least i can see the bottom buttons now.
This is in light mode
1 like
De reden dat het werkt in Firefox maar niet in Chrome, komt neer op hoe elke browser omgaat met PWA’s op Android, omdat Chrome alleen kijkt naar de theme_color in het Web App Manifest om de systeemwerkbalk in te kleuren. Als het manifest niet vanaf het hoofddomein van de site wordt geserveerd of niet de juiste kleur heeft, valt Chrome terug op wit. Firefox is flexibeler en neemt de kleuren van de pagina zelf over, zodat de balk er correct uitziet, zelfs zonder een aangepast manifest.
Dus vooruitkijkend, heb ik een gehoste Discourse-site met een donker palet. We hebben alle andere paletten uitgeschakeld zodat gebruikers deze niet kunnen kiezen, wat in lijn is met ons merk. We hebben één thema ingeschakeld dat gebruikers niet kunnen wijzigen.
Hoe kunnen we de onderste balk #121212 maken in de PWA op Chrome, aangezien een installeerbare app belangrijk voor ons is?
De donkere site en een lichte onderste balk zijn zo afleidend en zien er vreselijk uit.
Zoals ik al eerder zei, heb ik een interne discussie geopend om mogelijke verbeteringen voor dit scenario te onderzoeken. Echter, met de aanstaande Discourse wereldwijde meetup, zal het team op korte termijn geen wijzigingen kunnen aanbrengen, en helaas is er op dit moment geen oplossing die kan garanderen dat de onderste balk altijd donker verschijnt.
Snelle follow-up. Dit is nu toegewezen aan een ingenieur voor beoordeling. Houd er echter rekening mee dat de jaarlijkse Discourse-meetup er zeer binnenkort aankomt, dus ik denk niet dat er op korte termijn (met korte termijn bedoel ik “dagen”) updates zullen zijn.
5 likes