1@import 'tailwindcss';
 2
 3@plugin 'daisyui' {
 4  /**
 5   * You can modify the light and dark themes by editing below.
 6   * But remember to modify any css selectors that depend on the theme colors.
 7   * For example, if you change the dark theme to DaisyUI's build-in `black` theme,
 8   * you need to replace all `[data-theme="dark"]` in source files to `[data-theme="black"]`.
 9   * `buildConfig.themeNames` in `src/config,ts` is also need to be updated accordingly.
10   */
11  themes:
12    light --default,
13    dark --prefersdark;
14}
15
16@plugin 'daisyui/theme' {
17  name: 'light';
18
19  --color-primary: #4f94c9;
20  --color-primary-content: #e9f2ff;
21  --color-secondary: #d03564;
22  --color-secondary-content: #f3d0e3;
23  --color-accent: #f3d5f8;
24  --color-accent-content: #6c4ad1;
25  --color-base-100: #f2e8e0;
26  --color-base-200: #efe5db;
27  --color-base-300: #d3bcab;
28  --color-base-content: #111;
29
30  /* Border Radius */
31  --radius-selector: 0.5rem;
32  --radius-field: 1rem;
33  --radius-box: 1rem;
34}
35
36@plugin 'daisyui/theme' {
37  name: dark;
38
39  --color-primary: #4f94c9;
40  --color-primary-content: #e9f2ff;
41  --color-secondary: #d03564;
42  --color-secondary-content: #f3d0e3;
43  --color-accent: #6c4ad1;
44  --color-accent-content: #ffebff;
45  --color-base-100: #0e1221;
46  --color-base-200: #10172a;
47  --color-base-300: #2a3c5a;
48  --color-base-content: #eee;
49
50  /* Border Radius */
51  --radius-selector: 0.5rem;
52  --radius-field: 1rem;
53  --radius-box: 1rem;
54}
55
56@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] * ));
57
58@theme {
59  --breakpoint-xs: 30rem;
60  --tracking-extra-wide: 0.25em;
61}
62
63html {
64  scroll-behavior: smooth;
65}