Konfiguration für daisyUI 5

Konfiguration

Dokumentation zur daisyUI 5 Konfiguration: https://daisyui.com/docs/config/

daisyUI ohne Konfiguration:

@plugin "daisyui";

daisyUI-Konfiguration nur mit dem light-Theme:

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

daisyUI mit allen Standardeinstellungen:

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

Beispielkonfiguration: Diese Konfiguration aktiviert alle integrierten Themes. Das bumblebee-Theme ist das Standard-Theme. Das synthwave-Theme ist das prefersdark-Theme, also der Standard-Dark-Mode. Um ein anderes aktiviertes Theme zu verwenden, füge data-theme="THEME_NAME" zum <html>-Element hinzu. Die Konfiguration schließt die standardmäßige Scrollleiste des Wurzelelements aus. Sie verwendet das Präfix daisy- für alle daisyUI-Klassen und deaktiviert Konsolenausgaben.

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