@dialpad/dialtone-css 8.60.0 → 8.61.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 (41) hide show
  1. package/lib/build/less/components/modal.less +1 -0
  2. package/lib/build/less/components/selects.less +0 -1
  3. package/lib/build/less/utilities/layout.less +1 -0
  4. package/lib/dist/dialtone-default-theme.css +6588 -583
  5. package/lib/dist/dialtone-default-theme.min.css +1 -1
  6. package/lib/dist/dialtone-docs.json +1 -1
  7. package/lib/dist/dialtone.css +2029 -1
  8. package/lib/dist/dialtone.min.css +1 -1
  9. package/lib/dist/tokens/tokens-aegean-dark.css +467 -0
  10. package/lib/dist/tokens/tokens-aegean-light.css +467 -0
  11. package/lib/dist/tokens/tokens-base-dark.css +8 -8
  12. package/lib/dist/tokens/tokens-base-deca-dark.css +8 -8
  13. package/lib/dist/tokens/tokens-botany-dark.css +474 -0
  14. package/lib/dist/tokens/tokens-botany-light.css +460 -0
  15. package/lib/dist/tokens/tokens-buttercream-dark.css +474 -0
  16. package/lib/dist/tokens/tokens-buttercream-light.css +3476 -0
  17. package/lib/dist/tokens/tokens-ceruleo-dark.css +488 -0
  18. package/lib/dist/tokens/tokens-ceruleo-default.css +488 -0
  19. package/lib/dist/tokens/tokens-debug-dp.css +986 -6
  20. package/lib/dist/tokens/tokens-deca-dark.css +41 -1846
  21. package/lib/dist/tokens/tokens-deca-light.css +62 -1874
  22. package/lib/dist/tokens/tokens-dp-dark.css +1259 -111
  23. package/lib/dist/tokens/tokens-dp-light.css +1001 -21
  24. package/lib/dist/tokens/tokens-expressive-dark.css +1231 -111
  25. package/lib/dist/tokens/tokens-expressive-light.css +1001 -21
  26. package/lib/dist/tokens/tokens-expressive-sm-dark.css +1259 -111
  27. package/lib/dist/tokens/tokens-expressive-sm-light.css +1001 -21
  28. package/lib/dist/tokens/tokens-high-desert-dark.css +467 -0
  29. package/lib/dist/tokens/tokens-high-desert-light.css +467 -0
  30. package/lib/dist/tokens/tokens-melon-dark.css +467 -0
  31. package/lib/dist/tokens/tokens-melon-light.css +467 -0
  32. package/lib/dist/tokens/tokens-plum-dark.css +460 -0
  33. package/lib/dist/tokens/tokens-plum-light.css +460 -0
  34. package/lib/dist/tokens/tokens-sunflower-dark.css +467 -0
  35. package/lib/dist/tokens/tokens-sunflower-light.css +467 -0
  36. package/lib/dist/tokens/tokens-tmo-dark.css +1476 -328
  37. package/lib/dist/tokens/tokens-tmo-light.css +1260 -280
  38. package/lib/dist/tokens/tokens-verdant-haze-dark.css +474 -0
  39. package/lib/dist/tokens/tokens-verdant-haze-light.css +474 -0
  40. package/lib/dist/tokens-docs.json +1 -1
  41. package/package.json +3 -3
@@ -146,6 +146,34 @@
146
146
  --dt-radio-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
147
147
  --dt-radio-color-foreground-default: var(--dt-color-neutral-transparent);
148
148
  --dt-radio-size-width: var(--dt-size-500);
149
+ --dt-presence-color-offline-h: var(--dt-color-black-500-h);
150
+ --dt-presence-color-offline-s: var(--dt-color-black-500-s);
151
+ --dt-presence-color-offline-l: var(--dt-color-black-500-l);
152
+ --dt-presence-color-offline-a: var(--dt-color-black-500-a);
153
+ --dt-presence-color-offline-hsl: var(--dt-color-black-500-hsl);
154
+ --dt-presence-color-offline-hsla: var(--dt-color-black-500-hsla);
155
+ --dt-presence-color-offline: var(--dt-color-black-500);
156
+ --dt-presence-color-busy-h: var(--dt-color-gold-400-h);
157
+ --dt-presence-color-busy-s: var(--dt-color-gold-400-s);
158
+ --dt-presence-color-busy-l: var(--dt-color-gold-400-l);
159
+ --dt-presence-color-busy-a: var(--dt-color-gold-400-a);
160
+ --dt-presence-color-busy-hsl: var(--dt-color-gold-400-hsl);
161
+ --dt-presence-color-busy-hsla: var(--dt-color-gold-400-hsla);
162
+ --dt-presence-color-busy: var(--dt-color-gold-400);
163
+ --dt-presence-color-unavailable-h: var(--dt-color-red-450-h);
164
+ --dt-presence-color-unavailable-s: var(--dt-color-red-450-s);
165
+ --dt-presence-color-unavailable-l: var(--dt-color-red-450-l);
166
+ --dt-presence-color-unavailable-a: var(--dt-color-red-450-a);
167
+ --dt-presence-color-unavailable-hsl: var(--dt-color-red-450-hsl);
168
+ --dt-presence-color-unavailable-hsla: var(--dt-color-red-450-hsla);
169
+ --dt-presence-color-unavailable: var(--dt-color-red-450);
170
+ --dt-presence-color-available-h: var(--dt-color-green-475-h);
171
+ --dt-presence-color-available-s: var(--dt-color-green-475-s);
172
+ --dt-presence-color-available-l: var(--dt-color-green-475-l);
173
+ --dt-presence-color-available-a: var(--dt-color-green-475-a);
174
+ --dt-presence-color-available-hsl: var(--dt-color-green-475-hsl);
175
+ --dt-presence-color-available-hsla: var(--dt-color-green-475-hsla);
176
+ --dt-presence-color-available: var(--dt-color-green-475);
149
177
  --dt-icon-size-border-100: var(--dt-size-border-100);
150
178
  --dt-checkbox-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
151
179
  --dt-checkbox-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
@@ -233,6 +261,97 @@
233
261
  --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
234
262
  --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
235
263
  --dt-avatar-color-foreground: var(--dt-color-neutral-black);
264
+ --dt-shell-logo-color-wordmark-h: var(--dt-color-purple-1000-h);
265
+ --dt-shell-logo-color-wordmark-s: var(--dt-color-purple-1000-s);
266
+ --dt-shell-logo-color-wordmark-l: var(--dt-color-purple-1000-l);
267
+ --dt-shell-logo-color-wordmark-a: var(--dt-color-purple-1000-a);
268
+ --dt-shell-logo-color-wordmark-hsl: var(--dt-color-purple-1000-hsl);
269
+ --dt-shell-logo-color-wordmark-hsla: var(--dt-color-purple-1000-hsla);
270
+ --dt-shell-logo-color-wordmark: var(--dt-color-purple-1000);
271
+ --dt-shell-logo-color-star-h: var(--dt-color-purple-400-h);
272
+ --dt-shell-logo-color-star-s: var(--dt-color-purple-400-s);
273
+ --dt-shell-logo-color-star-l: var(--dt-color-purple-400-l);
274
+ --dt-shell-logo-color-star-a: var(--dt-color-purple-400-a);
275
+ --dt-shell-logo-color-star-hsl: var(--dt-color-purple-400-hsl);
276
+ --dt-shell-logo-color-star-hsla: var(--dt-color-purple-400-hsla);
277
+ --dt-shell-logo-color-star: var(--dt-color-purple-400);
278
+ --dt-shell-mention-color-foreground-secondary-h: var(--dt-color-black-100-h);
279
+ --dt-shell-mention-color-foreground-secondary-s: var(--dt-color-black-100-s);
280
+ --dt-shell-mention-color-foreground-secondary-l: var(--dt-color-black-100-l);
281
+ --dt-shell-mention-color-foreground-secondary-a: var(--dt-color-black-100-a);
282
+ --dt-shell-mention-color-foreground-secondary-hsl: var(--dt-color-black-100-hsl);
283
+ --dt-shell-mention-color-foreground-secondary-hsla: var(--dt-color-black-100-hsla);
284
+ --dt-shell-mention-color-foreground-secondary: var(--dt-color-black-100);
285
+ --dt-shell-mention-color-foreground-primary-h: var(--dt-color-black-50-h);
286
+ --dt-shell-mention-color-foreground-primary-s: var(--dt-color-black-50-s);
287
+ --dt-shell-mention-color-foreground-primary-l: var(--dt-color-black-50-l);
288
+ --dt-shell-mention-color-foreground-primary-a: var(--dt-color-black-50-a);
289
+ --dt-shell-mention-color-foreground-primary-hsl: var(--dt-color-black-50-hsl);
290
+ --dt-shell-mention-color-foreground-primary-hsla: var(--dt-color-black-50-hsla);
291
+ --dt-shell-mention-color-foreground-primary: var(--dt-color-black-50);
292
+ --dt-shell-base-action-color-background-muted-h: var(--dt-color-black-800-h);
293
+ --dt-shell-base-action-color-background-muted-s: var(--dt-color-black-800-s);
294
+ --dt-shell-base-action-color-background-muted-l: var(--dt-color-black-800-l);
295
+ --dt-shell-base-action-color-background-muted-a: var(--dt-color-black-800-a);
296
+ --dt-shell-base-action-color-background-muted-hsl: var(--dt-color-black-800-hsl);
297
+ --dt-shell-base-action-color-background-muted-hsla: var(--dt-color-black-800-hsla);
298
+ --dt-shell-base-action-color-background-muted: var(--dt-color-black-800);
299
+ --dt-shell-base-action-color-background-secondary-h: var(--dt-color-black-800-h);
300
+ --dt-shell-base-action-color-background-secondary-s: var(--dt-color-black-800-s);
301
+ --dt-shell-base-action-color-background-secondary-l: var(--dt-color-black-800-l);
302
+ --dt-shell-base-action-color-background-secondary-a: var(--dt-color-black-800-a);
303
+ --dt-shell-base-action-color-background-secondary-hsl: var(--dt-color-black-800-hsl);
304
+ --dt-shell-base-action-color-background-secondary-hsla: var(--dt-color-black-800-hsla);
305
+ --dt-shell-base-action-color-background-secondary: var(--dt-color-black-800);
306
+ --dt-shell-base-action-color-background-primary-h: var(--dt-color-black-800-h);
307
+ --dt-shell-base-action-color-background-primary-s: var(--dt-color-black-800-s);
308
+ --dt-shell-base-action-color-background-primary-l: var(--dt-color-black-800-l);
309
+ --dt-shell-base-action-color-background-primary-a: var(--dt-color-black-800-a);
310
+ --dt-shell-base-action-color-background-primary-hsl: var(--dt-color-black-800-hsl);
311
+ --dt-shell-base-action-color-background-primary-hsla: var(--dt-color-black-800-hsla);
312
+ --dt-shell-base-action-color-background-primary: var(--dt-color-black-800);
313
+ --dt-shell-base-color-status-away-h: var(--dt-color-black-500-h);
314
+ --dt-shell-base-color-status-away-s: var(--dt-color-black-500-s);
315
+ --dt-shell-base-color-status-away-l: var(--dt-color-black-500-l);
316
+ --dt-shell-base-color-status-away-a: var(--dt-color-black-500-a);
317
+ --dt-shell-base-color-status-away-hsl: var(--dt-color-black-500-hsl);
318
+ --dt-shell-base-color-status-away-hsla: var(--dt-color-black-500-hsla);
319
+ --dt-shell-base-color-status-away: var(--dt-color-black-500);
320
+ --dt-shell-base-color-status-warning-h: var(--dt-color-gold-500-h);
321
+ --dt-shell-base-color-status-warning-s: var(--dt-color-gold-500-s);
322
+ --dt-shell-base-color-status-warning-l: var(--dt-color-gold-500-l);
323
+ --dt-shell-base-color-status-warning-a: var(--dt-color-gold-500-a);
324
+ --dt-shell-base-color-status-warning-hsl: var(--dt-color-gold-500-hsl);
325
+ --dt-shell-base-color-status-warning-hsla: var(--dt-color-gold-500-hsla);
326
+ --dt-shell-base-color-status-warning: var(--dt-color-gold-500);
327
+ --dt-shell-base-color-status-critical-h: var(--dt-color-red-500-h);
328
+ --dt-shell-base-color-status-critical-s: var(--dt-color-red-500-s);
329
+ --dt-shell-base-color-status-critical-l: var(--dt-color-red-500-l);
330
+ --dt-shell-base-color-status-critical-a: var(--dt-color-red-500-a);
331
+ --dt-shell-base-color-status-critical-hsl: var(--dt-color-red-500-hsl);
332
+ --dt-shell-base-color-status-critical-hsla: var(--dt-color-red-500-hsla);
333
+ --dt-shell-base-color-status-critical: var(--dt-color-red-500);
334
+ --dt-shell-base-color-status-positive-h: var(--dt-color-green-425-h);
335
+ --dt-shell-base-color-status-positive-s: var(--dt-color-green-425-s);
336
+ --dt-shell-base-color-status-positive-l: var(--dt-color-green-425-l);
337
+ --dt-shell-base-color-status-positive-a: var(--dt-color-green-425-a);
338
+ --dt-shell-base-color-status-positive-hsl: var(--dt-color-green-425-hsl);
339
+ --dt-shell-base-color-status-positive-hsla: var(--dt-color-green-425-hsla);
340
+ --dt-shell-base-color-status-positive: var(--dt-color-green-425);
341
+ --dt-shell-base-color-border-h: var(--dt-color-black-900-h);
342
+ --dt-shell-base-color-border-s: var(--dt-color-black-900-s);
343
+ --dt-shell-base-color-border-l: var(--dt-color-black-900-l);
344
+ --dt-shell-base-color-border-a: var(--dt-color-black-900-a);
345
+ --dt-shell-base-color-border-hsl: var(--dt-color-black-900-hsl);
346
+ --dt-shell-base-color-border-hsla: var(--dt-color-black-900-hsla);
347
+ --dt-shell-base-color-border: var(--dt-color-black-900);
348
+ --dt-shell-base-color-foreground-h: var(--dt-color-black-900-h);
349
+ --dt-shell-base-color-foreground-s: var(--dt-color-black-900-s);
350
+ --dt-shell-base-color-foreground-l: var(--dt-color-black-900-l);
351
+ --dt-shell-base-color-foreground-a: var(--dt-color-black-900-a);
352
+ --dt-shell-base-color-foreground-hsl: var(--dt-color-black-900-hsl);
353
+ --dt-shell-base-color-foreground-hsla: var(--dt-color-black-900-hsla);
354
+ --dt-shell-base-color-foreground: var(--dt-color-black-900);
236
355
  --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-550-h);
237
356
  --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-550-s);
238
357
  --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-550-l);
@@ -247,27 +366,27 @@
247
366
  --dt-theme-mention-color-foreground-hsl: var(--dt-color-black-50-hsl);
248
367
  --dt-theme-mention-color-foreground-hsla: var(--dt-color-black-50-hsla);
249
368
  --dt-theme-mention-color-foreground: var(--dt-color-black-50);
250
- --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
251
- --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
252
- --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
253
- --dt-theme-presence-color-background-offline-a: var(--dt-color-neutral-white-a);
254
- --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
255
- --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
256
- --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
257
- --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-400-h);
258
- --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-400-s);
259
- --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-400-l);
260
- --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-400-a);
261
- --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-400-hsl);
262
- --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-400-hsla);
263
- --dt-theme-presence-color-background-busy: var(--dt-color-gold-400);
264
- --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-400-h);
265
- --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-400-s);
266
- --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-400-l);
267
- --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-400-a);
268
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
269
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
270
- --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-400);
369
+ --dt-theme-presence-color-background-offline-h: var(--dt-color-black-500-h);
370
+ --dt-theme-presence-color-background-offline-s: var(--dt-color-black-500-s);
371
+ --dt-theme-presence-color-background-offline-l: var(--dt-color-black-500-l);
372
+ --dt-theme-presence-color-background-offline-a: var(--dt-color-black-500-a);
373
+ --dt-theme-presence-color-background-offline-hsl: var(--dt-color-black-500-hsl);
374
+ --dt-theme-presence-color-background-offline-hsla: var(--dt-color-black-500-hsla);
375
+ --dt-theme-presence-color-background-offline: var(--dt-color-black-500);
376
+ --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-500-h);
377
+ --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-500-s);
378
+ --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-500-l);
379
+ --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-500-a);
380
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-500-hsl);
381
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-500-hsla);
382
+ --dt-theme-presence-color-background-busy: var(--dt-color-gold-500);
383
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-500-h);
384
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-500-s);
385
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-500-l);
386
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-500-a);
387
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-500-hsl);
388
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-500-hsla);
389
+ --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-500);
271
390
  --dt-theme-presence-color-background-available-h: var(--dt-color-green-425-h);
272
391
  --dt-theme-presence-color-background-available-s: var(--dt-color-green-425-s);
273
392
  --dt-theme-presence-color-background-available-l: var(--dt-color-green-425-l);
@@ -539,6 +658,573 @@
539
658
  --dt-typography-body-md-text-case: var(--dt-font-text-case-none); /* Base default medium text style for main content. */
540
659
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
541
660
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
661
+ --dt-color-chart-sequential-10-selected-h: var(--dt-color-indigo-1000-h);
662
+ --dt-color-chart-sequential-10-selected-s: var(--dt-color-indigo-1000-s);
663
+ --dt-color-chart-sequential-10-selected-l: var(--dt-color-indigo-1000-l);
664
+ --dt-color-chart-sequential-10-selected-a: var(--dt-color-indigo-1000-a);
665
+ --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-indigo-1000-hsl);
666
+ --dt-color-chart-sequential-10-selected-hsla: var(--dt-color-indigo-1000-hsla);
667
+ --dt-color-chart-sequential-10-selected: var(--dt-color-indigo-1000); /* Selected state for tenth sequential chart color. */
668
+ --dt-color-chart-sequential-10-hover-h: var(--dt-color-indigo-1000-h);
669
+ --dt-color-chart-sequential-10-hover-s: var(--dt-color-indigo-1000-s);
670
+ --dt-color-chart-sequential-10-hover-l: var(--dt-color-indigo-1000-l);
671
+ --dt-color-chart-sequential-10-hover-a: var(--dt-color-indigo-1000-a);
672
+ --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-indigo-1000-hsl);
673
+ --dt-color-chart-sequential-10-hover-hsla: var(--dt-color-indigo-1000-hsla);
674
+ --dt-color-chart-sequential-10-hover: var(--dt-color-indigo-1000); /* Hover state for tenth sequential chart color. */
675
+ --dt-color-chart-sequential-09-selected-h: var(--dt-color-indigo-1000-h);
676
+ --dt-color-chart-sequential-09-selected-s: var(--dt-color-indigo-1000-s);
677
+ --dt-color-chart-sequential-09-selected-l: var(--dt-color-indigo-1000-l);
678
+ --dt-color-chart-sequential-09-selected-a: var(--dt-color-indigo-1000-a);
679
+ --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-indigo-1000-hsl);
680
+ --dt-color-chart-sequential-09-selected-hsla: var(--dt-color-indigo-1000-hsla);
681
+ --dt-color-chart-sequential-09-selected: var(--dt-color-indigo-1000); /* Selected state for ninth sequential chart color. */
682
+ --dt-color-chart-sequential-09-hover-h: var(--dt-color-indigo-950-h);
683
+ --dt-color-chart-sequential-09-hover-s: var(--dt-color-indigo-950-s);
684
+ --dt-color-chart-sequential-09-hover-l: var(--dt-color-indigo-950-l);
685
+ --dt-color-chart-sequential-09-hover-a: var(--dt-color-indigo-950-a);
686
+ --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-indigo-950-hsl);
687
+ --dt-color-chart-sequential-09-hover-hsla: var(--dt-color-indigo-950-hsla);
688
+ --dt-color-chart-sequential-09-hover: var(--dt-color-indigo-950); /* Hover state for ninth sequential chart color. */
689
+ --dt-color-chart-sequential-09-h: var(--dt-color-indigo-900-h);
690
+ --dt-color-chart-sequential-09-s: var(--dt-color-indigo-900-s);
691
+ --dt-color-chart-sequential-09-l: var(--dt-color-indigo-900-l);
692
+ --dt-color-chart-sequential-09-a: var(--dt-color-indigo-900-a);
693
+ --dt-color-chart-sequential-09-hsl: var(--dt-color-indigo-900-hsl);
694
+ --dt-color-chart-sequential-09-hsla: var(--dt-color-indigo-900-hsla);
695
+ --dt-color-chart-sequential-09: var(--dt-color-indigo-900); /* Ninth color in sequential chart series, extremely dark shade. */
696
+ --dt-color-chart-sequential-08-selected-h: var(--dt-color-indigo-950-h);
697
+ --dt-color-chart-sequential-08-selected-s: var(--dt-color-indigo-950-s);
698
+ --dt-color-chart-sequential-08-selected-l: var(--dt-color-indigo-950-l);
699
+ --dt-color-chart-sequential-08-selected-a: var(--dt-color-indigo-950-a);
700
+ --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-indigo-950-hsl);
701
+ --dt-color-chart-sequential-08-selected-hsla: var(--dt-color-indigo-950-hsla);
702
+ --dt-color-chart-sequential-08-selected: var(--dt-color-indigo-950); /* Selected state for eighth sequential chart color. */
703
+ --dt-color-chart-sequential-08-hover-h: var(--dt-color-indigo-900-h);
704
+ --dt-color-chart-sequential-08-hover-s: var(--dt-color-indigo-900-s);
705
+ --dt-color-chart-sequential-08-hover-l: var(--dt-color-indigo-900-l);
706
+ --dt-color-chart-sequential-08-hover-a: var(--dt-color-indigo-900-a);
707
+ --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-indigo-900-hsl);
708
+ --dt-color-chart-sequential-08-hover-hsla: var(--dt-color-indigo-900-hsla);
709
+ --dt-color-chart-sequential-08-hover: var(--dt-color-indigo-900); /* Hover state for eighth sequential chart color. */
710
+ --dt-color-chart-sequential-08-h: var(--dt-color-indigo-800-h);
711
+ --dt-color-chart-sequential-08-s: var(--dt-color-indigo-800-s);
712
+ --dt-color-chart-sequential-08-l: var(--dt-color-indigo-800-l);
713
+ --dt-color-chart-sequential-08-a: var(--dt-color-indigo-800-a);
714
+ --dt-color-chart-sequential-08-hsl: var(--dt-color-indigo-800-hsl);
715
+ --dt-color-chart-sequential-08-hsla: var(--dt-color-indigo-800-hsla);
716
+ --dt-color-chart-sequential-08: var(--dt-color-indigo-800); /* Eighth color in sequential chart series, very dark shade. */
717
+ --dt-color-chart-sequential-07-selected-h: var(--dt-color-indigo-1000-h);
718
+ --dt-color-chart-sequential-07-selected-s: var(--dt-color-indigo-1000-s);
719
+ --dt-color-chart-sequential-07-selected-l: var(--dt-color-indigo-1000-l);
720
+ --dt-color-chart-sequential-07-selected-a: var(--dt-color-indigo-1000-a);
721
+ --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-indigo-1000-hsl);
722
+ --dt-color-chart-sequential-07-selected-hsla: var(--dt-color-indigo-1000-hsla);
723
+ --dt-color-chart-sequential-07-selected: var(--dt-color-indigo-1000); /* Selected state for seventh sequential chart color. */
724
+ --dt-color-chart-sequential-07-hover-h: var(--dt-color-indigo-800-h);
725
+ --dt-color-chart-sequential-07-hover-s: var(--dt-color-indigo-800-s);
726
+ --dt-color-chart-sequential-07-hover-l: var(--dt-color-indigo-800-l);
727
+ --dt-color-chart-sequential-07-hover-a: var(--dt-color-indigo-800-a);
728
+ --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-indigo-800-hsl);
729
+ --dt-color-chart-sequential-07-hover-hsla: var(--dt-color-indigo-800-hsla);
730
+ --dt-color-chart-sequential-07-hover: var(--dt-color-indigo-800); /* Hover state for seventh sequential chart color. */
731
+ --dt-color-chart-sequential-07-h: var(--dt-color-indigo-700-h);
732
+ --dt-color-chart-sequential-07-s: var(--dt-color-indigo-700-s);
733
+ --dt-color-chart-sequential-07-l: var(--dt-color-indigo-700-l);
734
+ --dt-color-chart-sequential-07-a: var(--dt-color-indigo-700-a);
735
+ --dt-color-chart-sequential-07-hsl: var(--dt-color-indigo-700-hsl);
736
+ --dt-color-chart-sequential-07-hsla: var(--dt-color-indigo-700-hsla);
737
+ --dt-color-chart-sequential-07: var(--dt-color-indigo-700); /* Seventh color in sequential chart series, dark shade. */
738
+ --dt-color-chart-sequential-06-selected-h: var(--dt-color-indigo-950-h);
739
+ --dt-color-chart-sequential-06-selected-s: var(--dt-color-indigo-950-s);
740
+ --dt-color-chart-sequential-06-selected-l: var(--dt-color-indigo-950-l);
741
+ --dt-color-chart-sequential-06-selected-a: var(--dt-color-indigo-950-a);
742
+ --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-indigo-950-hsl);
743
+ --dt-color-chart-sequential-06-selected-hsla: var(--dt-color-indigo-950-hsla);
744
+ --dt-color-chart-sequential-06-selected: var(--dt-color-indigo-950); /* Selected state for sixth sequential chart color. */
745
+ --dt-color-chart-sequential-06-hover-h: var(--dt-color-indigo-700-h);
746
+ --dt-color-chart-sequential-06-hover-s: var(--dt-color-indigo-700-s);
747
+ --dt-color-chart-sequential-06-hover-l: var(--dt-color-indigo-700-l);
748
+ --dt-color-chart-sequential-06-hover-a: var(--dt-color-indigo-700-a);
749
+ --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-indigo-700-hsl);
750
+ --dt-color-chart-sequential-06-hover-hsla: var(--dt-color-indigo-700-hsla);
751
+ --dt-color-chart-sequential-06-hover: var(--dt-color-indigo-700); /* Hover state for sixth sequential chart color. */
752
+ --dt-color-chart-sequential-06-h: var(--dt-color-indigo-600-h);
753
+ --dt-color-chart-sequential-06-s: var(--dt-color-indigo-600-s);
754
+ --dt-color-chart-sequential-06-l: var(--dt-color-indigo-600-l);
755
+ --dt-color-chart-sequential-06-a: var(--dt-color-indigo-600-a);
756
+ --dt-color-chart-sequential-06-hsl: var(--dt-color-indigo-600-hsl);
757
+ --dt-color-chart-sequential-06-hsla: var(--dt-color-indigo-600-hsla);
758
+ --dt-color-chart-sequential-06: var(--dt-color-indigo-600); /* Sixth color in sequential chart series, medium-dark shade. */
759
+ --dt-color-chart-sequential-05-selected-h: var(--dt-color-indigo-800-h);
760
+ --dt-color-chart-sequential-05-selected-s: var(--dt-color-indigo-800-s);
761
+ --dt-color-chart-sequential-05-selected-l: var(--dt-color-indigo-800-l);
762
+ --dt-color-chart-sequential-05-selected-a: var(--dt-color-indigo-800-a);
763
+ --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-indigo-800-hsl);
764
+ --dt-color-chart-sequential-05-selected-hsla: var(--dt-color-indigo-800-hsla);
765
+ --dt-color-chart-sequential-05-selected: var(--dt-color-indigo-800); /* Selected state for fifth sequential chart color. */
766
+ --dt-color-chart-sequential-05-hover-h: var(--dt-color-indigo-600-h);
767
+ --dt-color-chart-sequential-05-hover-s: var(--dt-color-indigo-600-s);
768
+ --dt-color-chart-sequential-05-hover-l: var(--dt-color-indigo-600-l);
769
+ --dt-color-chart-sequential-05-hover-a: var(--dt-color-indigo-600-a);
770
+ --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-indigo-600-hsl);
771
+ --dt-color-chart-sequential-05-hover-hsla: var(--dt-color-indigo-600-hsla);
772
+ --dt-color-chart-sequential-05-hover: var(--dt-color-indigo-600); /* Hover state for fifth sequential chart color. */
773
+ --dt-color-chart-sequential-05-h: var(--dt-color-indigo-500-h);
774
+ --dt-color-chart-sequential-05-s: var(--dt-color-indigo-500-s);
775
+ --dt-color-chart-sequential-05-l: var(--dt-color-indigo-500-l);
776
+ --dt-color-chart-sequential-05-a: var(--dt-color-indigo-500-a);
777
+ --dt-color-chart-sequential-05-hsl: var(--dt-color-indigo-500-hsl);
778
+ --dt-color-chart-sequential-05-hsla: var(--dt-color-indigo-500-hsla);
779
+ --dt-color-chart-sequential-05: var(--dt-color-indigo-500); /* Fifth color in sequential chart series, medium shade. */
780
+ --dt-color-chart-sequential-04-selected-h: var(--dt-color-indigo-700-h);
781
+ --dt-color-chart-sequential-04-selected-s: var(--dt-color-indigo-700-s);
782
+ --dt-color-chart-sequential-04-selected-l: var(--dt-color-indigo-700-l);
783
+ --dt-color-chart-sequential-04-selected-a: var(--dt-color-indigo-700-a);
784
+ --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-indigo-700-hsl);
785
+ --dt-color-chart-sequential-04-selected-hsla: var(--dt-color-indigo-700-hsla);
786
+ --dt-color-chart-sequential-04-selected: var(--dt-color-indigo-700); /* Selected state for fourth sequential chart color. */
787
+ --dt-color-chart-sequential-04-hover-h: var(--dt-color-indigo-500-h);
788
+ --dt-color-chart-sequential-04-hover-s: var(--dt-color-indigo-500-s);
789
+ --dt-color-chart-sequential-04-hover-l: var(--dt-color-indigo-500-l);
790
+ --dt-color-chart-sequential-04-hover-a: var(--dt-color-indigo-500-a);
791
+ --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-indigo-500-hsl);
792
+ --dt-color-chart-sequential-04-hover-hsla: var(--dt-color-indigo-500-hsla);
793
+ --dt-color-chart-sequential-04-hover: var(--dt-color-indigo-500); /* Hover state for fourth sequential chart color. */
794
+ --dt-color-chart-sequential-04-h: var(--dt-color-indigo-400-h);
795
+ --dt-color-chart-sequential-04-s: var(--dt-color-indigo-400-s);
796
+ --dt-color-chart-sequential-04-l: var(--dt-color-indigo-400-l);
797
+ --dt-color-chart-sequential-04-a: var(--dt-color-indigo-400-a);
798
+ --dt-color-chart-sequential-04-hsl: var(--dt-color-indigo-400-hsl);
799
+ --dt-color-chart-sequential-04-hsla: var(--dt-color-indigo-400-hsla);
800
+ --dt-color-chart-sequential-04: var(--dt-color-indigo-400); /* Fourth color in sequential chart series, light-medium shade. */
801
+ --dt-color-chart-sequential-03-selected-h: var(--dt-color-indigo-600-h);
802
+ --dt-color-chart-sequential-03-selected-s: var(--dt-color-indigo-600-s);
803
+ --dt-color-chart-sequential-03-selected-l: var(--dt-color-indigo-600-l);
804
+ --dt-color-chart-sequential-03-selected-a: var(--dt-color-indigo-600-a);
805
+ --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-indigo-600-hsl);
806
+ --dt-color-chart-sequential-03-selected-hsla: var(--dt-color-indigo-600-hsla);
807
+ --dt-color-chart-sequential-03-selected: var(--dt-color-indigo-600); /* Selected state for third sequential chart color. */
808
+ --dt-color-chart-sequential-03-hover-h: var(--dt-color-indigo-400-h);
809
+ --dt-color-chart-sequential-03-hover-s: var(--dt-color-indigo-400-s);
810
+ --dt-color-chart-sequential-03-hover-l: var(--dt-color-indigo-400-l);
811
+ --dt-color-chart-sequential-03-hover-a: var(--dt-color-indigo-400-a);
812
+ --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-indigo-400-hsl);
813
+ --dt-color-chart-sequential-03-hover-hsla: var(--dt-color-indigo-400-hsla);
814
+ --dt-color-chart-sequential-03-hover: var(--dt-color-indigo-400); /* Hover state for third sequential chart color. */
815
+ --dt-color-chart-sequential-03-h: var(--dt-color-indigo-300-h);
816
+ --dt-color-chart-sequential-03-s: var(--dt-color-indigo-300-s);
817
+ --dt-color-chart-sequential-03-l: var(--dt-color-indigo-300-l);
818
+ --dt-color-chart-sequential-03-a: var(--dt-color-indigo-300-a);
819
+ --dt-color-chart-sequential-03-hsl: var(--dt-color-indigo-300-hsl);
820
+ --dt-color-chart-sequential-03-hsla: var(--dt-color-indigo-300-hsla);
821
+ --dt-color-chart-sequential-03: var(--dt-color-indigo-300); /* Third color in sequential chart series, light shade. */
822
+ --dt-color-chart-sequential-02-selected-h: var(--dt-color-indigo-500-h);
823
+ --dt-color-chart-sequential-02-selected-s: var(--dt-color-indigo-500-s);
824
+ --dt-color-chart-sequential-02-selected-l: var(--dt-color-indigo-500-l);
825
+ --dt-color-chart-sequential-02-selected-a: var(--dt-color-indigo-500-a);
826
+ --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-indigo-500-hsl);
827
+ --dt-color-chart-sequential-02-selected-hsla: var(--dt-color-indigo-500-hsla);
828
+ --dt-color-chart-sequential-02-selected: var(--dt-color-indigo-500); /* Selected state for second sequential chart color. */
829
+ --dt-color-chart-sequential-02-hover-h: var(--dt-color-indigo-300-h);
830
+ --dt-color-chart-sequential-02-hover-s: var(--dt-color-indigo-300-s);
831
+ --dt-color-chart-sequential-02-hover-l: var(--dt-color-indigo-300-l);
832
+ --dt-color-chart-sequential-02-hover-a: var(--dt-color-indigo-300-a);
833
+ --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-indigo-300-hsl);
834
+ --dt-color-chart-sequential-02-hover-hsla: var(--dt-color-indigo-300-hsla);
835
+ --dt-color-chart-sequential-02-hover: var(--dt-color-indigo-300); /* Hover state for second sequential chart color. */
836
+ --dt-color-chart-sequential-02-h: var(--dt-color-indigo-200-h);
837
+ --dt-color-chart-sequential-02-s: var(--dt-color-indigo-200-s);
838
+ --dt-color-chart-sequential-02-l: var(--dt-color-indigo-200-l);
839
+ --dt-color-chart-sequential-02-a: var(--dt-color-indigo-200-a);
840
+ --dt-color-chart-sequential-02-hsl: var(--dt-color-indigo-200-hsl);
841
+ --dt-color-chart-sequential-02-hsla: var(--dt-color-indigo-200-hsla);
842
+ --dt-color-chart-sequential-02: var(--dt-color-indigo-200); /* Second color in sequential chart series, very light shade. */
843
+ --dt-color-chart-sequential-01-selected-h: var(--dt-color-indigo-400-h);
844
+ --dt-color-chart-sequential-01-selected-s: var(--dt-color-indigo-400-s);
845
+ --dt-color-chart-sequential-01-selected-l: var(--dt-color-indigo-400-l);
846
+ --dt-color-chart-sequential-01-selected-a: var(--dt-color-indigo-400-a);
847
+ --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-indigo-400-hsl);
848
+ --dt-color-chart-sequential-01-selected-hsla: var(--dt-color-indigo-400-hsla);
849
+ --dt-color-chart-sequential-01-selected: var(--dt-color-indigo-400); /* Selected state for first sequential chart color. */
850
+ --dt-color-chart-sequential-01-hover-h: var(--dt-color-indigo-200-h);
851
+ --dt-color-chart-sequential-01-hover-s: var(--dt-color-indigo-200-s);
852
+ --dt-color-chart-sequential-01-hover-l: var(--dt-color-indigo-200-l);
853
+ --dt-color-chart-sequential-01-hover-a: var(--dt-color-indigo-200-a);
854
+ --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-indigo-200-hsl);
855
+ --dt-color-chart-sequential-01-hover-hsla: var(--dt-color-indigo-200-hsla);
856
+ --dt-color-chart-sequential-01-hover: var(--dt-color-indigo-200); /* Hover state for first sequential chart color. */
857
+ --dt-color-chart-sequential-01-h: var(--dt-color-indigo-100-h);
858
+ --dt-color-chart-sequential-01-s: var(--dt-color-indigo-100-s);
859
+ --dt-color-chart-sequential-01-l: var(--dt-color-indigo-100-l);
860
+ --dt-color-chart-sequential-01-a: var(--dt-color-indigo-100-a);
861
+ --dt-color-chart-sequential-01-hsl: var(--dt-color-indigo-100-hsl);
862
+ --dt-color-chart-sequential-01-hsla: var(--dt-color-indigo-100-hsla);
863
+ --dt-color-chart-sequential-01: var(--dt-color-indigo-100); /* First color in sequential chart series, lightest shade. */
864
+ --dt-color-chart-sequential-10-h: var(--dt-color-indigo-950-h);
865
+ --dt-color-chart-sequential-10-s: var(--dt-color-indigo-950-s);
866
+ --dt-color-chart-sequential-10-l: var(--dt-color-indigo-950-l);
867
+ --dt-color-chart-sequential-10-a: var(--dt-color-indigo-950-a);
868
+ --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-950-hsl);
869
+ --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-950-hsla);
870
+ --dt-color-chart-sequential-10: var(--dt-color-indigo-950); /* Tenth color in sequential chart series, darkest shade. */
871
+ --dt-color-chart-brand-selected-h: var(--dt-color-purple-550-h);
872
+ --dt-color-chart-brand-selected-s: var(--dt-color-purple-550-s);
873
+ --dt-color-chart-brand-selected-l: var(--dt-color-purple-550-l);
874
+ --dt-color-chart-brand-selected-a: var(--dt-color-purple-550-a);
875
+ --dt-color-chart-brand-selected-hsl: var(--dt-color-purple-550-hsl);
876
+ --dt-color-chart-brand-selected-hsla: var(--dt-color-purple-550-hsla);
877
+ --dt-color-chart-brand-selected: var(--dt-color-purple-550); /* Selected state for brand chart elements. */
878
+ --dt-color-chart-brand-hover-h: var(--dt-color-purple-450-h);
879
+ --dt-color-chart-brand-hover-s: var(--dt-color-purple-450-s);
880
+ --dt-color-chart-brand-hover-l: var(--dt-color-purple-450-l);
881
+ --dt-color-chart-brand-hover-a: var(--dt-color-purple-450-a);
882
+ --dt-color-chart-brand-hover-hsl: var(--dt-color-purple-450-hsl);
883
+ --dt-color-chart-brand-hover-hsla: var(--dt-color-purple-450-hsla);
884
+ --dt-color-chart-brand-hover: var(--dt-color-purple-450); /* Hover state for brand chart elements. */
885
+ --dt-color-chart-brand-h: var(--dt-color-purple-400-h);
886
+ --dt-color-chart-brand-s: var(--dt-color-purple-400-s);
887
+ --dt-color-chart-brand-l: var(--dt-color-purple-400-l);
888
+ --dt-color-chart-brand-a: var(--dt-color-purple-400-a);
889
+ --dt-color-chart-brand-hsl: var(--dt-color-purple-400-hsl);
890
+ --dt-color-chart-brand-hsla: var(--dt-color-purple-400-hsla);
891
+ --dt-color-chart-brand: var(--dt-color-purple-400); /* Used for brand-related data or to highlight company-specific information in charts. */
892
+ --dt-color-chart-info-selected-h: var(--dt-color-blue-600-h);
893
+ --dt-color-chart-info-selected-s: var(--dt-color-blue-600-s);
894
+ --dt-color-chart-info-selected-l: var(--dt-color-blue-600-l);
895
+ --dt-color-chart-info-selected-a: var(--dt-color-blue-600-a);
896
+ --dt-color-chart-info-selected-hsl: var(--dt-color-blue-600-hsl);
897
+ --dt-color-chart-info-selected-hsla: var(--dt-color-blue-600-hsla);
898
+ --dt-color-chart-info-selected: var(--dt-color-blue-600); /* Selected state for info chart elements. */
899
+ --dt-color-chart-info-hover-h: var(--dt-color-blue-475-h);
900
+ --dt-color-chart-info-hover-s: var(--dt-color-blue-475-s);
901
+ --dt-color-chart-info-hover-l: var(--dt-color-blue-475-l);
902
+ --dt-color-chart-info-hover-a: var(--dt-color-blue-475-a);
903
+ --dt-color-chart-info-hover-hsl: var(--dt-color-blue-475-hsl);
904
+ --dt-color-chart-info-hover-hsla: var(--dt-color-blue-475-hsla);
905
+ --dt-color-chart-info-hover: var(--dt-color-blue-475); /* Hover state for info chart elements. */
906
+ --dt-color-chart-info-h: var(--dt-color-blue-425-h);
907
+ --dt-color-chart-info-s: var(--dt-color-blue-425-s);
908
+ --dt-color-chart-info-l: var(--dt-color-blue-425-l);
909
+ --dt-color-chart-info-a: var(--dt-color-blue-425-a);
910
+ --dt-color-chart-info-hsl: var(--dt-color-blue-425-hsl);
911
+ --dt-color-chart-info-hsla: var(--dt-color-blue-425-hsla);
912
+ --dt-color-chart-info: var(--dt-color-blue-425); /* Used for informational or neutral data points in charts. */
913
+ --dt-color-chart-warning-selected-h: var(--dt-color-gold-600-h);
914
+ --dt-color-chart-warning-selected-s: var(--dt-color-gold-600-s);
915
+ --dt-color-chart-warning-selected-l: var(--dt-color-gold-600-l);
916
+ --dt-color-chart-warning-selected-a: var(--dt-color-gold-600-a);
917
+ --dt-color-chart-warning-selected-hsl: var(--dt-color-gold-600-hsl);
918
+ --dt-color-chart-warning-selected-hsla: var(--dt-color-gold-600-hsla);
919
+ --dt-color-chart-warning-selected: var(--dt-color-gold-600); /* Selected state for warning chart elements. */
920
+ --dt-color-chart-warning-hover-h: var(--dt-color-gold-500-h);
921
+ --dt-color-chart-warning-hover-s: var(--dt-color-gold-500-s);
922
+ --dt-color-chart-warning-hover-l: var(--dt-color-gold-500-l);
923
+ --dt-color-chart-warning-hover-a: var(--dt-color-gold-500-a);
924
+ --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
925
+ --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
926
+ --dt-color-chart-warning-hover: var(--dt-color-gold-500); /* Hover state for warning chart elements. */
927
+ --dt-color-chart-warning-h: var(--dt-color-gold-400-h);
928
+ --dt-color-chart-warning-s: var(--dt-color-gold-400-s);
929
+ --dt-color-chart-warning-l: var(--dt-color-gold-400-l);
930
+ --dt-color-chart-warning-a: var(--dt-color-gold-400-a);
931
+ --dt-color-chart-warning-hsl: var(--dt-color-gold-400-hsl);
932
+ --dt-color-chart-warning-hsla: var(--dt-color-gold-400-hsla);
933
+ --dt-color-chart-warning: var(--dt-color-gold-400); /* Used for cautionary or warning indicators in charts. */
934
+ --dt-color-chart-critical-selected-h: var(--dt-color-red-600-h);
935
+ --dt-color-chart-critical-selected-s: var(--dt-color-red-600-s);
936
+ --dt-color-chart-critical-selected-l: var(--dt-color-red-600-l);
937
+ --dt-color-chart-critical-selected-a: var(--dt-color-red-600-a);
938
+ --dt-color-chart-critical-selected-hsl: var(--dt-color-red-600-hsl);
939
+ --dt-color-chart-critical-selected-hsla: var(--dt-color-red-600-hsla);
940
+ --dt-color-chart-critical-selected: var(--dt-color-red-600); /* Selected state for critical chart elements, aka danger. */
941
+ --dt-color-chart-critical-hover-h: var(--dt-color-red-450-h);
942
+ --dt-color-chart-critical-hover-s: var(--dt-color-red-450-s);
943
+ --dt-color-chart-critical-hover-l: var(--dt-color-red-450-l);
944
+ --dt-color-chart-critical-hover-a: var(--dt-color-red-450-a);
945
+ --dt-color-chart-critical-hover-hsl: var(--dt-color-red-450-hsl);
946
+ --dt-color-chart-critical-hover-hsla: var(--dt-color-red-450-hsla);
947
+ --dt-color-chart-critical-hover: var(--dt-color-red-450); /* Hover state for critical chart elements, aka danger. */
948
+ --dt-color-chart-critical-h: var(--dt-color-red-400-h);
949
+ --dt-color-chart-critical-s: var(--dt-color-red-400-s);
950
+ --dt-color-chart-critical-l: var(--dt-color-red-400-l);
951
+ --dt-color-chart-critical-a: var(--dt-color-red-400-a);
952
+ --dt-color-chart-critical-hsl: var(--dt-color-red-400-hsl);
953
+ --dt-color-chart-critical-hsla: var(--dt-color-red-400-hsla);
954
+ --dt-color-chart-critical: var(--dt-color-red-400); /* Used for negative values, errors, or critical indicators in charts, aka danger. */
955
+ --dt-color-chart-positive-selected-h: var(--dt-color-green-600-h);
956
+ --dt-color-chart-positive-selected-s: var(--dt-color-green-600-s);
957
+ --dt-color-chart-positive-selected-l: var(--dt-color-green-600-l);
958
+ --dt-color-chart-positive-selected-a: var(--dt-color-green-600-a);
959
+ --dt-color-chart-positive-selected-hsl: var(--dt-color-green-600-hsl);
960
+ --dt-color-chart-positive-selected-hsla: var(--dt-color-green-600-hsla);
961
+ --dt-color-chart-positive-selected: var(--dt-color-green-600); /* Selected state for positive chart elements, aka success. */
962
+ --dt-color-chart-positive-hover-h: var(--dt-color-green-475-h);
963
+ --dt-color-chart-positive-hover-s: var(--dt-color-green-475-s);
964
+ --dt-color-chart-positive-hover-l: var(--dt-color-green-475-l);
965
+ --dt-color-chart-positive-hover-a: var(--dt-color-green-475-a);
966
+ --dt-color-chart-positive-hover-hsl: var(--dt-color-green-475-hsl);
967
+ --dt-color-chart-positive-hover-hsla: var(--dt-color-green-475-hsla);
968
+ --dt-color-chart-positive-hover: var(--dt-color-green-475); /* Hover state for positive chart elements, aka success. */
969
+ --dt-color-chart-positive-h: var(--dt-color-green-425-h);
970
+ --dt-color-chart-positive-s: var(--dt-color-green-425-s);
971
+ --dt-color-chart-positive-l: var(--dt-color-green-425-l);
972
+ --dt-color-chart-positive-a: var(--dt-color-green-425-a);
973
+ --dt-color-chart-positive-hsl: var(--dt-color-green-425-hsl);
974
+ --dt-color-chart-positive-hsla: var(--dt-color-green-425-hsla);
975
+ --dt-color-chart-positive: var(--dt-color-green-425); /* Used for positive values, growth, or success indicators in charts, aka success. */
976
+ --dt-color-chart-accent-selected-h: var(--dt-color-indigo-800-h);
977
+ --dt-color-chart-accent-selected-s: var(--dt-color-indigo-800-s);
978
+ --dt-color-chart-accent-selected-l: var(--dt-color-indigo-800-l);
979
+ --dt-color-chart-accent-selected-a: var(--dt-color-indigo-800-a);
980
+ --dt-color-chart-accent-selected-hsl: var(--dt-color-indigo-800-hsl);
981
+ --dt-color-chart-accent-selected-hsla: var(--dt-color-indigo-800-hsla);
982
+ --dt-color-chart-accent-selected: var(--dt-color-indigo-800); /* Selected state for accent chart elements. */
983
+ --dt-color-chart-accent-hover-h: var(--dt-color-indigo-600-h);
984
+ --dt-color-chart-accent-hover-s: var(--dt-color-indigo-600-s);
985
+ --dt-color-chart-accent-hover-l: var(--dt-color-indigo-600-l);
986
+ --dt-color-chart-accent-hover-a: var(--dt-color-indigo-600-a);
987
+ --dt-color-chart-accent-hover-hsl: var(--dt-color-indigo-600-hsl);
988
+ --dt-color-chart-accent-hover-hsla: var(--dt-color-indigo-600-hsla);
989
+ --dt-color-chart-accent-hover: var(--dt-color-indigo-600); /* Hover state for accent chart elements. */
990
+ --dt-color-chart-accent-h: var(--dt-color-indigo-500-h);
991
+ --dt-color-chart-accent-s: var(--dt-color-indigo-500-s);
992
+ --dt-color-chart-accent-l: var(--dt-color-indigo-500-l);
993
+ --dt-color-chart-accent-a: var(--dt-color-indigo-500-a);
994
+ --dt-color-chart-accent-hsl: var(--dt-color-indigo-500-hsl);
995
+ --dt-color-chart-accent-hsla: var(--dt-color-indigo-500-hsla);
996
+ --dt-color-chart-accent: var(--dt-color-indigo-500); /* Main accent color for highlighting important chart elements or primary data series. */
997
+ --dt-color-chart-neutral-selected-h: var(--dt-color-tan-600-h);
998
+ --dt-color-chart-neutral-selected-s: var(--dt-color-tan-600-s);
999
+ --dt-color-chart-neutral-selected-l: var(--dt-color-tan-600-l);
1000
+ --dt-color-chart-neutral-selected-a: var(--dt-color-tan-600-a);
1001
+ --dt-color-chart-neutral-selected-hsl: var(--dt-color-tan-600-hsl);
1002
+ --dt-color-chart-neutral-selected-hsla: var(--dt-color-tan-600-hsla);
1003
+ --dt-color-chart-neutral-selected: var(--dt-color-tan-600); /* Selected state for neutral chart elements. */
1004
+ --dt-color-chart-neutral-hover-h: var(--dt-color-tan-400-h);
1005
+ --dt-color-chart-neutral-hover-s: var(--dt-color-tan-400-s);
1006
+ --dt-color-chart-neutral-hover-l: var(--dt-color-tan-400-l);
1007
+ --dt-color-chart-neutral-hover-a: var(--dt-color-tan-400-a);
1008
+ --dt-color-chart-neutral-hover-hsl: var(--dt-color-tan-400-hsl);
1009
+ --dt-color-chart-neutral-hover-hsla: var(--dt-color-tan-400-hsla);
1010
+ --dt-color-chart-neutral-hover: var(--dt-color-tan-400); /* Hover state for neutral chart elements. */
1011
+ --dt-color-chart-neutral-h: var(--dt-color-tan-300-h);
1012
+ --dt-color-chart-neutral-s: var(--dt-color-tan-300-s);
1013
+ --dt-color-chart-neutral-l: var(--dt-color-tan-300-l);
1014
+ --dt-color-chart-neutral-a: var(--dt-color-tan-300-a);
1015
+ --dt-color-chart-neutral-hsl: var(--dt-color-tan-300-hsl);
1016
+ --dt-color-chart-neutral-hsla: var(--dt-color-tan-300-hsla);
1017
+ --dt-color-chart-neutral: var(--dt-color-tan-300); /* Used for neutral or background elements in charts where no specific meaning is implied. */
1018
+ --dt-color-chart-categorical-09-selected-h: var(--dt-color-red-600-h);
1019
+ --dt-color-chart-categorical-09-selected-s: var(--dt-color-red-600-s);
1020
+ --dt-color-chart-categorical-09-selected-l: var(--dt-color-red-600-l);
1021
+ --dt-color-chart-categorical-09-selected-a: var(--dt-color-red-600-a);
1022
+ --dt-color-chart-categorical-09-selected-hsl: var(--dt-color-red-600-hsl);
1023
+ --dt-color-chart-categorical-09-selected-hsla: var(--dt-color-red-600-hsla);
1024
+ --dt-color-chart-categorical-09-selected: var(--dt-color-red-600);
1025
+ --dt-color-chart-categorical-09-hover-h: var(--dt-color-red-400-h);
1026
+ --dt-color-chart-categorical-09-hover-s: var(--dt-color-red-400-s);
1027
+ --dt-color-chart-categorical-09-hover-l: var(--dt-color-red-400-l);
1028
+ --dt-color-chart-categorical-09-hover-a: var(--dt-color-red-400-a);
1029
+ --dt-color-chart-categorical-09-hover-hsl: var(--dt-color-red-400-hsl);
1030
+ --dt-color-chart-categorical-09-hover-hsla: var(--dt-color-red-400-hsla);
1031
+ --dt-color-chart-categorical-09-hover: var(--dt-color-red-400);
1032
+ --dt-color-chart-categorical-09-h: var(--dt-color-red-350-h);
1033
+ --dt-color-chart-categorical-09-s: var(--dt-color-red-350-s);
1034
+ --dt-color-chart-categorical-09-l: var(--dt-color-red-350-l);
1035
+ --dt-color-chart-categorical-09-a: var(--dt-color-red-350-a);
1036
+ --dt-color-chart-categorical-09-hsl: var(--dt-color-red-350-hsl);
1037
+ --dt-color-chart-categorical-09-hsla: var(--dt-color-red-350-hsla);
1038
+ --dt-color-chart-categorical-09: var(--dt-color-red-350);
1039
+ --dt-color-chart-categorical-08-selected-h: var(--dt-color-olive-800-h);
1040
+ --dt-color-chart-categorical-08-selected-s: var(--dt-color-olive-800-s);
1041
+ --dt-color-chart-categorical-08-selected-l: var(--dt-color-olive-800-l);
1042
+ --dt-color-chart-categorical-08-selected-a: var(--dt-color-olive-800-a);
1043
+ --dt-color-chart-categorical-08-selected-hsl: var(--dt-color-olive-800-hsl);
1044
+ --dt-color-chart-categorical-08-selected-hsla: var(--dt-color-olive-800-hsla);
1045
+ --dt-color-chart-categorical-08-selected: var(--dt-color-olive-800);
1046
+ --dt-color-chart-categorical-08-hover-h: var(--dt-color-olive-600-h);
1047
+ --dt-color-chart-categorical-08-hover-s: var(--dt-color-olive-600-s);
1048
+ --dt-color-chart-categorical-08-hover-l: var(--dt-color-olive-600-l);
1049
+ --dt-color-chart-categorical-08-hover-a: var(--dt-color-olive-600-a);
1050
+ --dt-color-chart-categorical-08-hover-hsl: var(--dt-color-olive-600-hsl);
1051
+ --dt-color-chart-categorical-08-hover-hsla: var(--dt-color-olive-600-hsla);
1052
+ --dt-color-chart-categorical-08-hover: var(--dt-color-olive-600);
1053
+ --dt-color-chart-categorical-08-h: var(--dt-color-olive-500-h);
1054
+ --dt-color-chart-categorical-08-s: var(--dt-color-olive-500-s);
1055
+ --dt-color-chart-categorical-08-l: var(--dt-color-olive-500-l);
1056
+ --dt-color-chart-categorical-08-a: var(--dt-color-olive-500-a);
1057
+ --dt-color-chart-categorical-08-hsl: var(--dt-color-olive-500-hsl);
1058
+ --dt-color-chart-categorical-08-hsla: var(--dt-color-olive-500-hsla);
1059
+ --dt-color-chart-categorical-08: var(--dt-color-olive-500);
1060
+ --dt-color-chart-categorical-07-selected-h: var(--dt-color-coral-900-h);
1061
+ --dt-color-chart-categorical-07-selected-s: var(--dt-color-coral-900-s);
1062
+ --dt-color-chart-categorical-07-selected-l: var(--dt-color-coral-900-l);
1063
+ --dt-color-chart-categorical-07-selected-a: var(--dt-color-coral-900-a);
1064
+ --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-900-hsl);
1065
+ --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-900-hsla);
1066
+ --dt-color-chart-categorical-07-selected: var(--dt-color-coral-900);
1067
+ --dt-color-chart-categorical-07-hover-h: var(--dt-color-coral-500-h);
1068
+ --dt-color-chart-categorical-07-hover-s: var(--dt-color-coral-500-s);
1069
+ --dt-color-chart-categorical-07-hover-l: var(--dt-color-coral-500-l);
1070
+ --dt-color-chart-categorical-07-hover-a: var(--dt-color-coral-500-a);
1071
+ --dt-color-chart-categorical-07-hover-hsl: var(--dt-color-coral-500-hsl);
1072
+ --dt-color-chart-categorical-07-hover-hsla: var(--dt-color-coral-500-hsla);
1073
+ --dt-color-chart-categorical-07-hover: var(--dt-color-coral-500);
1074
+ --dt-color-chart-categorical-07-h: var(--dt-color-coral-400-h);
1075
+ --dt-color-chart-categorical-07-s: var(--dt-color-coral-400-s);
1076
+ --dt-color-chart-categorical-07-l: var(--dt-color-coral-400-l);
1077
+ --dt-color-chart-categorical-07-a: var(--dt-color-coral-400-a);
1078
+ --dt-color-chart-categorical-07-hsl: var(--dt-color-coral-400-hsl);
1079
+ --dt-color-chart-categorical-07-hsla: var(--dt-color-coral-400-hsla);
1080
+ --dt-color-chart-categorical-07: var(--dt-color-coral-400);
1081
+ --dt-color-chart-categorical-06-selected-h: var(--dt-color-berry-600-h);
1082
+ --dt-color-chart-categorical-06-selected-s: var(--dt-color-berry-600-s);
1083
+ --dt-color-chart-categorical-06-selected-l: var(--dt-color-berry-600-l);
1084
+ --dt-color-chart-categorical-06-selected-a: var(--dt-color-berry-600-a);
1085
+ --dt-color-chart-categorical-06-selected-hsl: var(--dt-color-berry-600-hsl);
1086
+ --dt-color-chart-categorical-06-selected-hsla: var(--dt-color-berry-600-hsla);
1087
+ --dt-color-chart-categorical-06-selected: var(--dt-color-berry-600);
1088
+ --dt-color-chart-categorical-06-hover-h: var(--dt-color-berry-400-h);
1089
+ --dt-color-chart-categorical-06-hover-s: var(--dt-color-berry-400-s);
1090
+ --dt-color-chart-categorical-06-hover-l: var(--dt-color-berry-400-l);
1091
+ --dt-color-chart-categorical-06-hover-a: var(--dt-color-berry-400-a);
1092
+ --dt-color-chart-categorical-06-hover-hsl: var(--dt-color-berry-400-hsl);
1093
+ --dt-color-chart-categorical-06-hover-hsla: var(--dt-color-berry-400-hsla);
1094
+ --dt-color-chart-categorical-06-hover: var(--dt-color-berry-400);
1095
+ --dt-color-chart-categorical-06-h: var(--dt-color-berry-300-h);
1096
+ --dt-color-chart-categorical-06-s: var(--dt-color-berry-300-s);
1097
+ --dt-color-chart-categorical-06-l: var(--dt-color-berry-300-l);
1098
+ --dt-color-chart-categorical-06-a: var(--dt-color-berry-300-a);
1099
+ --dt-color-chart-categorical-06-hsl: var(--dt-color-berry-300-hsl);
1100
+ --dt-color-chart-categorical-06-hsla: var(--dt-color-berry-300-hsla);
1101
+ --dt-color-chart-categorical-06: var(--dt-color-berry-300);
1102
+ --dt-color-chart-categorical-05-selected-h: var(--dt-color-green-600-h);
1103
+ --dt-color-chart-categorical-05-selected-s: var(--dt-color-green-600-s);
1104
+ --dt-color-chart-categorical-05-selected-l: var(--dt-color-green-600-l);
1105
+ --dt-color-chart-categorical-05-selected-a: var(--dt-color-green-600-a);
1106
+ --dt-color-chart-categorical-05-selected-hsl: var(--dt-color-green-600-hsl);
1107
+ --dt-color-chart-categorical-05-selected-hsla: var(--dt-color-green-600-hsla);
1108
+ --dt-color-chart-categorical-05-selected: var(--dt-color-green-600);
1109
+ --dt-color-chart-categorical-05-hover-h: var(--dt-color-green-475-h);
1110
+ --dt-color-chart-categorical-05-hover-s: var(--dt-color-green-475-s);
1111
+ --dt-color-chart-categorical-05-hover-l: var(--dt-color-green-475-l);
1112
+ --dt-color-chart-categorical-05-hover-a: var(--dt-color-green-475-a);
1113
+ --dt-color-chart-categorical-05-hover-hsl: var(--dt-color-green-475-hsl);
1114
+ --dt-color-chart-categorical-05-hover-hsla: var(--dt-color-green-475-hsla);
1115
+ --dt-color-chart-categorical-05-hover: var(--dt-color-green-475);
1116
+ --dt-color-chart-categorical-05-h: var(--dt-color-green-425-h);
1117
+ --dt-color-chart-categorical-05-s: var(--dt-color-green-425-s);
1118
+ --dt-color-chart-categorical-05-l: var(--dt-color-green-425-l);
1119
+ --dt-color-chart-categorical-05-a: var(--dt-color-green-425-a);
1120
+ --dt-color-chart-categorical-05-hsl: var(--dt-color-green-425-hsl);
1121
+ --dt-color-chart-categorical-05-hsla: var(--dt-color-green-425-hsla);
1122
+ --dt-color-chart-categorical-05: var(--dt-color-green-425);
1123
+ --dt-color-chart-categorical-04-selected-h: var(--dt-color-gold-700-h);
1124
+ --dt-color-chart-categorical-04-selected-s: var(--dt-color-gold-700-s);
1125
+ --dt-color-chart-categorical-04-selected-l: var(--dt-color-gold-700-l);
1126
+ --dt-color-chart-categorical-04-selected-a: var(--dt-color-gold-700-a);
1127
+ --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-700-hsl);
1128
+ --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-700-hsla);
1129
+ --dt-color-chart-categorical-04-selected: var(--dt-color-gold-700);
1130
+ --dt-color-chart-categorical-04-hover-h: var(--dt-color-gold-500-h);
1131
+ --dt-color-chart-categorical-04-hover-s: var(--dt-color-gold-500-s);
1132
+ --dt-color-chart-categorical-04-hover-l: var(--dt-color-gold-500-l);
1133
+ --dt-color-chart-categorical-04-hover-a: var(--dt-color-gold-500-a);
1134
+ --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-500-hsl);
1135
+ --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-500-hsla);
1136
+ --dt-color-chart-categorical-04-hover: var(--dt-color-gold-500);
1137
+ --dt-color-chart-categorical-04-h: var(--dt-color-gold-400-h);
1138
+ --dt-color-chart-categorical-04-s: var(--dt-color-gold-400-s);
1139
+ --dt-color-chart-categorical-04-l: var(--dt-color-gold-400-l);
1140
+ --dt-color-chart-categorical-04-a: var(--dt-color-gold-400-a);
1141
+ --dt-color-chart-categorical-04-hsl: var(--dt-color-gold-400-hsl);
1142
+ --dt-color-chart-categorical-04-hsla: var(--dt-color-gold-400-hsla);
1143
+ --dt-color-chart-categorical-04: var(--dt-color-gold-400);
1144
+ --dt-color-chart-categorical-03-selected-h: var(--dt-color-blue-600-h);
1145
+ --dt-color-chart-categorical-03-selected-s: var(--dt-color-blue-600-s);
1146
+ --dt-color-chart-categorical-03-selected-l: var(--dt-color-blue-600-l);
1147
+ --dt-color-chart-categorical-03-selected-a: var(--dt-color-blue-600-a);
1148
+ --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-600-hsl);
1149
+ --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-600-hsla);
1150
+ --dt-color-chart-categorical-03-selected: var(--dt-color-blue-600);
1151
+ --dt-color-chart-categorical-03-hover-h: var(--dt-color-blue-450-h);
1152
+ --dt-color-chart-categorical-03-hover-s: var(--dt-color-blue-450-s);
1153
+ --dt-color-chart-categorical-03-hover-l: var(--dt-color-blue-450-l);
1154
+ --dt-color-chart-categorical-03-hover-a: var(--dt-color-blue-450-a);
1155
+ --dt-color-chart-categorical-03-hover-hsl: var(--dt-color-blue-450-hsl);
1156
+ --dt-color-chart-categorical-03-hover-hsla: var(--dt-color-blue-450-hsla);
1157
+ --dt-color-chart-categorical-03-hover: var(--dt-color-blue-450);
1158
+ --dt-color-chart-categorical-03-h: var(--dt-color-blue-400-h);
1159
+ --dt-color-chart-categorical-03-s: var(--dt-color-blue-400-s);
1160
+ --dt-color-chart-categorical-03-l: var(--dt-color-blue-400-l);
1161
+ --dt-color-chart-categorical-03-a: var(--dt-color-blue-400-a);
1162
+ --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-400-hsl);
1163
+ --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-400-hsla);
1164
+ --dt-color-chart-categorical-03: var(--dt-color-blue-400);
1165
+ --dt-color-chart-categorical-02-selected-h: var(--dt-color-magenta-600-h);
1166
+ --dt-color-chart-categorical-02-selected-s: var(--dt-color-magenta-600-s);
1167
+ --dt-color-chart-categorical-02-selected-l: var(--dt-color-magenta-600-l);
1168
+ --dt-color-chart-categorical-02-selected-a: var(--dt-color-magenta-600-a);
1169
+ --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-600-hsl);
1170
+ --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-600-hsla);
1171
+ --dt-color-chart-categorical-02-selected: var(--dt-color-magenta-600);
1172
+ --dt-color-chart-categorical-02-hover-h: var(--dt-color-magenta-400-h);
1173
+ --dt-color-chart-categorical-02-hover-s: var(--dt-color-magenta-400-s);
1174
+ --dt-color-chart-categorical-02-hover-l: var(--dt-color-magenta-400-l);
1175
+ --dt-color-chart-categorical-02-hover-a: var(--dt-color-magenta-400-a);
1176
+ --dt-color-chart-categorical-02-hover-hsl: var(--dt-color-magenta-400-hsl);
1177
+ --dt-color-chart-categorical-02-hover-hsla: var(--dt-color-magenta-400-hsla);
1178
+ --dt-color-chart-categorical-02-hover: var(--dt-color-magenta-400);
1179
+ --dt-color-chart-categorical-02-h: var(--dt-color-magenta-300-h);
1180
+ --dt-color-chart-categorical-02-s: var(--dt-color-magenta-300-s);
1181
+ --dt-color-chart-categorical-02-l: var(--dt-color-magenta-300-l);
1182
+ --dt-color-chart-categorical-02-a: var(--dt-color-magenta-300-a);
1183
+ --dt-color-chart-categorical-02-hsl: var(--dt-color-magenta-300-hsl);
1184
+ --dt-color-chart-categorical-02-hsla: var(--dt-color-magenta-300-hsla);
1185
+ --dt-color-chart-categorical-02: var(--dt-color-magenta-300);
1186
+ --dt-color-chart-categorical-01-selected-h: var(--dt-color-purple-600-h);
1187
+ --dt-color-chart-categorical-01-selected-s: var(--dt-color-purple-600-s);
1188
+ --dt-color-chart-categorical-01-selected-l: var(--dt-color-purple-600-l);
1189
+ --dt-color-chart-categorical-01-selected-a: var(--dt-color-purple-600-a);
1190
+ --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-600-hsl);
1191
+ --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-600-hsla);
1192
+ --dt-color-chart-categorical-01-selected: var(--dt-color-purple-600);
1193
+ --dt-color-chart-categorical-01-hover-h: var(--dt-color-purple-500-h);
1194
+ --dt-color-chart-categorical-01-hover-s: var(--dt-color-purple-500-s);
1195
+ --dt-color-chart-categorical-01-hover-l: var(--dt-color-purple-500-l);
1196
+ --dt-color-chart-categorical-01-hover-a: var(--dt-color-purple-500-a);
1197
+ --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-500-hsl);
1198
+ --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-500-hsla);
1199
+ --dt-color-chart-categorical-01-hover: var(--dt-color-purple-500);
1200
+ --dt-color-chart-categorical-01-h: var(--dt-color-purple-450-h);
1201
+ --dt-color-chart-categorical-01-s: var(--dt-color-purple-450-s);
1202
+ --dt-color-chart-categorical-01-l: var(--dt-color-purple-450-l);
1203
+ --dt-color-chart-categorical-01-a: var(--dt-color-purple-450-a);
1204
+ --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-450-hsl);
1205
+ --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-450-hsla);
1206
+ --dt-color-chart-categorical-01: var(--dt-color-purple-450);
1207
+ --dt-color-chart-categorical-10-selected-h: var(--dt-color-teal-900-h);
1208
+ --dt-color-chart-categorical-10-selected-s: var(--dt-color-teal-900-s);
1209
+ --dt-color-chart-categorical-10-selected-l: var(--dt-color-teal-900-l);
1210
+ --dt-color-chart-categorical-10-selected-a: var(--dt-color-teal-900-a);
1211
+ --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
1212
+ --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
1213
+ --dt-color-chart-categorical-10-selected: var(--dt-color-teal-900);
1214
+ --dt-color-chart-categorical-10-hover-h: var(--dt-color-teal-700-h);
1215
+ --dt-color-chart-categorical-10-hover-s: var(--dt-color-teal-700-s);
1216
+ --dt-color-chart-categorical-10-hover-l: var(--dt-color-teal-700-l);
1217
+ --dt-color-chart-categorical-10-hover-a: var(--dt-color-teal-700-a);
1218
+ --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1219
+ --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1220
+ --dt-color-chart-categorical-10-hover: var(--dt-color-teal-700);
1221
+ --dt-color-chart-categorical-10-h: var(--dt-color-teal-600-h);
1222
+ --dt-color-chart-categorical-10-s: var(--dt-color-teal-600-s);
1223
+ --dt-color-chart-categorical-10-l: var(--dt-color-teal-600-l);
1224
+ --dt-color-chart-categorical-10-a: var(--dt-color-teal-600-a);
1225
+ --dt-color-chart-categorical-10-hsl: var(--dt-color-teal-600-hsl);
1226
+ --dt-color-chart-categorical-10-hsla: var(--dt-color-teal-600-hsla);
1227
+ --dt-color-chart-categorical-10: var(--dt-color-teal-600);
542
1228
  --dt-color-border-accent-h: var(--dt-color-brand-magenta-h);
543
1229
  --dt-color-border-accent-s: var(--dt-color-brand-magenta-s);
544
1230
  --dt-color-border-accent-l: var(--dt-color-brand-magenta-l);
@@ -1608,6 +2294,202 @@
1608
2294
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1609
2295
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1610
2296
  --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
2297
+ --dt-shell-presence-color-offline-h: var(--dt-shell-base-color-status-away-h);
2298
+ --dt-shell-presence-color-offline-s: var(--dt-shell-base-color-status-away-s);
2299
+ --dt-shell-presence-color-offline-l: var(--dt-shell-base-color-status-away-l);
2300
+ --dt-shell-presence-color-offline-a: var(--dt-shell-base-color-status-away-a);
2301
+ --dt-shell-presence-color-offline-hsl: var(--dt-shell-base-color-status-away-hsl);
2302
+ --dt-shell-presence-color-offline-hsla: var(--dt-shell-base-color-status-away-hsla);
2303
+ --dt-shell-presence-color-offline: var(--dt-shell-base-color-status-away);
2304
+ --dt-shell-presence-color-busy-h: var(--dt-shell-base-color-status-warning-h);
2305
+ --dt-shell-presence-color-busy-s: var(--dt-shell-base-color-status-warning-s);
2306
+ --dt-shell-presence-color-busy-l: var(--dt-shell-base-color-status-warning-l);
2307
+ --dt-shell-presence-color-busy-a: var(--dt-shell-base-color-status-warning-a);
2308
+ --dt-shell-presence-color-busy-hsl: var(--dt-shell-base-color-status-warning-hsl);
2309
+ --dt-shell-presence-color-busy-hsla: var(--dt-shell-base-color-status-warning-hsla);
2310
+ --dt-shell-presence-color-busy: var(--dt-shell-base-color-status-warning);
2311
+ --dt-shell-presence-color-unavailable-h: var(--dt-shell-base-color-status-critical-h);
2312
+ --dt-shell-presence-color-unavailable-s: var(--dt-shell-base-color-status-critical-s);
2313
+ --dt-shell-presence-color-unavailable-l: var(--dt-shell-base-color-status-critical-l);
2314
+ --dt-shell-presence-color-unavailable-a: var(--dt-shell-base-color-status-critical-a);
2315
+ --dt-shell-presence-color-unavailable-hsl: var(--dt-shell-base-color-status-critical-hsl);
2316
+ --dt-shell-presence-color-unavailable-hsla: var(--dt-shell-base-color-status-critical-hsla);
2317
+ --dt-shell-presence-color-unavailable: var(--dt-shell-base-color-status-critical);
2318
+ --dt-shell-presence-color-available-h: var(--dt-shell-base-color-status-positive-h);
2319
+ --dt-shell-presence-color-available-s: var(--dt-shell-base-color-status-positive-s);
2320
+ --dt-shell-presence-color-available-l: var(--dt-shell-base-color-status-positive-l);
2321
+ --dt-shell-presence-color-available-a: var(--dt-shell-base-color-status-positive-a);
2322
+ --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
2323
+ --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
2324
+ --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
2325
+ --dt-shell-action-color-background-muted-selected-h: 0;
2326
+ --dt-shell-action-color-background-muted-selected-s: 0%;
2327
+ --dt-shell-action-color-background-muted-selected-l: 14.499999999999998%;
2328
+ --dt-shell-action-color-background-muted-selected-a: 7%;
2329
+ --dt-shell-action-color-background-muted-selected-hsl: var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l);
2330
+ --dt-shell-action-color-background-muted-selected-hsla: hsl(var(--dt-shell-action-color-background-muted-selected-h) var(--dt-shell-action-color-background-muted-selected-s) var(--dt-shell-action-color-background-muted-selected-l) / var(--alpha, 7%));
2331
+ --dt-shell-action-color-background-muted-selected: hsl(0 0% 14.5% / 0.07);
2332
+ --dt-shell-action-color-background-muted-active-h: 0;
2333
+ --dt-shell-action-color-background-muted-active-s: 0%;
2334
+ --dt-shell-action-color-background-muted-active-l: 14.499999999999998%;
2335
+ --dt-shell-action-color-background-muted-active-a: 7%;
2336
+ --dt-shell-action-color-background-muted-active-hsl: var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l);
2337
+ --dt-shell-action-color-background-muted-active-hsla: hsl(var(--dt-shell-action-color-background-muted-active-h) var(--dt-shell-action-color-background-muted-active-s) var(--dt-shell-action-color-background-muted-active-l) / var(--alpha, 7%));
2338
+ --dt-shell-action-color-background-muted-active: hsl(0 0% 14.5% / 0.07);
2339
+ --dt-shell-action-color-background-muted-hover-h: 0;
2340
+ --dt-shell-action-color-background-muted-hover-s: 0%;
2341
+ --dt-shell-action-color-background-muted-hover-l: 14.499999999999998%;
2342
+ --dt-shell-action-color-background-muted-hover-a: 10%;
2343
+ --dt-shell-action-color-background-muted-hover-hsl: var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l);
2344
+ --dt-shell-action-color-background-muted-hover-hsla: hsl(var(--dt-shell-action-color-background-muted-hover-h) var(--dt-shell-action-color-background-muted-hover-s) var(--dt-shell-action-color-background-muted-hover-l) / var(--alpha, 10%));
2345
+ --dt-shell-action-color-background-muted-hover: hsl(0 0% 14.5% / 0.1);
2346
+ --dt-shell-action-color-background-muted-default-h: 0;
2347
+ --dt-shell-action-color-background-muted-default-s: 0%;
2348
+ --dt-shell-action-color-background-muted-default-l: 14.499999999999998%;
2349
+ --dt-shell-action-color-background-muted-default-a: 5%;
2350
+ --dt-shell-action-color-background-muted-default-hsl: var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l);
2351
+ --dt-shell-action-color-background-muted-default-hsla: hsl(var(--dt-shell-action-color-background-muted-default-h) var(--dt-shell-action-color-background-muted-default-s) var(--dt-shell-action-color-background-muted-default-l) / var(--alpha, 5%));
2352
+ --dt-shell-action-color-background-muted-default: hsl(0 0% 14.5% / 0.05);
2353
+ --dt-shell-action-color-background-secondary-selected-h: 0;
2354
+ --dt-shell-action-color-background-secondary-selected-s: 0%;
2355
+ --dt-shell-action-color-background-secondary-selected-l: 14.499999999999998%;
2356
+ --dt-shell-action-color-background-secondary-selected-a: 13%;
2357
+ --dt-shell-action-color-background-secondary-selected-hsl: var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l);
2358
+ --dt-shell-action-color-background-secondary-selected-hsla: hsl(var(--dt-shell-action-color-background-secondary-selected-h) var(--dt-shell-action-color-background-secondary-selected-s) var(--dt-shell-action-color-background-secondary-selected-l) / var(--alpha, 13%));
2359
+ --dt-shell-action-color-background-secondary-selected: hsl(0 0% 14.5% / 0.13);
2360
+ --dt-shell-action-color-background-secondary-active-h: 0;
2361
+ --dt-shell-action-color-background-secondary-active-s: 0%;
2362
+ --dt-shell-action-color-background-secondary-active-l: 14.499999999999998%;
2363
+ --dt-shell-action-color-background-secondary-active-a: 16%;
2364
+ --dt-shell-action-color-background-secondary-active-hsl: var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l);
2365
+ --dt-shell-action-color-background-secondary-active-hsla: hsl(var(--dt-shell-action-color-background-secondary-active-h) var(--dt-shell-action-color-background-secondary-active-s) var(--dt-shell-action-color-background-secondary-active-l) / var(--alpha, 16%));
2366
+ --dt-shell-action-color-background-secondary-active: hsl(0 0% 14.5% / 0.16);
2367
+ --dt-shell-action-color-background-secondary-hover-h: 0;
2368
+ --dt-shell-action-color-background-secondary-hover-s: 0%;
2369
+ --dt-shell-action-color-background-secondary-hover-l: 14.499999999999998%;
2370
+ --dt-shell-action-color-background-secondary-hover-a: 10%;
2371
+ --dt-shell-action-color-background-secondary-hover-hsl: var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l);
2372
+ --dt-shell-action-color-background-secondary-hover-hsla: hsl(var(--dt-shell-action-color-background-secondary-hover-h) var(--dt-shell-action-color-background-secondary-hover-s) var(--dt-shell-action-color-background-secondary-hover-l) / var(--alpha, 10%));
2373
+ --dt-shell-action-color-background-secondary-hover: hsl(0 0% 14.5% / 0.1);
2374
+ --dt-shell-action-color-background-secondary-default-h: 0;
2375
+ --dt-shell-action-color-background-secondary-default-s: 0%;
2376
+ --dt-shell-action-color-background-secondary-default-l: 14.499999999999998%;
2377
+ --dt-shell-action-color-background-secondary-default-a: 0%;
2378
+ --dt-shell-action-color-background-secondary-default-hsl: var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l);
2379
+ --dt-shell-action-color-background-secondary-default-hsla: hsl(var(--dt-shell-action-color-background-secondary-default-h) var(--dt-shell-action-color-background-secondary-default-s) var(--dt-shell-action-color-background-secondary-default-l) / var(--alpha, 0%));
2380
+ --dt-shell-action-color-background-secondary-default: hsl(0 0% 14.5% / 0);
2381
+ --dt-shell-action-color-background-primary-selected-h: 0;
2382
+ --dt-shell-action-color-background-primary-selected-s: 0%;
2383
+ --dt-shell-action-color-background-primary-selected-l: 14.499999999999998%;
2384
+ --dt-shell-action-color-background-primary-selected-a: 13%;
2385
+ --dt-shell-action-color-background-primary-selected-hsl: var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l);
2386
+ --dt-shell-action-color-background-primary-selected-hsla: hsl(var(--dt-shell-action-color-background-primary-selected-h) var(--dt-shell-action-color-background-primary-selected-s) var(--dt-shell-action-color-background-primary-selected-l) / var(--alpha, 13%));
2387
+ --dt-shell-action-color-background-primary-selected: hsl(0 0% 14.5% / 0.13);
2388
+ --dt-shell-action-color-background-primary-active-h: 0;
2389
+ --dt-shell-action-color-background-primary-active-s: 0%;
2390
+ --dt-shell-action-color-background-primary-active-l: 14.499999999999998%;
2391
+ --dt-shell-action-color-background-primary-active-a: 16%;
2392
+ --dt-shell-action-color-background-primary-active-hsl: var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l);
2393
+ --dt-shell-action-color-background-primary-active-hsla: hsl(var(--dt-shell-action-color-background-primary-active-h) var(--dt-shell-action-color-background-primary-active-s) var(--dt-shell-action-color-background-primary-active-l) / var(--alpha, 16%));
2394
+ --dt-shell-action-color-background-primary-active: hsl(0 0% 14.5% / 0.16);
2395
+ --dt-shell-action-color-background-primary-hover-h: 0;
2396
+ --dt-shell-action-color-background-primary-hover-s: 0%;
2397
+ --dt-shell-action-color-background-primary-hover-l: 14.499999999999998%;
2398
+ --dt-shell-action-color-background-primary-hover-a: 10%;
2399
+ --dt-shell-action-color-background-primary-hover-hsl: var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l);
2400
+ --dt-shell-action-color-background-primary-hover-hsla: hsl(var(--dt-shell-action-color-background-primary-hover-h) var(--dt-shell-action-color-background-primary-hover-s) var(--dt-shell-action-color-background-primary-hover-l) / var(--alpha, 10%));
2401
+ --dt-shell-action-color-background-primary-hover: hsl(0 0% 14.5% / 0.1);
2402
+ --dt-shell-action-color-background-primary-default-h: 0;
2403
+ --dt-shell-action-color-background-primary-default-s: 0%;
2404
+ --dt-shell-action-color-background-primary-default-l: 14.499999999999998%;
2405
+ --dt-shell-action-color-background-primary-default-a: 0%;
2406
+ --dt-shell-action-color-background-primary-default-hsl: var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l);
2407
+ --dt-shell-action-color-background-primary-default-hsla: hsl(var(--dt-shell-action-color-background-primary-default-h) var(--dt-shell-action-color-background-primary-default-s) var(--dt-shell-action-color-background-primary-default-l) / var(--alpha, 0%));
2408
+ --dt-shell-action-color-background-primary-default: hsl(0 0% 14.5% / 0);
2409
+ --dt-shell-color-border-default-h: 0;
2410
+ --dt-shell-color-border-default-s: 0%;
2411
+ --dt-shell-color-border-default-l: 11%;
2412
+ --dt-shell-color-border-default-a: 17%;
2413
+ --dt-shell-color-border-default-hsl: var(--dt-shell-color-border-default-h) var(--dt-shell-color-border-default-s) var(--dt-shell-color-border-default-l);
2414
+ --dt-shell-color-border-default-hsla: hsl(var(--dt-shell-color-border-default-h) var(--dt-shell-color-border-default-s) var(--dt-shell-color-border-default-l) / var(--alpha, 17%));
2415
+ --dt-shell-color-border-default: hsl(0 0% 11% / 0.17);
2416
+ --dt-shell-color-border-subtle-h: 0;
2417
+ --dt-shell-color-border-subtle-s: 0%;
2418
+ --dt-shell-color-border-subtle-l: 11%;
2419
+ --dt-shell-color-border-subtle-a: 10%;
2420
+ --dt-shell-color-border-subtle-hsl: var(--dt-shell-color-border-subtle-h) var(--dt-shell-color-border-subtle-s) var(--dt-shell-color-border-subtle-l);
2421
+ --dt-shell-color-border-subtle-hsla: hsl(var(--dt-shell-color-border-subtle-h) var(--dt-shell-color-border-subtle-s) var(--dt-shell-color-border-subtle-l) / var(--alpha, 10%));
2422
+ --dt-shell-color-border-subtle: hsl(0 0% 11% / 0.1);
2423
+ --dt-shell-color-foreground-warning-h: 35.8;
2424
+ --dt-shell-color-foreground-warning-s: 100%;
2425
+ --dt-shell-color-foreground-warning-l: 31.3%;
2426
+ --dt-shell-color-foreground-warning-a: 100%;
2427
+ --dt-shell-color-foreground-warning-hsl: var(--dt-shell-color-foreground-warning-h) var(--dt-shell-color-foreground-warning-s) var(--dt-shell-color-foreground-warning-l);
2428
+ --dt-shell-color-foreground-warning-hsla: hsl(var(--dt-shell-color-foreground-warning-h) var(--dt-shell-color-foreground-warning-s) var(--dt-shell-color-foreground-warning-l) / var(--alpha, 100%));
2429
+ --dt-shell-color-foreground-warning: hsl(35.8 100% 31.3%);
2430
+ --dt-shell-color-foreground-critical-h: 343;
2431
+ --dt-shell-color-foreground-critical-s: 100%;
2432
+ --dt-shell-color-foreground-critical-l: 27.500000000000004%;
2433
+ --dt-shell-color-foreground-critical-a: 100%;
2434
+ --dt-shell-color-foreground-critical-hsl: var(--dt-shell-color-foreground-critical-h) var(--dt-shell-color-foreground-critical-s) var(--dt-shell-color-foreground-critical-l);
2435
+ --dt-shell-color-foreground-critical-hsla: hsl(var(--dt-shell-color-foreground-critical-h) var(--dt-shell-color-foreground-critical-s) var(--dt-shell-color-foreground-critical-l) / var(--alpha, 100%));
2436
+ --dt-shell-color-foreground-critical: hsl(343 100% 27.5%);
2437
+ --dt-shell-color-foreground-positive-h: 104;
2438
+ --dt-shell-color-foreground-positive-s: 68.2%;
2439
+ --dt-shell-color-foreground-positive-l: 39.8%;
2440
+ --dt-shell-color-foreground-positive-a: 100%;
2441
+ --dt-shell-color-foreground-positive-hsl: var(--dt-shell-color-foreground-positive-h) var(--dt-shell-color-foreground-positive-s) var(--dt-shell-color-foreground-positive-l);
2442
+ --dt-shell-color-foreground-positive-hsla: hsl(var(--dt-shell-color-foreground-positive-h) var(--dt-shell-color-foreground-positive-s) var(--dt-shell-color-foreground-positive-l) / var(--alpha, 100%));
2443
+ --dt-shell-color-foreground-positive: hsl(104 68.2% 39.8%);
2444
+ --dt-shell-color-foreground-disabled-h: 0;
2445
+ --dt-shell-color-foreground-disabled-s: 0%;
2446
+ --dt-shell-color-foreground-disabled-l: 11%;
2447
+ --dt-shell-color-foreground-disabled-a: 57%;
2448
+ --dt-shell-color-foreground-disabled-hsl: var(--dt-shell-color-foreground-disabled-h) var(--dt-shell-color-foreground-disabled-s) var(--dt-shell-color-foreground-disabled-l);
2449
+ --dt-shell-color-foreground-disabled-hsla: hsl(var(--dt-shell-color-foreground-disabled-h) var(--dt-shell-color-foreground-disabled-s) var(--dt-shell-color-foreground-disabled-l) / var(--alpha, 57%));
2450
+ --dt-shell-color-foreground-disabled: hsl(0 0% 11% / 0.57);
2451
+ --dt-shell-color-foreground-muted-h: 0;
2452
+ --dt-shell-color-foreground-muted-s: 0%;
2453
+ --dt-shell-color-foreground-muted-l: 11%;
2454
+ --dt-shell-color-foreground-muted-a: 60%;
2455
+ --dt-shell-color-foreground-muted-hsl: var(--dt-shell-color-foreground-muted-h) var(--dt-shell-color-foreground-muted-s) var(--dt-shell-color-foreground-muted-l);
2456
+ --dt-shell-color-foreground-muted-hsla: hsl(var(--dt-shell-color-foreground-muted-h) var(--dt-shell-color-foreground-muted-s) var(--dt-shell-color-foreground-muted-l) / var(--alpha, 60%));
2457
+ --dt-shell-color-foreground-muted: hsl(0 0% 11% / 0.6);
2458
+ --dt-shell-color-foreground-strong-h: 0;
2459
+ --dt-shell-color-foreground-strong-s: 0%;
2460
+ --dt-shell-color-foreground-strong-l: 11%;
2461
+ --dt-shell-color-foreground-strong-a: 100%;
2462
+ --dt-shell-color-foreground-strong-hsl: var(--dt-shell-color-foreground-strong-h) var(--dt-shell-color-foreground-strong-s) var(--dt-shell-color-foreground-strong-l);
2463
+ --dt-shell-color-foreground-strong-hsla: hsl(var(--dt-shell-color-foreground-strong-h) var(--dt-shell-color-foreground-strong-s) var(--dt-shell-color-foreground-strong-l) / var(--alpha, 100%));
2464
+ --dt-shell-color-foreground-strong: hsl(0 0% 11%);
2465
+ --dt-shell-color-foreground-tertiary-h: 0;
2466
+ --dt-shell-color-foreground-tertiary-s: 0%;
2467
+ --dt-shell-color-foreground-tertiary-l: 11%;
2468
+ --dt-shell-color-foreground-tertiary-a: 72%;
2469
+ --dt-shell-color-foreground-tertiary-hsl: var(--dt-shell-color-foreground-tertiary-h) var(--dt-shell-color-foreground-tertiary-s) var(--dt-shell-color-foreground-tertiary-l);
2470
+ --dt-shell-color-foreground-tertiary-hsla: hsl(var(--dt-shell-color-foreground-tertiary-h) var(--dt-shell-color-foreground-tertiary-s) var(--dt-shell-color-foreground-tertiary-l) / var(--alpha, 72%));
2471
+ --dt-shell-color-foreground-tertiary: hsl(0 0% 11% / 0.72);
2472
+ --dt-shell-color-foreground-secondary-h: 0;
2473
+ --dt-shell-color-foreground-secondary-s: 0%;
2474
+ --dt-shell-color-foreground-secondary-l: 11%;
2475
+ --dt-shell-color-foreground-secondary-a: 86%;
2476
+ --dt-shell-color-foreground-secondary-hsl: var(--dt-shell-color-foreground-secondary-h) var(--dt-shell-color-foreground-secondary-s) var(--dt-shell-color-foreground-secondary-l);
2477
+ --dt-shell-color-foreground-secondary-hsla: hsl(var(--dt-shell-color-foreground-secondary-h) var(--dt-shell-color-foreground-secondary-s) var(--dt-shell-color-foreground-secondary-l) / var(--alpha, 86%));
2478
+ --dt-shell-color-foreground-secondary: hsl(0 0% 11% / 0.86);
2479
+ --dt-shell-color-foreground-primary-h: var(--dt-shell-base-color-foreground-h);
2480
+ --dt-shell-color-foreground-primary-s: var(--dt-shell-base-color-foreground-s);
2481
+ --dt-shell-color-foreground-primary-l: var(--dt-shell-base-color-foreground-l);
2482
+ --dt-shell-color-foreground-primary-a: var(--dt-shell-base-color-foreground-a);
2483
+ --dt-shell-color-foreground-primary-hsl: var(--dt-shell-base-color-foreground-hsl);
2484
+ --dt-shell-color-foreground-primary-hsla: var(--dt-shell-base-color-foreground-hsla);
2485
+ --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
2486
+ --dt-shell-base-color-surface-h: var(--dt-color-surface-secondary-h);
2487
+ --dt-shell-base-color-surface-s: var(--dt-color-surface-secondary-s);
2488
+ --dt-shell-base-color-surface-l: var(--dt-color-surface-secondary-l);
2489
+ --dt-shell-base-color-surface-a: var(--dt-color-surface-secondary-a);
2490
+ --dt-shell-base-color-surface-hsl: var(--dt-color-surface-secondary-hsl);
2491
+ --dt-shell-base-color-surface-hsla: var(--dt-color-surface-secondary-hsla);
2492
+ --dt-shell-base-color-surface: var(--dt-color-surface-secondary);
1611
2493
  --dt-theme-mention-color-background-h: var(--dt-color-surface-brand-strong-h);
1612
2494
  --dt-theme-mention-color-background-s: var(--dt-color-surface-brand-strong-s);
1613
2495
  --dt-theme-mention-color-background-l: var(--dt-color-surface-brand-strong-l);
@@ -2237,6 +3119,69 @@
2237
3119
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
2238
3120
  --dt-color-link-critical: var(--dt-color-foreground-critical);
2239
3121
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
3122
+ --dt-shell-action-color-foreground-muted-default-h: var(--dt-shell-color-foreground-muted-h);
3123
+ --dt-shell-action-color-foreground-muted-default-s: var(--dt-shell-color-foreground-muted-s);
3124
+ --dt-shell-action-color-foreground-muted-default-l: var(--dt-shell-color-foreground-muted-l);
3125
+ --dt-shell-action-color-foreground-muted-default-a: var(--dt-shell-color-foreground-muted-a);
3126
+ --dt-shell-action-color-foreground-muted-default-hsl: var(--dt-shell-color-foreground-muted-hsl);
3127
+ --dt-shell-action-color-foreground-muted-default-hsla: var(--dt-shell-color-foreground-muted-hsla);
3128
+ --dt-shell-action-color-foreground-muted-default: var(--dt-shell-color-foreground-muted);
3129
+ --dt-shell-action-color-foreground-secondary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
3130
+ --dt-shell-action-color-foreground-secondary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
3131
+ --dt-shell-action-color-foreground-secondary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
3132
+ --dt-shell-action-color-foreground-secondary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
3133
+ --dt-shell-action-color-foreground-secondary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
3134
+ --dt-shell-action-color-foreground-secondary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
3135
+ --dt-shell-action-color-foreground-secondary-disabled: var(--dt-shell-color-foreground-disabled);
3136
+ --dt-shell-action-color-foreground-primary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
3137
+ --dt-shell-action-color-foreground-primary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
3138
+ --dt-shell-action-color-foreground-primary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
3139
+ --dt-shell-action-color-foreground-primary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
3140
+ --dt-shell-action-color-foreground-primary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
3141
+ --dt-shell-action-color-foreground-primary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
3142
+ --dt-shell-action-color-foreground-primary-disabled: var(--dt-shell-color-foreground-disabled);
3143
+ --dt-shell-action-color-foreground-tertiary-default-h: var(--dt-shell-color-foreground-tertiary-h);
3144
+ --dt-shell-action-color-foreground-tertiary-default-s: var(--dt-shell-color-foreground-tertiary-s);
3145
+ --dt-shell-action-color-foreground-tertiary-default-l: var(--dt-shell-color-foreground-tertiary-l);
3146
+ --dt-shell-action-color-foreground-tertiary-default-a: var(--dt-shell-color-foreground-tertiary-a);
3147
+ --dt-shell-action-color-foreground-tertiary-default-hsl: var(--dt-shell-color-foreground-tertiary-hsl);
3148
+ --dt-shell-action-color-foreground-tertiary-default-hsla: var(--dt-shell-color-foreground-tertiary-hsla);
3149
+ --dt-shell-action-color-foreground-tertiary-default: var(--dt-shell-color-foreground-tertiary);
3150
+ --dt-shell-action-color-foreground-primary-strong-h: var(--dt-shell-color-foreground-strong-h);
3151
+ --dt-shell-action-color-foreground-primary-strong-s: var(--dt-shell-color-foreground-strong-s);
3152
+ --dt-shell-action-color-foreground-primary-strong-l: var(--dt-shell-color-foreground-strong-l);
3153
+ --dt-shell-action-color-foreground-primary-strong-a: var(--dt-shell-color-foreground-strong-a);
3154
+ --dt-shell-action-color-foreground-primary-strong-hsl: var(--dt-shell-color-foreground-strong-hsl);
3155
+ --dt-shell-action-color-foreground-primary-strong-hsla: var(--dt-shell-color-foreground-strong-hsla);
3156
+ --dt-shell-action-color-foreground-primary-strong: var(--dt-shell-color-foreground-strong);
3157
+ --dt-shell-action-color-foreground-secondary-default-h: var(--dt-shell-color-foreground-secondary-h);
3158
+ --dt-shell-action-color-foreground-secondary-default-s: var(--dt-shell-color-foreground-secondary-s);
3159
+ --dt-shell-action-color-foreground-secondary-default-l: var(--dt-shell-color-foreground-secondary-l);
3160
+ --dt-shell-action-color-foreground-secondary-default-a: var(--dt-shell-color-foreground-secondary-a);
3161
+ --dt-shell-action-color-foreground-secondary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
3162
+ --dt-shell-action-color-foreground-secondary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
3163
+ --dt-shell-action-color-foreground-secondary-default: var(--dt-shell-color-foreground-secondary);
3164
+ --dt-shell-action-color-foreground-primary-default-h: var(--dt-shell-color-foreground-secondary-h);
3165
+ --dt-shell-action-color-foreground-primary-default-s: var(--dt-shell-color-foreground-secondary-s);
3166
+ --dt-shell-action-color-foreground-primary-default-l: var(--dt-shell-color-foreground-secondary-l);
3167
+ --dt-shell-action-color-foreground-primary-default-a: var(--dt-shell-color-foreground-secondary-a);
3168
+ --dt-shell-action-color-foreground-primary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
3169
+ --dt-shell-action-color-foreground-primary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
3170
+ --dt-shell-action-color-foreground-primary-default: var(--dt-shell-color-foreground-secondary);
3171
+ --dt-shell-color-surface-default-h: var(--dt-shell-base-color-surface-h);
3172
+ --dt-shell-color-surface-default-s: var(--dt-shell-base-color-surface-s);
3173
+ --dt-shell-color-surface-default-l: var(--dt-shell-base-color-surface-l);
3174
+ --dt-shell-color-surface-default-a: var(--dt-shell-base-color-surface-a);
3175
+ --dt-shell-color-surface-default-hsl: var(--dt-shell-base-color-surface-hsl);
3176
+ --dt-shell-color-surface-default-hsla: var(--dt-shell-base-color-surface-hsla);
3177
+ --dt-shell-color-surface-default: var(--dt-shell-base-color-surface);
3178
+ --dt-shell-base-color-accent-h: var(--dt-badge-color-background-bulletin-h);
3179
+ --dt-shell-base-color-accent-s: var(--dt-badge-color-background-bulletin-s);
3180
+ --dt-shell-base-color-accent-l: var(--dt-badge-color-background-bulletin-l);
3181
+ --dt-shell-base-color-accent-a: var(--dt-badge-color-background-bulletin-a);
3182
+ --dt-shell-base-color-accent-hsl: var(--dt-badge-color-background-bulletin-hsl);
3183
+ --dt-shell-base-color-accent-hsla: var(--dt-badge-color-background-bulletin-hsla);
3184
+ --dt-shell-base-color-accent: var(--dt-badge-color-background-bulletin);
2240
3185
  --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
2241
3186
  --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
2242
3187
  --dt-theme-sidebar-icon-color-foreground-l: var(--dt-theme-sidebar-color-foreground-l);
@@ -2397,6 +3342,34 @@
2397
3342
  --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
2398
3343
  --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
2399
3344
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
3345
+ --dt-shell-mention-color-surface-secondary-h: 255;
3346
+ --dt-shell-mention-color-surface-secondary-s: 100%;
3347
+ --dt-shell-mention-color-surface-secondary-l: 29.7%;
3348
+ --dt-shell-mention-color-surface-secondary-a: 100%;
3349
+ --dt-shell-mention-color-surface-secondary-hsl: var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l);
3350
+ --dt-shell-mention-color-surface-secondary-hsla: hsl(var(--dt-shell-mention-color-surface-secondary-h) var(--dt-shell-mention-color-surface-secondary-s) var(--dt-shell-mention-color-surface-secondary-l) / var(--alpha, 100%));
3351
+ --dt-shell-mention-color-surface-secondary: hsl(255 100% 29.7%);
3352
+ --dt-shell-mention-color-surface-primary-h: var(--dt-shell-base-color-accent-h);
3353
+ --dt-shell-mention-color-surface-primary-s: var(--dt-shell-base-color-accent-s);
3354
+ --dt-shell-mention-color-surface-primary-l: var(--dt-shell-base-color-accent-l);
3355
+ --dt-shell-mention-color-surface-primary-a: var(--dt-shell-base-color-accent-a);
3356
+ --dt-shell-mention-color-surface-primary-hsl: var(--dt-shell-base-color-accent-hsl);
3357
+ --dt-shell-mention-color-surface-primary-hsla: var(--dt-shell-base-color-accent-hsla);
3358
+ --dt-shell-mention-color-surface-primary: var(--dt-shell-base-color-accent);
3359
+ --dt-shell-action-color-foreground-muted-selected-h: 0;
3360
+ --dt-shell-action-color-foreground-muted-selected-s: 0%;
3361
+ --dt-shell-action-color-foreground-muted-selected-l: 4.4%;
3362
+ --dt-shell-action-color-foreground-muted-selected-a: 60%;
3363
+ --dt-shell-action-color-foreground-muted-selected-hsl: var(--dt-shell-action-color-foreground-muted-selected-h) var(--dt-shell-action-color-foreground-muted-selected-s) var(--dt-shell-action-color-foreground-muted-selected-l);
3364
+ --dt-shell-action-color-foreground-muted-selected-hsla: hsl(var(--dt-shell-action-color-foreground-muted-selected-h) var(--dt-shell-action-color-foreground-muted-selected-s) var(--dt-shell-action-color-foreground-muted-selected-l) / var(--alpha, 60%));
3365
+ --dt-shell-action-color-foreground-muted-selected: hsl(0 0% 4.4% / 0.6);
3366
+ --dt-shell-action-color-foreground-muted-hover-h: 0;
3367
+ --dt-shell-action-color-foreground-muted-hover-s: 0%;
3368
+ --dt-shell-action-color-foreground-muted-hover-l: 6.6000000000000005%;
3369
+ --dt-shell-action-color-foreground-muted-hover-a: 60%;
3370
+ --dt-shell-action-color-foreground-muted-hover-hsl: var(--dt-shell-action-color-foreground-muted-hover-h) var(--dt-shell-action-color-foreground-muted-hover-s) var(--dt-shell-action-color-foreground-muted-hover-l);
3371
+ --dt-shell-action-color-foreground-muted-hover-hsla: hsl(var(--dt-shell-action-color-foreground-muted-hover-h) var(--dt-shell-action-color-foreground-muted-hover-s) var(--dt-shell-action-color-foreground-muted-hover-l) / var(--alpha, 60%));
3372
+ --dt-shell-action-color-foreground-muted-hover: hsl(0 0% 6.6% / 0.6);
2400
3373
  --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
2401
3374
  --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
2402
3375
  --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
@@ -2425,6 +3398,13 @@
2425
3398
  --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
2426
3399
  --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
2427
3400
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
3401
+ --dt-shell-action-color-foreground-muted-active-h: var(--dt-shell-action-color-foreground-muted-hover-h);
3402
+ --dt-shell-action-color-foreground-muted-active-s: var(--dt-shell-action-color-foreground-muted-hover-s);
3403
+ --dt-shell-action-color-foreground-muted-active-l: var(--dt-shell-action-color-foreground-muted-hover-l);
3404
+ --dt-shell-action-color-foreground-muted-active-a: var(--dt-shell-action-color-foreground-muted-hover-a);
3405
+ --dt-shell-action-color-foreground-muted-active-hsl: var(--dt-shell-action-color-foreground-muted-hover-hsl);
3406
+ --dt-shell-action-color-foreground-muted-active-hsla: var(--dt-shell-action-color-foreground-muted-hover-hsla);
3407
+ --dt-shell-action-color-foreground-muted-active: var(--dt-shell-action-color-foreground-muted-hover);
2428
3408
  --dt-font-size-100-mobile: 1.2rem;
2429
3409
  --dt-font-size-200-mobile: 1.6rem;
2430
3410
  --dt-font-size-300-mobile: 2rem;