Configuración
Documentación de configuración de daisyUI 5: https://daisyui.com/docs/config/
daisyUI sin configuración:
@plugin "daisyui";
Configuración de daisyUI solo con el tema light:
@plugin "daisyui" {
themes: light --default;
}
daisyUI con todas las opciones predeterminadas:
@plugin "daisyui" {
themes: light --default, dark --prefersdark;
root: ":root";
include: ;
exclude: ;
prefix: ;
logs: true;
}
Ejemplo de configuración:
Esta configuración habilita todos los temas integrados. El tema bumblebee es el tema predeterminado. El tema synthwave es el tema prefersdark, que es el modo oscuro predeterminado.
Para usar otro tema habilitado, añade data-theme="NOMBRE_DEL_TEMA" al elemento <html>.
La configuración excluye el gutter de scroll raíz. Usa el prefijo daisy- para todas las clases de daisyUI y deshabilita los logs de consola.
@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;
}