Theming via DaisyUI

DaisyUI offers a great set of components to complement Tailwind.

That looks like this in your code:

<button class="btn">A button</button>
<button class="btn btn-disabled">A disabled button</button>

Read more at DaisyUI.

DaisyUI ships with over a dozen themes. To choose a theme, add a theme tag in your _config.yml and automatically apply any of the DaisyUI themes

_config.yml

theme: emerald

The emerald theme will be automatically applied by Svekyll (using the setTheme method inside $lib/theme.js)

Supported Themes

All these themes come by default.

light (default)
dark
cupcake
bumblebee
emerald
corporate
synthwave
retro
cyberpunk
valentine
halloween
garden
forest
aqua
lofi
pastel
fantasy
wireframe
black
luxury
dracula