인터페이스 색상 선택기를 변경할 때 meta name="theme-color" 메타 태그가 업데이트되지 않아, 때때로 iPhone 노치 부분에 잘못된 색상이 표시됩니다.
재현 방법 (여기서 메타 태그 확인)
- 인터페이스 색상 선택기 활성화
- OS 모드를 "Light"로 설정
- Discourse 인터페이스 색상 선택기 모드를 "Light"로 설정
- 브라우저 새로고침
- 메타 태그가 다음과 같이 표시됩니다
<meta name="theme-color" media="all" content="#ffffff">
<meta name="theme-color" media="none" content="#1a1a1a">
이 경우 iPhone 노치 색상이 올바르게 표시됩니다.
- Discourse 인터페이스 색상 선택기 모드를 "Auto"로 전환
link class="light-scheme"및dark-scheme의media속성은 올바르게 변경됩니다theme-color메타 태그는 그대로 유지됩니다 ← 문제- OS 모드를 Dark로 변경
- 노치 색상이 변경되지 않습니다
- 브라우저 새로고침
- HTML 메타 태그가 다음과 같이 변경됩니다
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1a1a1a">