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. [Screenshot_20250901_114230_Chrome]

No repro with Chrome: [Screenshot_20250901_130734_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…

Using the pwa Samsung galaxy s20 ultra [Screenshot_20250901_124247_Chrome] [Screenshot_20250901_130043_Chrome]

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.

When i visit any other website or app it changes. Its only discourse [Screenshot_20250901_143453_Messenger] [Screenshot_20250901_143347_Reddit]

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

[画像] Don: The bottom navigation bar is a native Android element, and Discourse doesn’t modify it Are you sure about that? Switching light/dark theme properly changes the navigation bar color on my Galaxy S23.

It isnt mate it uses a colour from the theme or what the website tells it too.

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 [Screenshot_20250901_145159_Chrome]

As Don said, your device is configured to light mode, not dark mode. However, the problem you reported seems to only occur when using the PWA, while it does not occur when accessing the forum in dark mode via a browser.

It doesnt matter if its set to light or dark on any other website or app i use though as it uses the colours defined by the website or app.

モバイルのボトムバーの色を変更する

サポート

Damian_Boon (Damian Boon) 2025 年 9 月 1 日午後 12:01 4

PWAの使用

Samsung Galaxy S20 Ultra

トピック		返信	表示
Desktop PWA works with Discourse! Announcements	93	15029	2021 年 8 月 16 日
Discourse Tab Bar for Mobile Theme component	78	22222	2025 年 11 月 10 日
Making it easier to install Discourse as a PWA Feature	41	4120	2022 年 8 月 13 日
Add to homescreen banner on Android Announcements feedback	68	19764	2017 年 11 月 6 日
iOS app: poor visibility of bottom bar buttons in some colour schemes UX	5	987	2020 年 2 月 25 日

モバイルのボトムバーの色を変更する

関連トピック