daisyUI 5 설정 옵션

설정

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;
}