Skip to content

[Feat] 다크모드 토글 (라이트 ↔ 다크 전환) #177

Description

@ming0o

배경

현재 홈(/)만 다크, 나머지 페이지는 라이트로 고정(헤더 isHome 분기). 추후 사용자가 전체를 라이트↔다크로 토글할 수 있게 한다.

작업

  • 테마 상태 관리 (zustand 또는 next-themes) + localStorage 영속 + 시스템 prefers-color-scheme 초기값
  • globals.css @theme에 다크 토큰 정의 (색 토큰 다크 대응)
  • 다크 적용 방식 결정 — data-theme/class=dark + Tailwind dark: variant
  • 헤더에 토글 UI 추가
  • 페이지별 다크 대응 점검 (하드코딩 색 → 토큰)
  • 헤더 다크/라이트 분기를 isHome → 테마 상태 기반으로 전환

완료 기준

  • 토글로 전체 라이트/다크 전환, 새로고침에도 유지
  • 깜빡임(FOUC) 없음

비고

  • 헤더 재구현 시 isHome 다크 분기를 그대로 두되, 이 이슈에서 테마 상태 기반으로 일반화.

Metadata

Metadata

Assignees

No one assigned

    Labels

    feat새 기능uxUX 개선

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions