Configuração
Documentação de configuração do daisyUI 5: https://daisyui.com/docs/config/
daisyUI sem configuração:
@plugin "daisyui";
Configuração do daisyUI apenas com o tema light:
@plugin "daisyui" {
themes: light --default;
}
daisyUI com todas as configurações padrão:
@plugin "daisyui" {
themes: light --default, dark --prefersdark;
root: ":root";
include: ;
exclude: ;
prefix: ;
logs: true;
}
Exemplo de configuração:
Esta configuração habilita todos os temas integrados. O tema bumblebee é o tema padrão. O tema synthwave é o tema prefersdark, que é o modo escuro padrão.
Para usar outro tema habilitado, adicione data-theme="NOME_DO_TEMA" ao elemento <html>.
A configuração exclui a gutter da barra de rolagem raiz. Ela usa o prefixo daisy- para todas as classes do daisyUI e desabilita os logs do 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;
}