색
모든 색상은 라이트 모드와 다크 모드에 대응합니다.
색상 팔레트
현재 테마에 적용된 실제 색상입니다. 상단의 테마 버튼으로 모드를 전환하면 팔레트도 함께 바뀝니다.
Background
Background
Foreground
Foreground
Primary
Primary
Secondary
Secondary
Muted
Muted
Accent
Accent
Destructive
Destructive
Border
Border
토큰의 역할
색상 값 대신 역할에 맞는 토큰을 선택합니다.
페이지 배경과 기본 텍스트
카드의 배경과 텍스트
다이얼로그와 팝오버의 배경과 텍스트
주요 액션과 그 위의 텍스트
보조 액션과 그 위의 텍스트
보조 영역과 설명 텍스트
선택 또는 호버 상태
삭제 등 주의가 필요한 액션
구분선, 입력 테두리, 포커스 표시