다크 모드 전환 시 색 대비를 깨지 않는 방법

다크 모드는 단순히 배경만 바꾸는 문제가 아닙니다. 특히 브랜드 포인트 컬러를 그대로 어두운 배경에 얹으면 WCAG 기준을 통과하지 못하는 경우가 많습니다.

첫째, 텍스트와 아이콘에는 시맨틱 토큰을 쓰고 브랜드 컬러는 강조 요소에만 제한합니다. 둘째, 그라데이션 배경 위에 텍스트를 올릴 때는 중간 톤 스톱을 하나 더 두어 대비를 안정화합니다.

셋째, 스크린샷 자산을 만들 때 라이트/다크 캡처를 모두 저장해 스토어 심사 대응에 씁니다. 실제 사용자가 다크 모드에서 본 화면과 스토어 이미지가 다르면 CS 티켓으로 돌아오기 때문입니다.