DaisyUI
lastmod 2024-11-18created 2023-10-087 edits
The most popular, free and open-source Tailwind CSS component library
List of color classes
For colors applied to content (mostly text), use *-content whenever possible. Otherwise it can cause problems when the theme changes (dark/light).
- 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
Changing themes
For changing themes at runtime, theme-change seems to be the recommended choice.
Customizing themes
Recommended: customize on the DaisyUI Theme Builder site.
See also
- Tailwind
- FlyonUI - Open-source component library for Tailwind CSS
- lukacho/ui - UI component library with clean animations