1.8 KiB
1.8 KiB
다크모드 채도 완화 리디자인 (2026-07-14)
배경: 2026-07-13 한신대 회의 피드백 — "모든 녹색 다크모드가 너무 채도가 높다". gpt-image-2(imagegen2) 시안 3종을 만들고, A(따뜻한 차콜+마른 세이지)를 기본으로 B의 앰버 경고 톤을 혼합해 실제 토큰에 반영했다.
시안
| 파일 | 방향 | 채택 |
|---|---|---|
darkmode-a.png |
저녁의 상담실 — 따뜻한 차콜 + 마른 세이지(#7da294대) | ✅ 기본 채택 |
darkmode-b.png |
근단색 그레이-유칼립투스 + 앰버 시간 알람 바 | ✅ 경고 톤만 채택 |
darkmode-c.png |
따뜻한 잉크 대시보드 + 누적 단계 게이지 표현 | 게이지 표현 참조 |
implemented-session.png |
실제 구현된 세션 화면 (컬랩싱 패널 + P2 게이지 포함) | 결과 |
implemented-learn.png |
실제 구현된 학습자 대시보드 | 결과 |
토큰 변경 요약 (다크 블록만 — 라이트 모드 무변경)
| 토큰 | 이전(쨍한 민트) | 이후(마른 세이지) |
|---|---|---|
--accent |
#6fb3a4 |
#7da294 |
--accent-deep |
#84c2b4 |
#92b3a6 |
--accent-bright |
#6fb3a4 |
#8db1a4 |
--pos-text |
#7fd0a0 |
#9cbfa4 |
--pos-solid |
#5fb682 |
#6f9a7e |
세션 국소 --accent |
#79bfae |
#83a89b |
하드코딩 잔여 색(고채도 틸)은 session.css/shell.css/login.css/settings.css/
learner-home.css/session-review.css에서 일괄 저채도 값으로 치환했다
(예: #6fc6a8→#7da294, #1d7169→#29564d, rgba(111,179,164,…)→rgba(125,162,148,…)).
검증: layout-visual-gate.spec.ts 12/12 · session-layout.spec.ts 8/8 (다크 테마 어서션 포함).
색상값 회귀는 게이트가 잡지 않으므로, 채도를 되돌릴 때는 이 문서와 시안을 근거로 소유자 확인을 거친다.