Feat: 대시보드 Dark/Light 테마 토글 구현 #5
Description
Description
이슈 #2에서 미완료된 Dark/Light 테마 토글 기능을 구현합니다.
Next.js + TailwindCSS v4 환경에서 시스템 설정 연동 및 수동 전환을 지원합니다.
Todo
- TailwindCSS v4 다크모드 설정 (
darkMode: 'class') - ThemeProvider 컴포넌트 구현 (Context API 활용)
- localStorage로 테마 상태 유지
- 시스템 다크모드 설정 자동 감지 (
prefers-color-scheme) - Top App Bar 내 테마 토글 버튼 추가
- 전체 컴포넌트 다크모드 스타일 적용
ETC
- 상위 이슈: Feat: 프론트앤드(Dash Board) 세팅, 기본 개발 #2
- 관련 브랜치:
feat/#3이후 신규 브랜치 생성 예정