|
7 | 7 |
|
8 | 8 | @custom-variant dark (&:is(.dark *)); |
9 | 9 |
|
10 | | -@theme { |
| 10 | +/* @theme { |
11 | 11 | --font-sans: var(--font-geist-sans); |
12 | 12 | --font-mono: var(--font-geist-mono); |
13 | | -} |
| 13 | +} */ |
14 | 14 |
|
15 | | -* { |
16 | | - scrollbar-width: thin; |
17 | | - scrollbar-color: var(--border) transparent; |
| 15 | +@theme inline { |
| 16 | + --color-background: var(--background); |
| 17 | + --color-foreground: var(--foreground); |
| 18 | + --color-card: var(--card); |
| 19 | + --color-card-foreground: var(--card-foreground); |
| 20 | + --color-popover: var(--popover); |
| 21 | + --color-popover-foreground: var(--popover-foreground); |
| 22 | + --color-primary: var(--primary); |
| 23 | + --color-primary-foreground: var(--primary-foreground); |
| 24 | + --color-secondary: var(--secondary); |
| 25 | + --color-secondary-foreground: var(--secondary-foreground); |
| 26 | + --color-muted: var(--muted); |
| 27 | + --color-muted-foreground: var(--muted-foreground); |
| 28 | + --color-accent: var(--accent); |
| 29 | + --color-accent-foreground: var(--accent-foreground); |
| 30 | + --color-destructive: var(--destructive); |
| 31 | + --color-destructive-foreground: var(--destructive-foreground); |
| 32 | + --color-border: var(--border); |
| 33 | + --color-input: var(--input); |
| 34 | + --color-ring: var(--ring); |
| 35 | + --color-chart-1: var(--chart-1); |
| 36 | + --color-chart-2: var(--chart-2); |
| 37 | + --color-chart-3: var(--chart-3); |
| 38 | + --color-chart-4: var(--chart-4); |
| 39 | + --color-chart-5: var(--chart-5); |
| 40 | + --radius-sm: calc(var(--radius) - 4px); |
| 41 | + --radius-md: calc(var(--radius) - 2px); |
| 42 | + --radius-lg: var(--radius); |
| 43 | + --radius-xl: calc(var(--radius) + 4px); |
| 44 | + --color-sidebar: var(--sidebar); |
| 45 | + --color-sidebar-foreground: var(--sidebar-foreground); |
| 46 | + --color-sidebar-primary: var(--sidebar-primary); |
| 47 | + --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); |
| 48 | + --color-sidebar-accent: var(--sidebar-accent); |
| 49 | + --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); |
| 50 | + --color-sidebar-border: var(--sidebar-border); |
| 51 | + --color-sidebar-ring: var(--sidebar-ring); |
| 52 | + |
| 53 | + --color-link: var(--link); |
18 | 54 | } |
19 | 55 |
|
20 | 56 | :root { |
|
92 | 128 | --link: oklch(0.62 0.19 260); |
93 | 129 | } |
94 | 130 |
|
95 | | -@theme inline { |
96 | | - --color-background: var(--background); |
97 | | - --color-foreground: var(--foreground); |
98 | | - --color-card: var(--card); |
99 | | - --color-card-foreground: var(--card-foreground); |
100 | | - --color-popover: var(--popover); |
101 | | - --color-popover-foreground: var(--popover-foreground); |
102 | | - --color-primary: var(--primary); |
103 | | - --color-primary-foreground: var(--primary-foreground); |
104 | | - --color-secondary: var(--secondary); |
105 | | - --color-secondary-foreground: var(--secondary-foreground); |
106 | | - --color-muted: var(--muted); |
107 | | - --color-muted-foreground: var(--muted-foreground); |
108 | | - --color-accent: var(--accent); |
109 | | - --color-accent-foreground: var(--accent-foreground); |
110 | | - --color-destructive: var(--destructive); |
111 | | - --color-destructive-foreground: var(--destructive-foreground); |
112 | | - --color-border: var(--border); |
113 | | - --color-input: var(--input); |
114 | | - --color-ring: var(--ring); |
115 | | - --color-chart-1: var(--chart-1); |
116 | | - --color-chart-2: var(--chart-2); |
117 | | - --color-chart-3: var(--chart-3); |
118 | | - --color-chart-4: var(--chart-4); |
119 | | - --color-chart-5: var(--chart-5); |
120 | | - --radius-sm: calc(var(--radius) - 4px); |
121 | | - --radius-md: calc(var(--radius) - 2px); |
122 | | - --radius-lg: var(--radius); |
123 | | - --radius-xl: calc(var(--radius) + 4px); |
124 | | - --color-sidebar: var(--sidebar); |
125 | | - --color-sidebar-foreground: var(--sidebar-foreground); |
126 | | - --color-sidebar-primary: var(--sidebar-primary); |
127 | | - --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); |
128 | | - --color-sidebar-accent: var(--sidebar-accent); |
129 | | - --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); |
130 | | - --color-sidebar-border: var(--sidebar-border); |
131 | | - --color-sidebar-ring: var(--sidebar-ring); |
132 | | - |
133 | | - --color-link: var(--link); |
134 | | -} |
135 | | - |
136 | 131 | @layer base { |
137 | 132 | * { |
138 | 133 | @apply border-border outline-ring/50; |
| 134 | + scrollbar-width: thin; |
| 135 | + scrollbar-color: var(--border) transparent; |
139 | 136 | } |
| 137 | + |
140 | 138 | body { |
141 | 139 | @apply bg-background text-foreground; |
142 | 140 | } |
|
0 commit comments