Frontend UI with daisyUI

Stack

• SvelteKit (apps/web)
• Tailwind CSS v4
• daisyUI v5 (plugin Tailwind)

Where Config Lives

• apps/web/src/app.css
  • @import "tailwindcss";
  • @plugin "daisyui" { themes: caramellatte --default, coffee --prefersdark; }
• apps/web/src/lib/theme.ts
  • logika trybów auto/light/dark
• apps/web/src/components/ThemeSwitcher.svelte
  • przełącznik trybu motywu w UI (ikonki: auto/light/dark, z aria-label + sr-only)

UI Rules

• Preferuj komponenty daisyUI zamiast ręcznych utility klas dla podstawowych kontrolek.
• Używaj tokenów motywu (base-*, primary, secondary) zamiast sztywnych kolorów.
• Zachowuj spójność komponentów między stronami: btn, card, menu, dropdown, input, table.
• Przełączniki (theme/language) w navbarze mają być w 100% oparte o daisyUI (join, btn, dropdown) i dostępne (ikonki + aria-label).

daisyUI Docs

• LLM docs: https://daisyui.com/llms.txt
• Install overview: https://daisyui.com/docs/install/
• SvelteKit install: https://daisyui.com/docs/install/sveltekit/
• Bun install notes: https://daisyui.com/docs/install/bun/