A collection of custom DaisyUI themes for Tailwind CSS projects.
This repository contains reusable DaisyUI theme files that you can freely use, modify, and distribute with attribution.
- Custom color palettes
- Drop-in compatible with DaisyUI
- Easy to customize and extend
DaisyUI theme usage and configuration is documented in the official guide:
https://daisyui.com/docs/themes/
Below is a quick summary for common setups.
In your main CSS file enable a theme and and a theme name to the DaisyUI config:
@import "tailwindcss";
@import "./themes/rosepine.css";
@plugin "daisyui" {
themes: light --default, dark --prefersdark, rosepine;
}Apply it in HTML:
<html data-theme="rosepine">Contributions are welcome:
- New themes
- Improvements
- Bug fixes
Open an issue or submit a pull request.