Stone 테마 테스터

다양한 컴포넌트로 stone 색상 팔레트를 확인해보세요

Button Variants

Primary, Secondary 등 다양한 버튼 스타일

기본 카드

Card와 Card-foreground 색상 확인

Muted-foreground 색상으로 된 텍스트입니다.

다른 카드

Background와 Foreground 대비

색상 샘플

Primary Ring과 Border 색상

Border 색상

Ring 색상

Interactive Elements

Hover, Focus 상태 확인

Secondary Background

Muted Background

Accent Background

Typography Test

다양한 텍스트 색상 확인

Foreground 색상

Muted-foreground 색상

Primary 색상

Secondary-foreground 색상

Accent-foreground 색상

Destructive 색상

Form Elements

Input, Separator 등 폼 요소들

Input 테스트

Disabled Input

Sidebar Test

Sidebar 관련 색상들 확인

Loading States

Skeleton 컴포넌트 색상 확인

테마 전환 테스트

다크 모드와 라이트 모드에서 색상 확인

브라우저 개발자 도구에서 html 태그에 dark 클래스를 추가/제거하여 다크 모드를 테스트해보세요.