@dialpad/dialtone-css 8.60.1 → 8.62.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 (40) hide show
  1. package/lib/build/less/utilities/layout.less +1 -0
  2. package/lib/build/less/utilities/typography.less +3 -1
  3. package/lib/dist/dialtone-default-theme.css +6590 -579
  4. package/lib/dist/dialtone-default-theme.min.css +1 -1
  5. package/lib/dist/dialtone-docs.json +1 -1
  6. package/lib/dist/dialtone.css +2036 -2
  7. package/lib/dist/dialtone.min.css +1 -1
  8. package/lib/dist/tokens/tokens-aegean-dark.css +467 -0
  9. package/lib/dist/tokens/tokens-aegean-light.css +467 -0
  10. package/lib/dist/tokens/tokens-base-dark.css +8 -8
  11. package/lib/dist/tokens/tokens-base-deca-dark.css +8 -8
  12. package/lib/dist/tokens/tokens-botany-dark.css +474 -0
  13. package/lib/dist/tokens/tokens-botany-light.css +460 -0
  14. package/lib/dist/tokens/tokens-buttercream-dark.css +474 -0
  15. package/lib/dist/tokens/tokens-buttercream-light.css +3476 -0
  16. package/lib/dist/tokens/tokens-ceruleo-dark.css +488 -0
  17. package/lib/dist/tokens/tokens-ceruleo-default.css +488 -0
  18. package/lib/dist/tokens/tokens-debug-dp.css +986 -6
  19. package/lib/dist/tokens/tokens-deca-dark.css +41 -1846
  20. package/lib/dist/tokens/tokens-deca-light.css +62 -1874
  21. package/lib/dist/tokens/tokens-dp-dark.css +1259 -111
  22. package/lib/dist/tokens/tokens-dp-light.css +1001 -21
  23. package/lib/dist/tokens/tokens-expressive-dark.css +1231 -111
  24. package/lib/dist/tokens/tokens-expressive-light.css +1001 -21
  25. package/lib/dist/tokens/tokens-expressive-sm-dark.css +1259 -111
  26. package/lib/dist/tokens/tokens-expressive-sm-light.css +1001 -21
  27. package/lib/dist/tokens/tokens-high-desert-dark.css +467 -0
  28. package/lib/dist/tokens/tokens-high-desert-light.css +467 -0
  29. package/lib/dist/tokens/tokens-melon-dark.css +467 -0
  30. package/lib/dist/tokens/tokens-melon-light.css +467 -0
  31. package/lib/dist/tokens/tokens-plum-dark.css +460 -0
  32. package/lib/dist/tokens/tokens-plum-light.css +460 -0
  33. package/lib/dist/tokens/tokens-sunflower-dark.css +467 -0
  34. package/lib/dist/tokens/tokens-sunflower-light.css +467 -0
  35. package/lib/dist/tokens/tokens-tmo-dark.css +1476 -328
  36. package/lib/dist/tokens/tokens-tmo-light.css +1260 -280
  37. package/lib/dist/tokens/tokens-verdant-haze-dark.css +474 -0
  38. package/lib/dist/tokens/tokens-verdant-haze-light.css +474 -0
  39. package/lib/dist/tokens-docs.json +1 -1
  40. 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: #ff5c00;
148
148
  --dt-radio-size-width: var(--dt-size-500);
149
+ --dt-presence-color-offline-h: 22;
150
+ --dt-presence-color-offline-s: 100%;
151
+ --dt-presence-color-offline-l: 50%;
152
+ --dt-presence-color-offline-a: 100%;
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: #ff5c00;
156
+ --dt-presence-color-busy-h: 22;
157
+ --dt-presence-color-busy-s: 100%;
158
+ --dt-presence-color-busy-l: 50%;
159
+ --dt-presence-color-busy-a: 100%;
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: #ff5c00;
163
+ --dt-presence-color-unavailable-h: 22;
164
+ --dt-presence-color-unavailable-s: 100%;
165
+ --dt-presence-color-unavailable-l: 50%;
166
+ --dt-presence-color-unavailable-a: 100%;
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: #ff5c00;
170
+ --dt-presence-color-available-h: 22;
171
+ --dt-presence-color-available-s: 100%;
172
+ --dt-presence-color-available-l: 50%;
173
+ --dt-presence-color-available-a: 100%;
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: #ff5c00;
149
177
  --dt-icon-size-border-100: var(--dt-size-border-100);
150
178
  --dt-checkbox-color-foreground-default-h: 22;
151
179
  --dt-checkbox-color-foreground-default-s: 100%;
@@ -248,6 +276,97 @@
248
276
  --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
249
277
  --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
250
278
  --dt-avatar-color-foreground: #ff5c00;
279
+ --dt-shell-logo-color-wordmark-h: 22;
280
+ --dt-shell-logo-color-wordmark-s: 100%;
281
+ --dt-shell-logo-color-wordmark-l: 50%;
282
+ --dt-shell-logo-color-wordmark-a: 100%;
283
+ --dt-shell-logo-color-wordmark-hsl: var(--dt-color-purple-1000-hsl);
284
+ --dt-shell-logo-color-wordmark-hsla: var(--dt-color-purple-1000-hsla);
285
+ --dt-shell-logo-color-wordmark: #ff5c00;
286
+ --dt-shell-logo-color-star-h: 22;
287
+ --dt-shell-logo-color-star-s: 100%;
288
+ --dt-shell-logo-color-star-l: 50%;
289
+ --dt-shell-logo-color-star-a: 100%;
290
+ --dt-shell-logo-color-star-hsl: var(--dt-color-purple-400-hsl);
291
+ --dt-shell-logo-color-star-hsla: var(--dt-color-purple-400-hsla);
292
+ --dt-shell-logo-color-star: #ff5c00;
293
+ --dt-shell-mention-color-foreground-secondary-h: 22;
294
+ --dt-shell-mention-color-foreground-secondary-s: 100%;
295
+ --dt-shell-mention-color-foreground-secondary-l: 50%;
296
+ --dt-shell-mention-color-foreground-secondary-a: 100%;
297
+ --dt-shell-mention-color-foreground-secondary-hsl: var(--dt-color-black-100-hsl);
298
+ --dt-shell-mention-color-foreground-secondary-hsla: var(--dt-color-black-100-hsla);
299
+ --dt-shell-mention-color-foreground-secondary: #ff5c00;
300
+ --dt-shell-mention-color-foreground-primary-h: 22;
301
+ --dt-shell-mention-color-foreground-primary-s: 100%;
302
+ --dt-shell-mention-color-foreground-primary-l: 50%;
303
+ --dt-shell-mention-color-foreground-primary-a: 100%;
304
+ --dt-shell-mention-color-foreground-primary-hsl: var(--dt-color-black-50-hsl);
305
+ --dt-shell-mention-color-foreground-primary-hsla: var(--dt-color-black-50-hsla);
306
+ --dt-shell-mention-color-foreground-primary: #ff5c00;
307
+ --dt-shell-base-action-color-background-muted-h: 22;
308
+ --dt-shell-base-action-color-background-muted-s: 100%;
309
+ --dt-shell-base-action-color-background-muted-l: 50%;
310
+ --dt-shell-base-action-color-background-muted-a: 100%;
311
+ --dt-shell-base-action-color-background-muted-hsl: var(--dt-color-black-800-hsl);
312
+ --dt-shell-base-action-color-background-muted-hsla: var(--dt-color-black-800-hsla);
313
+ --dt-shell-base-action-color-background-muted: #ff5c00;
314
+ --dt-shell-base-action-color-background-secondary-h: 22;
315
+ --dt-shell-base-action-color-background-secondary-s: 100%;
316
+ --dt-shell-base-action-color-background-secondary-l: 50%;
317
+ --dt-shell-base-action-color-background-secondary-a: 100%;
318
+ --dt-shell-base-action-color-background-secondary-hsl: var(--dt-color-black-800-hsl);
319
+ --dt-shell-base-action-color-background-secondary-hsla: var(--dt-color-black-800-hsla);
320
+ --dt-shell-base-action-color-background-secondary: #ff5c00;
321
+ --dt-shell-base-action-color-background-primary-h: 22;
322
+ --dt-shell-base-action-color-background-primary-s: 100%;
323
+ --dt-shell-base-action-color-background-primary-l: 50%;
324
+ --dt-shell-base-action-color-background-primary-a: 100%;
325
+ --dt-shell-base-action-color-background-primary-hsl: var(--dt-color-black-800-hsl);
326
+ --dt-shell-base-action-color-background-primary-hsla: var(--dt-color-black-800-hsla);
327
+ --dt-shell-base-action-color-background-primary: #ff5c00;
328
+ --dt-shell-base-color-status-away-h: 22;
329
+ --dt-shell-base-color-status-away-s: 100%;
330
+ --dt-shell-base-color-status-away-l: 50%;
331
+ --dt-shell-base-color-status-away-a: 100%;
332
+ --dt-shell-base-color-status-away-hsl: var(--dt-color-black-500-hsl);
333
+ --dt-shell-base-color-status-away-hsla: var(--dt-color-black-500-hsla);
334
+ --dt-shell-base-color-status-away: #ff5c00;
335
+ --dt-shell-base-color-status-warning-h: 22;
336
+ --dt-shell-base-color-status-warning-s: 100%;
337
+ --dt-shell-base-color-status-warning-l: 50%;
338
+ --dt-shell-base-color-status-warning-a: 100%;
339
+ --dt-shell-base-color-status-warning-hsl: var(--dt-color-gold-500-hsl);
340
+ --dt-shell-base-color-status-warning-hsla: var(--dt-color-gold-500-hsla);
341
+ --dt-shell-base-color-status-warning: #ff5c00;
342
+ --dt-shell-base-color-status-critical-h: 22;
343
+ --dt-shell-base-color-status-critical-s: 100%;
344
+ --dt-shell-base-color-status-critical-l: 50%;
345
+ --dt-shell-base-color-status-critical-a: 100%;
346
+ --dt-shell-base-color-status-critical-hsl: var(--dt-color-red-500-hsl);
347
+ --dt-shell-base-color-status-critical-hsla: var(--dt-color-red-500-hsla);
348
+ --dt-shell-base-color-status-critical: #ff5c00;
349
+ --dt-shell-base-color-status-positive-h: 22;
350
+ --dt-shell-base-color-status-positive-s: 100%;
351
+ --dt-shell-base-color-status-positive-l: 50%;
352
+ --dt-shell-base-color-status-positive-a: 100%;
353
+ --dt-shell-base-color-status-positive-hsl: var(--dt-color-green-425-hsl);
354
+ --dt-shell-base-color-status-positive-hsla: var(--dt-color-green-425-hsla);
355
+ --dt-shell-base-color-status-positive: #ff5c00;
356
+ --dt-shell-base-color-border-h: 22;
357
+ --dt-shell-base-color-border-s: 100%;
358
+ --dt-shell-base-color-border-l: 50%;
359
+ --dt-shell-base-color-border-a: 100%;
360
+ --dt-shell-base-color-border-hsl: var(--dt-color-black-900-hsl);
361
+ --dt-shell-base-color-border-hsla: var(--dt-color-black-900-hsla);
362
+ --dt-shell-base-color-border: #ff5c00;
363
+ --dt-shell-base-color-foreground-h: 22;
364
+ --dt-shell-base-color-foreground-s: 100%;
365
+ --dt-shell-base-color-foreground-l: 50%;
366
+ --dt-shell-base-color-foreground-a: 100%;
367
+ --dt-shell-base-color-foreground-hsl: var(--dt-color-black-900-hsl);
368
+ --dt-shell-base-color-foreground-hsla: var(--dt-color-black-900-hsla);
369
+ --dt-shell-base-color-foreground: #ff5c00;
251
370
  --dt-theme-mention-color-background-strong-h: 22;
252
371
  --dt-theme-mention-color-background-strong-s: 100%;
253
372
  --dt-theme-mention-color-background-strong-l: 50%;
@@ -266,22 +385,22 @@
266
385
  --dt-theme-presence-color-background-offline-s: 100%;
267
386
  --dt-theme-presence-color-background-offline-l: 50%;
268
387
  --dt-theme-presence-color-background-offline-a: 100%;
269
- --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
270
- --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
388
+ --dt-theme-presence-color-background-offline-hsl: var(--dt-color-black-500-hsl);
389
+ --dt-theme-presence-color-background-offline-hsla: var(--dt-color-black-500-hsla);
271
390
  --dt-theme-presence-color-background-offline: #ff5c00;
272
391
  --dt-theme-presence-color-background-busy-h: 22;
273
392
  --dt-theme-presence-color-background-busy-s: 100%;
274
393
  --dt-theme-presence-color-background-busy-l: 50%;
275
394
  --dt-theme-presence-color-background-busy-a: 100%;
276
- --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-400-hsl);
277
- --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-400-hsla);
395
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-500-hsl);
396
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-500-hsla);
278
397
  --dt-theme-presence-color-background-busy: #ff5c00;
279
398
  --dt-theme-presence-color-background-busy-unavailable-h: 22;
280
399
  --dt-theme-presence-color-background-busy-unavailable-s: 100%;
281
400
  --dt-theme-presence-color-background-busy-unavailable-l: 50%;
282
401
  --dt-theme-presence-color-background-busy-unavailable-a: 100%;
283
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
284
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
402
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-500-hsl);
403
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-500-hsla);
285
404
  --dt-theme-presence-color-background-busy-unavailable: #ff5c00;
286
405
  --dt-theme-presence-color-background-available-h: 22;
287
406
  --dt-theme-presence-color-background-available-s: 100%;
@@ -588,6 +707,573 @@
588
707
  --dt-typography-body-md-line-height: var(--dt-font-line-height-400); /* Base default medium text style for main content. */
589
708
  --dt-typography-body-md-font-weight: var(--dt-font-weight-normal); /* Base default medium text style for main content. */
590
709
  --dt-typography-body-md-font-family: var(--dt-font-family-body); /* Base default medium text style for main content. */
710
+ --dt-color-chart-sequential-10-selected-h: 22;
711
+ --dt-color-chart-sequential-10-selected-s: 100%;
712
+ --dt-color-chart-sequential-10-selected-l: 50%;
713
+ --dt-color-chart-sequential-10-selected-a: 100%;
714
+ --dt-color-chart-sequential-10-selected-hsl: var(--dt-color-indigo-1000-hsl);
715
+ --dt-color-chart-sequential-10-selected-hsla: var(--dt-color-indigo-1000-hsla);
716
+ --dt-color-chart-sequential-10-selected: #ff5c00; /* Selected state for tenth sequential chart color. */
717
+ --dt-color-chart-sequential-10-hover-h: 22;
718
+ --dt-color-chart-sequential-10-hover-s: 100%;
719
+ --dt-color-chart-sequential-10-hover-l: 50%;
720
+ --dt-color-chart-sequential-10-hover-a: 100%;
721
+ --dt-color-chart-sequential-10-hover-hsl: var(--dt-color-indigo-1000-hsl);
722
+ --dt-color-chart-sequential-10-hover-hsla: var(--dt-color-indigo-1000-hsla);
723
+ --dt-color-chart-sequential-10-hover: #ff5c00; /* Hover state for tenth sequential chart color. */
724
+ --dt-color-chart-sequential-09-selected-h: 22;
725
+ --dt-color-chart-sequential-09-selected-s: 100%;
726
+ --dt-color-chart-sequential-09-selected-l: 50%;
727
+ --dt-color-chart-sequential-09-selected-a: 100%;
728
+ --dt-color-chart-sequential-09-selected-hsl: var(--dt-color-indigo-1000-hsl);
729
+ --dt-color-chart-sequential-09-selected-hsla: var(--dt-color-indigo-1000-hsla);
730
+ --dt-color-chart-sequential-09-selected: #ff5c00; /* Selected state for ninth sequential chart color. */
731
+ --dt-color-chart-sequential-09-hover-h: 22;
732
+ --dt-color-chart-sequential-09-hover-s: 100%;
733
+ --dt-color-chart-sequential-09-hover-l: 50%;
734
+ --dt-color-chart-sequential-09-hover-a: 100%;
735
+ --dt-color-chart-sequential-09-hover-hsl: var(--dt-color-indigo-950-hsl);
736
+ --dt-color-chart-sequential-09-hover-hsla: var(--dt-color-indigo-950-hsla);
737
+ --dt-color-chart-sequential-09-hover: #ff5c00; /* Hover state for ninth sequential chart color. */
738
+ --dt-color-chart-sequential-09-h: 22;
739
+ --dt-color-chart-sequential-09-s: 100%;
740
+ --dt-color-chart-sequential-09-l: 50%;
741
+ --dt-color-chart-sequential-09-a: 100%;
742
+ --dt-color-chart-sequential-09-hsl: var(--dt-color-indigo-900-hsl);
743
+ --dt-color-chart-sequential-09-hsla: var(--dt-color-indigo-900-hsla);
744
+ --dt-color-chart-sequential-09: #ff5c00; /* Ninth color in sequential chart series, extremely dark shade. */
745
+ --dt-color-chart-sequential-08-selected-h: 22;
746
+ --dt-color-chart-sequential-08-selected-s: 100%;
747
+ --dt-color-chart-sequential-08-selected-l: 50%;
748
+ --dt-color-chart-sequential-08-selected-a: 100%;
749
+ --dt-color-chart-sequential-08-selected-hsl: var(--dt-color-indigo-950-hsl);
750
+ --dt-color-chart-sequential-08-selected-hsla: var(--dt-color-indigo-950-hsla);
751
+ --dt-color-chart-sequential-08-selected: #ff5c00; /* Selected state for eighth sequential chart color. */
752
+ --dt-color-chart-sequential-08-hover-h: 22;
753
+ --dt-color-chart-sequential-08-hover-s: 100%;
754
+ --dt-color-chart-sequential-08-hover-l: 50%;
755
+ --dt-color-chart-sequential-08-hover-a: 100%;
756
+ --dt-color-chart-sequential-08-hover-hsl: var(--dt-color-indigo-900-hsl);
757
+ --dt-color-chart-sequential-08-hover-hsla: var(--dt-color-indigo-900-hsla);
758
+ --dt-color-chart-sequential-08-hover: #ff5c00; /* Hover state for eighth sequential chart color. */
759
+ --dt-color-chart-sequential-08-h: 22;
760
+ --dt-color-chart-sequential-08-s: 100%;
761
+ --dt-color-chart-sequential-08-l: 50%;
762
+ --dt-color-chart-sequential-08-a: 100%;
763
+ --dt-color-chart-sequential-08-hsl: var(--dt-color-indigo-800-hsl);
764
+ --dt-color-chart-sequential-08-hsla: var(--dt-color-indigo-800-hsla);
765
+ --dt-color-chart-sequential-08: #ff5c00; /* Eighth color in sequential chart series, very dark shade. */
766
+ --dt-color-chart-sequential-07-selected-h: 22;
767
+ --dt-color-chart-sequential-07-selected-s: 100%;
768
+ --dt-color-chart-sequential-07-selected-l: 50%;
769
+ --dt-color-chart-sequential-07-selected-a: 100%;
770
+ --dt-color-chart-sequential-07-selected-hsl: var(--dt-color-indigo-1000-hsl);
771
+ --dt-color-chart-sequential-07-selected-hsla: var(--dt-color-indigo-1000-hsla);
772
+ --dt-color-chart-sequential-07-selected: #ff5c00; /* Selected state for seventh sequential chart color. */
773
+ --dt-color-chart-sequential-07-hover-h: 22;
774
+ --dt-color-chart-sequential-07-hover-s: 100%;
775
+ --dt-color-chart-sequential-07-hover-l: 50%;
776
+ --dt-color-chart-sequential-07-hover-a: 100%;
777
+ --dt-color-chart-sequential-07-hover-hsl: var(--dt-color-indigo-800-hsl);
778
+ --dt-color-chart-sequential-07-hover-hsla: var(--dt-color-indigo-800-hsla);
779
+ --dt-color-chart-sequential-07-hover: #ff5c00; /* Hover state for seventh sequential chart color. */
780
+ --dt-color-chart-sequential-07-h: 22;
781
+ --dt-color-chart-sequential-07-s: 100%;
782
+ --dt-color-chart-sequential-07-l: 50%;
783
+ --dt-color-chart-sequential-07-a: 100%;
784
+ --dt-color-chart-sequential-07-hsl: var(--dt-color-indigo-700-hsl);
785
+ --dt-color-chart-sequential-07-hsla: var(--dt-color-indigo-700-hsla);
786
+ --dt-color-chart-sequential-07: #ff5c00; /* Seventh color in sequential chart series, dark shade. */
787
+ --dt-color-chart-sequential-06-selected-h: 22;
788
+ --dt-color-chart-sequential-06-selected-s: 100%;
789
+ --dt-color-chart-sequential-06-selected-l: 50%;
790
+ --dt-color-chart-sequential-06-selected-a: 100%;
791
+ --dt-color-chart-sequential-06-selected-hsl: var(--dt-color-indigo-950-hsl);
792
+ --dt-color-chart-sequential-06-selected-hsla: var(--dt-color-indigo-950-hsla);
793
+ --dt-color-chart-sequential-06-selected: #ff5c00; /* Selected state for sixth sequential chart color. */
794
+ --dt-color-chart-sequential-06-hover-h: 22;
795
+ --dt-color-chart-sequential-06-hover-s: 100%;
796
+ --dt-color-chart-sequential-06-hover-l: 50%;
797
+ --dt-color-chart-sequential-06-hover-a: 100%;
798
+ --dt-color-chart-sequential-06-hover-hsl: var(--dt-color-indigo-700-hsl);
799
+ --dt-color-chart-sequential-06-hover-hsla: var(--dt-color-indigo-700-hsla);
800
+ --dt-color-chart-sequential-06-hover: #ff5c00; /* Hover state for sixth sequential chart color. */
801
+ --dt-color-chart-sequential-06-h: 22;
802
+ --dt-color-chart-sequential-06-s: 100%;
803
+ --dt-color-chart-sequential-06-l: 50%;
804
+ --dt-color-chart-sequential-06-a: 100%;
805
+ --dt-color-chart-sequential-06-hsl: var(--dt-color-indigo-600-hsl);
806
+ --dt-color-chart-sequential-06-hsla: var(--dt-color-indigo-600-hsla);
807
+ --dt-color-chart-sequential-06: #ff5c00; /* Sixth color in sequential chart series, medium-dark shade. */
808
+ --dt-color-chart-sequential-05-selected-h: 22;
809
+ --dt-color-chart-sequential-05-selected-s: 100%;
810
+ --dt-color-chart-sequential-05-selected-l: 50%;
811
+ --dt-color-chart-sequential-05-selected-a: 100%;
812
+ --dt-color-chart-sequential-05-selected-hsl: var(--dt-color-indigo-800-hsl);
813
+ --dt-color-chart-sequential-05-selected-hsla: var(--dt-color-indigo-800-hsla);
814
+ --dt-color-chart-sequential-05-selected: #ff5c00; /* Selected state for fifth sequential chart color. */
815
+ --dt-color-chart-sequential-05-hover-h: 22;
816
+ --dt-color-chart-sequential-05-hover-s: 100%;
817
+ --dt-color-chart-sequential-05-hover-l: 50%;
818
+ --dt-color-chart-sequential-05-hover-a: 100%;
819
+ --dt-color-chart-sequential-05-hover-hsl: var(--dt-color-indigo-600-hsl);
820
+ --dt-color-chart-sequential-05-hover-hsla: var(--dt-color-indigo-600-hsla);
821
+ --dt-color-chart-sequential-05-hover: #ff5c00; /* Hover state for fifth sequential chart color. */
822
+ --dt-color-chart-sequential-05-h: 22;
823
+ --dt-color-chart-sequential-05-s: 100%;
824
+ --dt-color-chart-sequential-05-l: 50%;
825
+ --dt-color-chart-sequential-05-a: 100%;
826
+ --dt-color-chart-sequential-05-hsl: var(--dt-color-indigo-500-hsl);
827
+ --dt-color-chart-sequential-05-hsla: var(--dt-color-indigo-500-hsla);
828
+ --dt-color-chart-sequential-05: #ff5c00; /* Fifth color in sequential chart series, medium shade. */
829
+ --dt-color-chart-sequential-04-selected-h: 22;
830
+ --dt-color-chart-sequential-04-selected-s: 100%;
831
+ --dt-color-chart-sequential-04-selected-l: 50%;
832
+ --dt-color-chart-sequential-04-selected-a: 100%;
833
+ --dt-color-chart-sequential-04-selected-hsl: var(--dt-color-indigo-700-hsl);
834
+ --dt-color-chart-sequential-04-selected-hsla: var(--dt-color-indigo-700-hsla);
835
+ --dt-color-chart-sequential-04-selected: #ff5c00; /* Selected state for fourth sequential chart color. */
836
+ --dt-color-chart-sequential-04-hover-h: 22;
837
+ --dt-color-chart-sequential-04-hover-s: 100%;
838
+ --dt-color-chart-sequential-04-hover-l: 50%;
839
+ --dt-color-chart-sequential-04-hover-a: 100%;
840
+ --dt-color-chart-sequential-04-hover-hsl: var(--dt-color-indigo-500-hsl);
841
+ --dt-color-chart-sequential-04-hover-hsla: var(--dt-color-indigo-500-hsla);
842
+ --dt-color-chart-sequential-04-hover: #ff5c00; /* Hover state for fourth sequential chart color. */
843
+ --dt-color-chart-sequential-04-h: 22;
844
+ --dt-color-chart-sequential-04-s: 100%;
845
+ --dt-color-chart-sequential-04-l: 50%;
846
+ --dt-color-chart-sequential-04-a: 100%;
847
+ --dt-color-chart-sequential-04-hsl: var(--dt-color-indigo-400-hsl);
848
+ --dt-color-chart-sequential-04-hsla: var(--dt-color-indigo-400-hsla);
849
+ --dt-color-chart-sequential-04: #ff5c00; /* Fourth color in sequential chart series, light-medium shade. */
850
+ --dt-color-chart-sequential-03-selected-h: 22;
851
+ --dt-color-chart-sequential-03-selected-s: 100%;
852
+ --dt-color-chart-sequential-03-selected-l: 50%;
853
+ --dt-color-chart-sequential-03-selected-a: 100%;
854
+ --dt-color-chart-sequential-03-selected-hsl: var(--dt-color-indigo-600-hsl);
855
+ --dt-color-chart-sequential-03-selected-hsla: var(--dt-color-indigo-600-hsla);
856
+ --dt-color-chart-sequential-03-selected: #ff5c00; /* Selected state for third sequential chart color. */
857
+ --dt-color-chart-sequential-03-hover-h: 22;
858
+ --dt-color-chart-sequential-03-hover-s: 100%;
859
+ --dt-color-chart-sequential-03-hover-l: 50%;
860
+ --dt-color-chart-sequential-03-hover-a: 100%;
861
+ --dt-color-chart-sequential-03-hover-hsl: var(--dt-color-indigo-400-hsl);
862
+ --dt-color-chart-sequential-03-hover-hsla: var(--dt-color-indigo-400-hsla);
863
+ --dt-color-chart-sequential-03-hover: #ff5c00; /* Hover state for third sequential chart color. */
864
+ --dt-color-chart-sequential-03-h: 22;
865
+ --dt-color-chart-sequential-03-s: 100%;
866
+ --dt-color-chart-sequential-03-l: 50%;
867
+ --dt-color-chart-sequential-03-a: 100%;
868
+ --dt-color-chart-sequential-03-hsl: var(--dt-color-indigo-300-hsl);
869
+ --dt-color-chart-sequential-03-hsla: var(--dt-color-indigo-300-hsla);
870
+ --dt-color-chart-sequential-03: #ff5c00; /* Third color in sequential chart series, light shade. */
871
+ --dt-color-chart-sequential-02-selected-h: 22;
872
+ --dt-color-chart-sequential-02-selected-s: 100%;
873
+ --dt-color-chart-sequential-02-selected-l: 50%;
874
+ --dt-color-chart-sequential-02-selected-a: 100%;
875
+ --dt-color-chart-sequential-02-selected-hsl: var(--dt-color-indigo-500-hsl);
876
+ --dt-color-chart-sequential-02-selected-hsla: var(--dt-color-indigo-500-hsla);
877
+ --dt-color-chart-sequential-02-selected: #ff5c00; /* Selected state for second sequential chart color. */
878
+ --dt-color-chart-sequential-02-hover-h: 22;
879
+ --dt-color-chart-sequential-02-hover-s: 100%;
880
+ --dt-color-chart-sequential-02-hover-l: 50%;
881
+ --dt-color-chart-sequential-02-hover-a: 100%;
882
+ --dt-color-chart-sequential-02-hover-hsl: var(--dt-color-indigo-300-hsl);
883
+ --dt-color-chart-sequential-02-hover-hsla: var(--dt-color-indigo-300-hsla);
884
+ --dt-color-chart-sequential-02-hover: #ff5c00; /* Hover state for second sequential chart color. */
885
+ --dt-color-chart-sequential-02-h: 22;
886
+ --dt-color-chart-sequential-02-s: 100%;
887
+ --dt-color-chart-sequential-02-l: 50%;
888
+ --dt-color-chart-sequential-02-a: 100%;
889
+ --dt-color-chart-sequential-02-hsl: var(--dt-color-indigo-200-hsl);
890
+ --dt-color-chart-sequential-02-hsla: var(--dt-color-indigo-200-hsla);
891
+ --dt-color-chart-sequential-02: #ff5c00; /* Second color in sequential chart series, very light shade. */
892
+ --dt-color-chart-sequential-01-selected-h: 22;
893
+ --dt-color-chart-sequential-01-selected-s: 100%;
894
+ --dt-color-chart-sequential-01-selected-l: 50%;
895
+ --dt-color-chart-sequential-01-selected-a: 100%;
896
+ --dt-color-chart-sequential-01-selected-hsl: var(--dt-color-indigo-400-hsl);
897
+ --dt-color-chart-sequential-01-selected-hsla: var(--dt-color-indigo-400-hsla);
898
+ --dt-color-chart-sequential-01-selected: #ff5c00; /* Selected state for first sequential chart color. */
899
+ --dt-color-chart-sequential-01-hover-h: 22;
900
+ --dt-color-chart-sequential-01-hover-s: 100%;
901
+ --dt-color-chart-sequential-01-hover-l: 50%;
902
+ --dt-color-chart-sequential-01-hover-a: 100%;
903
+ --dt-color-chart-sequential-01-hover-hsl: var(--dt-color-indigo-200-hsl);
904
+ --dt-color-chart-sequential-01-hover-hsla: var(--dt-color-indigo-200-hsla);
905
+ --dt-color-chart-sequential-01-hover: #ff5c00; /* Hover state for first sequential chart color. */
906
+ --dt-color-chart-sequential-01-h: 22;
907
+ --dt-color-chart-sequential-01-s: 100%;
908
+ --dt-color-chart-sequential-01-l: 50%;
909
+ --dt-color-chart-sequential-01-a: 100%;
910
+ --dt-color-chart-sequential-01-hsl: var(--dt-color-indigo-100-hsl);
911
+ --dt-color-chart-sequential-01-hsla: var(--dt-color-indigo-100-hsla);
912
+ --dt-color-chart-sequential-01: #ff5c00; /* First color in sequential chart series, lightest shade. */
913
+ --dt-color-chart-sequential-10-h: 22;
914
+ --dt-color-chart-sequential-10-s: 100%;
915
+ --dt-color-chart-sequential-10-l: 50%;
916
+ --dt-color-chart-sequential-10-a: 100%;
917
+ --dt-color-chart-sequential-10-hsl: var(--dt-color-indigo-950-hsl);
918
+ --dt-color-chart-sequential-10-hsla: var(--dt-color-indigo-950-hsla);
919
+ --dt-color-chart-sequential-10: #ff5c00; /* Tenth color in sequential chart series, darkest shade. */
920
+ --dt-color-chart-brand-selected-h: 22;
921
+ --dt-color-chart-brand-selected-s: 100%;
922
+ --dt-color-chart-brand-selected-l: 50%;
923
+ --dt-color-chart-brand-selected-a: 100%;
924
+ --dt-color-chart-brand-selected-hsl: var(--dt-color-purple-550-hsl);
925
+ --dt-color-chart-brand-selected-hsla: var(--dt-color-purple-550-hsla);
926
+ --dt-color-chart-brand-selected: #ff5c00; /* Selected state for brand chart elements. */
927
+ --dt-color-chart-brand-hover-h: 22;
928
+ --dt-color-chart-brand-hover-s: 100%;
929
+ --dt-color-chart-brand-hover-l: 50%;
930
+ --dt-color-chart-brand-hover-a: 100%;
931
+ --dt-color-chart-brand-hover-hsl: var(--dt-color-purple-450-hsl);
932
+ --dt-color-chart-brand-hover-hsla: var(--dt-color-purple-450-hsla);
933
+ --dt-color-chart-brand-hover: #ff5c00; /* Hover state for brand chart elements. */
934
+ --dt-color-chart-brand-h: 22;
935
+ --dt-color-chart-brand-s: 100%;
936
+ --dt-color-chart-brand-l: 50%;
937
+ --dt-color-chart-brand-a: 100%;
938
+ --dt-color-chart-brand-hsl: var(--dt-color-purple-400-hsl);
939
+ --dt-color-chart-brand-hsla: var(--dt-color-purple-400-hsla);
940
+ --dt-color-chart-brand: #ff5c00; /* Used for brand-related data or to highlight company-specific information in charts. */
941
+ --dt-color-chart-info-selected-h: 22;
942
+ --dt-color-chart-info-selected-s: 100%;
943
+ --dt-color-chart-info-selected-l: 50%;
944
+ --dt-color-chart-info-selected-a: 100%;
945
+ --dt-color-chart-info-selected-hsl: var(--dt-color-blue-600-hsl);
946
+ --dt-color-chart-info-selected-hsla: var(--dt-color-blue-600-hsla);
947
+ --dt-color-chart-info-selected: #ff5c00; /* Selected state for info chart elements. */
948
+ --dt-color-chart-info-hover-h: 22;
949
+ --dt-color-chart-info-hover-s: 100%;
950
+ --dt-color-chart-info-hover-l: 50%;
951
+ --dt-color-chart-info-hover-a: 100%;
952
+ --dt-color-chart-info-hover-hsl: var(--dt-color-blue-475-hsl);
953
+ --dt-color-chart-info-hover-hsla: var(--dt-color-blue-475-hsla);
954
+ --dt-color-chart-info-hover: #ff5c00; /* Hover state for info chart elements. */
955
+ --dt-color-chart-info-h: 22;
956
+ --dt-color-chart-info-s: 100%;
957
+ --dt-color-chart-info-l: 50%;
958
+ --dt-color-chart-info-a: 100%;
959
+ --dt-color-chart-info-hsl: var(--dt-color-blue-425-hsl);
960
+ --dt-color-chart-info-hsla: var(--dt-color-blue-425-hsla);
961
+ --dt-color-chart-info: #ff5c00; /* Used for informational or neutral data points in charts. */
962
+ --dt-color-chart-warning-selected-h: 22;
963
+ --dt-color-chart-warning-selected-s: 100%;
964
+ --dt-color-chart-warning-selected-l: 50%;
965
+ --dt-color-chart-warning-selected-a: 100%;
966
+ --dt-color-chart-warning-selected-hsl: var(--dt-color-gold-600-hsl);
967
+ --dt-color-chart-warning-selected-hsla: var(--dt-color-gold-600-hsla);
968
+ --dt-color-chart-warning-selected: #ff5c00; /* Selected state for warning chart elements. */
969
+ --dt-color-chart-warning-hover-h: 22;
970
+ --dt-color-chart-warning-hover-s: 100%;
971
+ --dt-color-chart-warning-hover-l: 50%;
972
+ --dt-color-chart-warning-hover-a: 100%;
973
+ --dt-color-chart-warning-hover-hsl: var(--dt-color-gold-500-hsl);
974
+ --dt-color-chart-warning-hover-hsla: var(--dt-color-gold-500-hsla);
975
+ --dt-color-chart-warning-hover: #ff5c00; /* Hover state for warning chart elements. */
976
+ --dt-color-chart-warning-h: 22;
977
+ --dt-color-chart-warning-s: 100%;
978
+ --dt-color-chart-warning-l: 50%;
979
+ --dt-color-chart-warning-a: 100%;
980
+ --dt-color-chart-warning-hsl: var(--dt-color-gold-400-hsl);
981
+ --dt-color-chart-warning-hsla: var(--dt-color-gold-400-hsla);
982
+ --dt-color-chart-warning: #ff5c00; /* Used for cautionary or warning indicators in charts. */
983
+ --dt-color-chart-critical-selected-h: 22;
984
+ --dt-color-chart-critical-selected-s: 100%;
985
+ --dt-color-chart-critical-selected-l: 50%;
986
+ --dt-color-chart-critical-selected-a: 100%;
987
+ --dt-color-chart-critical-selected-hsl: var(--dt-color-red-600-hsl);
988
+ --dt-color-chart-critical-selected-hsla: var(--dt-color-red-600-hsla);
989
+ --dt-color-chart-critical-selected: #ff5c00; /* Selected state for critical chart elements, aka danger. */
990
+ --dt-color-chart-critical-hover-h: 22;
991
+ --dt-color-chart-critical-hover-s: 100%;
992
+ --dt-color-chart-critical-hover-l: 50%;
993
+ --dt-color-chart-critical-hover-a: 100%;
994
+ --dt-color-chart-critical-hover-hsl: var(--dt-color-red-450-hsl);
995
+ --dt-color-chart-critical-hover-hsla: var(--dt-color-red-450-hsla);
996
+ --dt-color-chart-critical-hover: #ff5c00; /* Hover state for critical chart elements, aka danger. */
997
+ --dt-color-chart-critical-h: 22;
998
+ --dt-color-chart-critical-s: 100%;
999
+ --dt-color-chart-critical-l: 50%;
1000
+ --dt-color-chart-critical-a: 100%;
1001
+ --dt-color-chart-critical-hsl: var(--dt-color-red-400-hsl);
1002
+ --dt-color-chart-critical-hsla: var(--dt-color-red-400-hsla);
1003
+ --dt-color-chart-critical: #ff5c00; /* Used for negative values, errors, or critical indicators in charts, aka danger. */
1004
+ --dt-color-chart-positive-selected-h: 22;
1005
+ --dt-color-chart-positive-selected-s: 100%;
1006
+ --dt-color-chart-positive-selected-l: 50%;
1007
+ --dt-color-chart-positive-selected-a: 100%;
1008
+ --dt-color-chart-positive-selected-hsl: var(--dt-color-green-600-hsl);
1009
+ --dt-color-chart-positive-selected-hsla: var(--dt-color-green-600-hsla);
1010
+ --dt-color-chart-positive-selected: #ff5c00; /* Selected state for positive chart elements, aka success. */
1011
+ --dt-color-chart-positive-hover-h: 22;
1012
+ --dt-color-chart-positive-hover-s: 100%;
1013
+ --dt-color-chart-positive-hover-l: 50%;
1014
+ --dt-color-chart-positive-hover-a: 100%;
1015
+ --dt-color-chart-positive-hover-hsl: var(--dt-color-green-475-hsl);
1016
+ --dt-color-chart-positive-hover-hsla: var(--dt-color-green-475-hsla);
1017
+ --dt-color-chart-positive-hover: #ff5c00; /* Hover state for positive chart elements, aka success. */
1018
+ --dt-color-chart-positive-h: 22;
1019
+ --dt-color-chart-positive-s: 100%;
1020
+ --dt-color-chart-positive-l: 50%;
1021
+ --dt-color-chart-positive-a: 100%;
1022
+ --dt-color-chart-positive-hsl: var(--dt-color-green-425-hsl);
1023
+ --dt-color-chart-positive-hsla: var(--dt-color-green-425-hsla);
1024
+ --dt-color-chart-positive: #ff5c00; /* Used for positive values, growth, or success indicators in charts, aka success. */
1025
+ --dt-color-chart-accent-selected-h: 22;
1026
+ --dt-color-chart-accent-selected-s: 100%;
1027
+ --dt-color-chart-accent-selected-l: 50%;
1028
+ --dt-color-chart-accent-selected-a: 100%;
1029
+ --dt-color-chart-accent-selected-hsl: var(--dt-color-indigo-800-hsl);
1030
+ --dt-color-chart-accent-selected-hsla: var(--dt-color-indigo-800-hsla);
1031
+ --dt-color-chart-accent-selected: #ff5c00; /* Selected state for accent chart elements. */
1032
+ --dt-color-chart-accent-hover-h: 22;
1033
+ --dt-color-chart-accent-hover-s: 100%;
1034
+ --dt-color-chart-accent-hover-l: 50%;
1035
+ --dt-color-chart-accent-hover-a: 100%;
1036
+ --dt-color-chart-accent-hover-hsl: var(--dt-color-indigo-600-hsl);
1037
+ --dt-color-chart-accent-hover-hsla: var(--dt-color-indigo-600-hsla);
1038
+ --dt-color-chart-accent-hover: #ff5c00; /* Hover state for accent chart elements. */
1039
+ --dt-color-chart-accent-h: 22;
1040
+ --dt-color-chart-accent-s: 100%;
1041
+ --dt-color-chart-accent-l: 50%;
1042
+ --dt-color-chart-accent-a: 100%;
1043
+ --dt-color-chart-accent-hsl: var(--dt-color-indigo-500-hsl);
1044
+ --dt-color-chart-accent-hsla: var(--dt-color-indigo-500-hsla);
1045
+ --dt-color-chart-accent: #ff5c00; /* Main accent color for highlighting important chart elements or primary data series. */
1046
+ --dt-color-chart-neutral-selected-h: 22;
1047
+ --dt-color-chart-neutral-selected-s: 100%;
1048
+ --dt-color-chart-neutral-selected-l: 50%;
1049
+ --dt-color-chart-neutral-selected-a: 100%;
1050
+ --dt-color-chart-neutral-selected-hsl: var(--dt-color-tan-600-hsl);
1051
+ --dt-color-chart-neutral-selected-hsla: var(--dt-color-tan-600-hsla);
1052
+ --dt-color-chart-neutral-selected: #ff5c00; /* Selected state for neutral chart elements. */
1053
+ --dt-color-chart-neutral-hover-h: 22;
1054
+ --dt-color-chart-neutral-hover-s: 100%;
1055
+ --dt-color-chart-neutral-hover-l: 50%;
1056
+ --dt-color-chart-neutral-hover-a: 100%;
1057
+ --dt-color-chart-neutral-hover-hsl: var(--dt-color-tan-400-hsl);
1058
+ --dt-color-chart-neutral-hover-hsla: var(--dt-color-tan-400-hsla);
1059
+ --dt-color-chart-neutral-hover: #ff5c00; /* Hover state for neutral chart elements. */
1060
+ --dt-color-chart-neutral-h: 22;
1061
+ --dt-color-chart-neutral-s: 100%;
1062
+ --dt-color-chart-neutral-l: 50%;
1063
+ --dt-color-chart-neutral-a: 100%;
1064
+ --dt-color-chart-neutral-hsl: var(--dt-color-tan-300-hsl);
1065
+ --dt-color-chart-neutral-hsla: var(--dt-color-tan-300-hsla);
1066
+ --dt-color-chart-neutral: #ff5c00; /* Used for neutral or background elements in charts where no specific meaning is implied. */
1067
+ --dt-color-chart-categorical-09-selected-h: 22;
1068
+ --dt-color-chart-categorical-09-selected-s: 100%;
1069
+ --dt-color-chart-categorical-09-selected-l: 50%;
1070
+ --dt-color-chart-categorical-09-selected-a: 100%;
1071
+ --dt-color-chart-categorical-09-selected-hsl: var(--dt-color-red-600-hsl);
1072
+ --dt-color-chart-categorical-09-selected-hsla: var(--dt-color-red-600-hsla);
1073
+ --dt-color-chart-categorical-09-selected: #ff5c00;
1074
+ --dt-color-chart-categorical-09-hover-h: 22;
1075
+ --dt-color-chart-categorical-09-hover-s: 100%;
1076
+ --dt-color-chart-categorical-09-hover-l: 50%;
1077
+ --dt-color-chart-categorical-09-hover-a: 100%;
1078
+ --dt-color-chart-categorical-09-hover-hsl: var(--dt-color-red-400-hsl);
1079
+ --dt-color-chart-categorical-09-hover-hsla: var(--dt-color-red-400-hsla);
1080
+ --dt-color-chart-categorical-09-hover: #ff5c00;
1081
+ --dt-color-chart-categorical-09-h: 22;
1082
+ --dt-color-chart-categorical-09-s: 100%;
1083
+ --dt-color-chart-categorical-09-l: 50%;
1084
+ --dt-color-chart-categorical-09-a: 100%;
1085
+ --dt-color-chart-categorical-09-hsl: var(--dt-color-red-350-hsl);
1086
+ --dt-color-chart-categorical-09-hsla: var(--dt-color-red-350-hsla);
1087
+ --dt-color-chart-categorical-09: #ff5c00;
1088
+ --dt-color-chart-categorical-08-selected-h: 22;
1089
+ --dt-color-chart-categorical-08-selected-s: 100%;
1090
+ --dt-color-chart-categorical-08-selected-l: 50%;
1091
+ --dt-color-chart-categorical-08-selected-a: 100%;
1092
+ --dt-color-chart-categorical-08-selected-hsl: var(--dt-color-olive-800-hsl);
1093
+ --dt-color-chart-categorical-08-selected-hsla: var(--dt-color-olive-800-hsla);
1094
+ --dt-color-chart-categorical-08-selected: #ff5c00;
1095
+ --dt-color-chart-categorical-08-hover-h: 22;
1096
+ --dt-color-chart-categorical-08-hover-s: 100%;
1097
+ --dt-color-chart-categorical-08-hover-l: 50%;
1098
+ --dt-color-chart-categorical-08-hover-a: 100%;
1099
+ --dt-color-chart-categorical-08-hover-hsl: var(--dt-color-olive-600-hsl);
1100
+ --dt-color-chart-categorical-08-hover-hsla: var(--dt-color-olive-600-hsla);
1101
+ --dt-color-chart-categorical-08-hover: #ff5c00;
1102
+ --dt-color-chart-categorical-08-h: 22;
1103
+ --dt-color-chart-categorical-08-s: 100%;
1104
+ --dt-color-chart-categorical-08-l: 50%;
1105
+ --dt-color-chart-categorical-08-a: 100%;
1106
+ --dt-color-chart-categorical-08-hsl: var(--dt-color-olive-500-hsl);
1107
+ --dt-color-chart-categorical-08-hsla: var(--dt-color-olive-500-hsla);
1108
+ --dt-color-chart-categorical-08: #ff5c00;
1109
+ --dt-color-chart-categorical-07-selected-h: 22;
1110
+ --dt-color-chart-categorical-07-selected-s: 100%;
1111
+ --dt-color-chart-categorical-07-selected-l: 50%;
1112
+ --dt-color-chart-categorical-07-selected-a: 100%;
1113
+ --dt-color-chart-categorical-07-selected-hsl: var(--dt-color-coral-900-hsl);
1114
+ --dt-color-chart-categorical-07-selected-hsla: var(--dt-color-coral-900-hsla);
1115
+ --dt-color-chart-categorical-07-selected: #ff5c00;
1116
+ --dt-color-chart-categorical-07-hover-h: 22;
1117
+ --dt-color-chart-categorical-07-hover-s: 100%;
1118
+ --dt-color-chart-categorical-07-hover-l: 50%;
1119
+ --dt-color-chart-categorical-07-hover-a: 100%;
1120
+ --dt-color-chart-categorical-07-hover-hsl: var(--dt-color-coral-500-hsl);
1121
+ --dt-color-chart-categorical-07-hover-hsla: var(--dt-color-coral-500-hsla);
1122
+ --dt-color-chart-categorical-07-hover: #ff5c00;
1123
+ --dt-color-chart-categorical-07-h: 22;
1124
+ --dt-color-chart-categorical-07-s: 100%;
1125
+ --dt-color-chart-categorical-07-l: 50%;
1126
+ --dt-color-chart-categorical-07-a: 100%;
1127
+ --dt-color-chart-categorical-07-hsl: var(--dt-color-coral-400-hsl);
1128
+ --dt-color-chart-categorical-07-hsla: var(--dt-color-coral-400-hsla);
1129
+ --dt-color-chart-categorical-07: #ff5c00;
1130
+ --dt-color-chart-categorical-06-selected-h: 22;
1131
+ --dt-color-chart-categorical-06-selected-s: 100%;
1132
+ --dt-color-chart-categorical-06-selected-l: 50%;
1133
+ --dt-color-chart-categorical-06-selected-a: 100%;
1134
+ --dt-color-chart-categorical-06-selected-hsl: var(--dt-color-berry-600-hsl);
1135
+ --dt-color-chart-categorical-06-selected-hsla: var(--dt-color-berry-600-hsla);
1136
+ --dt-color-chart-categorical-06-selected: #ff5c00;
1137
+ --dt-color-chart-categorical-06-hover-h: 22;
1138
+ --dt-color-chart-categorical-06-hover-s: 100%;
1139
+ --dt-color-chart-categorical-06-hover-l: 50%;
1140
+ --dt-color-chart-categorical-06-hover-a: 100%;
1141
+ --dt-color-chart-categorical-06-hover-hsl: var(--dt-color-berry-400-hsl);
1142
+ --dt-color-chart-categorical-06-hover-hsla: var(--dt-color-berry-400-hsla);
1143
+ --dt-color-chart-categorical-06-hover: #ff5c00;
1144
+ --dt-color-chart-categorical-06-h: 22;
1145
+ --dt-color-chart-categorical-06-s: 100%;
1146
+ --dt-color-chart-categorical-06-l: 50%;
1147
+ --dt-color-chart-categorical-06-a: 100%;
1148
+ --dt-color-chart-categorical-06-hsl: var(--dt-color-berry-300-hsl);
1149
+ --dt-color-chart-categorical-06-hsla: var(--dt-color-berry-300-hsla);
1150
+ --dt-color-chart-categorical-06: #ff5c00;
1151
+ --dt-color-chart-categorical-05-selected-h: 22;
1152
+ --dt-color-chart-categorical-05-selected-s: 100%;
1153
+ --dt-color-chart-categorical-05-selected-l: 50%;
1154
+ --dt-color-chart-categorical-05-selected-a: 100%;
1155
+ --dt-color-chart-categorical-05-selected-hsl: var(--dt-color-green-600-hsl);
1156
+ --dt-color-chart-categorical-05-selected-hsla: var(--dt-color-green-600-hsla);
1157
+ --dt-color-chart-categorical-05-selected: #ff5c00;
1158
+ --dt-color-chart-categorical-05-hover-h: 22;
1159
+ --dt-color-chart-categorical-05-hover-s: 100%;
1160
+ --dt-color-chart-categorical-05-hover-l: 50%;
1161
+ --dt-color-chart-categorical-05-hover-a: 100%;
1162
+ --dt-color-chart-categorical-05-hover-hsl: var(--dt-color-green-475-hsl);
1163
+ --dt-color-chart-categorical-05-hover-hsla: var(--dt-color-green-475-hsla);
1164
+ --dt-color-chart-categorical-05-hover: #ff5c00;
1165
+ --dt-color-chart-categorical-05-h: 22;
1166
+ --dt-color-chart-categorical-05-s: 100%;
1167
+ --dt-color-chart-categorical-05-l: 50%;
1168
+ --dt-color-chart-categorical-05-a: 100%;
1169
+ --dt-color-chart-categorical-05-hsl: var(--dt-color-green-425-hsl);
1170
+ --dt-color-chart-categorical-05-hsla: var(--dt-color-green-425-hsla);
1171
+ --dt-color-chart-categorical-05: #ff5c00;
1172
+ --dt-color-chart-categorical-04-selected-h: 22;
1173
+ --dt-color-chart-categorical-04-selected-s: 100%;
1174
+ --dt-color-chart-categorical-04-selected-l: 50%;
1175
+ --dt-color-chart-categorical-04-selected-a: 100%;
1176
+ --dt-color-chart-categorical-04-selected-hsl: var(--dt-color-gold-700-hsl);
1177
+ --dt-color-chart-categorical-04-selected-hsla: var(--dt-color-gold-700-hsla);
1178
+ --dt-color-chart-categorical-04-selected: #ff5c00;
1179
+ --dt-color-chart-categorical-04-hover-h: 22;
1180
+ --dt-color-chart-categorical-04-hover-s: 100%;
1181
+ --dt-color-chart-categorical-04-hover-l: 50%;
1182
+ --dt-color-chart-categorical-04-hover-a: 100%;
1183
+ --dt-color-chart-categorical-04-hover-hsl: var(--dt-color-gold-500-hsl);
1184
+ --dt-color-chart-categorical-04-hover-hsla: var(--dt-color-gold-500-hsla);
1185
+ --dt-color-chart-categorical-04-hover: #ff5c00;
1186
+ --dt-color-chart-categorical-04-h: 22;
1187
+ --dt-color-chart-categorical-04-s: 100%;
1188
+ --dt-color-chart-categorical-04-l: 50%;
1189
+ --dt-color-chart-categorical-04-a: 100%;
1190
+ --dt-color-chart-categorical-04-hsl: var(--dt-color-gold-400-hsl);
1191
+ --dt-color-chart-categorical-04-hsla: var(--dt-color-gold-400-hsla);
1192
+ --dt-color-chart-categorical-04: #ff5c00;
1193
+ --dt-color-chart-categorical-03-selected-h: 22;
1194
+ --dt-color-chart-categorical-03-selected-s: 100%;
1195
+ --dt-color-chart-categorical-03-selected-l: 50%;
1196
+ --dt-color-chart-categorical-03-selected-a: 100%;
1197
+ --dt-color-chart-categorical-03-selected-hsl: var(--dt-color-blue-600-hsl);
1198
+ --dt-color-chart-categorical-03-selected-hsla: var(--dt-color-blue-600-hsla);
1199
+ --dt-color-chart-categorical-03-selected: #ff5c00;
1200
+ --dt-color-chart-categorical-03-hover-h: 22;
1201
+ --dt-color-chart-categorical-03-hover-s: 100%;
1202
+ --dt-color-chart-categorical-03-hover-l: 50%;
1203
+ --dt-color-chart-categorical-03-hover-a: 100%;
1204
+ --dt-color-chart-categorical-03-hover-hsl: var(--dt-color-blue-450-hsl);
1205
+ --dt-color-chart-categorical-03-hover-hsla: var(--dt-color-blue-450-hsla);
1206
+ --dt-color-chart-categorical-03-hover: #ff5c00;
1207
+ --dt-color-chart-categorical-03-h: 22;
1208
+ --dt-color-chart-categorical-03-s: 100%;
1209
+ --dt-color-chart-categorical-03-l: 50%;
1210
+ --dt-color-chart-categorical-03-a: 100%;
1211
+ --dt-color-chart-categorical-03-hsl: var(--dt-color-blue-400-hsl);
1212
+ --dt-color-chart-categorical-03-hsla: var(--dt-color-blue-400-hsla);
1213
+ --dt-color-chart-categorical-03: #ff5c00;
1214
+ --dt-color-chart-categorical-02-selected-h: 22;
1215
+ --dt-color-chart-categorical-02-selected-s: 100%;
1216
+ --dt-color-chart-categorical-02-selected-l: 50%;
1217
+ --dt-color-chart-categorical-02-selected-a: 100%;
1218
+ --dt-color-chart-categorical-02-selected-hsl: var(--dt-color-magenta-600-hsl);
1219
+ --dt-color-chart-categorical-02-selected-hsla: var(--dt-color-magenta-600-hsla);
1220
+ --dt-color-chart-categorical-02-selected: #ff5c00;
1221
+ --dt-color-chart-categorical-02-hover-h: 22;
1222
+ --dt-color-chart-categorical-02-hover-s: 100%;
1223
+ --dt-color-chart-categorical-02-hover-l: 50%;
1224
+ --dt-color-chart-categorical-02-hover-a: 100%;
1225
+ --dt-color-chart-categorical-02-hover-hsl: var(--dt-color-magenta-400-hsl);
1226
+ --dt-color-chart-categorical-02-hover-hsla: var(--dt-color-magenta-400-hsla);
1227
+ --dt-color-chart-categorical-02-hover: #ff5c00;
1228
+ --dt-color-chart-categorical-02-h: 22;
1229
+ --dt-color-chart-categorical-02-s: 100%;
1230
+ --dt-color-chart-categorical-02-l: 50%;
1231
+ --dt-color-chart-categorical-02-a: 100%;
1232
+ --dt-color-chart-categorical-02-hsl: var(--dt-color-magenta-300-hsl);
1233
+ --dt-color-chart-categorical-02-hsla: var(--dt-color-magenta-300-hsla);
1234
+ --dt-color-chart-categorical-02: #ff5c00;
1235
+ --dt-color-chart-categorical-01-selected-h: 22;
1236
+ --dt-color-chart-categorical-01-selected-s: 100%;
1237
+ --dt-color-chart-categorical-01-selected-l: 50%;
1238
+ --dt-color-chart-categorical-01-selected-a: 100%;
1239
+ --dt-color-chart-categorical-01-selected-hsl: var(--dt-color-purple-600-hsl);
1240
+ --dt-color-chart-categorical-01-selected-hsla: var(--dt-color-purple-600-hsla);
1241
+ --dt-color-chart-categorical-01-selected: #ff5c00;
1242
+ --dt-color-chart-categorical-01-hover-h: 22;
1243
+ --dt-color-chart-categorical-01-hover-s: 100%;
1244
+ --dt-color-chart-categorical-01-hover-l: 50%;
1245
+ --dt-color-chart-categorical-01-hover-a: 100%;
1246
+ --dt-color-chart-categorical-01-hover-hsl: var(--dt-color-purple-500-hsl);
1247
+ --dt-color-chart-categorical-01-hover-hsla: var(--dt-color-purple-500-hsla);
1248
+ --dt-color-chart-categorical-01-hover: #ff5c00;
1249
+ --dt-color-chart-categorical-01-h: 22;
1250
+ --dt-color-chart-categorical-01-s: 100%;
1251
+ --dt-color-chart-categorical-01-l: 50%;
1252
+ --dt-color-chart-categorical-01-a: 100%;
1253
+ --dt-color-chart-categorical-01-hsl: var(--dt-color-purple-450-hsl);
1254
+ --dt-color-chart-categorical-01-hsla: var(--dt-color-purple-450-hsla);
1255
+ --dt-color-chart-categorical-01: #ff5c00;
1256
+ --dt-color-chart-categorical-10-selected-h: 22;
1257
+ --dt-color-chart-categorical-10-selected-s: 100%;
1258
+ --dt-color-chart-categorical-10-selected-l: 50%;
1259
+ --dt-color-chart-categorical-10-selected-a: 100%;
1260
+ --dt-color-chart-categorical-10-selected-hsl: var(--dt-color-teal-900-hsl);
1261
+ --dt-color-chart-categorical-10-selected-hsla: var(--dt-color-teal-900-hsla);
1262
+ --dt-color-chart-categorical-10-selected: #ff5c00;
1263
+ --dt-color-chart-categorical-10-hover-h: 22;
1264
+ --dt-color-chart-categorical-10-hover-s: 100%;
1265
+ --dt-color-chart-categorical-10-hover-l: 50%;
1266
+ --dt-color-chart-categorical-10-hover-a: 100%;
1267
+ --dt-color-chart-categorical-10-hover-hsl: var(--dt-color-teal-700-hsl);
1268
+ --dt-color-chart-categorical-10-hover-hsla: var(--dt-color-teal-700-hsla);
1269
+ --dt-color-chart-categorical-10-hover: #ff5c00;
1270
+ --dt-color-chart-categorical-10-h: 22;
1271
+ --dt-color-chart-categorical-10-s: 100%;
1272
+ --dt-color-chart-categorical-10-l: 50%;
1273
+ --dt-color-chart-categorical-10-a: 100%;
1274
+ --dt-color-chart-categorical-10-hsl: var(--dt-color-teal-600-hsl);
1275
+ --dt-color-chart-categorical-10-hsla: var(--dt-color-teal-600-hsla);
1276
+ --dt-color-chart-categorical-10: #ff5c00;
591
1277
  --dt-color-border-accent-h: 22;
592
1278
  --dt-color-border-accent-s: 100%;
593
1279
  --dt-color-border-accent-l: 50%;
@@ -1656,6 +2342,202 @@
1656
2342
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1657
2343
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1658
2344
  --dt-badge-color-background-default: #ff5c00;
2345
+ --dt-shell-presence-color-offline-h: 22;
2346
+ --dt-shell-presence-color-offline-s: 100%;
2347
+ --dt-shell-presence-color-offline-l: 50%;
2348
+ --dt-shell-presence-color-offline-a: 100%;
2349
+ --dt-shell-presence-color-offline-hsl: var(--dt-shell-base-color-status-away-hsl);
2350
+ --dt-shell-presence-color-offline-hsla: var(--dt-shell-base-color-status-away-hsla);
2351
+ --dt-shell-presence-color-offline: #ff5c00;
2352
+ --dt-shell-presence-color-busy-h: 22;
2353
+ --dt-shell-presence-color-busy-s: 100%;
2354
+ --dt-shell-presence-color-busy-l: 50%;
2355
+ --dt-shell-presence-color-busy-a: 100%;
2356
+ --dt-shell-presence-color-busy-hsl: var(--dt-shell-base-color-status-warning-hsl);
2357
+ --dt-shell-presence-color-busy-hsla: var(--dt-shell-base-color-status-warning-hsla);
2358
+ --dt-shell-presence-color-busy: #ff5c00;
2359
+ --dt-shell-presence-color-unavailable-h: 22;
2360
+ --dt-shell-presence-color-unavailable-s: 100%;
2361
+ --dt-shell-presence-color-unavailable-l: 50%;
2362
+ --dt-shell-presence-color-unavailable-a: 100%;
2363
+ --dt-shell-presence-color-unavailable-hsl: var(--dt-shell-base-color-status-critical-hsl);
2364
+ --dt-shell-presence-color-unavailable-hsla: var(--dt-shell-base-color-status-critical-hsla);
2365
+ --dt-shell-presence-color-unavailable: #ff5c00;
2366
+ --dt-shell-presence-color-available-h: 22;
2367
+ --dt-shell-presence-color-available-s: 100%;
2368
+ --dt-shell-presence-color-available-l: 50%;
2369
+ --dt-shell-presence-color-available-a: 100%;
2370
+ --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
2371
+ --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
2372
+ --dt-shell-presence-color-available: #ff5c00;
2373
+ --dt-shell-action-color-background-muted-selected-h: 22;
2374
+ --dt-shell-action-color-background-muted-selected-s: 100%;
2375
+ --dt-shell-action-color-background-muted-selected-l: 50%;
2376
+ --dt-shell-action-color-background-muted-selected-a: 100%;
2377
+ --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);
2378
+ --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%));
2379
+ --dt-shell-action-color-background-muted-selected: #ff5c00;
2380
+ --dt-shell-action-color-background-muted-active-h: 22;
2381
+ --dt-shell-action-color-background-muted-active-s: 100%;
2382
+ --dt-shell-action-color-background-muted-active-l: 50%;
2383
+ --dt-shell-action-color-background-muted-active-a: 100%;
2384
+ --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);
2385
+ --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%));
2386
+ --dt-shell-action-color-background-muted-active: #ff5c00;
2387
+ --dt-shell-action-color-background-muted-hover-h: 22;
2388
+ --dt-shell-action-color-background-muted-hover-s: 100%;
2389
+ --dt-shell-action-color-background-muted-hover-l: 50%;
2390
+ --dt-shell-action-color-background-muted-hover-a: 100%;
2391
+ --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);
2392
+ --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%));
2393
+ --dt-shell-action-color-background-muted-hover: #ff5c00;
2394
+ --dt-shell-action-color-background-muted-default-h: 22;
2395
+ --dt-shell-action-color-background-muted-default-s: 100%;
2396
+ --dt-shell-action-color-background-muted-default-l: 50%;
2397
+ --dt-shell-action-color-background-muted-default-a: 100%;
2398
+ --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);
2399
+ --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%));
2400
+ --dt-shell-action-color-background-muted-default: #ff5c00;
2401
+ --dt-shell-action-color-background-secondary-selected-h: 22;
2402
+ --dt-shell-action-color-background-secondary-selected-s: 100%;
2403
+ --dt-shell-action-color-background-secondary-selected-l: 50%;
2404
+ --dt-shell-action-color-background-secondary-selected-a: 100%;
2405
+ --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);
2406
+ --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%));
2407
+ --dt-shell-action-color-background-secondary-selected: #ff5c00;
2408
+ --dt-shell-action-color-background-secondary-active-h: 22;
2409
+ --dt-shell-action-color-background-secondary-active-s: 100%;
2410
+ --dt-shell-action-color-background-secondary-active-l: 50%;
2411
+ --dt-shell-action-color-background-secondary-active-a: 100%;
2412
+ --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);
2413
+ --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%));
2414
+ --dt-shell-action-color-background-secondary-active: #ff5c00;
2415
+ --dt-shell-action-color-background-secondary-hover-h: 22;
2416
+ --dt-shell-action-color-background-secondary-hover-s: 100%;
2417
+ --dt-shell-action-color-background-secondary-hover-l: 50%;
2418
+ --dt-shell-action-color-background-secondary-hover-a: 100%;
2419
+ --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);
2420
+ --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%));
2421
+ --dt-shell-action-color-background-secondary-hover: #ff5c00;
2422
+ --dt-shell-action-color-background-secondary-default-h: 22;
2423
+ --dt-shell-action-color-background-secondary-default-s: 100%;
2424
+ --dt-shell-action-color-background-secondary-default-l: 50%;
2425
+ --dt-shell-action-color-background-secondary-default-a: 100%;
2426
+ --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);
2427
+ --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%));
2428
+ --dt-shell-action-color-background-secondary-default: #ff5c00;
2429
+ --dt-shell-action-color-background-primary-selected-h: 22;
2430
+ --dt-shell-action-color-background-primary-selected-s: 100%;
2431
+ --dt-shell-action-color-background-primary-selected-l: 50%;
2432
+ --dt-shell-action-color-background-primary-selected-a: 100%;
2433
+ --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);
2434
+ --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%));
2435
+ --dt-shell-action-color-background-primary-selected: #ff5c00;
2436
+ --dt-shell-action-color-background-primary-active-h: 22;
2437
+ --dt-shell-action-color-background-primary-active-s: 100%;
2438
+ --dt-shell-action-color-background-primary-active-l: 50%;
2439
+ --dt-shell-action-color-background-primary-active-a: 100%;
2440
+ --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);
2441
+ --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%));
2442
+ --dt-shell-action-color-background-primary-active: #ff5c00;
2443
+ --dt-shell-action-color-background-primary-hover-h: 22;
2444
+ --dt-shell-action-color-background-primary-hover-s: 100%;
2445
+ --dt-shell-action-color-background-primary-hover-l: 50%;
2446
+ --dt-shell-action-color-background-primary-hover-a: 100%;
2447
+ --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);
2448
+ --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%));
2449
+ --dt-shell-action-color-background-primary-hover: #ff5c00;
2450
+ --dt-shell-action-color-background-primary-default-h: 22;
2451
+ --dt-shell-action-color-background-primary-default-s: 100%;
2452
+ --dt-shell-action-color-background-primary-default-l: 50%;
2453
+ --dt-shell-action-color-background-primary-default-a: 100%;
2454
+ --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);
2455
+ --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%));
2456
+ --dt-shell-action-color-background-primary-default: #ff5c00;
2457
+ --dt-shell-color-border-default-h: 22;
2458
+ --dt-shell-color-border-default-s: 100%;
2459
+ --dt-shell-color-border-default-l: 50%;
2460
+ --dt-shell-color-border-default-a: 100%;
2461
+ --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);
2462
+ --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%));
2463
+ --dt-shell-color-border-default: #ff5c00;
2464
+ --dt-shell-color-border-subtle-h: 22;
2465
+ --dt-shell-color-border-subtle-s: 100%;
2466
+ --dt-shell-color-border-subtle-l: 50%;
2467
+ --dt-shell-color-border-subtle-a: 100%;
2468
+ --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);
2469
+ --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%));
2470
+ --dt-shell-color-border-subtle: #ff5c00;
2471
+ --dt-shell-color-foreground-warning-h: 22;
2472
+ --dt-shell-color-foreground-warning-s: 100%;
2473
+ --dt-shell-color-foreground-warning-l: 50%;
2474
+ --dt-shell-color-foreground-warning-a: 100%;
2475
+ --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);
2476
+ --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%));
2477
+ --dt-shell-color-foreground-warning: #ff5c00;
2478
+ --dt-shell-color-foreground-critical-h: 22;
2479
+ --dt-shell-color-foreground-critical-s: 100%;
2480
+ --dt-shell-color-foreground-critical-l: 50%;
2481
+ --dt-shell-color-foreground-critical-a: 100%;
2482
+ --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);
2483
+ --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%));
2484
+ --dt-shell-color-foreground-critical: #ff5c00;
2485
+ --dt-shell-color-foreground-positive-h: 22;
2486
+ --dt-shell-color-foreground-positive-s: 100%;
2487
+ --dt-shell-color-foreground-positive-l: 50%;
2488
+ --dt-shell-color-foreground-positive-a: 100%;
2489
+ --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);
2490
+ --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%));
2491
+ --dt-shell-color-foreground-positive: #ff5c00;
2492
+ --dt-shell-color-foreground-disabled-h: 22;
2493
+ --dt-shell-color-foreground-disabled-s: 100%;
2494
+ --dt-shell-color-foreground-disabled-l: 50%;
2495
+ --dt-shell-color-foreground-disabled-a: 100%;
2496
+ --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);
2497
+ --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%));
2498
+ --dt-shell-color-foreground-disabled: #ff5c00;
2499
+ --dt-shell-color-foreground-muted-h: 22;
2500
+ --dt-shell-color-foreground-muted-s: 100%;
2501
+ --dt-shell-color-foreground-muted-l: 50%;
2502
+ --dt-shell-color-foreground-muted-a: 100%;
2503
+ --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);
2504
+ --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%));
2505
+ --dt-shell-color-foreground-muted: #ff5c00;
2506
+ --dt-shell-color-foreground-strong-h: 22;
2507
+ --dt-shell-color-foreground-strong-s: 100%;
2508
+ --dt-shell-color-foreground-strong-l: 50%;
2509
+ --dt-shell-color-foreground-strong-a: 100%;
2510
+ --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);
2511
+ --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%));
2512
+ --dt-shell-color-foreground-strong: #ff5c00;
2513
+ --dt-shell-color-foreground-tertiary-h: 22;
2514
+ --dt-shell-color-foreground-tertiary-s: 100%;
2515
+ --dt-shell-color-foreground-tertiary-l: 50%;
2516
+ --dt-shell-color-foreground-tertiary-a: 100%;
2517
+ --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);
2518
+ --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%));
2519
+ --dt-shell-color-foreground-tertiary: #ff5c00;
2520
+ --dt-shell-color-foreground-secondary-h: 22;
2521
+ --dt-shell-color-foreground-secondary-s: 100%;
2522
+ --dt-shell-color-foreground-secondary-l: 50%;
2523
+ --dt-shell-color-foreground-secondary-a: 100%;
2524
+ --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);
2525
+ --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%));
2526
+ --dt-shell-color-foreground-secondary: #ff5c00;
2527
+ --dt-shell-color-foreground-primary-h: 22;
2528
+ --dt-shell-color-foreground-primary-s: 100%;
2529
+ --dt-shell-color-foreground-primary-l: 50%;
2530
+ --dt-shell-color-foreground-primary-a: 100%;
2531
+ --dt-shell-color-foreground-primary-hsl: var(--dt-shell-base-color-foreground-hsl);
2532
+ --dt-shell-color-foreground-primary-hsla: var(--dt-shell-base-color-foreground-hsla);
2533
+ --dt-shell-color-foreground-primary: #ff5c00;
2534
+ --dt-shell-base-color-surface-h: 22;
2535
+ --dt-shell-base-color-surface-s: 100%;
2536
+ --dt-shell-base-color-surface-l: 50%;
2537
+ --dt-shell-base-color-surface-a: 100%;
2538
+ --dt-shell-base-color-surface-hsl: var(--dt-color-surface-secondary-hsl);
2539
+ --dt-shell-base-color-surface-hsla: var(--dt-color-surface-secondary-hsla);
2540
+ --dt-shell-base-color-surface: #ff5c00;
1659
2541
  --dt-theme-mention-color-background-h: 22;
1660
2542
  --dt-theme-mention-color-background-s: 100%;
1661
2543
  --dt-theme-mention-color-background-l: 50%;
@@ -2266,6 +3148,69 @@
2266
3148
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
2267
3149
  --dt-color-link-critical: #ff5c00;
2268
3150
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
3151
+ --dt-shell-action-color-foreground-muted-default-h: 22;
3152
+ --dt-shell-action-color-foreground-muted-default-s: 100%;
3153
+ --dt-shell-action-color-foreground-muted-default-l: 50%;
3154
+ --dt-shell-action-color-foreground-muted-default-a: 100%;
3155
+ --dt-shell-action-color-foreground-muted-default-hsl: var(--dt-shell-color-foreground-muted-hsl);
3156
+ --dt-shell-action-color-foreground-muted-default-hsla: var(--dt-shell-color-foreground-muted-hsla);
3157
+ --dt-shell-action-color-foreground-muted-default: #ff5c00;
3158
+ --dt-shell-action-color-foreground-secondary-disabled-h: 22;
3159
+ --dt-shell-action-color-foreground-secondary-disabled-s: 100%;
3160
+ --dt-shell-action-color-foreground-secondary-disabled-l: 50%;
3161
+ --dt-shell-action-color-foreground-secondary-disabled-a: 100%;
3162
+ --dt-shell-action-color-foreground-secondary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
3163
+ --dt-shell-action-color-foreground-secondary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
3164
+ --dt-shell-action-color-foreground-secondary-disabled: #ff5c00;
3165
+ --dt-shell-action-color-foreground-primary-disabled-h: 22;
3166
+ --dt-shell-action-color-foreground-primary-disabled-s: 100%;
3167
+ --dt-shell-action-color-foreground-primary-disabled-l: 50%;
3168
+ --dt-shell-action-color-foreground-primary-disabled-a: 100%;
3169
+ --dt-shell-action-color-foreground-primary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
3170
+ --dt-shell-action-color-foreground-primary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
3171
+ --dt-shell-action-color-foreground-primary-disabled: #ff5c00;
3172
+ --dt-shell-action-color-foreground-tertiary-default-h: 22;
3173
+ --dt-shell-action-color-foreground-tertiary-default-s: 100%;
3174
+ --dt-shell-action-color-foreground-tertiary-default-l: 50%;
3175
+ --dt-shell-action-color-foreground-tertiary-default-a: 100%;
3176
+ --dt-shell-action-color-foreground-tertiary-default-hsl: var(--dt-shell-color-foreground-tertiary-hsl);
3177
+ --dt-shell-action-color-foreground-tertiary-default-hsla: var(--dt-shell-color-foreground-tertiary-hsla);
3178
+ --dt-shell-action-color-foreground-tertiary-default: #ff5c00;
3179
+ --dt-shell-action-color-foreground-primary-strong-h: 22;
3180
+ --dt-shell-action-color-foreground-primary-strong-s: 100%;
3181
+ --dt-shell-action-color-foreground-primary-strong-l: 50%;
3182
+ --dt-shell-action-color-foreground-primary-strong-a: 100%;
3183
+ --dt-shell-action-color-foreground-primary-strong-hsl: var(--dt-shell-color-foreground-strong-hsl);
3184
+ --dt-shell-action-color-foreground-primary-strong-hsla: var(--dt-shell-color-foreground-strong-hsla);
3185
+ --dt-shell-action-color-foreground-primary-strong: #ff5c00;
3186
+ --dt-shell-action-color-foreground-secondary-default-h: 22;
3187
+ --dt-shell-action-color-foreground-secondary-default-s: 100%;
3188
+ --dt-shell-action-color-foreground-secondary-default-l: 50%;
3189
+ --dt-shell-action-color-foreground-secondary-default-a: 100%;
3190
+ --dt-shell-action-color-foreground-secondary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
3191
+ --dt-shell-action-color-foreground-secondary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
3192
+ --dt-shell-action-color-foreground-secondary-default: #ff5c00;
3193
+ --dt-shell-action-color-foreground-primary-default-h: 22;
3194
+ --dt-shell-action-color-foreground-primary-default-s: 100%;
3195
+ --dt-shell-action-color-foreground-primary-default-l: 50%;
3196
+ --dt-shell-action-color-foreground-primary-default-a: 100%;
3197
+ --dt-shell-action-color-foreground-primary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
3198
+ --dt-shell-action-color-foreground-primary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
3199
+ --dt-shell-action-color-foreground-primary-default: #ff5c00;
3200
+ --dt-shell-color-surface-default-h: 22;
3201
+ --dt-shell-color-surface-default-s: 100%;
3202
+ --dt-shell-color-surface-default-l: 50%;
3203
+ --dt-shell-color-surface-default-a: 100%;
3204
+ --dt-shell-color-surface-default-hsl: var(--dt-shell-base-color-surface-hsl);
3205
+ --dt-shell-color-surface-default-hsla: var(--dt-shell-base-color-surface-hsla);
3206
+ --dt-shell-color-surface-default: #ff5c00;
3207
+ --dt-shell-base-color-accent-h: 22;
3208
+ --dt-shell-base-color-accent-s: 100%;
3209
+ --dt-shell-base-color-accent-l: 50%;
3210
+ --dt-shell-base-color-accent-a: 100%;
3211
+ --dt-shell-base-color-accent-hsl: var(--dt-badge-color-background-bulletin-hsl);
3212
+ --dt-shell-base-color-accent-hsla: var(--dt-badge-color-background-bulletin-hsla);
3213
+ --dt-shell-base-color-accent: #ff5c00;
2269
3214
  --dt-theme-sidebar-icon-color-foreground-h: 22;
2270
3215
  --dt-theme-sidebar-icon-color-foreground-s: 100%;
2271
3216
  --dt-theme-sidebar-icon-color-foreground-l: 50%;
@@ -2436,6 +3381,34 @@
2436
3381
  --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
2437
3382
  --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
2438
3383
  --dt-color-link-disabled-hover: #ff5c00;
3384
+ --dt-shell-mention-color-surface-secondary-h: 22;
3385
+ --dt-shell-mention-color-surface-secondary-s: 100%;
3386
+ --dt-shell-mention-color-surface-secondary-l: 50%;
3387
+ --dt-shell-mention-color-surface-secondary-a: 100%;
3388
+ --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);
3389
+ --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%));
3390
+ --dt-shell-mention-color-surface-secondary: #ff5c00;
3391
+ --dt-shell-mention-color-surface-primary-h: 22;
3392
+ --dt-shell-mention-color-surface-primary-s: 100%;
3393
+ --dt-shell-mention-color-surface-primary-l: 50%;
3394
+ --dt-shell-mention-color-surface-primary-a: 100%;
3395
+ --dt-shell-mention-color-surface-primary-hsl: var(--dt-shell-base-color-accent-hsl);
3396
+ --dt-shell-mention-color-surface-primary-hsla: var(--dt-shell-base-color-accent-hsla);
3397
+ --dt-shell-mention-color-surface-primary: #ff5c00;
3398
+ --dt-shell-action-color-foreground-muted-selected-h: 22;
3399
+ --dt-shell-action-color-foreground-muted-selected-s: 100%;
3400
+ --dt-shell-action-color-foreground-muted-selected-l: 50%;
3401
+ --dt-shell-action-color-foreground-muted-selected-a: 100%;
3402
+ --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);
3403
+ --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%));
3404
+ --dt-shell-action-color-foreground-muted-selected: #ff5c00;
3405
+ --dt-shell-action-color-foreground-muted-hover-h: 22;
3406
+ --dt-shell-action-color-foreground-muted-hover-s: 100%;
3407
+ --dt-shell-action-color-foreground-muted-hover-l: 50%;
3408
+ --dt-shell-action-color-foreground-muted-hover-a: 100%;
3409
+ --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);
3410
+ --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%));
3411
+ --dt-shell-action-color-foreground-muted-hover: #ff5c00;
2439
3412
  --dt-action-color-foreground-positive-active-h: 22;
2440
3413
  --dt-action-color-foreground-positive-active-s: 100%;
2441
3414
  --dt-action-color-foreground-positive-active-l: 50%;
@@ -2464,6 +3437,13 @@
2464
3437
  --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
2465
3438
  --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
2466
3439
  --dt-action-color-foreground-critical-active: #ff5c00;
3440
+ --dt-shell-action-color-foreground-muted-active-h: 22;
3441
+ --dt-shell-action-color-foreground-muted-active-s: 100%;
3442
+ --dt-shell-action-color-foreground-muted-active-l: 50%;
3443
+ --dt-shell-action-color-foreground-muted-active-a: 100%;
3444
+ --dt-shell-action-color-foreground-muted-active-hsl: var(--dt-shell-action-color-foreground-muted-hover-hsl);
3445
+ --dt-shell-action-color-foreground-muted-active-hsla: var(--dt-shell-action-color-foreground-muted-hover-hsla);
3446
+ --dt-shell-action-color-foreground-muted-active: #ff5c00;
2467
3447
  --dt-font-size-100-mobile: 1.2rem;
2468
3448
  --dt-font-size-200-mobile: 1.6rem;
2469
3449
  --dt-font-size-300-mobile: 2rem;