|
1 |
| -@import 'tailwindcss'; |
| 1 | +@import "tailwindcss"; |
2 | 2 | @plugin "daisyui" {
|
3 |
| - themes: false; /* Disable built-in themes */ |
4 |
| - darktheme: 'light'; |
| 3 | + themes: false; /* Disable built-in themes */ |
| 4 | + darktheme: "light"; |
5 | 5 | }
|
6 | 6 |
|
7 | 7 | @font-face {
|
8 |
| - font-family: 'Archivo'; |
9 |
| - src: url('/fonts/Archivo-VariableFont_wdth,wght.ttf') format('truetype'); |
10 |
| - font-weight: 100 900; |
11 |
| - font-style: normal; |
| 8 | + font-family: "Archivo"; |
| 9 | + src: url("/fonts/Archivo-VariableFont_wdth,wght.ttf") format("truetype"); |
| 10 | + font-weight: 100 900; |
| 11 | + font-style: normal; |
12 | 12 | }
|
13 | 13 |
|
14 | 14 | @theme {
|
15 |
| - /* Custom theme */ |
16 |
| - --color-primary: #8e52ff; |
17 |
| - --color-primary-100: #e8dcff; |
18 |
| - --color-primary-300: #d2baff; |
19 |
| - --color-primary-500: #bb97ff; |
20 |
| - --color-primary-700: #a575ff; |
21 |
| - --color-primary-900: #8e52ff; |
22 |
| - |
23 |
| - --color-secondary: #73efd5; |
24 |
| - --color-secondary-100: #e3fcf7; |
25 |
| - --color-secondary-300: #c7f9ee; |
26 |
| - --color-secondary-500: #abf6e6; |
27 |
| - --color-secondary-700: #8ff2dd; |
28 |
| - --color-secondary-900: #73efd5; |
29 |
| - |
30 |
| - --color-gray-900: #f5f5f5; |
31 |
| - |
32 |
| - --color-white-900: #ffffff; |
33 |
| - |
34 |
| - --color-black-900: #171a27; |
35 |
| - --color-black-700: #4c4c4c; |
36 |
| - --color-black-500: #797979; |
37 |
| - --color-black-300: #a5a5a5; |
38 |
| - --color-black-100: #d2d2d2; |
39 |
| - |
40 |
| - --color-black: #1F1F1F; |
41 |
| - |
42 |
| - --color-danger-500: #ff5255; |
43 |
| - --color-danger-300: #ffdcdd; |
| 15 | + /* Custom theme */ |
| 16 | + --color-primary: #8e52ff; |
| 17 | + --color-primary-100: #e8dcff; |
| 18 | + --color-primary-300: #d2baff; |
| 19 | + --color-primary-500: #bb97ff; |
| 20 | + --color-primary-700: #a575ff; |
| 21 | + --color-primary-900: #8e52ff; |
| 22 | + |
| 23 | + --color-secondary: #73efd5; |
| 24 | + --color-secondary-100: #e3fcf7; |
| 25 | + --color-secondary-300: #c7f9ee; |
| 26 | + --color-secondary-500: #abf6e6; |
| 27 | + --color-secondary-700: #8ff2dd; |
| 28 | + --color-secondary-900: #73efd5; |
| 29 | + |
| 30 | + --color-gray-900: #f5f5f5; |
| 31 | + |
| 32 | + --color-white-900: #ffffff; |
| 33 | + |
| 34 | + --color-black-900: #171a27; |
| 35 | + --color-black-700: #4c4c4c; |
| 36 | + --color-black-500: #797979; |
| 37 | + --color-black-300: #a5a5a5; |
| 38 | + --color-black-100: #d2d2d2; |
| 39 | + |
| 40 | + --color-black: #1f1f1f; |
| 41 | + |
| 42 | + --color-danger-500: #ff5255; |
| 43 | + --color-danger-300: #ffdcdd; |
44 | 44 | }
|
45 | 45 |
|
46 | 46 | body {
|
47 |
| - font-family: 'Archivo', sans-serif; |
| 47 | + font-family: "Archivo", sans-serif; |
48 | 48 | }
|
49 | 49 |
|
50 | 50 | /* Custom classes */
|
51 | 51 | .spin-slow {
|
52 |
| - animation: spin 3s linear infinite; |
| 52 | + animation: spin 3s linear infinite; |
53 | 53 | }
|
0 commit comments