# Buttons in navigation bar hardly visible with light theme

**URL:** <https://forums.ankiweb.net/t/buttons-in-navigation-bar-hardly-visible-with-light-theme/45884>\
**Category:** Help\
**Created:** [June 11, 2024, 9:38pm UTC](https://forums.ankiweb.net/t/buttons-in-navigation-bar-hardly-visible-with-light-theme/45884 "2024-06-11T21:38:52Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![danadam](https://avatars.discourse-cdn.com/v4/letter/d/f1d935/32.png) [@danadam](https://forums.ankiweb.net/u/danadam)\
**Post date:** [June 11, 2024, 9:38pm UTC](https://forums.ankiweb.net/t/buttons-in-navigation-bar-hardly-visible-with-light-theme/45884/1 "2024-06-11T21:38:53Z")

</div>

Hi

AnkiDroid 2.18.3

This is how the buttons look with light theme and “Fullscreen mode: Off”:  
 ![bad](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/1/b/1b096c94b3a4074686ad01a322a72d5c0ab4ad00.png)

With “Fullscreen mode: Hide the system bars” it’s fine (after swiping up to show the bars):  
 ![good](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/f/4/f40482498359c0998452fa1474921371c2d23c82.png)

The screenshots are from Android 9 (Samsung S8) but the same thing happen on Android 12 (Pixel 3).

---

<div class="post-metadata">

**Author:** ![Danika\_Dakika](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/danika_dakika/32/17815_2.png) [@Danika\_Dakika](https://forums.ankiweb.net/u/Danika_Dakika)\
**Post date:** [June 12, 2024, 11:37pm UTC](https://forums.ankiweb.net/t/buttons-in-navigation-bar-hardly-visible-with-light-theme/45884/2 "2024-06-12T23:37:14Z")

</div>

I’ve seen some visibility issues with certain themes as well.

@David – Is there a place you’re tracking which OS versions & devices are having trouble with some themes?

---

<div class="post-metadata">

**Author:** ![snowtimeglass](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/snowtimeglass/32/10955_2.png) [@snowtimeglass](https://forums.ankiweb.net/u/snowtimeglass)\
**Post date:** [June 15, 2024, 11:38am UTC](https://forums.ankiweb.net/t/buttons-in-navigation-bar-hardly-visible-with-light-theme/45884/3 "2024-06-15T11:38:19Z")

</div>

From the next version, the “Show answer” button color will not be applied to the with-buttons type navigation bar:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/b/a/ba20cc94528c6c1e9e5b41e4a5f4de8ea1c8cf79.png)

> <https://github.com/ankidroid/Anki-Android/pull/16568>
>
> \## Purpose / Description
> 
> \* Fixes #15912
> 
> \## Fixes
> 
> \* Fixes #15912
> 
> \## A…pproach
> 
> only apply the style if on gestures mode
> 
> \## How Has This Been Tested?
> 
> \### Gestures
> 
> \<details\>
> 
> !\[Screenshot\_20240607\_114606\](https://github.com/ankidroid/Anki-Android/assets/65715921/93f05db6-7966-44f4-b524-6e8efa891f4d)
> 
> \</details\>
> 
> \### Buttons
> 
> \<details\>
> 
> !\[Screenshot\_20240607\_114829\](https://github.com/ankidroid/Anki-Android/assets/65715921/e85aab9c-bfc6-4c47-96b2-ca3737e36aa3)
> 
> \</details\>
> 
> \## Learning (optional, can help others)
> 
> I researched a lot but didn't discover how to check how to scrim.
> 
> After reading some PRs is that I found the navBarNeedsScrim property in the repo
> 
> \## Checklist
> \_Please, go through these checks before submitting the PR.\_
> 
> \- \[X\] You have a descriptive commit message with a short title (first line, max 50 chars).
> \- \[X\] You have commented your code, particularly in hard-to-understand areas
> \- \[X\] You have performed a self-review of your own code
> \- \[X\] UI changes: include screenshots of all affected screens (in particular showing any new or changed strings)
> \- \[\] UI Changes: You have tested your change using the \[Google Accessibility Scanner\](https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.auditor)

Therefore, this issue is supposed to be solved in the next version.

---

<div class="post-metadata">

**Author:** ![David](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/david/32/38_2.png) [@David](https://forums.ankiweb.net/u/David)\
**Post date:** [June 15, 2024, 3:39pm UTC](https://forums.ankiweb.net/t/buttons-in-navigation-bar-hardly-visible-with-light-theme/45884/4 "2024-06-15T15:39:42Z")

</div>

> Is there a place you’re tracking which OS versions & devices are having trouble with some themes?

No, but it’s worthwhile to move this to an issue to the bug tracker at this point

We don’t have tests here, and it would be worthwhile to spec out the issues, and fix them once and for all

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/1X/8f1279ababc5879d54e4838989f606cfe55af8c7.jpeg) [@system](https://forums.ankiweb.net/u/system)\
**Post date:** [July 15, 2024, 3:40pm UTC](https://forums.ankiweb.net/t/buttons-in-navigation-bar-hardly-visible-with-light-theme/45884/5 "2024-07-15T15:40:22Z")

</div>

Closed on July 15, 2024, 3:40pm UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.