# iOS 앱: 일부 색상 스킴에서 하단 바 버튼 가시성 불량

**URL:** <https://meta.discourse.org/t/ios-app-poor-visibility-of-bottom-bar-buttons-in-some-colour-schemes/134525>\
**Category:** UX\
**Created:** [11월 27, 2019, 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:** 1\
**Showing post:** 5

<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:** [2월 24, 2020, 2: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>

리마인드해 주셔서 감사합니다 @gingerbeardman. 이 사이트를 테스트해 보기 위해 가입했습니다. 이 사이트의 기본 테마가 아니라 사실 여러 가지 컬러풀한 테마가 있어서 이 특정 테마를 찾는 데 몇 분 정도 걸렸습니다.

어쨌든, 이 테마에 대해 사이트 관리자에게 은은한 CSS 변경을 제안해 주실 수 있을까요?

`header primary` 색상 변수를 수정해서 더 밝은 녹색으로 변경할 수 있습니다. 그러면 헤더에도 영향을 미치겠지만, 헤더의 버튼에도 도움이 될 것입니다. 버튼에 조금 더 대비가 필요하거든요.

또는, 헤더에서 그 버튼 색상을 유지해야 한다면, 아래 코드를 사용하여 하단 바 배경의 불투명도를 높일 수 있습니다(헤더와 일치하도록):

```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;
  }
}

```

그러면 이런 결과가 나올 것입니다(개인적으로 여전히 대비가 부족하다고 생각합니다):

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

---

_[View the full topic](https://meta.discourse.org/t/ios-app-poor-visibility-of-bottom-bar-buttons-in-some-colour-schemes/134525)._