# iOS app: poor visibility of bottom bar buttons in some colour schemes

**URL:** https://meta.discourse.org/t/ios-app-poor-visibility-of-bottom-bar-buttons-in-some-colour-schemes/134525
**Category:** UX
**Created:** [27 november 2019 om 10:32 UTC](https://meta.discourse.org/t/ios-app-poor-visibility-of-bottom-bar-buttons-in-some-colour-schemes/134525 "2019-11-27T10:32:51Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![gingerbeardman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gingerbeardman/32/540824_2.png) [@gingerbeardman](https://meta.discourse.org/u/gingerbeardman)
#### Post date: [27 november 2019 om 10:32 UTC](https://meta.discourse.org/t/ios-app-poor-visibility-of-bottom-bar-buttons-in-some-colour-schemes/134525/1 "2019-11-27T10:32:51Z")

</div>

I find it difficult to see the button bar buttons on the below discourse. Maybe the colour of the icon could be defined in a different way?

[selectbutton.net](https://selectbutton.net)

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/8/482dd55728c7d1a3beaed7385574d543e144097e.png)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [27 november 2019 om 10:44 UTC](https://meta.discourse.org/t/ios-app-poor-visibility-of-bottom-bar-buttons-in-some-colour-schemes/134525/2 "2019-11-27T10:44:23Z")

</div>

@pmusaraj any ideas?

---

<div class="post-metadata">

### Author: ![gingerbeardman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gingerbeardman/32/540824_2.png) [@gingerbeardman](https://meta.discourse.org/u/gingerbeardman)
#### Post date: [18 december 2019 om 16:05 UTC](https://meta.discourse.org/t/ios-app-poor-visibility-of-bottom-bar-buttons-in-some-colour-schemes/134525/3 "2019-12-18T16:05:21Z")

</div>

Also, the left/right icons seem to be a different colour - even less visible - than the link/down icons?

edit: ah, the different colours denote enabled/disabled

---

<div class="post-metadata">

### Author: ![gingerbeardman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gingerbeardman/32/540824_2.png) [@gingerbeardman](https://meta.discourse.org/u/gingerbeardman)
#### Post date: [24 februari 2020 om 11:33 UTC](https://meta.discourse.org/t/ios-app-poor-visibility-of-bottom-bar-buttons-in-some-colour-schemes/134525/4 "2020-02-24T11:33:44Z")

</div>

Still a problem for me

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [24 februari 2020 om 14:33 UTC](https://meta.discourse.org/t/ios-app-poor-visibility-of-bottom-bar-buttons-in-some-colour-schemes/134525/5 "2020-02-24T14:33:29Z")

</div>

Thanks for the reminder @gingerbeardman, I signed up for the site so I could test this out. This isn’t the site’s default theme, in fact this site has several colorful themes, it took me a few minutes to find this specific theme.

Anyhow, is there any chance you could propose to the site admins a subtle CSS change for this theme?

They can modify the `header primary` color variable, and change it to a lighter green. This would affect the header too, but that would be useful, the buttons in the header could use a bit more contrast.

Or, if they must keep that button color in the header, they could increase the opacity of the bottom bar background (to match the header) using:

```plaintext
// overrides opacity of background, originally in footer-nav.scss
@supports (-webkit-backdrop-filter: blur(10px)) {
  body:not(.footer-nav-ipad) .footer-nav {
    background-color: $header_background;
  }
}

```

That would give you this (contrast would still be not enough IMO):

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/9/299103962e4959062b11338cfbf4201b8034a409.png)

---

<div class="post-metadata">

### Author: ![gingerbeardman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gingerbeardman/32/540824_2.png) [@gingerbeardman](https://meta.discourse.org/u/gingerbeardman)
#### Post date: [25 februari 2020 om 10:16 UTC](https://meta.discourse.org/t/ios-app-poor-visibility-of-bottom-bar-buttons-in-some-colour-schemes/134525/6 "2020-02-25T10:16:31Z")

</div>

Oh! I didn’t realise there were so many other themes. I’ll try a different one. Thanks.

Maybe a solution would be to use the colour but apply some CSS filter to change it rather than doing alpha tints?