← ClaudeAtlas

daisyui-colorslisted

MANDATORY color usage rules for daisyUI 5
inercia/mitto · ★ 30 · AI & Automation · score 68
Install: claude install-skill inercia/mitto
## daisyUI 5 colors ### daisyUI color names - `primary`: Primary brand color, The main color of your brand - `primary-content`: Foreground content color to use on primary color - `secondary`: Secondary brand color, The optional, secondary color of your brand - `secondary-content`: Foreground content color to use on secondary color - `accent`: Accent brand color, The optional, accent color of your brand - `accent-content`: Foreground content color to use on accent color - `neutral`: Neutral dark color, For not-saturated parts of UI - `neutral-content`: Foreground content color to use on neutral color - `base-100`:-100 Base surface color of page, used for blank backgrounds - `base-200`:-200 Base color, darker shade, to create elevations - `base-300`:-300 Base color, even more darker shade, to create elevations - `base-content`: Foreground content color to use on base color - `info`: Info color, For informative/helpful messages - `info-content`: Foreground content color to use on info color - `success`: Success color, For success/safe messages - `success-content`: Foreground content color to use on success color - `warning`: Warning color, For warning/caution messages - `warning-content`: Foreground content color to use on warning color - `error`: Error color, For error/danger/destructive messages - `error-content`: Foreground content color to use on error color ### daisyUI color rules 1. daisyUI adds semantic color names to Tailwind CSS colors 2. daisyUI color names can be us