Wijzig de kleur van de mobiele onderbalk

Is there an easy way to change the bottom bar colour on android phones. Currently on dark palletes its white and the controls are also very light so hard to see.

No repro with Chrome:

Could you share a bit more detail so we can look into this properly? Specifically:

  • which smartphone model are you using?
  • which Android version is it running?
  • which browser (and version) are you using to access the site?
  • are you using the PWA, or perhaps the DiscourseHub app?

Using the pwa

Samsung galaxy s20 ultra

Hello :waving_hand:

I think that’s because your device is not in dark mode. The bottom navigation bar is a native Android element, and Discourse doesn’t modify it, so its color matches your device settings.

4 likes

When i visit any other website or app it changes. Its only discourse

Discourse works in the chrome browser actually and does use rhe colours from the pallette. Its just the pwa that it doesnt work on

2 likes

Are you sure about that?

Switching light/dark theme properly changes the navigation bar color on my Galaxy S23.

Het is niet zo, maat, het gebruikt een kleur uit het thema of wat de website het ook vertelt.

Just done a test and it indeed uses the palettes background colour to change the bottom bar. The pwa is the issue on any discourse sites i use

Zoals Don zei, is uw apparaat geconfigureerd voor de lichte modus, niet voor de donkere modus. Het probleem dat u meldde, lijkt echter alleen op te treden bij gebruik van de PWA, terwijl het niet optreedt bij toegang tot het forum in de donkere modus via een browser.

Het maakt niet uit of het op lichte of donkere modus staat op een andere website of app die ik gebruik, omdat het de kleuren gebruikt die door de website of app zijn gedefinieerd.

Here are some more examples.

Het probleem doet zich alleen voor in de PWA omdat Android de systeemwerkbalkkleuren bepaalt op basis van het manifest-bestand van de site, niet op basis van het thema of de CSS van de pagina.

Op uw gehoste bedrijfssite is er geen manier voor klanten om dit te veranderen. Het manifest moet worden geleverd vanaf het rootdomein van de site. Pogingen om een aangepast manifest van een externe bron te laden, of om het via een thema of JS te injecteren, worden geblokkeerd door het Content Security Policy van de site, dus ze zullen niet werken.

Het wijzigen van de systeemwerkbalkkleur van de PWA is geen kwestie die aan uw kant kan worden gedaan.

2 likes

Zeg je dus dat de PWA nutteloos is? Omdat het onmogelijk is om de terugknop en knoppen aan de onderkant te zien.

Ook, als dit het geval is, hoe komt het dan dat de bovenkant van het scherm verandert in de juiste kleuren waar de klok en het signaal etc. zijn? Zeker als dat verandert, kan het manifest het inderdaad doen?

Honestly, I don’t know why your buttons are so light. I don’t have this problem on my S Ultra 22.

In any case, I will open an internal discussion on this matter, since we are currently working on color schemes.

Kun je proberen de PWA hier te installeren
Https://www.carptalk.org

Out of curiosity: which variable did you change in the colour palette?

Its only on Discoure they are like this. Any other site is fine.

Interessant genoeg, wanneer ik de PWA op iOS installeer, heb ik helemaal geen onderste balk… Denk je dat hier sprake is van enige aanpassing?

De secundaire kleur. Ik kan de kleur van de balk en het bovenste deel gemakkelijk veranderen.