配置
daisyUI 5 配置文件:https://daisyui.com/docs/config/
未經配置的 daisyUI:
@plugin "daisyui";
僅使用 light 主題的 daisyUI 配置:
@plugin "daisyui" {
themes: light --default;
}
使用所有預設設定的 daisyUI:
@plugin "daisyui" {
themes: light --default, dark --prefersdark;
root: ":root";
include: ;
exclude: ;
prefix: ;
logs: true;
}
範例配置:
此配置啟用所有內建主題。bumblebee 主題為預設主題。synthwave 主題是 prefersdark 主題,即預設的深色模式。
若要使用其他已啟用的主題,請在 <html> 元素中加入 data-theme="THEME_NAME"。
該配置排除根元素的捲軸間距(scrollbar gutter)。它對所有 daisyUI 類別使用 daisy- 前綴,並停用主控台日誌。
@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;
}