Theme showcase
Renders with the active data-theme on this page or section. Token names match daisyUI semantic colors and utility classes.
Colors
Base surfaces
base-100 base-contentbase-200 base-contentbase-300 base-contentSemantic pairs
primary primary-contentsecondary secondary-contentaccent accent-contentneutral neutral-contentinfo info-contentsuccess success-contentwarning warning-contenterror error-contentButtons
btn + btn-{variant} + optional style modifier. Radius from theme --radius-field.
btn (default)
btn-outline
btn-soft
btn-ghost
btn-link
Components
Badges — --radius-selector
neutral primary secondary accent info success warning error
Alerts — --radius-box
alert-info
alert-success
alert-warning
alert-error
Progress
progress-neutralprogress-primaryprogress-secondaryprogress-accentprogress-infoprogress-successprogress-warningprogress-errorForm controls — --radius-field
Card — --radius-box
card bg-base-200
Box radius, border, and depth follow the active theme tokens.