Daisyui Config

by saadeghi9adbeaa25981No license42K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated today

Configuration options for daisyUI 5

Instructions onlySoftware Development

AI-generated overview

Documents daisyUI 5 plugin configuration options and shows example CSS configurations.

What it does: This skill provides reference documentation for configuring the daisyUI 5 plugin in CSS. It lists configuration keys such as themes, root, include, exclude, prefix and logs, and shows minimal and full example configurations. It also explains how to set a default theme and a prefersdark theme and how to switch themes with a data-theme attribute.
When to use it: Use it when you need to look up how to configure daisyUI 5, for example to enable themes, set a default or dark theme, exclude components, or add a class prefix. It is a reference for writing or adjusting daisyUI plugin configuration in a stylesheet.
Requirements: No scripts or special tooling; it is instructions and reference content only. It assumes a project using daisyUI 5 with a CSS build that supports the @plugin directive, and it links to external documentation.

Configuration

daisyUI 5 configuration documentation: https://daisyui.com/docs/config/

daisyUI with no configuration:

daisyUI configuration with only the light theme:

daisyUI with all default settings:

css

@plugin "daisyui" {  themes: light --default, dark --prefersdark;  root: ":root";  include: ;  exclude: ;  prefix: ;  logs: true;}

@plugin "daisyui" {  themes: light --default, dark --prefersdark;  root: ":root";  include: ;  exclude: ;  prefix: ;  logs: true;}

Example configuration: This configuration enables all built-in themes. The bumblebee theme is the default theme. The synthwave theme is the prefersdark theme, which is the default dark mode. To use another enabled theme, add data-theme="THEME_NAME" to the <html> element. The configuration excludes the root scrollbar gutter. It uses the daisy- prefix for all daisyUI classes and disables console logs.

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;}

@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;}

Source and attribution

Source:saadeghi/daisyuiinskills/daisyui/configat commit9adbeaa

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal

Daisyui Config

Configuration

Source and attribution

More from saadeghi/daisyui

Daisyui Usage

Daisyui Install

Daisyui Colors

Daisyui

More in Software Development

Playground

M5 Onboard

Cardputer Buddy

Web Design Guidelines

Vercel React Native Skills

Vercel React Best Practices