@udir-design/theme 1.0.0-alpha.0 → 1.0.0-beta.0

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.
Files changed (13) hide show
  1. package/dist/colors.d.ts +2 -3
  2. package/dist/udir.css +595 -969
  3. package/package.json +10 -4
  4. package/dist/udir/builtin-colors.css +0 -87
  5. package/dist/udir/color/accent.css +0 -24
  6. package/dist/udir/color/support1.css +0 -24
  7. package/dist/udir/color/support2.css +0 -24
  8. package/dist/udir/color/support3.css +0 -24
  9. package/dist/udir/color-scheme/dark.css +0 -473
  10. package/dist/udir/color-scheme/light.css +0 -473
  11. package/dist/udir/semantic.css +0 -71
  12. package/dist/udir/typography/primary.css +0 -127
  13. package/dist/udir/typography/secondary.css +0 -127
package/dist/udir/color-scheme/dark.css DELETED
@@ -1,473 +0,0 @@
1
- /**
2
- * These files are generated from design tokens defind using Token Studio
3
- */
4
-
5
- @layer ds.theme.color-scheme.dark {
6
- [data-color-scheme="dark"] {
7
- --ds-color-accent-background-default: #131f19;
8
- --ds-color-accent-background-subtle: #182820;
9
- --ds-color-accent-surface-default: #1f3429;
10
- --ds-color-accent-surface-hover: #274234;
11
- --ds-color-accent-surface-active: #305140;
12
- --ds-color-accent-border-subtle: #355846;
13
- --ds-color-accent-border-default: #50876b;
14
- --ds-color-accent-border-strong: #69b08c;
15
- --ds-color-accent-base-default: #284436;
16
- --ds-color-accent-base-hover: #345745;
17
- --ds-color-accent-base-active: #406c56;
18
- --ds-color-accent-text-subtle: #69b08c;
19
- --ds-color-accent-text-default: #cfebdd;
20
- --ds-color-accent-contrast-default: #ffffff;
21
- --ds-color-accent-contrast-subtle: #d4d9d7;
22
- --ds-color-neutral-background-default: #1d1d1d;
23
- --ds-color-neutral-background-subtle: #242424;
24
- --ds-color-neutral-surface-default: #303030;
25
- --ds-color-neutral-surface-hover: #3d3d3d;
26
- --ds-color-neutral-surface-active: #4a4a4a;
27
- --ds-color-neutral-border-subtle: #515151;
28
- --ds-color-neutral-border-default: #7c7c7c;
29
- --ds-color-neutral-border-strong: #a2a2a2;
30
- --ds-color-neutral-base-default: #ababab;
31
- --ds-color-neutral-base-hover: #969696;
32
- --ds-color-neutral-base-active: #818181;
33
- --ds-color-neutral-text-subtle: #a2a2a2;
34
- --ds-color-neutral-text-default: #e5e5e5;
35
- --ds-color-neutral-contrast-default: #000000;
36
- --ds-color-neutral-contrast-subtle: #1b1b1b;
37
- --ds-color-support1-background-default: #191e1b;
38
- --ds-color-support1-background-subtle: #202623;
39
- --ds-color-support1-surface-default: #2a312d;
40
- --ds-color-support1-surface-hover: #353f3a;
41
- --ds-color-support1-surface-active: #424d47;
42
- --ds-color-support1-border-subtle: #47544d;
43
- --ds-color-support1-border-default: #6d8076;
44
- --ds-color-support1-border-strong: #8fa89a;
45
- --ds-color-support1-base-default: #232926;
46
- --ds-color-support1-base-hover: #323b36;
47
- --ds-color-support1-base-active: #424e48;
48
- --ds-color-support1-text-subtle: #8fa89a;
49
- --ds-color-support1-text-default: #d7e9df;
50
- --ds-color-support1-contrast-default: #ffffff;
51
- --ds-color-support1-contrast-subtle: #babbbb;
52
- --ds-color-support2-background-default: #1a1d20;
53
- --ds-color-support2-background-subtle: #212528;
54
- --ds-color-support2-surface-default: #2b3035;
55
- --ds-color-support2-surface-hover: #373d43;
56
- --ds-color-support2-surface-active: #434b52;
57
- --ds-color-support2-border-subtle: #495259;
58
- --ds-color-support2-border-default: #707d89;
59
- --ds-color-support2-border-strong: #92a4b3;
60
- --ds-color-support2-base-default: #23282b;
61
- --ds-color-support2-base-hover: #343a3f;
62
- --ds-color-support2-base-active: #444c53;
63
- --ds-color-support2-text-subtle: #92a4b3;
64
- --ds-color-support2-text-default: #d9e6f2;
65
- --ds-color-support2-contrast-default: #ffffff;
66
- --ds-color-support2-contrast-subtle: #babbbc;
67
- --ds-color-support3-background-default: #1f1c18;
68
- --ds-color-support3-background-subtle: #28241e;
69
- --ds-color-support3-surface-default: #342f28;
70
- --ds-color-support3-surface-hover: #423c32;
71
- --ds-color-support3-surface-active: #51493e;
72
- --ds-color-support3-border-subtle: #595043;
73
- --ds-color-support3-border-default: #877a67;
74
- --ds-color-support3-border-strong: #b19f87;
75
- --ds-color-support3-base-default: #2c2721;
76
- --ds-color-support3-base-hover: #3e382f;
77
- --ds-color-support3-base-active: #534b3f;
78
- --ds-color-support3-text-subtle: #b19f87;
79
- --ds-color-support3-text-default: #f0e3d1;
80
- --ds-color-support3-contrast-default: #ffffff;
81
- --ds-color-support3-contrast-subtle: #bcbbb9;
82
- --ds-color-success-background-default: #022306;
83
- --ds-color-success-background-subtle: #022c08;
84
- --ds-color-success-surface-default: #03380a;
85
- --ds-color-success-surface-hover: #03470d;
86
- --ds-color-success-surface-active: #04570f;
87
- --ds-color-success-border-subtle: #045f11;
88
- --ds-color-success-border-default: #178f28;
89
- --ds-color-success-border-strong: #62b36d;
90
- --ds-color-success-base-default: #138d24;
91
- --ds-color-success-base-hover: #3ca14b;
92
- --ds-color-success-base-active: #66b571;
93
- --ds-color-success-text-subtle: #62b36d;
94
- --ds-color-success-text-default: #d4ead7;
95
- --ds-color-success-contrast-default: #000000;
96
- --ds-color-success-contrast-subtle: #010501;
97
- --ds-color-danger-background-default: #3d0909;
98
- --ds-color-danger-background-subtle: #4c0b0b;
99
- --ds-color-danger-surface-default: #610e0e;
100
- --ds-color-danger-surface-hover: #7a1111;
101
- --ds-color-danger-surface-active: #941515;
102
- --ds-color-danger-border-subtle: #a11717;
103
- --ds-color-danger-border-default: #cf5252;
104
- --ds-color-danger-border-strong: #df8b8b;
105
- --ds-color-danger-base-default: #d76e6e;
106
- --ds-color-danger-base-hover: #df8b8b;
107
- --ds-color-danger-base-active: #e7a8a8;
108
- --ds-color-danger-text-subtle: #df8b8b;
109
- --ds-color-danger-text-default: #f6dfdf;
110
- --ds-color-danger-contrast-default: #000000;
111
- --ds-color-danger-contrast-subtle: #271414;
112
- --ds-color-info-background-default: #031e33;
113
- --ds-color-info-background-subtle: #032641;
114
- --ds-color-info-surface-default: #043154;
115
- --ds-color-info-surface-hover: #063f6a;
116
- --ds-color-info-surface-active: #074d82;
117
- --ds-color-info-border-subtle: #07538d;
118
- --ds-color-info-border-default: #2480c7;
119
- --ds-color-info-border-strong: #69a8d8;
120
- --ds-color-info-base-default: #2d85c9;
121
- --ds-color-info-base-hover: #519ad2;
122
- --ds-color-info-base-active: #77b0dc;
123
- --ds-color-info-text-subtle: #69a8d8;
124
- --ds-color-info-text-default: #d6e7f4;
125
- --ds-color-info-contrast-default: #000000;
126
- --ds-color-info-contrast-subtle: #050e15;
127
- --ds-color-warning-background-default: #221c08;
128
- --ds-color-warning-background-subtle: #2b240a;
129
- --ds-color-warning-surface-default: #382f0c;
130
- --ds-color-warning-surface-hover: #483c10;
131
- --ds-color-warning-surface-active: #584913;
132
- --ds-color-warning-border-subtle: #5f5015;
133
- --ds-color-warning-border-default: #927a20;
134
- --ds-color-warning-border-strong: #bf9f2a;
135
- --ds-color-warning-base-default: #bc612a;
136
- --ds-color-warning-base-hover: #c87d4f;
137
- --ds-color-warning-base-active: #d39772;
138
- --ds-color-warning-text-subtle: #d2946e;
139
- --ds-color-warning-text-default: #f2e2d7;
140
- --ds-color-warning-contrast-default: #000000;
141
- --ds-color-warning-contrast-subtle: #070301;
142
- --ds-color-focus-inner: #1d1d1d;
143
- --ds-color-focus-outer: #e5e5e5;
144
- --ds-global-blue-1: #031e33;
145
- --ds-global-blue-2: #032641;
146
- --ds-global-blue-3: #043154;
147
- --ds-global-blue-4: #063f6a;
148
- --ds-global-blue-5: #074d82;
149
- --ds-global-blue-6: #07538d;
150
- --ds-global-blue-7: #2480c7;
151
- --ds-global-blue-8: #69a8d8;
152
- --ds-global-blue-9: #2d85c9;
153
- --ds-global-blue-10: #519ad2;
154
- --ds-global-blue-11: #77b0dc;
155
- --ds-global-blue-12: #69a8d8;
156
- --ds-global-blue-13: #d6e7f4;
157
- --ds-global-blue-contrast-1: #000000;
158
- --ds-global-blue-contrast-2: #050e15;
159
- --ds-global-green-1: #022306;
160
- --ds-global-green-2: #022c08;
161
- --ds-global-green-3: #03380a;
162
- --ds-global-green-4: #03470d;
163
- --ds-global-green-5: #04570f;
164
- --ds-global-green-6: #045f11;
165
- --ds-global-green-7: #178f28;
166
- --ds-global-green-8: #62b36d;
167
- --ds-global-green-9: #138d24;
168
- --ds-global-green-10: #3ca14b;
169
- --ds-global-green-11: #66b571;
170
- --ds-global-green-12: #62b36d;
171
- --ds-global-green-13: #d4ead7;
172
- --ds-global-green-contrast-1: #000000;
173
- --ds-global-green-contrast-2: #010501;
174
- --ds-global-orange-1: #2f1607;
175
- --ds-global-orange-2: #3b1c09;
176
- --ds-global-orange-3: #4d250c;
177
- --ds-global-orange-4: #612f0f;
178
- --ds-global-orange-5: #773913;
179
- --ds-global-orange-6: #823e14;
180
- --ds-global-orange-7: #bd632d;
181
- --ds-global-orange-8: #d2946e;
182
- --ds-global-orange-9: #bc612a;
183
- --ds-global-orange-10: #c87d4f;
184
- --ds-global-orange-11: #d39772;
185
- --ds-global-orange-12: #d2946e;
186
- --ds-global-orange-13: #f2e2d7;
187
- --ds-global-orange-contrast-1: #000000;
188
- --ds-global-orange-contrast-2: #070301;
189
- --ds-global-purple-1: #27133a;
190
- --ds-global-purple-2: #31184a;
191
- --ds-global-purple-3: #401f5f;
192
- --ds-global-purple-4: #512879;
193
- --ds-global-purple-5: #633094;
194
- --ds-global-purple-6: #6a379c;
195
- --ds-global-purple-7: #916cb6;
196
- --ds-global-purple-8: #b297cb;
197
- --ds-global-purple-9: #b49acd;
198
- --ds-global-purple-10: #a282c1;
199
- --ds-global-purple-11: #906ab5;
200
- --ds-global-purple-12: #b297cb;
201
- --ds-global-purple-13: #e9e2f0;
202
- --ds-global-purple-contrast-1: #000000;
203
- --ds-global-purple-contrast-2: #18151c;
204
- --ds-global-red-1: #3d0909;
205
- --ds-global-red-2: #4c0b0b;
206
- --ds-global-red-3: #610e0e;
207
- --ds-global-red-4: #7a1111;
208
- --ds-global-red-5: #941515;
209
- --ds-global-red-6: #a11717;
210
- --ds-global-red-7: #cf5252;
211
- --ds-global-red-8: #df8b8b;
212
- --ds-global-red-9: #d76e6e;
213
- --ds-global-red-10: #df8b8b;
214
- --ds-global-red-11: #e7a8a8;
215
- --ds-global-red-12: #df8b8b;
216
- --ds-global-red-13: #f6dfdf;
217
- --ds-global-red-contrast-1: #000000;
218
- --ds-global-red-contrast-2: #271414;
219
- --ds-global-yellow-1: #221c08;
220
- --ds-global-yellow-2: #2b240a;
221
- --ds-global-yellow-3: #382f0c;
222
- --ds-global-yellow-4: #483c10;
223
- --ds-global-yellow-5: #584913;
224
- --ds-global-yellow-6: #5f5015;
225
- --ds-global-yellow-7: #927a20;
226
- --ds-global-yellow-8: #bf9f2a;
227
- --ds-global-yellow-9: #4a3e10;
228
- --ds-global-yellow-10: #615115;
229
- --ds-global-yellow-11: #77631a;
230
- --ds-global-yellow-12: #bf9f2a;
231
- --ds-global-yellow-13: #f1e5b9;
232
- --ds-global-yellow-contrast-1: #ffffff;
233
- --ds-global-yellow-contrast-2: #dbd9d0;
234
-
235
- color-scheme: dark;
236
- }
237
-
238
- @media (prefers-color-scheme: dark) {
239
- [data-color-scheme="auto"] {
240
- --ds-color-accent-background-default: #131f19;
241
- --ds-color-accent-background-subtle: #182820;
242
- --ds-color-accent-surface-default: #1f3429;
243
- --ds-color-accent-surface-hover: #274234;
244
- --ds-color-accent-surface-active: #305140;
245
- --ds-color-accent-border-subtle: #355846;
246
- --ds-color-accent-border-default: #50876b;
247
- --ds-color-accent-border-strong: #69b08c;
248
- --ds-color-accent-base-default: #284436;
249
- --ds-color-accent-base-hover: #345745;
250
- --ds-color-accent-base-active: #406c56;
251
- --ds-color-accent-text-subtle: #69b08c;
252
- --ds-color-accent-text-default: #cfebdd;
253
- --ds-color-accent-contrast-default: #ffffff;
254
- --ds-color-accent-contrast-subtle: #d4d9d7;
255
- --ds-color-neutral-background-default: #1d1d1d;
256
- --ds-color-neutral-background-subtle: #242424;
257
- --ds-color-neutral-surface-default: #303030;
258
- --ds-color-neutral-surface-hover: #3d3d3d;
259
- --ds-color-neutral-surface-active: #4a4a4a;
260
- --ds-color-neutral-border-subtle: #515151;
261
- --ds-color-neutral-border-default: #7c7c7c;
262
- --ds-color-neutral-border-strong: #a2a2a2;
263
- --ds-color-neutral-base-default: #ababab;
264
- --ds-color-neutral-base-hover: #969696;
265
- --ds-color-neutral-base-active: #818181;
266
- --ds-color-neutral-text-subtle: #a2a2a2;
267
- --ds-color-neutral-text-default: #e5e5e5;
268
- --ds-color-neutral-contrast-default: #000000;
269
- --ds-color-neutral-contrast-subtle: #1b1b1b;
270
- --ds-color-support1-background-default: #191e1b;
271
- --ds-color-support1-background-subtle: #202623;
272
- --ds-color-support1-surface-default: #2a312d;
273
- --ds-color-support1-surface-hover: #353f3a;
274
- --ds-color-support1-surface-active: #424d47;
275
- --ds-color-support1-border-subtle: #47544d;
276
- --ds-color-support1-border-default: #6d8076;
277
- --ds-color-support1-border-strong: #8fa89a;
278
- --ds-color-support1-base-default: #232926;
279
- --ds-color-support1-base-hover: #323b36;
280
- --ds-color-support1-base-active: #424e48;
281
- --ds-color-support1-text-subtle: #8fa89a;
282
- --ds-color-support1-text-default: #d7e9df;
283
- --ds-color-support1-contrast-default: #ffffff;
284
- --ds-color-support1-contrast-subtle: #babbbb;
285
- --ds-color-support2-background-default: #1a1d20;
286
- --ds-color-support2-background-subtle: #212528;
287
- --ds-color-support2-surface-default: #2b3035;
288
- --ds-color-support2-surface-hover: #373d43;
289
- --ds-color-support2-surface-active: #434b52;
290
- --ds-color-support2-border-subtle: #495259;
291
- --ds-color-support2-border-default: #707d89;
292
- --ds-color-support2-border-strong: #92a4b3;
293
- --ds-color-support2-base-default: #23282b;
294
- --ds-color-support2-base-hover: #343a3f;
295
- --ds-color-support2-base-active: #444c53;
296
- --ds-color-support2-text-subtle: #92a4b3;
297
- --ds-color-support2-text-default: #d9e6f2;
298
- --ds-color-support2-contrast-default: #ffffff;
299
- --ds-color-support2-contrast-subtle: #babbbc;
300
- --ds-color-support3-background-default: #1f1c18;
301
- --ds-color-support3-background-subtle: #28241e;
302
- --ds-color-support3-surface-default: #342f28;
303
- --ds-color-support3-surface-hover: #423c32;
304
- --ds-color-support3-surface-active: #51493e;
305
- --ds-color-support3-border-subtle: #595043;
306
- --ds-color-support3-border-default: #877a67;
307
- --ds-color-support3-border-strong: #b19f87;
308
- --ds-color-support3-base-default: #2c2721;
309
- --ds-color-support3-base-hover: #3e382f;
310
- --ds-color-support3-base-active: #534b3f;
311
- --ds-color-support3-text-subtle: #b19f87;
312
- --ds-color-support3-text-default: #f0e3d1;
313
- --ds-color-support3-contrast-default: #ffffff;
314
- --ds-color-support3-contrast-subtle: #bcbbb9;
315
- --ds-color-success-background-default: #022306;
316
- --ds-color-success-background-subtle: #022c08;
317
- --ds-color-success-surface-default: #03380a;
318
- --ds-color-success-surface-hover: #03470d;
319
- --ds-color-success-surface-active: #04570f;
320
- --ds-color-success-border-subtle: #045f11;
321
- --ds-color-success-border-default: #178f28;
322
- --ds-color-success-border-strong: #62b36d;
323
- --ds-color-success-base-default: #138d24;
324
- --ds-color-success-base-hover: #3ca14b;
325
- --ds-color-success-base-active: #66b571;
326
- --ds-color-success-text-subtle: #62b36d;
327
- --ds-color-success-text-default: #d4ead7;
328
- --ds-color-success-contrast-default: #000000;
329
- --ds-color-success-contrast-subtle: #010501;
330
- --ds-color-danger-background-default: #3d0909;
331
- --ds-color-danger-background-subtle: #4c0b0b;
332
- --ds-color-danger-surface-default: #610e0e;
333
- --ds-color-danger-surface-hover: #7a1111;
334
- --ds-color-danger-surface-active: #941515;
335
- --ds-color-danger-border-subtle: #a11717;
336
- --ds-color-danger-border-default: #cf5252;
337
- --ds-color-danger-border-strong: #df8b8b;
338
- --ds-color-danger-base-default: #d76e6e;
339
- --ds-color-danger-base-hover: #df8b8b;
340
- --ds-color-danger-base-active: #e7a8a8;
341
- --ds-color-danger-text-subtle: #df8b8b;
342
- --ds-color-danger-text-default: #f6dfdf;
343
- --ds-color-danger-contrast-default: #000000;
344
- --ds-color-danger-contrast-subtle: #271414;
345
- --ds-color-info-background-default: #031e33;
346
- --ds-color-info-background-subtle: #032641;
347
- --ds-color-info-surface-default: #043154;
348
- --ds-color-info-surface-hover: #063f6a;
349
- --ds-color-info-surface-active: #074d82;
350
- --ds-color-info-border-subtle: #07538d;
351
- --ds-color-info-border-default: #2480c7;
352
- --ds-color-info-border-strong: #69a8d8;
353
- --ds-color-info-base-default: #2d85c9;
354
- --ds-color-info-base-hover: #519ad2;
355
- --ds-color-info-base-active: #77b0dc;
356
- --ds-color-info-text-subtle: #69a8d8;
357
- --ds-color-info-text-default: #d6e7f4;
358
- --ds-color-info-contrast-default: #000000;
359
- --ds-color-info-contrast-subtle: #050e15;
360
- --ds-color-warning-background-default: #221c08;
361
- --ds-color-warning-background-subtle: #2b240a;
362
- --ds-color-warning-surface-default: #382f0c;
363
- --ds-color-warning-surface-hover: #483c10;
364
- --ds-color-warning-surface-active: #584913;
365
- --ds-color-warning-border-subtle: #5f5015;
366
- --ds-color-warning-border-default: #927a20;
367
- --ds-color-warning-border-strong: #bf9f2a;
368
- --ds-color-warning-base-default: #bc612a;
369
- --ds-color-warning-base-hover: #c87d4f;
370
- --ds-color-warning-base-active: #d39772;
371
- --ds-color-warning-text-subtle: #d2946e;
372
- --ds-color-warning-text-default: #f2e2d7;
373
- --ds-color-warning-contrast-default: #000000;
374
- --ds-color-warning-contrast-subtle: #070301;
375
- --ds-color-focus-inner: #1d1d1d;
376
- --ds-color-focus-outer: #e5e5e5;
377
- --ds-global-blue-1: #031e33;
378
- --ds-global-blue-2: #032641;
379
- --ds-global-blue-3: #043154;
380
- --ds-global-blue-4: #063f6a;
381
- --ds-global-blue-5: #074d82;
382
- --ds-global-blue-6: #07538d;
383
- --ds-global-blue-7: #2480c7;
384
- --ds-global-blue-8: #69a8d8;
385
- --ds-global-blue-9: #2d85c9;
386
- --ds-global-blue-10: #519ad2;
387
- --ds-global-blue-11: #77b0dc;
388
- --ds-global-blue-12: #69a8d8;
389
- --ds-global-blue-13: #d6e7f4;
390
- --ds-global-blue-contrast-1: #000000;
391
- --ds-global-blue-contrast-2: #050e15;
392
- --ds-global-green-1: #022306;
393
- --ds-global-green-2: #022c08;
394
- --ds-global-green-3: #03380a;
395
- --ds-global-green-4: #03470d;
396
- --ds-global-green-5: #04570f;
397
- --ds-global-green-6: #045f11;
398
- --ds-global-green-7: #178f28;
399
- --ds-global-green-8: #62b36d;
400
- --ds-global-green-9: #138d24;
401
- --ds-global-green-10: #3ca14b;
402
- --ds-global-green-11: #66b571;
403
- --ds-global-green-12: #62b36d;
404
- --ds-global-green-13: #d4ead7;
405
- --ds-global-green-contrast-1: #000000;
406
- --ds-global-green-contrast-2: #010501;
407
- --ds-global-orange-1: #2f1607;
408
- --ds-global-orange-2: #3b1c09;
409
- --ds-global-orange-3: #4d250c;
410
- --ds-global-orange-4: #612f0f;
411
- --ds-global-orange-5: #773913;
412
- --ds-global-orange-6: #823e14;
413
- --ds-global-orange-7: #bd632d;
414
- --ds-global-orange-8: #d2946e;
415
- --ds-global-orange-9: #bc612a;
416
- --ds-global-orange-10: #c87d4f;
417
- --ds-global-orange-11: #d39772;
418
- --ds-global-orange-12: #d2946e;
419
- --ds-global-orange-13: #f2e2d7;
420
- --ds-global-orange-contrast-1: #000000;
421
- --ds-global-orange-contrast-2: #070301;
422
- --ds-global-purple-1: #27133a;
423
- --ds-global-purple-2: #31184a;
424
- --ds-global-purple-3: #401f5f;
425
- --ds-global-purple-4: #512879;
426
- --ds-global-purple-5: #633094;
427
- --ds-global-purple-6: #6a379c;
428
- --ds-global-purple-7: #916cb6;
429
- --ds-global-purple-8: #b297cb;
430
- --ds-global-purple-9: #b49acd;
431
- --ds-global-purple-10: #a282c1;
432
- --ds-global-purple-11: #906ab5;
433
- --ds-global-purple-12: #b297cb;
434
- --ds-global-purple-13: #e9e2f0;
435
- --ds-global-purple-contrast-1: #000000;
436
- --ds-global-purple-contrast-2: #18151c;
437
- --ds-global-red-1: #3d0909;
438
- --ds-global-red-2: #4c0b0b;
439
- --ds-global-red-3: #610e0e;
440
- --ds-global-red-4: #7a1111;
441
- --ds-global-red-5: #941515;
442
- --ds-global-red-6: #a11717;
443
- --ds-global-red-7: #cf5252;
444
- --ds-global-red-8: #df8b8b;
445
- --ds-global-red-9: #d76e6e;
446
- --ds-global-red-10: #df8b8b;
447
- --ds-global-red-11: #e7a8a8;
448
- --ds-global-red-12: #df8b8b;
449
- --ds-global-red-13: #f6dfdf;
450
- --ds-global-red-contrast-1: #000000;
451
- --ds-global-red-contrast-2: #271414;
452
- --ds-global-yellow-1: #221c08;
453
- --ds-global-yellow-2: #2b240a;
454
- --ds-global-yellow-3: #382f0c;
455
- --ds-global-yellow-4: #483c10;
456
- --ds-global-yellow-5: #584913;
457
- --ds-global-yellow-6: #5f5015;
458
- --ds-global-yellow-7: #927a20;
459
- --ds-global-yellow-8: #bf9f2a;
460
- --ds-global-yellow-9: #4a3e10;
461
- --ds-global-yellow-10: #615115;
462
- --ds-global-yellow-11: #77631a;
463
- --ds-global-yellow-12: #bf9f2a;
464
- --ds-global-yellow-13: #f1e5b9;
465
- --ds-global-yellow-contrast-1: #ffffff;
466
- --ds-global-yellow-contrast-2: #dbd9d0;
467
-
468
- color-scheme: dark;
469
- }
470
-
471
- }
472
-
473
- }