피드로 돌아가기
Dev.toFrontend
원문 읽기
APCA Lc -12 가독성 문제를 Two-slot 분리 설계로 해결한 테마 최적화
Klein Blue scores Lc -12 as text — here's the two-slot fix
AI 요약
Context
Claude Code의 출력 특성상 코드보다 prose 비중이 80%에 달하나, 기존 터미널 테마는 Syntax Highlighting에만 치중된 구조적 한계 존재. 특정 색상(IKB) 적용 시 APCA 기준 Lc -12라는 극심한 저대비로 인한 텍스트 가독성 상실 문제 발생.
Technical Solution
- 정보 밀도와 역할에 따른 ANSI 컬러 슬롯의 이원화 설계
- ansi:blue 슬롯에 순수 IKB(hex 002FA7)를 배치하여 경계선 및 구조적 하이라이트 등 Decorative 요소로 한정 사용
- ansi:blueBright 슬롯에 고대비 변형 색상(hex A8BEF0)을 할당하여 Permission Prompt 등 실제 읽어야 하는 Body Text 가독성 확보
- 역할별 APCA Gate(Body >= 90, Subtle >= 75, Muted >= 45, Accent >= 60)를 설정한 엄격한 대비 검증 체계 구축
- 하드코딩된 RGB 폴백을 방지하기 위해 Claude Code 설정을 dark-ansi로 강제하여 Terminal.app ANSI Palette 연동 보장
실천 포인트
- UI/UX 설계 시 단순 색상 지정이 아닌 APCA 등 정량적 대비 지표 기반의 가이드라인 설정 - 정보의 중요도(Decorative vs Readable)에 따라 서로 다른 컬러 토큰을 매핑하는 계층 구조 설계 - 외부 라이브러리나 툴 사용 시 하드코딩된 기본값(Fallback)이 커스텀 설정을 덮어쓰는지 확인