- `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>
1.4 KiB
1.4 KiB
완료된 계획: B05 3D 뷰어 다크 테마 배경 연동 (2026-07-19)
적용 결정
- 라이트 테마는 현재 Three.js 장면 배경색
0xf5f7fa를 그대로 유지한다. - 다크 테마는 별도 유사색을 하드코딩하지 않고, 하단 종단 패널과 동일한 테마 토큰
--color-surface-raised의 계산값을 Three.jsscene.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 페이지를 다시 열지 않고 테마를 전환해도 배경이 즉시 변경되어야 한다.