Token 기준
색상, surface, border, shadow를 의미 단위 CSS 변수로 묶습니다.
테마 변경 기능 구현 UI 규칙
테마 변경은 색상 토글이 아니라 사용자 선택을 저장하고 렌더링 전에 일관된 토큰을 적용하는 상태 흐름입니다.
Preference 기준
시스템 설정, 저장된 선택, 기본값의 우선순위를 정합니다.
Apply 기준
html이나 body의 data attribute를 초기에 적용해 깜빡임을 줄입니다.
테마 전환이 특정 컴포넌트 CSS에만 갇히지 않게 루트에서 관리합니다.
새 색상은 직접 hex로 흩뿌리지 말고 토큰으로 추가합니다.
모바일에서 토글 라벨과 아이콘 대비가 충분한지 확인합니다.