Theme Mode
Light/Dark 모드 컬러 팔레트
Theme Toggle
테마 모드를 전환하여 컬러를 확인하세요
Base Colors
기본 컬러 변수
background
var(--background)
foreground
var(--foreground)
card
var(--card)
card-foreground
var(--card-foreground)
popover
var(--popover)
popover-foreground
var(--popover-foreground)
primary
var(--primary)
primary-foreground
var(--primary-foreground)
secondary
var(--secondary)
secondary-foreground
var(--secondary-foreground)
secondary-deep
var(--secondary-deep)
secondary-emphasis
var(--secondary-emphasis)
muted
var(--muted)
muted-foreground
var(--muted-foreground)
accent
var(--accent)
accent-foreground
var(--accent-foreground)
reverse-primary
var(--reverse-primary)
reverse-primary-foreground
var(--reverse-primary-foreground)
reverse-secondary
var(--reverse-secondary)
reverse-secondary-foreground
var(--reverse-secondary-foreground)
destructive
var(--destructive)
border
var(--border)
input
var(--input)
ring
var(--ring)