Files
Aislo/docs/raw/plans/2026-07-19_plan_b05_dark_theme.md
T
eomsangdonandClaude Opus 5 eb30b774f8 chore(docs): docs 폴더 git 추적 전환 · PLAN·OWNERS 최상위 이관
- `docs/` 를 .gitignore 에서 빼 git 추적 대상으로 전환 (위키·완료 이력·검증 기록)
- `docs/raw/PLAN.md` · `docs/raw/OWNERS.md` 를 저장소 최상위로 이동 후 .gitignore 에 등록
  — 창끼리 공유하되 저장소에는 안 올리는 장부
- 살아 있는 경로 참조 7개 파일 정정 (아카이브 107건은 그때 사실이라 그대로 둠)
- graphify 날짜별 산출물(`docs/wiki/graphify-out/20*/`) 제외 — `graphify update` 가 다시 만듦

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-09 18:19:07 +09:00

1.4 KiB

완료된 계획: B05 3D 뷰어 다크 테마 배경 연동 (2026-07-19)

적용 결정

  • 라이트 테마는 현재 Three.js 장면 배경색 0xf5f7fa를 그대로 유지한다.
  • 다크 테마는 별도 유사색을 하드코딩하지 않고, 하단 종단 패널과 동일한 테마 토큰 --color-surface-raised의 계산값을 Three.js scene.background에 적용한다.
  • 페이지가 열린 상태에서 테마를 전환해도 뷰어 배경이 즉시 갱신되어야 한다.

대상 파일 및 구현 체크리스트

  • B05_wf2_Route/B05_wf2_Route_UI_Viewer.ts: 기존 전역 테마 상태 표현 방식(attribute/class)을 확인하고 light/dark 장면 배경 갱신 함수 추가
  • 다크 테마에서 getComputedStyle()--color-surface-raised 계산값을 읽어 scene.background에 적용하고, 값이 비정상일 때만 안전한 다크 폴백 사용
  • 라이트 테마의 기존 0xf5f7fa 배경 유지
  • 실행 중 테마 변경 감지 연결 및 dispose()에서 감지 리소스 해제
  • 변경 파일 Prettier 적용, npm run build, git diff --check, 700줄 제한 통과

검증 기준

  • 라이트 모드의 B05 3D 배경은 기존과 동일해야 한다.
  • 다크 모드의 B05 3D 배경은 하단 패널 배경과 동일해야 한다.
  • B05 페이지를 다시 열지 않고 테마를 전환해도 배경이 즉시 변경되어야 한다.