# Android 하단 내비게이션 바 색상 문제 (Discourse PWA)

**URL:** https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137
**Category:** Support
**Tags:** mobile
**Created:** [9월 1, 2025, 10:45오전 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137 "2025-09-01T10:45:18Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 10:45오전 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/1 "2025-09-01T10:45:18Z")

</div>

안드로이드 폰에서 하단 바 색상을 쉽게 변경하는 방법이 있을까요? 현재 다크 팔레트에서는 하단 바가 흰색이고, 컨트롤도 매우 밝아서 잘 보이지 않습니다.

 ![Screenshot_20250901_114230_Chrome](https://global.discourse-cdn.com/meta/original/4X/b/7/4/b74eb051a411a94cea60eb4854785bc870c3455b.jpeg)

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [9월 1, 2025, 11:15오전 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/2 "2025-09-01T11:15:55Z")

</div>

Chrome에서는 재현되지 않습니다:

 ![Screenshot_20250901_130734_Chrome](https://global.discourse-cdn.com/meta/original/4X/a/6/8/a68157982d39560c82df8d49a502b7ad84093e1b.jpeg)

적절히 조사할 수 있도록 조금 더 자세한 정보를 공유해 주실 수 있을까요? 구체적으로:

- 사용 중인 스마트폰 모델은 무엇인가요?
- 실행 중인 Android 버전은 무엇인가요?
- 사이트를 접속하는 데 사용 중인 브라우저(및 버전)는 무엇인가요?
- PWA를 사용 중인가요, 아니면 DiscourseHub 앱을 사용 중인가요?

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 12:01오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/4 "2025-09-01T12:01:19Z")

</div>

PWA 사용

Samsung Galaxy S20 Ultra

 ![Screenshot_20250901_124247_Chrome](https://global.discourse-cdn.com/meta/original/4X/4/a/e/4aea8ff603f2ce9f68a564a403070cc54cf33f67.jpeg)

 ![Screenshot_20250901_130043_Chrome](https://global.discourse-cdn.com/meta/original/4X/c/8/f/c8fab51add56b418d4dd699c8a08d963fd44001d.jpeg)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [9월 1, 2025, 12:17오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/5 "2025-09-01T12:17:07Z")

</div>

안녕하세요 👋

이것은 기기가 다크 모드로 설정되어 있지 않기 때문일 수 있습니다. 하단 내비게이션 바는 네이티브 Android 요소이며, Discourse는 이를 수정하지 않으므로 기기의 설정에 따라 색상이 결정됩니다.

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 1:36오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/6 "2025-09-01T13:36:12Z")

</div>

다른 웹사이트나 앱을 방문하면 변경됩니다. Discourse에서만 그런 현상이 발생해요.

 ![Screenshot_20250901_143453_Messenger](https://global.discourse-cdn.com/meta/original/4X/7/0/d/70d2faf926b652c144c138c70e75e1bf0bff6c01.jpeg)

 ![Screenshot_20250901_143347_Reddit](https://global.discourse-cdn.com/meta/original/4X/5/7/f/57f93001b31acb8f457bc7e8de876cf1da2d3667.jpeg)

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 1:42오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/7 "2025-09-01T13:42:47Z")

</div>

실제로 Discourse는 Chrome 브라우저에서 정상적으로 작동하며 팔레트의 색상을 사용합니다. PWA에서만 작동하지 않는 것입니다.

 ![Screenshot_20250901_144118_Chrome](https://global.discourse-cdn.com/meta/original/4X/6/4/b/64bb4fdc0adbbfe20527835df44dea18c5ef4aab.jpeg)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [9월 1, 2025, 1:45오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/8 "2025-09-01T13:45:04Z")

</div>

> [@Don](#):
>
> 하단 내비게이션 바는 Android의 네이티브 요소이며, Discourse는 이를 수정하지 않습니다.

정말 그러신가요?

제 Galaxy S23에서는 라이트/다크 테마를 전환하면 내비게이션 바 색상이 올바르게 변경됩니다.

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 1:45오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/9 "2025-09-01T13:45:56Z")

</div>

아니야, 친구. 테마에서 가져온 색상이거나 웹사이트가 지시하는 색상을 사용해.

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 1:53오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/10 "2025-09-01T13:53:14Z")

</div>

테스트를 해봤는데, 실제로 팔레트의 배경색을 사용해 하단 바를 변경하고 있습니다. 제가 사용하는 모든 디스커스 사이트에서 PWA가 문제인 것 같습니다.

 ![Screenshot_20250901_145159_Chrome](https://global.discourse-cdn.com/meta/original/4X/d/d/b/ddb89cb68d3e436605e076d851774d19cf86b398.jpeg)

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [9월 1, 2025, 1:53오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/11 "2025-09-01T13:53:24Z")

</div>

던이 말했듯이, 사용자의 기기는 다크 모드가 아닌 라이트 모드로 설정되어 있습니다. 그러나 보고하신 문제는 PWA를 사용할 때만 발생하고, 브라우저로 포럼에 접속하여 다크 모드를 사용할 때는 발생하지 않는 것 같습니다.

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 1:57오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/12 "2025-09-01T13:57:12Z")

</div>

다른 웹사이트나 앱에서 밝은 모드나 어두운 모드로 설정되어 있든 상관없습니다. 웹사이트나 앱에서 정의한 색상을 사용하기 때문이니까요.

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 2:08오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/13 "2025-09-01T14:08:18Z")

</div>

여기 몇 가지 더 예시가 있습니다.

 ![Screenshot_20250901_150736_Chrome](https://global.discourse-cdn.com/meta/original/4X/c/d/5/cd5ae92962eb3e65653293fb36e46ea14123c0a9.jpeg)  
 ![Screenshot_20250901_150728_Chrome](https://global.discourse-cdn.com/meta/original/4X/0/a/a/0aab5caf0b29489c40be6cc87933eb5c8bbbc3c0.jpeg)  
 ![Screenshot_20250901_150715_Chrome](https://global.discourse-cdn.com/meta/original/4X/e/3/d/e3ddf80758497bbdbd8b925e5b390184a4a4f917.jpeg)

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [9월 1, 2025, 2:08오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/14 "2025-09-01T14:08:51Z")

</div>

해당 문제는 PWA에서만 발생합니다. Android는 페이지의 테마나 CSS가 아닌 사이트의 `manifest` 파일에 기반하여 시스템 바 색상을 결정하기 때문입니다.

호스팅된 사이트에서는 고객이 이 설정을 변경할 방법이 없습니다. `manifest`는 반드시 사이트의 **루트 도메인** 에서 제공되어야 합니다. 외부 소스에서 사용자 정의 manifest를 로드하거나 테마나 JS를 통해 주입하려는 시도는 사이트의 \*\*콘텐츠 보안 정책(CSP)\*\*에 의해 차단되므로 작동하지 않습니다.

PWA의 시스템 바 색상을 변경하는 것은 고객 측에서 수행할 수 있는 작업이 아닙니다.

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 2:12오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/15 "2025-09-01T14:12:48Z")

</div>

그러니까 PWA는 쓸모없다는 뜻인가요? 뒤로가기 버튼과 하단 버튼이 보이지 않으니 불가능한 것 같거든요.

그리고 만약 정말 그렇다면, 화면 상단에서 시계와 신호 표시 등이 있는 영역의 색상이 제대로 변경되는 건 어떻게 설명할 수 있을까요? 그 부분이 색상이 변경된다면, manifest가 실제로 그렇게 할 수 있는 거 아닌가요?

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [9월 1, 2025, 2:19오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/16 "2025-09-01T14:19:06Z")

</div>

솔직히 왜 버튼 색이 이렇게 밝은지 모르겠어요. 제 S Ultra 22에서는 이런 문제가 없거든요.

 ![Screenshot_20250901_161631_Chrome](https://global.discourse-cdn.com/meta/original/4X/0/d/4/0d4fb06b5c905fc818999a7d25c4e4e24e3eb300.jpeg)

어쨌든, 현재 색상 스킴 작업을 진행 중이므로 이 문제에 대해 내부적으로 논의하겠습니다.

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 2:20오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/17 "2025-09-01T14:20:13Z")

</div>

여기서 pwa를 설치해 볼 수 있을까요

> **[CarpTalk - Carp Forum](https://www.carptalk-online.co.uk/)**
>
> The worlds best resource for everything carp fishing related

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [9월 1, 2025, 2:20오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/18 "2025-09-01T14:20:47Z")

</div>

> [@Damian\_Boon](#):
>
> 테스트를 해봤는데, 실제로 팔레트의 배경색을 사용하여 하단 바의 색을 변경합니다.

호기심에 물어보는데, 색상 팔레트에서 어떤 변수를 변경하셨나요?

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 2:21오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/19 "2025-09-01T14:21:18Z")

</div>

> [@dax](#):
>
> 솔직히 왜 버튼 색이 이렇게 밝은지 모르겠어요. 제 S Ultra 22에서는 이런 문제가 없거든요.

디스커스에서만 이렇게 보여요. 다른 사이트에서는 다 정상이에요.

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [9월 1, 2025, 2:22오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/20 "2025-09-01T14:22:08Z")

</div>

흥미로운 점은, iOS에서 PWA를 설치하면 하단 바가 전혀 없다는 것입니다. 여기에 어떤 커스터마이징이 적용되고 있는 것 아닌가요?

---

<div class="post-metadata">

### Author: ![Damian\_Boon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/damian_boon/32/574032_2.png) [@Damian\_Boon](https://meta.discourse.org/u/Damian_Boon)
#### Post date: [9월 1, 2025, 2:22오후 UTC](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137/21 "2025-09-01T14:22:22Z")

</div>

보조 색상입니다. 바의 색상은 물론 상단 부분의 색상도 쉽게 변경할 수 있습니다.

[다음 페이지](https://meta.discourse.org/t/android-bottom-navigation-bar-color-issues-in-discourse-pwa/381137.md?page=2)
