Components · Utility

Theme switcher

3-segment Light/Dark/System 토글. BSS는 현재 라이트 테마만 — 컴포넌트 시각 자리만 잡아둠. 다크 토큰화는 후속 작업.

Preview

Usage

<div class="theme-switcher" role="group">
  <button class="is-active">Light</button>
  <button>Dark</button>
  <button>System</button>
</div>

Rules

DO

  • 활성 세그먼트는 canvas 채움 + soft 그림자.

DON'T

  • 현재 anti-pattern으로 분류됨 (CLAUDE.md). 사용자 명시 요청 없이는 페이지에 추가 금지.