1- @import url ("https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap" );
2- @import url ("https://fonts.googleapis.com/css2?family=Love+Light&display=swap" );
3-
4- @tailwind base;
5- @tailwind components;
6- @tailwind utilities;
1+ @import "tailwindcss" ;
72
83: root {
94 --background : # ffffff ;
105 --foreground : # 171717 ;
116}
127
13- @layer utilities {
14- .text-balance {
15- text-wrap : balance;
16- }
8+ @theme inline {
9+ --color-background : var (--background );
10+ --color-foreground : var (--foreground );
11+ --font-sans : var (--font-geist-sans );
12+ --font-mono : var (--font-geist-mono );
1713}
1814
19- @layer base {
15+ @media ( prefers-color-scheme : dark) {
2016 : root {
21- --background : 0 0% 100% ;
22- --foreground : 240 10% 3.9% ;
23- --card : 0 0% 100% ;
24- --card-foreground : 240 10% 3.9% ;
25- --popover : 0 0% 100% ;
26- --popover-foreground : 240 10% 3.9% ;
27- --primary : 240 5.9% 10% ;
28- --primary-foreground : 0 0% 98% ;
29- --secondary : 240 4.8% 95.9% ;
30- --secondary-foreground : 240 5.9% 10% ;
31- --muted : 240 4.8% 95.9% ;
32- --muted-foreground : 240 3.8% 46.1% ;
33- --accent : 240 4.8% 95.9% ;
34- --accent-foreground : 240 5.9% 10% ;
35- --destructive : 0 84.2% 60.2% ;
36- --destructive-foreground : 0 0% 98% ;
37- --border : 240 5.9% 90% ;
38- --input : 240 5.9% 90% ;
39- --ring : 240 10% 3.9% ;
40- --chart-1 : 12 76% 61% ;
41- --chart-2 : 173 58% 39% ;
42- --chart-3 : 197 37% 24% ;
43- --chart-4 : 43 74% 66% ;
44- --chart-5 : 27 87% 67% ;
45- --radius : 0.5rem ;
46-
47- --font-main : "Courier Prime" , monospace;
48- }
49- .dark {
50- --background : 240 10% 3.9% ;
51- --foreground : 0 0% 98% ;
52- --card : 240 10% 3.9% ;
53- --card-foreground : 0 0% 98% ;
54- --popover : 240 10% 3.9% ;
55- --popover-foreground : 0 0% 98% ;
56- --primary : 0 0% 98% ;
57- --primary-foreground : 240 5.9% 10% ;
58- --secondary : 240 3.7% 15.9% ;
59- --secondary-foreground : 0 0% 98% ;
60- --muted : 240 3.7% 15.9% ;
61- --muted-foreground : 240 5% 64.9% ;
62- --accent : 240 3.7% 15.9% ;
63- --accent-foreground : 0 0% 98% ;
64- --destructive : 0 62.8% 30.6% ;
65- --destructive-foreground : 0 0% 98% ;
66- --border : 240 3.7% 15.9% ;
67- --input : 240 3.7% 15.9% ;
68- --ring : 240 4.9% 83.9% ;
69- --chart-1 : 220 70% 50% ;
70- --chart-2 : 160 60% 45% ;
71- --chart-3 : 30 80% 55% ;
72- --chart-4 : 280 65% 60% ;
73- --chart-5 : 340 75% 55% ;
74- }
75- }
76-
77- @layer base {
78- * {
79- @apply border-border;
80- }
81- body {
82- @apply bg-background text-foreground;
17+ --background : # 0a0a0a ;
18+ --foreground : # ededed ;
8319 }
8420}
8521
8622body {
87- font-family : var (--font-main );
88- background-color : var (--background );
23+ background : var (--background );
8924 color : var (--foreground );
90- }
25+ font-family : Arial, Helvetica, sans-serif;
26+ }
0 commit comments