Configuration
Documentation de configuration daisyUI 5 : https://daisyui.com/docs/config/
daisyUI sans configuration :
@plugin "daisyui";
Configuration daisyUI avec uniquement le thème light :
@plugin "daisyui" {
themes: light --default;
}
daisyUI avec tous les paramètres par défaut :
@plugin "daisyui" {
themes: light --default, dark --prefersdark;
root: ":root";
include: ;
exclude: ;
prefix: ;
logs: true;
}
Exemple de configuration :
Cette configuration active tous les thèmes intégrés. Le thème bumblebee est le thème par défaut. Le thème synthwave est le thème prefersdark, qui est le mode sombre par défaut.
Pour utiliser un autre thème activé, ajoutez data-theme="NOM_DU_THÈME" à l'élément <html>.
La configuration exclut la gouttière de défilement de la racine. Elle utilise le préfixe daisy- pour toutes les classes daisyUI et désactive les logs de la console.
@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;
}