What problem does it solve? Developers using daisyUI 5 with Tailwind CSS often mix raw Tailwind color names with daisyUI semantic colors, breaking theme switching and causing unreadable contrast in dark mode. This Skill provides the mandatory color rules and theme structure to keep UIs consistent across themes. ## Core Features & Use Cases - Semantic Color Reference: Lists all daisyUI 5 color names (primary, secondary, accent, neutral, base, info, success, warning, error) and their content counterparts. - Color Usage Rules: Enforces theme-aware styling, such as avoiding dark: variants and fixed Tailwind colors like text-gray-800 that break on dark themes. - Custom Theme Generation: Provides the complete CSS variable structure for building a custom daisyUI theme with OKLCH colors, radius, size, border, depth, and noise settings. - Use Case: When building a page, apply bg-base-100 with text-base-content for surfaces and reserve primary for the single most important element, so the design adapts automatically to any theme. ## Quick Start Apply the daisyUI color rules to style my page with semantic color classes and generate a custom theme CSS block.
