|
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