88 lines
1.4 KiB
Markdown
88 lines
1.4 KiB
Markdown
---
|
|
name: daisyui-config
|
|
description: Configuration options for daisyUI 5
|
|
---
|
|
|
|
## Config
|
|
|
|
daisyUI 5 config docs: https://daisyui.com/docs/config/
|
|
|
|
daisyUI without config:
|
|
|
|
```css
|
|
@plugin "daisyui";
|
|
```
|
|
|
|
daisyUI config with `light` theme only:
|
|
|
|
```css
|
|
@plugin "daisyui" {
|
|
themes: light --default;
|
|
}
|
|
```
|
|
|
|
daisyUI with all the default configs:
|
|
|
|
```css
|
|
@plugin "daisyui" {
|
|
themes:
|
|
light --default,
|
|
dark --prefersdark;
|
|
root: ':root';
|
|
include:;
|
|
exclude:;
|
|
prefix:;
|
|
logs: true;
|
|
}
|
|
```
|
|
|
|
An example config:
|
|
In below config, all the built-in themes are enabled while bumblebee is the default theme and synthwave is the prefersdark theme (default dark mode)
|
|
All the other themes are enabled and can be used by adding `data-theme="THEME_NAME"` to the `<html>` element
|
|
root scrollbar gutter is excluded. `daisy-` prefix is used for all daisyUI classes and console.log is disabled
|
|
|
|
```css
|
|
@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;
|
|
}
|
|
```
|