테마

프로젝트 전역 스타일과 컴포넌트 토큰을 조정하는 방법입니다.

기본 원칙

이 프로젝트는 별도의 테마 레지스트리를 제공하지 않습니다. 전역 스타일은 설치 대상 프로젝트의 CSS에서 관리하고, 컴포넌트는 프로젝트 안으로 복사된 소스를 기준으로 수정합니다.

  • Radix 기반 컴포넌트 구조와 호환
  • 프로젝트별 전역 CSS와 함께 사용
  • 컴포넌트 소스에서 직접 수정 가능

CSS 변수

설치 대상 프로젝트의 전역 CSS에서 Tailwind CSS와 shadcn/ui 기본 CSS variables를 먼저 준비하세요.

pnpm dlx shadcn@latest init

컴포넌트는 background, foreground, primary, border, ring, radius 등 shadcn/ui 기본 토큰을 사용합니다. 프로젝트별 토큰 조정이 필요하면 설치된 전역 CSS에서 해당 값을 변경하세요.

컴포넌트 수정

레지스트리로 설치한 컴포넌트는 패키지 내부에 숨겨지지 않고 프로젝트 파일로 복사됩니다. 디자인 요구사항이 생기면 설치된 components/ui/* 파일을 기준으로 직접 수정하세요.