다크 테마 설정 정리

This commit is contained in:
Yun Chan 2026-06-27 18:34:36 +09:00
parent 480fbd543a
commit 250787cb18
6 changed files with 136 additions and 7 deletions

View file

@ -186,6 +186,7 @@ CSS 변수는 primitive(원시값) → semantic(의미 별칭) 2계층. 컴포
### 3.5 다크 모드 (gloom 회피 — 충분한 밝은 면 + 절제된 악센트)
배경은 한색 슬레이트(순흑 아님). 악센트는 명도를 올려 가독 확보.
운영 기본 표면은 dark이며, 저장 theme 값이 없거나 API preference가 `system`이면 light로 떨어지지 않고 앱 초기 dark 값을 따른다. dark 화면 안의 대형 카드/섹션은 순백·밝은 베이지 면을 쓰지 않는다.
```css
[data-theme="dark"] {
@ -621,6 +622,7 @@ LEFT 패널 세로 트랙커 + 상단 바 가로 미니. **현재 단계만 또
### 5.7 회기 종료 후 리뷰 화면 (진짜 학습이 일어나는 곳)
실시간에선 일부러 참았던 정밀 평가를 여기서 푼다. 구조: **타임라인 + 기법 라벨 + 슈퍼바이저 코멘트 + 개선점.**
리뷰도 라이브 세션과 같은 dark 작업면을 유지한다. 저장된 발화가 없는 빈 상태에서도 흰 카드로 빠지지 않고, 근거 대기/평가 대기/워크시트 대기를 어두운 패널로 보여준다.
```
┌──────────────────────────────────────────────────────────────────────────┐