feat(favicon): 다크모드에서 로고 색 자동 전환 - #180
Merged
Merged
Conversation
파비콘 SVG에 prefers-color-scheme 미디어쿼리를 추가해 OS가 다크모드일 때 D 글자를 흰색으로 전환. 다크 탭 바에서 로고가 배경에 묻히던 문제를 완화
github-actions
Bot
added
target: main
devy1540
enabled auto-merge (squash)
July 6, 2026 09:39
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
목적
브라우저의 어두운 탭 바(시크릿 창, OS 다크모드 등)에서 파비콘의 검정 "D"가 배경에 묻혀 잘 보이지 않던 문제를 완화한다.
내용(의도 포함)
favicon.svg에<style>+@media (prefers-color-scheme: dark)를 추가.#111827(검정 계열), 다크:#ffffff로 D 글자색을 자동 전환.<link rel="icon">는 수정 불필요(단일 SVG 파일만 변경). 기존 중앙정렬·폰트 지정은 유지.한계(의도적 선택)
prefers-color-scheme는 OS/브라우저 테마를 따르므로 OS 다크모드 사용자에겐 완전히 해결되지만, OS는 라이트 + 시크릿 창처럼 탭 바만 어두운 경우는 전환되지 않는다. 그 케이스까지 보장하려면 별도의 배경 타일 방식이 필요하다.성공기준
preferredColorScheme를 라이트/다크로 에뮬레이션해 실제 favicon.svg를 렌더링한 결과, 라이트=검정 D, 다크=흰 D로 전환됨을 확인.