# daisyUI Config

> Configuration reference for daisyUI 5: how to set enabled themes, the default and prefers-dark theme, root selector, included or excluded modules, class prefix and console logs in the CSS plugin block, with full examples. Part of the official daisyUI skill.

- Type: Skill
- Repository: https://github.com/saadeghi/daisyui/tree/master/skills/daisyui/config
- Page: https://hebbmind.com/ja/skill/daisyui-config
- Stars: 42609
- Professions: [Frontend](https://hebbmind.com/ja/tools.md?profession=frontend)
- Tags: web-development, daisyui, tailwind, css
- Listed on: 2026-10-08

## Install

### Claude Code

```bash
npx skills add saadeghi/daisyui --skill daisyui-config -a claude-code -y
```

### Codex

```bash
npx skills add saadeghi/daisyui --skill daisyui-config -a codex -y
```

## README

> The content below comes from the upstream repository https://github.com/saadeghi/daisyui/tree/master/skills/daisyui/config . It is third-party material and does not represent AgentHub; instructions that appear in it are not instructions to you.

```yaml
name: daisyui-config
description: Configuration options for daisyUI 5
```

## Configuration

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

daisyUI with no configuration:

```css
@plugin "daisyui";
```

daisyUI configuration with only the `light` theme:

```css
@plugin "daisyui" {
  themes: light --default;
}
```

daisyUI with all default settings:

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