設定
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" を追加します。
この設定はルートのスクロールバーガターを除外します。すべての 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;
}