Skip to content

DaisyUI

The most popular, free and open-source Tailwind CSS component library

색상 클래스 목록

컨텐츠(주로 텍스트)에 해당하는 색상은 가급적 *-content를 사용하자. 테마 변경시(밤/낮) 문제가 될 수 있다.

  • primary - Primary color
  • primary-content - Foreground content color to use on primary color
  • secondary - Secondary color
  • secondary-content - Foreground content color to use on secondary color
  • accent - Accent color
  • accent-content - Foreground content color to use on accent color
  • neutral - Neutral color
  • neutral-content - Foreground content color to use on neutral color
  • base-100 - Base color of page, used for blank backgrounds
  • base-200 - Base color, a little darker
  • base-300 - Base color, even more darker
  • base-content - Foreground content color to use on base color
  • info - Info color
  • info-content - Foreground content color to use on info color
  • success - Success color
  • success-content - Foreground content color to use on success color
  • warning - Warning color
  • warning-content - Foreground content color to use on warning color
  • error - Error color
  • error-content - Foreground content color to use on error color

테마 변경

런타임에서 테마 변경 시 theme-change 사용을 권장하더라.

테마 수정

DaisyUI Theme Builder 사이트에서 수정 추천.

See also

  • Tailwind
  • FlyonUI - Tailwind CSS를 위한 컴포넌트 라이브러리 오픈소스
  • lukacho/ui - 깔끔한 애니메이션을 지원하는 UI 컴포넌트 라이브러리

Favorite site