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 컴포넌트 라이브러리