## 배경 현재 홈(`/`)만 다크, 나머지 페이지는 라이트로 **고정**(헤더 isHome 분기). 추후 사용자가 **전체를 라이트↔다크로 토글**할 수 있게 한다. ## 작업 - [ ] 테마 상태 관리 (zustand 또는 next-themes) + localStorage 영속 + 시스템 `prefers-color-scheme` 초기값 - [ ] `globals.css` `@theme`에 다크 토큰 정의 (색 토큰 다크 대응) - [ ] 다크 적용 방식 결정 — `data-theme`/`class=dark` + Tailwind `dark:` variant - [ ] 헤더에 토글 UI 추가 - [ ] 페이지별 다크 대응 점검 (하드코딩 색 → 토큰) - [ ] 헤더 다크/라이트 분기를 isHome → 테마 상태 기반으로 전환 ## 완료 기준 - [ ] 토글로 전체 라이트/다크 전환, 새로고침에도 유지 - [ ] 깜빡임(FOUC) 없음 ## 비고 - 헤더 재구현 시 isHome 다크 분기를 그대로 두되, 이 이슈에서 테마 상태 기반으로 일반화.
배경
현재 홈(
/)만 다크, 나머지 페이지는 라이트로 고정(헤더 isHome 분기). 추후 사용자가 전체를 라이트↔다크로 토글할 수 있게 한다.작업
prefers-color-scheme초기값globals.css@theme에 다크 토큰 정의 (색 토큰 다크 대응)data-theme/class=dark+ Tailwinddark:variant완료 기준
비고