@master/css-preset 0.0.0-site.1793659883.g69c9aebcf628
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +56 -0
- package/package.json +59 -0
- package/src/base.css +203 -0
- package/src/colors.css +419 -0
- package/src/container.css +29 -0
- package/src/default-manifest.json +1 -0
- package/src/default-manifest.json.d.ts +4 -0
- package/src/default-native.css +180 -0
- package/src/index.css +5 -0
- package/src/media.css +31 -0
- package/src/theme.css +336 -0
- package/src/utilities.css +2103 -0
package/src/colors.css
ADDED
|
@@ -0,0 +1,419 @@
|
|
|
1
|
+
/* Internal color source, included by the public theme.css entry. */
|
|
2
|
+
@theme {
|
|
3
|
+
/* Color palettes */
|
|
4
|
+
/* stone */
|
|
5
|
+
--color-stone-0: oklch(99% 0.002 72);
|
|
6
|
+
--color-stone-5: oklch(94.9% 0.0053 72);
|
|
7
|
+
--color-stone-10: oklch(90.8% 0.0158 72);
|
|
8
|
+
--color-stone-20: oklch(82.6% 0.0287 72);
|
|
9
|
+
--color-stone-30: oklch(74.4% 0.04 72);
|
|
10
|
+
--color-stone-40: oklch(66.2% 0.044 72);
|
|
11
|
+
--color-stone-50: oklch(58% 0.045 72);
|
|
12
|
+
--color-stone-60: oklch(49.8% 0.033 72);
|
|
13
|
+
--color-stone-70: oklch(41.6% 0.0275 72);
|
|
14
|
+
--color-stone-80: oklch(33.4% 0.022 72);
|
|
15
|
+
--color-stone-90: oklch(25.2% 0.0105 72);
|
|
16
|
+
--color-stone-95: oklch(21.1% 0.0079 72);
|
|
17
|
+
--color-stone-100: oklch(17% 0.0053 72);
|
|
18
|
+
|
|
19
|
+
/* gray */
|
|
20
|
+
--color-gray-0: oklch(98.48% 0 none);
|
|
21
|
+
--color-gray-5: oklch(96.5% 0 none);
|
|
22
|
+
--color-gray-10: oklch(90% 0 none);
|
|
23
|
+
--color-gray-20: oklch(82% 0 none);
|
|
24
|
+
--color-gray-30: oklch(73.5% 0 none);
|
|
25
|
+
--color-gray-40: oklch(65% 0 none);
|
|
26
|
+
--color-gray-50: oklch(55.2% 0 none);
|
|
27
|
+
--color-gray-60: oklch(48% 0 none);
|
|
28
|
+
--color-gray-70: oklch(39.5% 0 none);
|
|
29
|
+
--color-gray-80: oklch(31% 0 none);
|
|
30
|
+
--color-gray-90: oklch(23.5% 0 none);
|
|
31
|
+
--color-gray-95: oklch(18.5% 0 none);
|
|
32
|
+
--color-gray-100: oklch(14.5% 0 none);
|
|
33
|
+
|
|
34
|
+
/* zinc */
|
|
35
|
+
--color-zinc-0: oklch(98.6% 0.0008 265);
|
|
36
|
+
--color-zinc-5: oklch(96.5% 0.0011 265);
|
|
37
|
+
--color-zinc-10: oklch(93.2% 0.0015 265);
|
|
38
|
+
--color-zinc-20: oklch(86.8% 0.002 265);
|
|
39
|
+
--color-zinc-30: oklch(78% 0.0025 265);
|
|
40
|
+
--color-zinc-40: oklch(68.6% 0.0028 265);
|
|
41
|
+
--color-zinc-50: oklch(58% 0.003 265);
|
|
42
|
+
--color-zinc-60: oklch(48.6% 0.003 265);
|
|
43
|
+
--color-zinc-70: oklch(39.8% 0.0028 265);
|
|
44
|
+
--color-zinc-80: oklch(31.4% 0.0025 265);
|
|
45
|
+
--color-zinc-90: oklch(24.6% 0.0022 265);
|
|
46
|
+
--color-zinc-95: oklch(19.4% 0.0019 265);
|
|
47
|
+
--color-zinc-100: oklch(15% 0.0016 265);
|
|
48
|
+
|
|
49
|
+
/* neutral */
|
|
50
|
+
--color-neutral-0: oklch(98.38% 0.0033 250);
|
|
51
|
+
--color-neutral-5: oklch(96.8% 0.0048 253);
|
|
52
|
+
--color-neutral-10: oklch(94.8% 0.0074 262);
|
|
53
|
+
--color-neutral-20: oklch(88.5% 0.014 268);
|
|
54
|
+
--color-neutral-30: oklch(79.5% 0.02 270);
|
|
55
|
+
--color-neutral-40: oklch(68.5% 0.026 272);
|
|
56
|
+
--color-neutral-50: oklch(57% 0.03 273);
|
|
57
|
+
--color-neutral-60: oklch(48% 0.028 273);
|
|
58
|
+
--color-neutral-70: oklch(39% 0.024 273);
|
|
59
|
+
--color-neutral-80: oklch(30.5% 0.019 273);
|
|
60
|
+
--color-neutral-90: oklch(23% 0.014 273);
|
|
61
|
+
--color-neutral-95: oklch(18% 0.01 273);
|
|
62
|
+
--color-neutral-100: oklch(14% 0.007 273);
|
|
63
|
+
|
|
64
|
+
/* slate */
|
|
65
|
+
--color-slate-0: oklch(98.07% 0.0055 257.1);
|
|
66
|
+
--color-slate-5: oklch(96.15% 0.0145 267.3);
|
|
67
|
+
--color-slate-10: oklch(90.16% 0.0324 268.2);
|
|
68
|
+
--color-slate-20: oklch(82.16% 0.045 268.2);
|
|
69
|
+
--color-slate-30: oklch(74.16% 0.069 268.2);
|
|
70
|
+
--color-slate-40: oklch(63.99% 0.0804 266.1);
|
|
71
|
+
--color-slate-50: oklch(55.43% 0.0949 263.4);
|
|
72
|
+
--color-slate-60: oklch(45.03% 0.0817 265.9);
|
|
73
|
+
--color-slate-70: oklch(39% 0.0702 263.9);
|
|
74
|
+
--color-slate-80: oklch(32.14% 0.0604 264.8);
|
|
75
|
+
--color-slate-90: oklch(27.33% 0.0536 264.8);
|
|
76
|
+
--color-slate-95: oklch(21.5% 0.0573 267.4);
|
|
77
|
+
--color-slate-100: oklch(17.5% 0.0688 267.4);
|
|
78
|
+
|
|
79
|
+
/* brown */
|
|
80
|
+
--color-brown-0: oklch(97% 0.0097 47.1);
|
|
81
|
+
--color-brown-5: oklch(95.48% 0.0183 34.8);
|
|
82
|
+
--color-brown-10: oklch(88.65% 0.0558 33.4);
|
|
83
|
+
--color-brown-20: oklch(81.37% 0.1065 33.6);
|
|
84
|
+
--color-brown-30: oklch(74.39% 0.12 32.5);
|
|
85
|
+
--color-brown-40: oklch(67.62% 0.12 32.5);
|
|
86
|
+
--color-brown-50: oklch(61.9% 0.12 32.5);
|
|
87
|
+
--color-brown-60: oklch(55.58% 0.12 32.5);
|
|
88
|
+
--color-brown-70: oklch(49.11% 0.12 32.5);
|
|
89
|
+
--color-brown-80: oklch(42.07% 0.12 32.5);
|
|
90
|
+
--color-brown-90: oklch(35.11% 0.12 32.5);
|
|
91
|
+
--color-brown-95: oklch(24.7% 0.0958 31.2);
|
|
92
|
+
--color-brown-100: oklch(21.21% 0.0822 31.2);
|
|
93
|
+
|
|
94
|
+
/* orange */
|
|
95
|
+
--color-orange-0: oklch(96.76% 0.0202 84.6);
|
|
96
|
+
--color-orange-5: oklch(94.78% 0.0417 83);
|
|
97
|
+
--color-orange-10: oklch(89.94% 0.0784 75.7);
|
|
98
|
+
--color-orange-20: oklch(82.86% 0.1343 69.2);
|
|
99
|
+
--color-orange-30: oklch(75.09% 0.179 58.4);
|
|
100
|
+
--color-orange-40: oklch(71.4% 0.1941 48.1);
|
|
101
|
+
--color-orange-50: oklch(66.61% 0.2247 36.7);
|
|
102
|
+
--color-orange-60: oklch(61.68% 0.2388 31.2);
|
|
103
|
+
--color-orange-70: oklch(53.53% 0.2196 29.2);
|
|
104
|
+
--color-orange-80: oklch(46.33% 0.1901 29.2);
|
|
105
|
+
--color-orange-90: oklch(36.63% 0.1503 29.2);
|
|
106
|
+
--color-orange-95: oklch(25.4% 0.1042 29.2);
|
|
107
|
+
--color-orange-100: oklch(21.44% 0.088 29.2);
|
|
108
|
+
|
|
109
|
+
/* amber */
|
|
110
|
+
--color-amber-0: oklch(97.5% 0.0306 99);
|
|
111
|
+
--color-amber-5: oklch(96.24% 0.0573 98.1);
|
|
112
|
+
--color-amber-10: oklch(93.46% 0.0995 95.8);
|
|
113
|
+
--color-amber-20: oklch(88.25% 0.1592 91.3);
|
|
114
|
+
--color-amber-30: oklch(86% 0.1633 86.9);
|
|
115
|
+
--color-amber-40: oklch(83.04% 0.1701 81.1);
|
|
116
|
+
--color-amber-50: oklch(79.4% 0.1709 71.1);
|
|
117
|
+
--color-amber-60: oklch(73.31% 0.1784 56.5);
|
|
118
|
+
--color-amber-70: oklch(63.23% 0.1757 46.7);
|
|
119
|
+
--color-amber-80: oklch(53.09% 0.1677 39.7);
|
|
120
|
+
--color-amber-90: oklch(42.68% 0.138 38.6);
|
|
121
|
+
--color-amber-95: oklch(29.27% 0.0971 37.4);
|
|
122
|
+
--color-amber-100: oklch(23.94% 0.0818 36.1);
|
|
123
|
+
|
|
124
|
+
/* yellow */
|
|
125
|
+
--color-yellow-0: oklch(98.86% 0.0355 107.4);
|
|
126
|
+
--color-yellow-5: oklch(98.27% 0.0758 108);
|
|
127
|
+
--color-yellow-10: oklch(97.31% 0.1513 109.1);
|
|
128
|
+
--color-yellow-20: oklch(95.82% 0.207 108.4);
|
|
129
|
+
--color-yellow-30: oklch(93.51% 0.1981 104.7);
|
|
130
|
+
--color-yellow-40: oklch(91.5% 0.1909 101.1);
|
|
131
|
+
--color-yellow-50: oklch(87.52% 0.1796 94.6);
|
|
132
|
+
--color-yellow-60: oklch(82.02% 0.169 82.1);
|
|
133
|
+
--color-yellow-70: oklch(72.04% 0.1592 67);
|
|
134
|
+
--color-yellow-80: oklch(64.84% 0.1477 63.1);
|
|
135
|
+
--color-yellow-90: oklch(52.17% 0.1199 62.2);
|
|
136
|
+
--color-yellow-95: oklch(33.35% 0.083 54.6);
|
|
137
|
+
--color-yellow-100: oklch(26.22% 0.0646 55.4);
|
|
138
|
+
|
|
139
|
+
/* lime */
|
|
140
|
+
--color-lime-0: oklch(98.05% 0.0399 116);
|
|
141
|
+
--color-lime-5: oklch(96.62% 0.08 121.2);
|
|
142
|
+
--color-lime-10: oklch(95.06% 0.1441 121.5);
|
|
143
|
+
--color-lime-20: oklch(92.45% 0.2251 126);
|
|
144
|
+
--color-lime-30: oklch(87.79% 0.2261 126.9);
|
|
145
|
+
--color-lime-40: oklch(82.22% 0.225 131.1);
|
|
146
|
+
--color-lime-50: oklch(74.39% 0.2131 133.9);
|
|
147
|
+
--color-lime-60: oklch(66.45% 0.195 135.3);
|
|
148
|
+
--color-lime-70: oklch(58.7% 0.1769 136.7);
|
|
149
|
+
--color-lime-80: oklch(51.46% 0.1612 138.7);
|
|
150
|
+
--color-lime-90: oklch(44.54% 0.1437 140.1);
|
|
151
|
+
--color-lime-95: oklch(29.84% 0.097 140.4);
|
|
152
|
+
--color-lime-100: oklch(25.83% 0.0851 141.1);
|
|
153
|
+
|
|
154
|
+
/* green */
|
|
155
|
+
--color-green-0: oklch(97% 0.0305 145.7);
|
|
156
|
+
--color-green-5: oklch(94.95% 0.071 145.5);
|
|
157
|
+
--color-green-10: oklch(92.05% 0.1355 145.7);
|
|
158
|
+
--color-green-20: oklch(89.18% 0.2191 143.8);
|
|
159
|
+
--color-green-30: oklch(84.3% 0.24 143.9);
|
|
160
|
+
--color-green-40: oklch(77.68% 0.25 144.1);
|
|
161
|
+
--color-green-50: oklch(72.41% 0.2464 142.5);
|
|
162
|
+
--color-green-60: oklch(67.52% 0.2298 142.5);
|
|
163
|
+
--color-green-70: oklch(58.66% 0.1996 142.5);
|
|
164
|
+
--color-green-80: oklch(51.96% 0.1768 142.5);
|
|
165
|
+
--color-green-90: oklch(44.03% 0.1498 142.5);
|
|
166
|
+
--color-green-95: oklch(30.17% 0.1027 142.5);
|
|
167
|
+
--color-green-100: oklch(26.35% 0.0897 142.5);
|
|
168
|
+
|
|
169
|
+
/* beryl */
|
|
170
|
+
--color-beryl-0: oklch(96.57% 0.03 163.7);
|
|
171
|
+
--color-beryl-5: oklch(94.71% 0.0634 163.5);
|
|
172
|
+
--color-beryl-10: oklch(91.87% 0.1178 162.2);
|
|
173
|
+
--color-beryl-20: oklch(90.33% 0.1569 161.2);
|
|
174
|
+
--color-beryl-30: oklch(86.43% 0.2104 155.8);
|
|
175
|
+
--color-beryl-40: oklch(82.49% 0.1978 156.6);
|
|
176
|
+
--color-beryl-50: oklch(76.89% 0.1885 155.4);
|
|
177
|
+
--color-beryl-60: oklch(69.77% 0.1794 153.1);
|
|
178
|
+
--color-beryl-70: oklch(60.74% 0.1602 151.9);
|
|
179
|
+
--color-beryl-80: oklch(54.36% 0.1421 152.3);
|
|
180
|
+
--color-beryl-90: oklch(46.09% 0.1213 152);
|
|
181
|
+
--color-beryl-95: oklch(30.39% 0.0888 147.6);
|
|
182
|
+
--color-beryl-100: oklch(26.71% 0.0855 144.4);
|
|
183
|
+
|
|
184
|
+
/* teal */
|
|
185
|
+
--color-teal-0: oklch(97.24% 0.023 179.8);
|
|
186
|
+
--color-teal-5: oklch(94.3% 0.0661 180.5);
|
|
187
|
+
--color-teal-10: oklch(92.33% 0.1056 181.5);
|
|
188
|
+
--color-teal-20: oklch(91.3% 0.1327 183.1);
|
|
189
|
+
--color-teal-30: oklch(90.52% 0.1472 184.8);
|
|
190
|
+
--color-teal-40: oklch(89.99% 0.1577 186.3);
|
|
191
|
+
--color-teal-50: oklch(86.13% 0.1485 190.5);
|
|
192
|
+
--color-teal-60: oklch(79.38% 0.1355 194.8);
|
|
193
|
+
--color-teal-70: oklch(67.86% 0.1154 199.2);
|
|
194
|
+
--color-teal-80: oklch(60.62% 0.1033 203.7);
|
|
195
|
+
--color-teal-90: oklch(52.19% 0.0898 208.3);
|
|
196
|
+
--color-teal-95: oklch(31.94% 0.0584 220.7);
|
|
197
|
+
--color-teal-100: oklch(28.34% 0.0534 224.3);
|
|
198
|
+
|
|
199
|
+
/* cyan */
|
|
200
|
+
--color-cyan-0: oklch(97.47% 0.022 196.6);
|
|
201
|
+
--color-cyan-5: oklch(95.05% 0.0598 196);
|
|
202
|
+
--color-cyan-10: oklch(92.28% 0.1032 196.9);
|
|
203
|
+
--color-cyan-20: oklch(89.98% 0.1264 200.1);
|
|
204
|
+
--color-cyan-30: oklch(87.28% 0.1376 204.3);
|
|
205
|
+
--color-cyan-40: oklch(84.82% 0.1408 209.5);
|
|
206
|
+
--color-cyan-50: oklch(81.54% 0.1453 216.7);
|
|
207
|
+
--color-cyan-60: oklch(77.57% 0.1494 226.7);
|
|
208
|
+
--color-cyan-70: oklch(70.27% 0.1509 235.9);
|
|
209
|
+
--color-cyan-80: oklch(63.25% 0.1493 241.7);
|
|
210
|
+
--color-cyan-90: oklch(52.16% 0.1354 246.4);
|
|
211
|
+
--color-cyan-95: oklch(35.21% 0.0976 249.2);
|
|
212
|
+
--color-cyan-100: oklch(30.27% 0.0847 249.6);
|
|
213
|
+
|
|
214
|
+
/* sky */
|
|
215
|
+
--color-sky-0: oklch(97.39% 0.0139 209.4);
|
|
216
|
+
--color-sky-5: oklch(94.65% 0.0358 212.1);
|
|
217
|
+
--color-sky-10: oklch(90.51% 0.0667 216.5);
|
|
218
|
+
--color-sky-20: oklch(86.58% 0.0902 224);
|
|
219
|
+
--color-sky-30: oklch(77.94% 0.1431 228.4);
|
|
220
|
+
--color-sky-40: oklch(72.24% 0.1626 239);
|
|
221
|
+
--color-sky-50: oklch(67.09% 0.1828 248.5);
|
|
222
|
+
--color-sky-60: oklch(62.09% 0.2077 255.4);
|
|
223
|
+
--color-sky-70: oklch(55.12% 0.2483 261.6);
|
|
224
|
+
--color-sky-80: oklch(49.98% 0.2769 263.8);
|
|
225
|
+
--color-sky-90: oklch(40.76% 0.2499 264.2);
|
|
226
|
+
--color-sky-95: oklch(28.37% 0.1946 265.1);
|
|
227
|
+
--color-sky-100: oklch(25.85% 0.1768 265.4);
|
|
228
|
+
|
|
229
|
+
/* blue */
|
|
230
|
+
--color-blue-0: oklch(97.5% 0.0105 219.7);
|
|
231
|
+
--color-blue-5: oklch(93.53% 0.0305 231.3);
|
|
232
|
+
--color-blue-10: oklch(90.01% 0.0519 236.1);
|
|
233
|
+
--color-blue-20: oklch(81.69% 0.0975 246.5);
|
|
234
|
+
--color-blue-30: oklch(72.87% 0.1468 249.3);
|
|
235
|
+
--color-blue-40: oklch(64.31% 0.1921 258.5);
|
|
236
|
+
--color-blue-50: oklch(58.22% 0.2279 263.9);
|
|
237
|
+
--color-blue-60: oklch(51.83% 0.2687 266.1);
|
|
238
|
+
--color-blue-70: oklch(46.26% 0.3057 266.7);
|
|
239
|
+
--color-blue-80: oklch(42.89% 0.2907 266.3);
|
|
240
|
+
--color-blue-90: oklch(39.4% 0.2629 268);
|
|
241
|
+
--color-blue-95: oklch(28.64% 0.1893 269);
|
|
242
|
+
--color-blue-100: oklch(25.46% 0.168 269.2);
|
|
243
|
+
|
|
244
|
+
/* indigo */
|
|
245
|
+
--color-indigo-0: oklch(97.1% 0.0083 257.2);
|
|
246
|
+
--color-indigo-5: oklch(94.11% 0.0228 279.6);
|
|
247
|
+
--color-indigo-10: oklch(87.83% 0.0547 274.4);
|
|
248
|
+
--color-indigo-20: oklch(77.74% 0.1153 280.2);
|
|
249
|
+
--color-indigo-30: oklch(70.2% 0.1611 282.9);
|
|
250
|
+
--color-indigo-40: oklch(61.3% 0.218 284);
|
|
251
|
+
--color-indigo-50: oklch(56.78% 0.2478 284.1);
|
|
252
|
+
--color-indigo-60: oklch(50.06% 0.2906 282);
|
|
253
|
+
--color-indigo-70: oklch(48.74% 0.2963 279.3);
|
|
254
|
+
--color-indigo-80: oklch(48.25% 0.2976 277.4);
|
|
255
|
+
--color-indigo-90: oklch(41.46% 0.2571 276.7);
|
|
256
|
+
--color-indigo-95: oklch(29.36% 0.1799 278.3);
|
|
257
|
+
--color-indigo-100: oklch(25.28% 0.1551 278.1);
|
|
258
|
+
|
|
259
|
+
/* violet */
|
|
260
|
+
--color-violet-0: oklch(97.96% 0.01 322.8);
|
|
261
|
+
--color-violet-5: oklch(94.02% 0.0266 299.5);
|
|
262
|
+
--color-violet-10: oklch(88.69% 0.0596 300.1);
|
|
263
|
+
--color-violet-20: oklch(80.47% 0.113 297.7);
|
|
264
|
+
--color-violet-30: oklch(71.63% 0.1722 298.7);
|
|
265
|
+
--color-violet-40: oklch(62.1% 0.237 297.8);
|
|
266
|
+
--color-violet-50: oklch(56.23% 0.2803 297.8);
|
|
267
|
+
--color-violet-60: oklch(52.55% 0.293 292.4);
|
|
268
|
+
--color-violet-70: oklch(51.12% 0.2931 287.9);
|
|
269
|
+
--color-violet-80: oklch(48.43% 0.2798 286.7);
|
|
270
|
+
--color-violet-90: oklch(40.64% 0.2331 287.9);
|
|
271
|
+
--color-violet-95: oklch(28.51% 0.1631 288.3);
|
|
272
|
+
--color-violet-100: oklch(24.44% 0.1403 287.8);
|
|
273
|
+
|
|
274
|
+
/* purple */
|
|
275
|
+
--color-purple-0: oklch(97.07% 0.0155 325.8);
|
|
276
|
+
--color-purple-5: oklch(94.28% 0.0315 314.4);
|
|
277
|
+
--color-purple-10: oklch(89.13% 0.0709 314.7);
|
|
278
|
+
--color-purple-20: oklch(81.4% 0.1318 312.8);
|
|
279
|
+
--color-purple-30: oklch(72.72% 0.2007 312.8);
|
|
280
|
+
--color-purple-40: oklch(63.36% 0.2677 310);
|
|
281
|
+
--color-purple-50: oklch(58.21% 0.2988 307.2);
|
|
282
|
+
--color-purple-60: oklch(55.59% 0.2952 301);
|
|
283
|
+
--color-purple-70: oklch(54.45% 0.294 297.9);
|
|
284
|
+
--color-purple-80: oklch(48.76% 0.264 297.5);
|
|
285
|
+
--color-purple-90: oklch(39.15% 0.2105 298.7);
|
|
286
|
+
--color-purple-95: oklch(27.95% 0.1488 300.5);
|
|
287
|
+
--color-purple-100: oklch(24.3% 0.128 302.4);
|
|
288
|
+
|
|
289
|
+
/* fuchsia */
|
|
290
|
+
--color-fuchsia-0: oklch(97.07% 0.0155 325.8);
|
|
291
|
+
--color-fuchsia-5: oklch(94.57% 0.0378 324.9);
|
|
292
|
+
--color-fuchsia-10: oklch(89.9% 0.086 326.3);
|
|
293
|
+
--color-fuchsia-20: oklch(81.84% 0.1554 322);
|
|
294
|
+
--color-fuchsia-30: oklch(74.78% 0.2085 319.1);
|
|
295
|
+
--color-fuchsia-40: oklch(67.61% 0.25 316.5);
|
|
296
|
+
--color-fuchsia-50: oklch(62.91% 0.25 316.7);
|
|
297
|
+
--color-fuchsia-60: oklch(58.72% 0.25 311.8);
|
|
298
|
+
--color-fuchsia-70: oklch(53.61% 0.25 312.8);
|
|
299
|
+
--color-fuchsia-80: oklch(47.9% 0.2382 313.2);
|
|
300
|
+
--color-fuchsia-90: oklch(38.62% 0.1895 315.8);
|
|
301
|
+
--color-fuchsia-95: oklch(27.75% 0.1357 316.4);
|
|
302
|
+
--color-fuchsia-100: oklch(23.7% 0.1162 315.9);
|
|
303
|
+
|
|
304
|
+
/* pink */
|
|
305
|
+
--color-pink-0: oklch(97.07% 0.0155 325.8);
|
|
306
|
+
--color-pink-5: oklch(94.74% 0.0372 326.5);
|
|
307
|
+
--color-pink-10: oklch(88.85% 0.083 332.8);
|
|
308
|
+
--color-pink-20: oklch(81.57% 0.1379 341.6);
|
|
309
|
+
--color-pink-30: oklch(74.68% 0.2018 342.5);
|
|
310
|
+
--color-pink-40: oklch(69.18% 0.2455 347.6);
|
|
311
|
+
--color-pink-50: oklch(65.84% 0.25 350.7);
|
|
312
|
+
--color-pink-60: oklch(63.54% 0.25 359.2);
|
|
313
|
+
--color-pink-70: oklch(58.95% 0.2377 2.6);
|
|
314
|
+
--color-pink-80: oklch(53% 0.2126 6.4);
|
|
315
|
+
--color-pink-90: oklch(43.66% 0.1748 8.1);
|
|
316
|
+
--color-pink-95: oklch(31.48% 0.1261 7.8);
|
|
317
|
+
--color-pink-100: oklch(27.42% 0.1098 8.5);
|
|
318
|
+
|
|
319
|
+
/* crimson */
|
|
320
|
+
--color-crimson-0: oklch(97.07% 0.0155 325.8);
|
|
321
|
+
--color-crimson-5: oklch(94.2% 0.0266 353.2);
|
|
322
|
+
--color-crimson-10: oklch(88.09% 0.0623 1);
|
|
323
|
+
--color-crimson-20: oklch(80.33% 0.1184 4.5);
|
|
324
|
+
--color-crimson-30: oklch(72.9% 0.1774 4.4);
|
|
325
|
+
--color-crimson-40: oklch(66.41% 0.2325 8.3);
|
|
326
|
+
--color-crimson-50: oklch(63.55% 0.25 15.3);
|
|
327
|
+
--color-crimson-60: oklch(62.66% 0.25 21.2);
|
|
328
|
+
--color-crimson-70: oklch(58.59% 0.2383 26.2);
|
|
329
|
+
--color-crimson-80: oklch(53.32% 0.2169 26.3);
|
|
330
|
+
--color-crimson-90: oklch(44.03% 0.1783 24.4);
|
|
331
|
+
--color-crimson-95: oklch(31.73% 0.1287 25.1);
|
|
332
|
+
--color-crimson-100: oklch(27.68% 0.1126 26.2);
|
|
333
|
+
|
|
334
|
+
/* red */
|
|
335
|
+
--color-red-0: oklch(96.63% 0.01 17.2);
|
|
336
|
+
--color-red-5: oklch(94.05% 0.0239 17);
|
|
337
|
+
--color-red-10: oklch(87.16% 0.0632 17.8);
|
|
338
|
+
--color-red-20: oklch(79.39% 0.119 18.8);
|
|
339
|
+
--color-red-30: oklch(72.94% 0.1679 17.5);
|
|
340
|
+
--color-red-40: oklch(64.7% 0.2399 19.9);
|
|
341
|
+
--color-red-50: oklch(62.82% 0.25 28.6);
|
|
342
|
+
--color-red-60: oklch(60.94% 0.2501 29.2);
|
|
343
|
+
--color-red-70: oklch(57.58% 0.2363 29.2);
|
|
344
|
+
--color-red-80: oklch(53.09% 0.2178 29.2);
|
|
345
|
+
--color-red-90: oklch(44.45% 0.1824 29.2);
|
|
346
|
+
--color-red-95: oklch(32.59% 0.1337 29.2);
|
|
347
|
+
--color-red-100: oklch(28.54% 0.1171 29.2);
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
/* Default scoped values. */
|
|
351
|
+
@theme {
|
|
352
|
+
--color-stone: var(--color-stone-30);
|
|
353
|
+
--color-gray: var(--color-gray-30);
|
|
354
|
+
--color-zinc: var(--color-zinc-30);
|
|
355
|
+
--color-neutral: var(--color-neutral-30);
|
|
356
|
+
--color-slate: var(--color-slate-30);
|
|
357
|
+
--color-brown: var(--color-brown-40);
|
|
358
|
+
--color-orange: var(--color-orange-40);
|
|
359
|
+
--color-amber: var(--color-amber-40);
|
|
360
|
+
--color-yellow: var(--color-yellow-40);
|
|
361
|
+
--color-lime: var(--color-lime-40);
|
|
362
|
+
--color-green: var(--color-green-40);
|
|
363
|
+
--color-beryl: var(--color-beryl-40);
|
|
364
|
+
--color-teal: var(--color-teal-40);
|
|
365
|
+
--color-cyan: var(--color-cyan-40);
|
|
366
|
+
--color-sky: var(--color-sky-60);
|
|
367
|
+
--color-blue: var(--color-blue-60);
|
|
368
|
+
--color-indigo: var(--color-indigo-60);
|
|
369
|
+
--color-violet: var(--color-violet-60);
|
|
370
|
+
--color-purple: var(--color-purple-60);
|
|
371
|
+
--color-fuchsia: var(--color-fuchsia-60);
|
|
372
|
+
--color-pink: var(--color-pink-60);
|
|
373
|
+
--color-crimson: var(--color-crimson-60);
|
|
374
|
+
--color-red: var(--color-red-60);
|
|
375
|
+
--color-surface-base: light-dark(var(--color-zinc-0), var(--color-zinc-95));
|
|
376
|
+
--color-surface-inset: light-dark(var(--color-zinc-5), var(--color-zinc-100));
|
|
377
|
+
--color-surface-raised: light-dark(var(--color-white), var(--color-zinc-90));
|
|
378
|
+
--color-surface-floating: light-dark(var(--color-white), var(--color-zinc-80));
|
|
379
|
+
--color-surface-inverse: light-dark(var(--color-black), var(--color-white));
|
|
380
|
+
--color-line-divider: light-dark(oklch(0% 0 none / 0.12), oklch(100% 0 none / 0.12));
|
|
381
|
+
--color-line-control: light-dark(var(--color-zinc-50), var(--color-zinc-40));
|
|
382
|
+
--color-line-subtle: light-dark(oklch(0% 0 none / 0.06), oklch(100% 0 none / 0.06));
|
|
383
|
+
--color-text-body: light-dark(var(--color-zinc-70), var(--color-zinc-30));
|
|
384
|
+
--color-text-strong: light-dark(var(--color-zinc-100), var(--color-white));
|
|
385
|
+
--color-text-muted: light-dark(var(--color-zinc-60), var(--color-zinc-40));
|
|
386
|
+
--color-text-disabled: light-dark(var(--color-zinc-40), var(--color-zinc-60));
|
|
387
|
+
--color-text-inverse: light-dark(var(--color-white), var(--color-black));
|
|
388
|
+
--color-text-link: light-dark(var(--color-blue-60), var(--color-blue-30));
|
|
389
|
+
--color-text-link-hover: light-dark(var(--color-blue-70), var(--color-blue-20));
|
|
390
|
+
--color-text-stone: light-dark(var(--color-stone-60), var(--color-stone-30));
|
|
391
|
+
--color-text-gray: light-dark(var(--color-gray-60), var(--color-gray-30));
|
|
392
|
+
--color-text-zinc: light-dark(var(--color-zinc-60), var(--color-zinc-30));
|
|
393
|
+
--color-text-neutral: light-dark(var(--color-neutral-60), var(--color-neutral-30));
|
|
394
|
+
--color-text-slate: light-dark(var(--color-slate-60), var(--color-slate-30));
|
|
395
|
+
--color-text-brown: light-dark(var(--color-brown-60), var(--color-brown-30));
|
|
396
|
+
--color-text-orange: light-dark(var(--color-orange-70), var(--color-orange-30));
|
|
397
|
+
--color-text-amber: light-dark(var(--color-amber-80), var(--color-amber-40));
|
|
398
|
+
--color-text-yellow: light-dark(var(--color-yellow-90), var(--color-yellow-40));
|
|
399
|
+
--color-text-lime: light-dark(var(--color-lime-80), var(--color-lime-40));
|
|
400
|
+
--color-text-green: light-dark(var(--color-green-80), var(--color-green-40));
|
|
401
|
+
--color-text-beryl: light-dark(var(--color-beryl-90), var(--color-beryl-40));
|
|
402
|
+
--color-text-teal: light-dark(var(--color-teal-90), var(--color-teal-40));
|
|
403
|
+
--color-text-cyan: light-dark(var(--color-cyan-90), var(--color-cyan-40));
|
|
404
|
+
--color-text-sky: light-dark(var(--color-sky-70), var(--color-sky-30));
|
|
405
|
+
--color-text-blue: light-dark(var(--color-blue-60), var(--color-blue-30));
|
|
406
|
+
--color-text-indigo: light-dark(var(--color-indigo-60), var(--color-indigo-30));
|
|
407
|
+
--color-text-violet: light-dark(var(--color-violet-60), var(--color-violet-30));
|
|
408
|
+
--color-text-purple: light-dark(var(--color-purple-60), var(--color-purple-30));
|
|
409
|
+
--color-text-fuchsia: light-dark(var(--color-fuchsia-70), var(--color-fuchsia-30));
|
|
410
|
+
--color-text-pink: light-dark(var(--color-pink-80), var(--color-pink-30));
|
|
411
|
+
--color-text-crimson: light-dark(var(--color-crimson-80), var(--color-crimson-30));
|
|
412
|
+
--color-text-red: light-dark(var(--color-red-80), var(--color-red-30));
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
@theme {
|
|
416
|
+
--color-white: oklch(100% 0 none);
|
|
417
|
+
--color-black: oklch(0% 0 none);
|
|
418
|
+
--color-current: currentColor;
|
|
419
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/* Component widths, measured on the nearest query container: `x@container(--md)`, or `x@container(card|--md)` for a named one. Independent of the viewport breakpoints in media.css and of the --container-* sizing tokens. */
|
|
2
|
+
@custom-container --3xs (width >= 16rem);
|
|
3
|
+
@custom-container --2xs (width >= 18rem);
|
|
4
|
+
@custom-container --xs (width >= 20rem);
|
|
5
|
+
@custom-container --sm (width >= 24rem);
|
|
6
|
+
@custom-container --md (width >= 28rem);
|
|
7
|
+
@custom-container --lg (width >= 32rem);
|
|
8
|
+
@custom-container --xl (width >= 36rem);
|
|
9
|
+
@custom-container --2xl (width >= 42rem);
|
|
10
|
+
@custom-container --3xl (width >= 48rem);
|
|
11
|
+
@custom-container --4xl (width >= 56rem);
|
|
12
|
+
@custom-container --5xl (width >= 64rem);
|
|
13
|
+
@custom-container --6xl (width >= 72rem);
|
|
14
|
+
@custom-container --7xl (width >= 80rem);
|
|
15
|
+
|
|
16
|
+
/* Below a width: the complement of its condition, so `x@container(--max-md)` and `y@container(--md)` never overlap and a redeclared `--md` moves both. */
|
|
17
|
+
@custom-container --max-3xs not (--3xs);
|
|
18
|
+
@custom-container --max-2xs not (--2xs);
|
|
19
|
+
@custom-container --max-xs not (--xs);
|
|
20
|
+
@custom-container --max-sm not (--sm);
|
|
21
|
+
@custom-container --max-md not (--md);
|
|
22
|
+
@custom-container --max-lg not (--lg);
|
|
23
|
+
@custom-container --max-xl not (--xl);
|
|
24
|
+
@custom-container --max-2xl not (--2xl);
|
|
25
|
+
@custom-container --max-3xl not (--3xl);
|
|
26
|
+
@custom-container --max-4xl not (--4xl);
|
|
27
|
+
@custom-container --max-5xl not (--5xl);
|
|
28
|
+
@custom-container --max-6xl not (--6xl);
|
|
29
|
+
@custom-container --max-7xl not (--7xl);
|