← ClaudeAtlas

daisyui-configlisted

Configuration options for daisyUI 5
inercia/mitto · ★ 30 · AI & Automation · score 65
Install: claude install-skill inercia/mitto
## Config daisyUI 5 config docs: https://daisyui.com/docs/config/ daisyUI without config: ```css @plugin "daisyui"; ``` daisyUI config with `light` theme only: ```css @plugin "daisyui" { themes: light --default; } ``` daisyUI with all the default configs: ```css @plugin "daisyui" { themes: light --default, dark --prefersdark; root: ":root"; include: ; exclude: ; prefix: ; logs: true; } ``` An example config: In below config, all the built-in themes are enabled while bumblebee is the default theme and synthwave is the prefersdark theme (default dark mode) All the other themes are enabled and can be used by adding `data-theme="THEME_NAME"` to the `<html>` element root scrollbar gutter is excluded. `daisy-` prefix is used for all daisyUI classes and console.log is disabled ```css @plugin "daisyui" { themes: light, dark, cupcake, bumblebee --default, emerald, corporate, synthwave --prefersdark, retro, cyberpunk, valentine, halloween, garden, forest, aqua, lofi, pastel, fantasy, wireframe, black, luxury, dracula, cmyk, autumn, business, acid, lemonade, night, coffee, winter, dim, nord, sunset, caramellatte, abyss, silk; root: ":root"; include: ; exclude: rootscrollgutter, checkbox; prefix: daisy-; logs: false; } ```