다크 모드

다크 모드

사이트에 다크 모드를 추가하는 방법을 안내하는 문서예요. shadcn/ui는 CSS 변수 기반으로 동작하기 때문에, 어두운 테마를 원하는 프레임워크마다 조금씩 다른 방식으로 연결해 줄 수 있어요. 아래 카드에서 원하는 프레임워크를 골라 들어가면 바로 설정 방법을 볼 수 있어요.

출처: 문서

본문

지원하는 프레임워크별 다크 모드 설정 가이드예요. 원하는 프레임워크 카드를 눌러 자세한 단계를 확인해 보세요.

Next.js

Next.js

Vite

Vite

Astro

Remix

Remix

더 알아보기

  • 프레임워크별 기본 설치 방법은 설치 문서를 참고해요.