안드로이드 폰에서 하단 바 색상을 쉽게 변경하는 방법이 있을까요? 현재 다크 팔레트에서는 하단 바가 흰색이고, 컨트롤도 매우 밝아서 잘 보이지 않습니다.
안녕하세요 ![]()
이것은 기기가 다크 모드로 설정되어 있지 않기 때문일 수 있습니다. 하단 내비게이션 바는 네이티브 Android 요소이며, Discourse는 이를 수정하지 않으므로 기기의 설정에 따라 색상이 결정됩니다.
정말 그러신가요?
제 Galaxy S23에서는 라이트/다크 테마를 전환하면 내비게이션 바 색상이 올바르게 변경됩니다.
아니야, 친구. 테마에서 가져온 색상이거나 웹사이트가 지시하는 색상을 사용해.
던이 말했듯이, 사용자의 기기는 다크 모드가 아닌 라이트 모드로 설정되어 있습니다. 그러나 보고하신 문제는 PWA를 사용할 때만 발생하고, 브라우저로 포럼에 접속하여 다크 모드를 사용할 때는 발생하지 않는 것 같습니다.
다른 웹사이트나 앱에서 밝은 모드나 어두운 모드로 설정되어 있든 상관없습니다. 웹사이트나 앱에서 정의한 색상을 사용하기 때문이니까요.
해당 문제는 PWA에서만 발생합니다. Android는 페이지의 테마나 CSS가 아닌 사이트의 manifest 파일에 기반하여 시스템 바 색상을 결정하기 때문입니다.
호스팅된 사이트에서는 고객이 이 설정을 변경할 방법이 없습니다. manifest는 반드시 사이트의 루트 도메인에서 제공되어야 합니다. 외부 소스에서 사용자 정의 manifest를 로드하거나 테마나 JS를 통해 주입하려는 시도는 사이트의 **콘텐츠 보안 정책(CSP)**에 의해 차단되므로 작동하지 않습니다.
PWA의 시스템 바 색상을 변경하는 것은 고객 측에서 수행할 수 있는 작업이 아닙니다.
그러니까 PWA는 쓸모없다는 뜻인가요? 뒤로가기 버튼과 하단 버튼이 보이지 않으니 불가능한 것 같거든요.
그리고 만약 정말 그렇다면, 화면 상단에서 시계와 신호 표시 등이 있는 영역의 색상이 제대로 변경되는 건 어떻게 설명할 수 있을까요? 그 부분이 색상이 변경된다면, manifest가 실제로 그렇게 할 수 있는 거 아닌가요?
여기서 pwa를 설치해 볼 수 있을까요
호기심에 물어보는데, 색상 팔레트에서 어떤 변수를 변경하셨나요?
디스커스에서만 이렇게 보여요. 다른 사이트에서는 다 정상이에요.
흥미로운 점은, iOS에서 PWA를 설치하면 하단 바가 전혀 없다는 것입니다. 여기에 어떤 커스터마이징이 적용되고 있는 것 아닌가요?
보조 색상입니다. 바의 색상은 물론 상단 부분의 색상도 쉽게 변경할 수 있습니다.











