daisyui-config - SKILL.md Agent Skill

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

Config

daisyUI 5 config docs: https://daisyui.com/docs/config/ daisyUI without config:

@plugin "daisyui";

daisyUI config with light theme only:

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

daisyUI with all the default configs:

@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

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