Navigation bar color is white in dark mode
See original GitHub issueAvoid duplicates
- Bug is not mentioned in the FAQ
- Bug is specific for Android only, for general issues / questions that apply to iOS and Android please raise them in the documentation repository
- Bug is not already reported in another issue
Technical details
- Device name: Samsung Galaxy S10e
- Android version: 10
- App version: 2.0.5
Describe the bug
When dark/night mode is enabled, the navigation bar is still white.
Steps to reproduce the issue
- Enable dark mode on your device, if not done already.
- Start the CWA
- Look at your navigation bar
Expected behaviour
The navigation bar follows the theme and turns black.
Possible Fix
Include these items to the base styles in values/styles.xml
<item name="android:navigationBarColor">?android:attr/colorBackground</item>
<item name="android:windowLightNavigationBar" tools:targetApi="o_mr1">@bool/isLightTheme</item>
The isLightTheme
should be true by default overwritten to false in values-night
Internal Tracking-ID: EXPOSUREAPP-6991
Issue Analytics
- State:
- Created 2 years ago
- Comments:6 (4 by maintainers)
Top Results From Across the Web
iOS Dark Mode UINavigationBar not updating background color
... my UINavigationController navbar background stays white but the title text color does change to the dark mode title color, white. White text...
Read more >Is there any fix for the navigation bar turning white, while in ...
Settings - themes and fonts - scroll to the bottom and there is a check box to make the nav bar the primary...
Read more >Change navigation bar color from white to black - WordPress.org
When I scroll down at a page there is a white bar at the top of the page. on the right side is...
Read more >Android navigation bar stays white in dark theme #4559 - GitHub
Since the antennapod 2.0 update, the Android navigation bar stays white in antennapod, even when the app theme is set to dark or...
Read more >Changing navigation bar color to white, icons to dark, does not ...
I am trying to make the bottom navigation bar white, with dark icons (Versus the default of black background with white buttons.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@MikeMcC399 Yes, the issue has been fixed for me, I’m very happy. I actually forgot to close this issue 😅. I thought the PR would automatically close this when it gets merged. Looks great now (same as the screenshots in the PR) and has also been mirrored to CCTG.
@binarynoise Did you have the opportunity to check whether this issue is fixed for you? It is flagged as fixed in version 2.3 and in the meantime version 2.5.1 has been released, so it ought to be fixed.
I tried to reproduce the original issue, but it seems that it is device specific and I don’t have your device (Samsung Galaxy S10e). So it would be good if you could check in the same environment where you originally saw the issue.