# 다크모드 채도 완화 리디자인 (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 (다크 테마 어서션 포함). 색상값 회귀는 게이트가 잡지 않으므로, 채도를 되돌릴 때는 이 문서와 시안을 근거로 소유자 확인을 거친다.