@dialpad/dialtone 9.129.2 → 9.129.3-beta.1

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 (82) hide show
  1. package/dist/css/dialtone-default-theme.css +589 -175
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/tokens-docs.json +1 -1
  4. package/dist/tokens/css/tokens-aegean-dark.css +467 -0
  5. package/dist/tokens/css/tokens-aegean-light.css +467 -0
  6. package/dist/tokens/css/tokens-base-dark.css +132 -132
  7. package/dist/tokens/css/tokens-base-deca-dark.css +132 -132
  8. package/dist/tokens/css/tokens-ceruleo-dark.css +488 -0
  9. package/dist/tokens/css/tokens-ceruleo-default.css +488 -0
  10. package/dist/tokens/css/tokens-debug-dp.css +574 -160
  11. package/dist/tokens/css/tokens-deca-dark.css +41 -1846
  12. package/dist/tokens/css/tokens-deca-light.css +62 -1874
  13. package/dist/tokens/css/tokens-dp-dark.css +575 -154
  14. package/dist/tokens/css/tokens-dp-light.css +589 -175
  15. package/dist/tokens/css/tokens-expressive-dark.css +547 -154
  16. package/dist/tokens/css/tokens-expressive-light.css +589 -175
  17. package/dist/tokens/css/tokens-expressive-sm-dark.css +575 -154
  18. package/dist/tokens/css/tokens-expressive-sm-light.css +589 -175
  19. package/dist/tokens/css/tokens-melon-dark.css +467 -0
  20. package/dist/tokens/css/tokens-melon-light.css +467 -0
  21. package/dist/tokens/css/tokens-sunflower-dark.css +467 -0
  22. package/dist/tokens/css/tokens-sunflower-light.css +467 -0
  23. package/dist/tokens/css/tokens-tmo-dark.css +866 -445
  24. package/dist/tokens/css/tokens-tmo-light.css +883 -469
  25. package/dist/tokens/css/tokens-verdant-haze-dark.css +474 -0
  26. package/dist/tokens/css/tokens-verdant-haze-light.css +474 -0
  27. package/dist/tokens/doc.json +145693 -129068
  28. package/dist/tokens/themes/chunks/{tokens-base-dark-CKvoqrK2.js → tokens-base-dark-Cjejq-jP.js} +1 -1
  29. package/dist/tokens/themes/chunks/{tokens-base-dark-CLL9Sz8C.js → tokens-base-dark-DD916YAg.js} +1 -1
  30. package/dist/tokens/themes/debug.cjs +1 -1
  31. package/dist/tokens/themes/debug.js +1 -1
  32. package/dist/tokens/themes/dp-dark.cjs +1 -1
  33. package/dist/tokens/themes/dp-dark.js +3 -3
  34. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  35. package/dist/tokens/themes/dp-deca-dark.js +3 -3
  36. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  37. package/dist/tokens/themes/dp-deca-light.js +4 -4
  38. package/dist/tokens/themes/dp-light.cjs +1 -1
  39. package/dist/tokens/themes/dp-light.js +2 -2
  40. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  41. package/dist/tokens/themes/expressive-dark.js +2 -2
  42. package/dist/tokens/themes/expressive-light.cjs +1 -1
  43. package/dist/tokens/themes/expressive-light.js +2 -2
  44. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  45. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  46. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  47. package/dist/tokens/themes/expressive-sm-light.js +2 -2
  48. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  49. package/dist/tokens/themes/tmo-dark.js +3 -3
  50. package/dist/tokens/themes/tmo-light.cjs +1 -1
  51. package/dist/tokens/themes/tmo-light.js +2 -2
  52. package/dist/tokens/tokens-aegean-dark.json +121 -0
  53. package/dist/tokens/tokens-aegean-light.json +121 -0
  54. package/dist/tokens/tokens-base-dark.json +132 -132
  55. package/dist/tokens/tokens-base-deca-dark.json +132 -132
  56. package/dist/tokens/tokens-ceruleo-dark.json +124 -0
  57. package/dist/tokens/tokens-ceruleo-default.json +124 -0
  58. package/dist/tokens/tokens-deca-dark.json +52 -472
  59. package/dist/tokens/tokens-deca-light.json +4 -425
  60. package/dist/tokens/tokens-dp-dark.json +254 -193
  61. package/dist/tokens/tokens-dp-light.json +85 -25
  62. package/dist/tokens/tokens-expressive-dark.json +250 -193
  63. package/dist/tokens/tokens-expressive-light.json +85 -25
  64. package/dist/tokens/tokens-expressive-sm-dark.json +254 -193
  65. package/dist/tokens/tokens-expressive-sm-light.json +85 -25
  66. package/dist/tokens/tokens-melon-dark.json +121 -0
  67. package/dist/tokens/tokens-melon-light.json +121 -0
  68. package/dist/tokens/tokens-sunflower-dark.json +121 -0
  69. package/dist/tokens/tokens-sunflower-light.json +121 -0
  70. package/dist/tokens/tokens-tmo-dark.json +257 -196
  71. package/dist/tokens/tokens-tmo-light.json +127 -67
  72. package/dist/tokens/tokens-verdant-haze-dark.json +122 -0
  73. package/dist/tokens/tokens-verdant-haze-light.json +122 -0
  74. package/dist/vue2/localization/index.cjs +1 -1
  75. package/dist/vue2/localization/index.cjs.map +1 -1
  76. package/dist/vue2/localization/index.js +25 -27
  77. package/dist/vue2/localization/index.js.map +1 -1
  78. package/dist/vue3/localization/index.cjs +1 -1
  79. package/dist/vue3/localization/index.cjs.map +1 -1
  80. package/dist/vue3/localization/index.js +28 -30
  81. package/dist/vue3/localization/index.js.map +1 -1
  82. package/package.json +1 -1
@@ -138,181 +138,14 @@
138
138
  --dt-avatar-color-background-100-hsl: var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l);
139
139
  --dt-avatar-color-background-100-hsla: hsl(var(--dt-avatar-color-background-100-h) var(--dt-avatar-color-background-100-s) var(--dt-avatar-color-background-100-l) / var(--alpha, 100%));
140
140
  --dt-avatar-color-background-100: #1aa340;
141
- --dt-theme-mention-color-background-strong-h: 329.016393442623;
142
- --dt-theme-mention-color-background-strong-s: 100%;
143
- --dt-theme-mention-color-background-strong-l: 23.92156862745098%;
144
- --dt-theme-mention-color-background-strong-a: 100%;
145
- --dt-theme-mention-color-background-strong-hsl: var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l);
146
- --dt-theme-mention-color-background-strong-hsla: hsl(var(--dt-theme-mention-color-background-strong-h) var(--dt-theme-mention-color-background-strong-s) var(--dt-theme-mention-color-background-strong-l) / var(--alpha, 100%));
147
- --dt-theme-mention-color-background-strong: #7A003F;
148
- --dt-theme-mention-color-background-h: 329.20353982300884;
149
- --dt-theme-mention-color-background-s: 100%;
150
- --dt-theme-mention-color-background-l: 44.31372549019608%;
151
- --dt-theme-mention-color-background-a: 100%;
152
- --dt-theme-mention-color-background-hsl: var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l);
153
- --dt-theme-mention-color-background-hsla: hsl(var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l) / var(--alpha, 100%));
154
- --dt-theme-mention-color-background: #E20074;
155
- --dt-action-color-background-base-primary-active-h: 329.016393442623;
156
- --dt-action-color-background-base-primary-active-s: 100%;
157
- --dt-action-color-background-base-primary-active-l: 23.92156862745098%;
158
- --dt-action-color-background-base-primary-active-a: 100%;
159
- --dt-action-color-background-base-primary-active-hsl: var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l);
160
- --dt-action-color-background-base-primary-active-hsla: hsl(var(--dt-action-color-background-base-primary-active-h) var(--dt-action-color-background-base-primary-active-s) var(--dt-action-color-background-base-primary-active-l) / var(--alpha, 100%));
161
- --dt-action-color-background-base-primary-active: #7A003F;
162
- --dt-action-color-background-base-primary-hover-h: 329.2857142857143;
163
- --dt-action-color-background-base-primary-hover-s: 100%;
164
- --dt-action-color-background-base-primary-hover-l: 32.94117647058823%;
165
- --dt-action-color-background-base-primary-hover-a: 100%;
166
- --dt-action-color-background-base-primary-hover-hsl: var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l);
167
- --dt-action-color-background-base-primary-hover-hsla: hsl(var(--dt-action-color-background-base-primary-hover-h) var(--dt-action-color-background-base-primary-hover-s) var(--dt-action-color-background-base-primary-hover-l) / var(--alpha, 100%));
168
- --dt-action-color-background-base-primary-hover: #A80056;
169
- --dt-action-color-background-base-primary-default-h: 329.20353982300884;
170
- --dt-action-color-background-base-primary-default-s: 100%;
171
- --dt-action-color-background-base-primary-default-l: 44.31372549019608%;
172
- --dt-action-color-background-base-primary-default-a: 100%;
173
- --dt-action-color-background-base-primary-default-hsl: var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l);
174
- --dt-action-color-background-base-primary-default-hsla: hsl(var(--dt-action-color-background-base-primary-default-h) var(--dt-action-color-background-base-primary-default-s) var(--dt-action-color-background-base-primary-default-l) / var(--alpha, 100%));
175
- --dt-action-color-background-base-primary-default: #E20074;
176
- --dt-color-border-brand-strong-inverted-h: 328.83116883116884;
177
- --dt-color-border-brand-strong-inverted-s: 100%;
178
- --dt-color-border-brand-strong-inverted-l: 84.90196078431373%;
179
- --dt-color-border-brand-strong-inverted-a: 100%;
180
- --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l);
181
- --dt-color-border-brand-strong-inverted-hsla: hsl(var(--dt-color-border-brand-strong-inverted-h) var(--dt-color-border-brand-strong-inverted-s) var(--dt-color-border-brand-strong-inverted-l) / var(--alpha, 100%));
182
- --dt-color-border-brand-strong-inverted: #FFB2DA;
183
- --dt-color-border-brand-subtle-inverted-h: 329.2857142857143;
184
- --dt-color-border-brand-subtle-inverted-s: 100%;
185
- --dt-color-border-brand-subtle-inverted-l: 32.94117647058823%;
186
- --dt-color-border-brand-subtle-inverted-a: 100%;
187
- --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l);
188
- --dt-color-border-brand-subtle-inverted-hsla: hsl(var(--dt-color-border-brand-subtle-inverted-h) var(--dt-color-border-brand-subtle-inverted-s) var(--dt-color-border-brand-subtle-inverted-l) / var(--alpha, 100%));
189
- --dt-color-border-brand-subtle-inverted: #A80056;
190
- --dt-color-border-brand-inverted-h: 329.3258426966292;
191
- --dt-color-border-brand-inverted-s: 100%;
192
- --dt-color-border-brand-inverted-l: 65.09803921568627%;
193
- --dt-color-border-brand-inverted-a: 100%;
194
- --dt-color-border-brand-inverted-hsl: var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l);
195
- --dt-color-border-brand-inverted-hsla: hsl(var(--dt-color-border-brand-inverted-h) var(--dt-color-border-brand-inverted-s) var(--dt-color-border-brand-inverted-l) / var(--alpha, 100%));
196
- --dt-color-border-brand-inverted: #FF4DA8;
197
- --dt-color-border-brand-strong-h: 329.2857142857143;
198
- --dt-color-border-brand-strong-s: 100%;
199
- --dt-color-border-brand-strong-l: 32.94117647058823%;
200
- --dt-color-border-brand-strong-a: 100%;
201
- --dt-color-border-brand-strong-hsl: var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l);
202
- --dt-color-border-brand-strong-hsla: hsl(var(--dt-color-border-brand-strong-h) var(--dt-color-border-brand-strong-s) var(--dt-color-border-brand-strong-l) / var(--alpha, 100%));
203
- --dt-color-border-brand-strong: #A80056;
204
- --dt-color-border-brand-subtle-h: 328.83116883116884;
205
- --dt-color-border-brand-subtle-s: 100%;
206
- --dt-color-border-brand-subtle-l: 84.90196078431373%;
207
- --dt-color-border-brand-subtle-a: 100%;
208
- --dt-color-border-brand-subtle-hsl: var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l);
209
- --dt-color-border-brand-subtle-hsla: hsl(var(--dt-color-border-brand-subtle-h) var(--dt-color-border-brand-subtle-s) var(--dt-color-border-brand-subtle-l) / var(--alpha, 100%));
210
- --dt-color-border-brand-subtle: #FFB2DA;
211
- --dt-color-border-brand-h: 329.20353982300884;
212
- --dt-color-border-brand-s: 100%;
213
- --dt-color-border-brand-l: 44.31372549019608%;
214
- --dt-color-border-brand-a: 100%;
215
- --dt-color-border-brand-hsl: var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l);
216
- --dt-color-border-brand-hsla: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--alpha, 100%));
217
- --dt-color-border-brand: #E20074;
218
- --dt-color-surface-brand-subtle-opaque-inverted-h: 328;
219
- --dt-color-surface-brand-subtle-opaque-inverted-s: 100%;
220
- --dt-color-surface-brand-subtle-opaque-inverted-l: 10.4%;
221
- --dt-color-surface-brand-subtle-opaque-inverted-a: 90%;
222
- --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
223
- --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 90%));
224
- --dt-color-surface-brand-subtle-opaque-inverted: hsl(328 100% 10.4% / 0.9);
225
- --dt-color-surface-brand-opaque-inverted-h: 329;
226
- --dt-color-surface-brand-opaque-inverted-s: 100%;
227
- --dt-color-surface-brand-opaque-inverted-l: 14.7%;
228
- --dt-color-surface-brand-opaque-inverted-a: 80%;
229
- --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
230
- --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
231
- --dt-color-surface-brand-opaque-inverted: hsl(329 100% 14.7% / 0.8);
232
- --dt-color-surface-brand-strong-inverted-h: 328.83116883116884;
233
- --dt-color-surface-brand-strong-inverted-s: 100%;
234
- --dt-color-surface-brand-strong-inverted-l: 84.90196078431373%;
235
- --dt-color-surface-brand-strong-inverted-a: 100%;
236
- --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l);
237
- --dt-color-surface-brand-strong-inverted-hsla: hsl(var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l) / var(--alpha, 100%));
238
- --dt-color-surface-brand-strong-inverted: #FFB2DA;
239
- --dt-color-surface-brand-subtle-inverted-h: 328.69565217391306;
240
- --dt-color-surface-brand-subtle-inverted-s: 100%;
241
- --dt-color-surface-brand-subtle-inverted-l: 9.019607843137255%;
242
- --dt-color-surface-brand-subtle-inverted-a: 100%;
243
- --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l);
244
- --dt-color-surface-brand-subtle-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l) / var(--alpha, 100%));
245
- --dt-color-surface-brand-subtle-inverted: #2E0018;
246
- --dt-color-surface-brand-inverted-h: 329.5081967213115;
247
- --dt-color-surface-brand-inverted-s: 100%;
248
- --dt-color-surface-brand-inverted-l: 11.96078431372549%;
249
- --dt-color-surface-brand-inverted-a: 100%;
250
- --dt-color-surface-brand-inverted-hsl: var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l);
251
- --dt-color-surface-brand-inverted-hsla: hsl(var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l) / var(--alpha, 100%));
252
- --dt-color-surface-brand-inverted: #3D001F;
253
- --dt-color-surface-brand-subtle-opaque-h: 329;
254
- --dt-color-surface-brand-subtle-opaque-s: 94%;
255
- --dt-color-surface-brand-subtle-opaque-l: 86.9%;
256
- --dt-color-surface-brand-subtle-opaque-a: 25%;
257
- --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
258
- --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 25%));
259
- --dt-color-surface-brand-subtle-opaque: hsl(329 94% 86.9% / 0.25);
260
- --dt-color-surface-brand-opaque-h: 329;
261
- --dt-color-surface-brand-opaque-s: 94%;
262
- --dt-color-surface-brand-opaque-l: 86.9%;
263
- --dt-color-surface-brand-opaque-a: 80%;
264
- --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
265
- --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 80%));
266
- --dt-color-surface-brand-opaque: hsl(329 94% 86.9% / 0.8);
267
- --dt-color-surface-brand-strong-h: 329.20353982300884;
268
- --dt-color-surface-brand-strong-s: 100%;
269
- --dt-color-surface-brand-strong-l: 44.31372549019608%;
270
- --dt-color-surface-brand-strong-a: 100%;
271
- --dt-color-surface-brand-strong-hsl: var(--dt-color-surface-brand-strong-h) var(--dt-color-surface-brand-strong-s) var(--dt-color-surface-brand-strong-l);
272
- --dt-color-surface-brand-strong-hsla: hsl(var(--dt-color-surface-brand-strong-h) var(--dt-color-surface-brand-strong-s) var(--dt-color-surface-brand-strong-l) / var(--alpha, 100%));
273
- --dt-color-surface-brand-strong: #E20074;
274
- --dt-color-surface-brand-subtle-h: 328;
275
- --dt-color-surface-brand-subtle-s: 100%;
276
- --dt-color-surface-brand-subtle-l: 97.05882352941177%;
277
- --dt-color-surface-brand-subtle-a: 100%;
278
- --dt-color-surface-brand-subtle-hsl: var(--dt-color-surface-brand-subtle-h) var(--dt-color-surface-brand-subtle-s) var(--dt-color-surface-brand-subtle-l);
279
- --dt-color-surface-brand-subtle-hsla: hsl(var(--dt-color-surface-brand-subtle-h) var(--dt-color-surface-brand-subtle-s) var(--dt-color-surface-brand-subtle-l) / var(--alpha, 100%));
280
- --dt-color-surface-brand-subtle: #FFF0F8;
281
- --dt-color-surface-brand-h: 329.4117647058824;
282
- --dt-color-surface-brand-s: 100%;
283
- --dt-color-surface-brand-l: 90%;
284
- --dt-color-surface-brand-a: 100%;
285
- --dt-color-surface-brand-hsl: var(--dt-color-surface-brand-h) var(--dt-color-surface-brand-s) var(--dt-color-surface-brand-l);
286
- --dt-color-surface-brand-hsla: hsl(var(--dt-color-surface-brand-h) var(--dt-color-surface-brand-s) var(--dt-color-surface-brand-l) / var(--alpha, 100%));
287
- --dt-color-surface-brand: #FFCCE6;
288
- --dt-color-link-primary-inverted-hover-h: 329.4117647058824;
289
- --dt-color-link-primary-inverted-hover-s: 100%;
290
- --dt-color-link-primary-inverted-hover-l: 90%;
291
- --dt-color-link-primary-inverted-hover-a: 100%;
292
- --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l);
293
- --dt-color-link-primary-inverted-hover-hsla: hsl(var(--dt-color-link-primary-inverted-hover-h) var(--dt-color-link-primary-inverted-hover-s) var(--dt-color-link-primary-inverted-hover-l) / var(--alpha, 100%));
294
- --dt-color-link-primary-inverted-hover: #FFCCE6;
295
- --dt-color-link-primary-inverted-h: 328.83116883116884;
296
- --dt-color-link-primary-inverted-s: 100%;
297
- --dt-color-link-primary-inverted-l: 84.90196078431373%;
298
- --dt-color-link-primary-inverted-a: 100%;
299
- --dt-color-link-primary-inverted-hsl: var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l);
300
- --dt-color-link-primary-inverted-hsla: hsl(var(--dt-color-link-primary-inverted-h) var(--dt-color-link-primary-inverted-s) var(--dt-color-link-primary-inverted-l) / var(--alpha, 100%));
301
- --dt-color-link-primary-inverted: #FFB2DA;
302
- --dt-color-link-primary-hover-h: 329.2857142857143;
303
- --dt-color-link-primary-hover-s: 100%;
304
- --dt-color-link-primary-hover-l: 32.94117647058823%;
305
- --dt-color-link-primary-hover-a: 100%;
306
- --dt-color-link-primary-hover-hsl: var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l);
307
- --dt-color-link-primary-hover-hsla: hsl(var(--dt-color-link-primary-hover-h) var(--dt-color-link-primary-hover-s) var(--dt-color-link-primary-hover-l) / var(--alpha, 100%));
308
- --dt-color-link-primary-hover: #A80056;
309
- --dt-color-link-primary-h: 329.20353982300884;
310
- --dt-color-link-primary-s: 100%;
311
- --dt-color-link-primary-l: 44.31372549019608%;
312
- --dt-color-link-primary-a: 100%;
313
- --dt-color-link-primary-hsl: var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l);
314
- --dt-color-link-primary-hsla: hsl(var(--dt-color-link-primary-h) var(--dt-color-link-primary-s) var(--dt-color-link-primary-l) / var(--alpha, 100%));
315
- --dt-color-link-primary: #e20074;
141
+ --dt-shell-foo: #392bff;
142
+ --dt-shell-base-color-accent-h: 329.20353982300884;
143
+ --dt-shell-base-color-accent-s: 100%;
144
+ --dt-shell-base-color-accent-l: 44.31372549019608%;
145
+ --dt-shell-base-color-accent-a: 100%;
146
+ --dt-shell-base-color-accent-hsl: var(--dt-shell-base-color-accent-h) var(--dt-shell-base-color-accent-s) var(--dt-shell-base-color-accent-l);
147
+ --dt-shell-base-color-accent-hsla: hsl(var(--dt-shell-base-color-accent-h) var(--dt-shell-base-color-accent-s) var(--dt-shell-base-color-accent-l) / var(--alpha, 100%));
148
+ --dt-shell-base-color-accent: #E20074;
316
149
  --dt-radio-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
317
150
  --dt-radio-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
318
151
  --dt-radio-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
@@ -320,21 +153,35 @@
320
153
  --dt-radio-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
321
154
  --dt-radio-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
322
155
  --dt-radio-color-foreground-default: var(--dt-color-neutral-transparent);
323
- --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
324
- --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
325
- --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
326
- --dt-radio-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
327
- --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
328
- --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
329
- --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
330
- --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
331
- --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
332
- --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
333
- --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
334
- --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
335
- --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
336
- --dt-radio-color-border-checked: var(--dt-color-border-brand);
337
156
  --dt-radio-size-width: var(--dt-size-500);
157
+ --dt-presence-color-offline-h: var(--dt-color-black-500-h);
158
+ --dt-presence-color-offline-s: var(--dt-color-black-500-s);
159
+ --dt-presence-color-offline-l: var(--dt-color-black-500-l);
160
+ --dt-presence-color-offline-a: var(--dt-color-black-500-a);
161
+ --dt-presence-color-offline-hsl: var(--dt-color-black-500-hsl);
162
+ --dt-presence-color-offline-hsla: var(--dt-color-black-500-hsla);
163
+ --dt-presence-color-offline: var(--dt-color-black-500);
164
+ --dt-presence-color-busy-h: var(--dt-color-gold-400-h);
165
+ --dt-presence-color-busy-s: var(--dt-color-gold-400-s);
166
+ --dt-presence-color-busy-l: var(--dt-color-gold-400-l);
167
+ --dt-presence-color-busy-a: var(--dt-color-gold-400-a);
168
+ --dt-presence-color-busy-hsl: var(--dt-color-gold-400-hsl);
169
+ --dt-presence-color-busy-hsla: var(--dt-color-gold-400-hsla);
170
+ --dt-presence-color-busy: var(--dt-color-gold-400);
171
+ --dt-presence-color-unavailable-h: var(--dt-color-red-450-h);
172
+ --dt-presence-color-unavailable-s: var(--dt-color-red-450-s);
173
+ --dt-presence-color-unavailable-l: var(--dt-color-red-450-l);
174
+ --dt-presence-color-unavailable-a: var(--dt-color-red-450-a);
175
+ --dt-presence-color-unavailable-hsl: var(--dt-color-red-450-hsl);
176
+ --dt-presence-color-unavailable-hsla: var(--dt-color-red-450-hsla);
177
+ --dt-presence-color-unavailable: var(--dt-color-red-450);
178
+ --dt-presence-color-available-h: var(--dt-color-green-475-h);
179
+ --dt-presence-color-available-s: var(--dt-color-green-475-s);
180
+ --dt-presence-color-available-l: var(--dt-color-green-475-l);
181
+ --dt-presence-color-available-a: var(--dt-color-green-475-a);
182
+ --dt-presence-color-available-hsl: var(--dt-color-green-475-hsl);
183
+ --dt-presence-color-available-hsla: var(--dt-color-green-475-hsla);
184
+ --dt-presence-color-available: var(--dt-color-green-475);
338
185
  --dt-icon-size-border-100: var(--dt-size-border-100);
339
186
  --dt-checkbox-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
340
187
  --dt-checkbox-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
@@ -343,20 +190,6 @@
343
190
  --dt-checkbox-color-foreground-default-hsl: var(--dt-color-neutral-transparent-hsl);
344
191
  --dt-checkbox-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
345
192
  --dt-checkbox-color-foreground-default: var(--dt-color-neutral-transparent);
346
- --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
347
- --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
348
- --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
349
- --dt-checkbox-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
350
- --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
351
- --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
352
- --dt-checkbox-color-background-checked: var(--dt-color-surface-brand-strong);
353
- --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
354
- --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
355
- --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
356
- --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
357
- --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
358
- --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
359
- --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
360
193
  --dt-checkbox-size-width: var(--dt-size-500);
361
194
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
362
195
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -416,13 +249,6 @@
416
249
  --dt-badge-color-background-bulletin-subtle-hsl: var(--dt-color-purple-200-hsl);
417
250
  --dt-badge-color-background-bulletin-subtle-hsla: var(--dt-color-purple-200-hsla);
418
251
  --dt-badge-color-background-bulletin-subtle: var(--dt-color-purple-200);
419
- --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
420
- --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
421
- --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
422
- --dt-badge-color-background-bulletin-a: var(--dt-color-surface-brand-strong-a);
423
- --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
424
- --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
425
- --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
426
252
  --dt-badge-color-background-critical-h: var(--dt-color-red-200-h);
427
253
  --dt-badge-color-background-critical-s: var(--dt-color-red-200-s);
428
254
  --dt-badge-color-background-critical-l: var(--dt-color-red-200-l);
@@ -458,6 +284,118 @@
458
284
  --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
459
285
  --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
460
286
  --dt-avatar-color-foreground: var(--dt-color-neutral-black);
287
+ --dt-shell-logo-color-wordmark-h: var(--dt-color-purple-1000-h);
288
+ --dt-shell-logo-color-wordmark-s: var(--dt-color-purple-1000-s);
289
+ --dt-shell-logo-color-wordmark-l: var(--dt-color-purple-1000-l);
290
+ --dt-shell-logo-color-wordmark-a: var(--dt-color-purple-1000-a);
291
+ --dt-shell-logo-color-wordmark-hsl: var(--dt-color-purple-1000-hsl);
292
+ --dt-shell-logo-color-wordmark-hsla: var(--dt-color-purple-1000-hsla);
293
+ --dt-shell-logo-color-wordmark: var(--dt-color-purple-1000);
294
+ --dt-shell-logo-color-star-h: var(--dt-color-purple-400-h);
295
+ --dt-shell-logo-color-star-s: var(--dt-color-purple-400-s);
296
+ --dt-shell-logo-color-star-l: var(--dt-color-purple-400-l);
297
+ --dt-shell-logo-color-star-a: var(--dt-color-purple-400-a);
298
+ --dt-shell-logo-color-star-hsl: var(--dt-color-purple-400-hsl);
299
+ --dt-shell-logo-color-star-hsla: var(--dt-color-purple-400-hsla);
300
+ --dt-shell-logo-color-star: var(--dt-color-purple-400);
301
+ --dt-shell-mention-color-foreground-secondary-h: var(--dt-color-black-100-h);
302
+ --dt-shell-mention-color-foreground-secondary-s: var(--dt-color-black-100-s);
303
+ --dt-shell-mention-color-foreground-secondary-l: var(--dt-color-black-100-l);
304
+ --dt-shell-mention-color-foreground-secondary-a: var(--dt-color-black-100-a);
305
+ --dt-shell-mention-color-foreground-secondary-hsl: var(--dt-color-black-100-hsl);
306
+ --dt-shell-mention-color-foreground-secondary-hsla: var(--dt-color-black-100-hsla);
307
+ --dt-shell-mention-color-foreground-secondary: var(--dt-color-black-100);
308
+ --dt-shell-mention-color-foreground-primary-h: var(--dt-color-black-50-h);
309
+ --dt-shell-mention-color-foreground-primary-s: var(--dt-color-black-50-s);
310
+ --dt-shell-mention-color-foreground-primary-l: var(--dt-color-black-50-l);
311
+ --dt-shell-mention-color-foreground-primary-a: var(--dt-color-black-50-a);
312
+ --dt-shell-mention-color-foreground-primary-hsl: var(--dt-color-black-50-hsl);
313
+ --dt-shell-mention-color-foreground-primary-hsla: var(--dt-color-black-50-hsla);
314
+ --dt-shell-mention-color-foreground-primary: var(--dt-color-black-50);
315
+ --dt-shell-mention-color-surface-secondary-h: 329;
316
+ --dt-shell-mention-color-surface-secondary-s: 100%;
317
+ --dt-shell-mention-color-surface-secondary-l: 19.9%;
318
+ --dt-shell-mention-color-surface-secondary-a: 100%;
319
+ --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);
320
+ --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%));
321
+ --dt-shell-mention-color-surface-secondary: hsl(329 100% 19.9%);
322
+ --dt-shell-mention-color-surface-primary-h: var(--dt-shell-base-color-accent-h);
323
+ --dt-shell-mention-color-surface-primary-s: var(--dt-shell-base-color-accent-s);
324
+ --dt-shell-mention-color-surface-primary-l: var(--dt-shell-base-color-accent-l);
325
+ --dt-shell-mention-color-surface-primary-a: var(--dt-shell-base-color-accent-a);
326
+ --dt-shell-mention-color-surface-primary-hsl: var(--dt-shell-base-color-accent-hsl);
327
+ --dt-shell-mention-color-surface-primary-hsla: var(--dt-shell-base-color-accent-hsla);
328
+ --dt-shell-mention-color-surface-primary: var(--dt-shell-base-color-accent);
329
+ --dt-shell-base-action-color-background-muted-h: var(--dt-color-black-800-h);
330
+ --dt-shell-base-action-color-background-muted-s: var(--dt-color-black-800-s);
331
+ --dt-shell-base-action-color-background-muted-l: var(--dt-color-black-800-l);
332
+ --dt-shell-base-action-color-background-muted-a: var(--dt-color-black-800-a);
333
+ --dt-shell-base-action-color-background-muted-hsl: var(--dt-color-black-800-hsl);
334
+ --dt-shell-base-action-color-background-muted-hsla: var(--dt-color-black-800-hsla);
335
+ --dt-shell-base-action-color-background-muted: var(--dt-color-black-800);
336
+ --dt-shell-base-action-color-background-secondary-h: var(--dt-color-black-800-h);
337
+ --dt-shell-base-action-color-background-secondary-s: var(--dt-color-black-800-s);
338
+ --dt-shell-base-action-color-background-secondary-l: var(--dt-color-black-800-l);
339
+ --dt-shell-base-action-color-background-secondary-a: var(--dt-color-black-800-a);
340
+ --dt-shell-base-action-color-background-secondary-hsl: var(--dt-color-black-800-hsl);
341
+ --dt-shell-base-action-color-background-secondary-hsla: var(--dt-color-black-800-hsla);
342
+ --dt-shell-base-action-color-background-secondary: var(--dt-color-black-800);
343
+ --dt-shell-base-action-color-background-primary-h: var(--dt-color-black-800-h);
344
+ --dt-shell-base-action-color-background-primary-s: var(--dt-color-black-800-s);
345
+ --dt-shell-base-action-color-background-primary-l: var(--dt-color-black-800-l);
346
+ --dt-shell-base-action-color-background-primary-a: var(--dt-color-black-800-a);
347
+ --dt-shell-base-action-color-background-primary-hsl: var(--dt-color-black-800-hsl);
348
+ --dt-shell-base-action-color-background-primary-hsla: var(--dt-color-black-800-hsla);
349
+ --dt-shell-base-action-color-background-primary: var(--dt-color-black-800);
350
+ --dt-shell-base-color-status-away-h: var(--dt-color-black-500-h);
351
+ --dt-shell-base-color-status-away-s: var(--dt-color-black-500-s);
352
+ --dt-shell-base-color-status-away-l: var(--dt-color-black-500-l);
353
+ --dt-shell-base-color-status-away-a: var(--dt-color-black-500-a);
354
+ --dt-shell-base-color-status-away-hsl: var(--dt-color-black-500-hsl);
355
+ --dt-shell-base-color-status-away-hsla: var(--dt-color-black-500-hsla);
356
+ --dt-shell-base-color-status-away: var(--dt-color-black-500);
357
+ --dt-shell-base-color-status-warning-h: var(--dt-color-gold-500-h);
358
+ --dt-shell-base-color-status-warning-s: var(--dt-color-gold-500-s);
359
+ --dt-shell-base-color-status-warning-l: var(--dt-color-gold-500-l);
360
+ --dt-shell-base-color-status-warning-a: var(--dt-color-gold-500-a);
361
+ --dt-shell-base-color-status-warning-hsl: var(--dt-color-gold-500-hsl);
362
+ --dt-shell-base-color-status-warning-hsla: var(--dt-color-gold-500-hsla);
363
+ --dt-shell-base-color-status-warning: var(--dt-color-gold-500);
364
+ --dt-shell-base-color-status-critical-h: var(--dt-color-red-500-h);
365
+ --dt-shell-base-color-status-critical-s: var(--dt-color-red-500-s);
366
+ --dt-shell-base-color-status-critical-l: var(--dt-color-red-500-l);
367
+ --dt-shell-base-color-status-critical-a: var(--dt-color-red-500-a);
368
+ --dt-shell-base-color-status-critical-hsl: var(--dt-color-red-500-hsl);
369
+ --dt-shell-base-color-status-critical-hsla: var(--dt-color-red-500-hsla);
370
+ --dt-shell-base-color-status-critical: var(--dt-color-red-500);
371
+ --dt-shell-base-color-status-positive-h: var(--dt-color-green-425-h);
372
+ --dt-shell-base-color-status-positive-s: var(--dt-color-green-425-s);
373
+ --dt-shell-base-color-status-positive-l: var(--dt-color-green-425-l);
374
+ --dt-shell-base-color-status-positive-a: var(--dt-color-green-425-a);
375
+ --dt-shell-base-color-status-positive-hsl: var(--dt-color-green-425-hsl);
376
+ --dt-shell-base-color-status-positive-hsla: var(--dt-color-green-425-hsla);
377
+ --dt-shell-base-color-status-positive: var(--dt-color-green-425);
378
+ --dt-shell-base-color-border-h: var(--dt-color-black-900-h);
379
+ --dt-shell-base-color-border-s: var(--dt-color-black-900-s);
380
+ --dt-shell-base-color-border-l: var(--dt-color-black-900-l);
381
+ --dt-shell-base-color-border-a: var(--dt-color-black-900-a);
382
+ --dt-shell-base-color-border-hsl: var(--dt-color-black-900-hsl);
383
+ --dt-shell-base-color-border-hsla: var(--dt-color-black-900-hsla);
384
+ --dt-shell-base-color-border: var(--dt-color-black-900);
385
+ --dt-shell-base-color-foreground-h: var(--dt-color-black-900-h);
386
+ --dt-shell-base-color-foreground-s: var(--dt-color-black-900-s);
387
+ --dt-shell-base-color-foreground-l: var(--dt-color-black-900-l);
388
+ --dt-shell-base-color-foreground-a: var(--dt-color-black-900-a);
389
+ --dt-shell-base-color-foreground-hsl: var(--dt-color-black-900-hsl);
390
+ --dt-shell-base-color-foreground-hsla: var(--dt-color-black-900-hsla);
391
+ --dt-shell-base-color-foreground: var(--dt-color-black-900);
392
+ --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-550-h);
393
+ --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-550-s);
394
+ --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-550-l);
395
+ --dt-theme-mention-color-background-strong-a: var(--dt-color-purple-550-a);
396
+ --dt-theme-mention-color-background-strong-hsl: var(--dt-color-purple-550-hsl);
397
+ --dt-theme-mention-color-background-strong-hsla: var(--dt-color-purple-550-hsla);
398
+ --dt-theme-mention-color-background-strong: var(--dt-color-purple-550);
461
399
  --dt-theme-mention-color-foreground-h: var(--dt-color-black-50-h);
462
400
  --dt-theme-mention-color-foreground-s: var(--dt-color-black-50-s);
463
401
  --dt-theme-mention-color-foreground-l: var(--dt-color-black-50-l);
@@ -465,27 +403,27 @@
465
403
  --dt-theme-mention-color-foreground-hsl: var(--dt-color-black-50-hsl);
466
404
  --dt-theme-mention-color-foreground-hsla: var(--dt-color-black-50-hsla);
467
405
  --dt-theme-mention-color-foreground: var(--dt-color-black-50);
468
- --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
469
- --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
470
- --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
471
- --dt-theme-presence-color-background-offline-a: var(--dt-color-neutral-white-a);
472
- --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
473
- --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
474
- --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
475
- --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-400-h);
476
- --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-400-s);
477
- --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-400-l);
478
- --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-400-a);
479
- --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-400-hsl);
480
- --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-400-hsla);
481
- --dt-theme-presence-color-background-busy: var(--dt-color-gold-400);
482
- --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-400-h);
483
- --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-400-s);
484
- --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-400-l);
485
- --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-400-a);
486
- --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-400-hsl);
487
- --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-400-hsla);
488
- --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-400);
406
+ --dt-theme-presence-color-background-offline-h: var(--dt-color-black-500-h);
407
+ --dt-theme-presence-color-background-offline-s: var(--dt-color-black-500-s);
408
+ --dt-theme-presence-color-background-offline-l: var(--dt-color-black-500-l);
409
+ --dt-theme-presence-color-background-offline-a: var(--dt-color-black-500-a);
410
+ --dt-theme-presence-color-background-offline-hsl: var(--dt-color-black-500-hsl);
411
+ --dt-theme-presence-color-background-offline-hsla: var(--dt-color-black-500-hsla);
412
+ --dt-theme-presence-color-background-offline: var(--dt-color-black-500);
413
+ --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-500-h);
414
+ --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-500-s);
415
+ --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-500-l);
416
+ --dt-theme-presence-color-background-busy-a: var(--dt-color-gold-500-a);
417
+ --dt-theme-presence-color-background-busy-hsl: var(--dt-color-gold-500-hsl);
418
+ --dt-theme-presence-color-background-busy-hsla: var(--dt-color-gold-500-hsla);
419
+ --dt-theme-presence-color-background-busy: var(--dt-color-gold-500);
420
+ --dt-theme-presence-color-background-busy-unavailable-h: var(--dt-color-red-500-h);
421
+ --dt-theme-presence-color-background-busy-unavailable-s: var(--dt-color-red-500-s);
422
+ --dt-theme-presence-color-background-busy-unavailable-l: var(--dt-color-red-500-l);
423
+ --dt-theme-presence-color-background-busy-unavailable-a: var(--dt-color-red-500-a);
424
+ --dt-theme-presence-color-background-busy-unavailable-hsl: var(--dt-color-red-500-hsl);
425
+ --dt-theme-presence-color-background-busy-unavailable-hsla: var(--dt-color-red-500-hsla);
426
+ --dt-theme-presence-color-background-busy-unavailable: var(--dt-color-red-500);
489
427
  --dt-theme-presence-color-background-available-h: var(--dt-color-green-425-h);
490
428
  --dt-theme-presence-color-background-available-s: var(--dt-color-green-425-s);
491
429
  --dt-theme-presence-color-background-available-l: var(--dt-color-green-425-l);
@@ -493,6 +431,153 @@
493
431
  --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
494
432
  --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
495
433
  --dt-theme-presence-color-background-available: var(--dt-color-green-425);
434
+ --dt-theme-sidebar-selected-row-color-background-h: 244;
435
+ --dt-theme-sidebar-selected-row-color-background-s: 100%;
436
+ --dt-theme-sidebar-selected-row-color-background-l: 58.4%;
437
+ --dt-theme-sidebar-selected-row-color-background-a: 9%;
438
+ --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
439
+ --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 9%));
440
+ --dt-theme-sidebar-selected-row-color-background: hsl(244 100% 58.4% / 0.09);
441
+ --dt-theme-sidebar-row-color-background-active-h: 244;
442
+ --dt-theme-sidebar-row-color-background-active-s: 100%;
443
+ --dt-theme-sidebar-row-color-background-active-l: 58.4%;
444
+ --dt-theme-sidebar-row-color-background-active-a: 15%;
445
+ --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
446
+ --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 15%));
447
+ --dt-theme-sidebar-row-color-background-active: hsl(244 100% 58.4% / 0.15);
448
+ --dt-theme-sidebar-row-color-background-hover-h: 244;
449
+ --dt-theme-sidebar-row-color-background-hover-s: 100%;
450
+ --dt-theme-sidebar-row-color-background-hover-l: 58.4%;
451
+ --dt-theme-sidebar-row-color-background-hover-a: 11%;
452
+ --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
453
+ --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 11%));
454
+ --dt-theme-sidebar-row-color-background-hover: hsl(244 100% 58.4% / 0.11);
455
+ --dt-theme-sidebar-row-color-background-h: 244;
456
+ --dt-theme-sidebar-row-color-background-s: 100%;
457
+ --dt-theme-sidebar-row-color-background-l: 58.4%;
458
+ --dt-theme-sidebar-row-color-background-a: 0%;
459
+ --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
460
+ --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
461
+ --dt-theme-sidebar-row-color-background: hsl(244 100% 58.4% / 0);
462
+ --dt-theme-topbar-profile-color-background-active-h: 244;
463
+ --dt-theme-topbar-profile-color-background-active-s: 100%;
464
+ --dt-theme-topbar-profile-color-background-active-l: 58.4%;
465
+ --dt-theme-topbar-profile-color-background-active-a: 14%;
466
+ --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
467
+ --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
468
+ --dt-theme-topbar-profile-color-background-active: hsl(244 100% 58.4% / 0.14);
469
+ --dt-theme-topbar-profile-color-background-hover-h: 244;
470
+ --dt-theme-topbar-profile-color-background-hover-s: 100%;
471
+ --dt-theme-topbar-profile-color-background-hover-l: 58.4%;
472
+ --dt-theme-topbar-profile-color-background-hover-a: 10%;
473
+ --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
474
+ --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
475
+ --dt-theme-topbar-profile-color-background-hover: hsl(244 100% 58.4% / 0.1);
476
+ --dt-theme-topbar-profile-color-background-inverted-h: 244;
477
+ --dt-theme-topbar-profile-color-background-inverted-s: 100%;
478
+ --dt-theme-topbar-profile-color-background-inverted-l: 58.4%;
479
+ --dt-theme-topbar-profile-color-background-inverted-a: 75%;
480
+ --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
481
+ --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
482
+ --dt-theme-topbar-profile-color-background-inverted: hsl(244 100% 58.4% / 0.75);
483
+ --dt-theme-topbar-profile-color-background-h: 244;
484
+ --dt-theme-topbar-profile-color-background-s: 100%;
485
+ --dt-theme-topbar-profile-color-background-l: 58.4%;
486
+ --dt-theme-topbar-profile-color-background-a: 5%;
487
+ --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
488
+ --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
489
+ --dt-theme-topbar-profile-color-background: hsl(244 100% 58.4% / 0.05);
490
+ --dt-theme-topbar-button-color-background-active-h: 244;
491
+ --dt-theme-topbar-button-color-background-active-s: 100%;
492
+ --dt-theme-topbar-button-color-background-active-l: 58.4%;
493
+ --dt-theme-topbar-button-color-background-active-a: 10%;
494
+ --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
495
+ --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
496
+ --dt-theme-topbar-button-color-background-active: hsl(244 100% 58.4% / 0.1);
497
+ --dt-theme-topbar-button-color-background-hover-h: 244;
498
+ --dt-theme-topbar-button-color-background-hover-s: 100%;
499
+ --dt-theme-topbar-button-color-background-hover-l: 58.4%;
500
+ --dt-theme-topbar-button-color-background-hover-a: 5%;
501
+ --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
502
+ --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 5%));
503
+ --dt-theme-topbar-button-color-background-hover: hsl(244 100% 58.4% / 0.05);
504
+ --dt-theme-topbar-button-color-background-h: 244;
505
+ --dt-theme-topbar-button-color-background-s: 100%;
506
+ --dt-theme-topbar-button-color-background-l: 58.4%;
507
+ --dt-theme-topbar-button-color-background-a: 0%;
508
+ --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
509
+ --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
510
+ --dt-theme-topbar-button-color-background: hsl(244 100% 58.4% / 0);
511
+ --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-shell-foo-h);
512
+ --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-shell-foo-s);
513
+ --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-shell-foo-l);
514
+ --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-shell-foo-a);
515
+ --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-shell-foo-hsl);
516
+ --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-shell-foo-hsla);
517
+ --dt-theme-topbar-button-color-foreground-hover: var(--dt-shell-foo);
518
+ --dt-theme-topbar-button-color-foreground-h: 244;
519
+ --dt-theme-topbar-button-color-foreground-s: 100%;
520
+ --dt-theme-topbar-button-color-foreground-l: 58.4%;
521
+ --dt-theme-topbar-button-color-foreground-a: 65%;
522
+ --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
523
+ --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
524
+ --dt-theme-topbar-button-color-foreground: hsl(244 100% 58.4% / 0.65);
525
+ --dt-theme-topbar-field-color-border-active-h: 244;
526
+ --dt-theme-topbar-field-color-border-active-s: 100%;
527
+ --dt-theme-topbar-field-color-border-active-l: 58.4%;
528
+ --dt-theme-topbar-field-color-border-active-a: 20%;
529
+ --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
530
+ --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
531
+ --dt-theme-topbar-field-color-border-active: hsl(244 100% 58.4% / 0.2);
532
+ --dt-theme-topbar-field-color-border-hover-h: 244;
533
+ --dt-theme-topbar-field-color-border-hover-s: 100%;
534
+ --dt-theme-topbar-field-color-border-hover-l: 58.4%;
535
+ --dt-theme-topbar-field-color-border-hover-a: 10%;
536
+ --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
537
+ --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
538
+ --dt-theme-topbar-field-color-border-hover: hsl(244 100% 58.4% / 0.1);
539
+ --dt-theme-topbar-field-color-border-h: 244;
540
+ --dt-theme-topbar-field-color-border-s: 100%;
541
+ --dt-theme-topbar-field-color-border-l: 58.4%;
542
+ --dt-theme-topbar-field-color-border-a: 0%;
543
+ --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
544
+ --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
545
+ --dt-theme-topbar-field-color-border: hsl(244 100% 58.4% / 0);
546
+ --dt-theme-topbar-field-color-background-hover-h: 0;
547
+ --dt-theme-topbar-field-color-background-hover-s: 0%;
548
+ --dt-theme-topbar-field-color-background-hover-l: 100%;
549
+ --dt-theme-topbar-field-color-background-hover-a: 100%;
550
+ --dt-theme-topbar-field-color-background-hover-hsl: var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l);
551
+ --dt-theme-topbar-field-color-background-hover-hsla: hsl(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
552
+ --dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
553
+ --dt-theme-topbar-field-color-background-h: 244;
554
+ --dt-theme-topbar-field-color-background-s: 100%;
555
+ --dt-theme-topbar-field-color-background-l: 58.4%;
556
+ --dt-theme-topbar-field-color-background-a: 5%;
557
+ --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
558
+ --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
559
+ --dt-theme-topbar-field-color-background: hsl(244 100% 58.4% / 0.05);
560
+ --dt-theme-topbar-field-color-foreground-hover-h: 244;
561
+ --dt-theme-topbar-field-color-foreground-hover-s: 100%;
562
+ --dt-theme-topbar-field-color-foreground-hover-l: 58.4%;
563
+ --dt-theme-topbar-field-color-foreground-hover-a: 75%;
564
+ --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
565
+ --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
566
+ --dt-theme-topbar-field-color-foreground-hover: hsl(244 100% 58.4% / 0.75);
567
+ --dt-theme-topbar-field-color-foreground-h: 244;
568
+ --dt-theme-topbar-field-color-foreground-s: 100%;
569
+ --dt-theme-topbar-field-color-foreground-l: 58.4%;
570
+ --dt-theme-topbar-field-color-foreground-a: 50%;
571
+ --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
572
+ --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
573
+ --dt-theme-topbar-field-color-foreground: hsl(244 100% 58.4% / 0.5);
574
+ --dt-theme-topbar-color-foreground-h: 244;
575
+ --dt-theme-topbar-color-foreground-s: 100%;
576
+ --dt-theme-topbar-color-foreground-l: 58.4%;
577
+ --dt-theme-topbar-color-foreground-a: 80%;
578
+ --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
579
+ --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 80%));
580
+ --dt-theme-topbar-color-foreground: hsl(244 100% 58.4% / 0.8);
496
581
  --dt-theme-color-base-h: var(--dt-color-black-900-h);
497
582
  --dt-theme-color-base-s: var(--dt-color-black-900-s);
498
583
  --dt-theme-color-base-l: var(--dt-color-black-900-l);
@@ -500,13 +585,6 @@
500
585
  --dt-theme-color-base-hsl: var(--dt-color-black-900-hsl);
501
586
  --dt-theme-color-base-hsla: var(--dt-color-black-900-hsla);
502
587
  --dt-theme-color-base: var(--dt-color-black-900);
503
- --dt-action-color-border-base-outlined-default-h: var(--dt-color-border-brand-h);
504
- --dt-action-color-border-base-outlined-default-s: var(--dt-color-border-brand-s);
505
- --dt-action-color-border-base-outlined-default-l: var(--dt-color-border-brand-l);
506
- --dt-action-color-border-base-outlined-default-a: var(--dt-color-border-brand-a);
507
- --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
508
- --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
509
- --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
510
588
  --dt-action-color-background-positive-primary-hover-h: var(--dt-color-green-500-h);
511
589
  --dt-action-color-background-positive-primary-hover-s: var(--dt-color-green-500-s);
512
590
  --dt-action-color-background-positive-primary-hover-l: var(--dt-color-green-500-l);
@@ -535,20 +613,20 @@
535
613
  --dt-action-color-background-muted-default-hsl: var(--dt-color-neutral-transparent-hsl);
536
614
  --dt-action-color-background-muted-default-hsla: var(--dt-color-neutral-transparent-hsla);
537
615
  --dt-action-color-background-muted-default: var(--dt-color-neutral-transparent);
538
- --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-surface-brand-h);
539
- --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-surface-brand-s);
540
- --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-surface-brand-l);
541
- --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-surface-brand-a);
542
- --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
543
- --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
544
- --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
545
- --dt-action-color-background-inverted-primary-default-h: var(--dt-color-surface-brand-subtle-h);
546
- --dt-action-color-background-inverted-primary-default-s: var(--dt-color-surface-brand-subtle-s);
547
- --dt-action-color-background-inverted-primary-default-l: var(--dt-color-surface-brand-subtle-l);
548
- --dt-action-color-background-inverted-primary-default-a: var(--dt-color-surface-brand-subtle-a);
549
- --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-surface-brand-subtle-hsl);
550
- --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-surface-brand-subtle-hsla);
551
- --dt-action-color-background-inverted-primary-default: var(--dt-color-surface-brand-subtle);
616
+ --dt-action-color-background-inverted-primary-active-h: var(--dt-color-purple-200-h);
617
+ --dt-action-color-background-inverted-primary-active-s: var(--dt-color-purple-200-s);
618
+ --dt-action-color-background-inverted-primary-active-l: var(--dt-color-purple-200-l);
619
+ --dt-action-color-background-inverted-primary-active-a: var(--dt-color-purple-200-a);
620
+ --dt-action-color-background-inverted-primary-active-hsl: var(--dt-color-purple-200-hsl);
621
+ --dt-action-color-background-inverted-primary-active-hsla: var(--dt-color-purple-200-hsla);
622
+ --dt-action-color-background-inverted-primary-active: var(--dt-color-purple-200);
623
+ --dt-action-color-background-inverted-primary-default-h: var(--dt-color-black-100-h);
624
+ --dt-action-color-background-inverted-primary-default-s: var(--dt-color-black-100-s);
625
+ --dt-action-color-background-inverted-primary-default-l: var(--dt-color-black-100-l);
626
+ --dt-action-color-background-inverted-primary-default-a: var(--dt-color-black-100-a);
627
+ --dt-action-color-background-inverted-primary-default-hsl: var(--dt-color-black-100-hsl);
628
+ --dt-action-color-background-inverted-primary-default-hsla: var(--dt-color-black-100-hsla);
629
+ --dt-action-color-background-inverted-primary-default: var(--dt-color-black-100);
552
630
  --dt-action-color-background-inverted-default-h: var(--dt-color-neutral-transparent-h);
553
631
  --dt-action-color-background-inverted-default-s: var(--dt-color-neutral-transparent-s);
554
632
  --dt-action-color-background-inverted-default-l: var(--dt-color-neutral-transparent-l);
@@ -584,13 +662,27 @@
584
662
  --dt-action-color-background-critical-default-hsl: var(--dt-color-neutral-transparent-hsl);
585
663
  --dt-action-color-background-critical-default-hsla: var(--dt-color-neutral-transparent-hsla);
586
664
  --dt-action-color-background-critical-default: var(--dt-color-neutral-transparent);
587
- --dt-action-color-background-base-hover-h: var(--dt-color-surface-brand-opaque-h);
588
- --dt-action-color-background-base-hover-s: var(--dt-color-surface-brand-opaque-s);
589
- --dt-action-color-background-base-hover-l: var(--dt-color-surface-brand-opaque-l);
590
- --dt-action-color-background-base-hover-a: var(--dt-color-surface-brand-opaque-a);
591
- --dt-action-color-background-base-hover-hsl: var(--dt-color-surface-brand-opaque-hsl);
592
- --dt-action-color-background-base-hover-hsla: var(--dt-color-surface-brand-opaque-hsla);
593
- --dt-action-color-background-base-hover: var(--dt-color-surface-brand-opaque);
665
+ --dt-action-color-background-base-primary-active-h: var(--dt-color-purple-500-h);
666
+ --dt-action-color-background-base-primary-active-s: var(--dt-color-purple-500-s);
667
+ --dt-action-color-background-base-primary-active-l: var(--dt-color-purple-500-l);
668
+ --dt-action-color-background-base-primary-active-a: var(--dt-color-purple-500-a);
669
+ --dt-action-color-background-base-primary-active-hsl: var(--dt-color-purple-500-hsl);
670
+ --dt-action-color-background-base-primary-active-hsla: var(--dt-color-purple-500-hsla);
671
+ --dt-action-color-background-base-primary-active: var(--dt-color-purple-500);
672
+ --dt-action-color-background-base-primary-hover-h: var(--dt-color-purple-450-h);
673
+ --dt-action-color-background-base-primary-hover-s: var(--dt-color-purple-450-s);
674
+ --dt-action-color-background-base-primary-hover-l: var(--dt-color-purple-450-l);
675
+ --dt-action-color-background-base-primary-hover-a: var(--dt-color-purple-450-a);
676
+ --dt-action-color-background-base-primary-hover-hsl: var(--dt-color-purple-450-hsl);
677
+ --dt-action-color-background-base-primary-hover-hsla: var(--dt-color-purple-450-hsla);
678
+ --dt-action-color-background-base-primary-hover: var(--dt-color-purple-450);
679
+ --dt-action-color-background-base-primary-default-h: var(--dt-color-purple-400-h);
680
+ --dt-action-color-background-base-primary-default-s: var(--dt-color-purple-400-s);
681
+ --dt-action-color-background-base-primary-default-l: var(--dt-color-purple-400-l);
682
+ --dt-action-color-background-base-primary-default-a: var(--dt-color-purple-400-a);
683
+ --dt-action-color-background-base-primary-default-hsl: var(--dt-color-purple-400-hsl);
684
+ --dt-action-color-background-base-primary-default-hsla: var(--dt-color-purple-400-hsla);
685
+ --dt-action-color-background-base-primary-default: var(--dt-color-purple-400);
594
686
  --dt-action-color-background-base-default-h: var(--dt-color-neutral-transparent-h);
595
687
  --dt-action-color-background-base-default-s: var(--dt-color-neutral-transparent-s);
596
688
  --dt-action-color-background-base-default-l: var(--dt-color-neutral-transparent-l);
@@ -605,20 +697,6 @@
605
697
  --dt-action-color-foreground-positive-primary-default-hsl: var(--dt-color-black-50-hsl);
606
698
  --dt-action-color-foreground-positive-primary-default-hsla: var(--dt-color-black-50-hsla);
607
699
  --dt-action-color-foreground-positive-primary-default: var(--dt-color-black-50);
608
- --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
609
- --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
610
- --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
611
- --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-link-primary-hover-a);
612
- --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
613
- --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
614
- --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
615
- --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-link-primary-h);
616
- --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-link-primary-s);
617
- --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-link-primary-l);
618
- --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-link-primary-a);
619
- --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
620
- --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
621
- --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
622
700
  --dt-action-color-foreground-critical-primary-default-h: var(--dt-color-black-50-h);
623
701
  --dt-action-color-foreground-critical-primary-default-s: var(--dt-color-black-50-s);
624
702
  --dt-action-color-foreground-critical-primary-default-l: var(--dt-color-black-50-l);
@@ -633,20 +711,6 @@
633
711
  --dt-action-color-foreground-base-primary-default-hsl: var(--dt-color-black-50-hsl);
634
712
  --dt-action-color-foreground-base-primary-default-hsla: var(--dt-color-black-50-hsla);
635
713
  --dt-action-color-foreground-base-primary-default: var(--dt-color-black-50);
636
- --dt-action-color-foreground-base-hover-h: var(--dt-color-link-primary-hover-h);
637
- --dt-action-color-foreground-base-hover-s: var(--dt-color-link-primary-hover-s);
638
- --dt-action-color-foreground-base-hover-l: var(--dt-color-link-primary-hover-l);
639
- --dt-action-color-foreground-base-hover-a: var(--dt-color-link-primary-hover-a);
640
- --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
641
- --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
642
- --dt-action-color-foreground-base-hover: var(--dt-color-link-primary-hover);
643
- --dt-action-color-foreground-base-default-h: var(--dt-color-link-primary-h);
644
- --dt-action-color-foreground-base-default-s: var(--dt-color-link-primary-s);
645
- --dt-action-color-foreground-base-default-l: var(--dt-color-link-primary-l);
646
- --dt-action-color-foreground-base-default-a: var(--dt-color-link-primary-a);
647
- --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
648
- --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
649
- --dt-action-color-foreground-base-default: var(--dt-color-link-primary);
650
714
  --dt-inputs-color-background-focus-h: var(--dt-color-black-100-h);
651
715
  --dt-inputs-color-background-focus-s: var(--dt-color-black-100-s);
652
716
  --dt-inputs-color-background-focus-l: var(--dt-color-black-100-l);
@@ -827,6 +891,13 @@
827
891
  --dt-color-border-focus-hsl: var(--dt-color-blue-425-hsl);
828
892
  --dt-color-border-focus-hsla: var(--dt-color-blue-425-hsla);
829
893
  --dt-color-border-focus: var(--dt-color-blue-425);
894
+ --dt-color-border-brand-strong-inverted-h: var(--dt-color-purple-200-h);
895
+ --dt-color-border-brand-strong-inverted-s: var(--dt-color-purple-200-s);
896
+ --dt-color-border-brand-strong-inverted-l: var(--dt-color-purple-200-l);
897
+ --dt-color-border-brand-strong-inverted-a: var(--dt-color-purple-200-a);
898
+ --dt-color-border-brand-strong-inverted-hsl: var(--dt-color-purple-200-hsl);
899
+ --dt-color-border-brand-strong-inverted-hsla: var(--dt-color-purple-200-hsla);
900
+ --dt-color-border-brand-strong-inverted: var(--dt-color-purple-200);
830
901
  --dt-color-border-warning-strong-inverted-h: var(--dt-color-gold-300-h);
831
902
  --dt-color-border-warning-strong-inverted-s: var(--dt-color-gold-300-s);
832
903
  --dt-color-border-warning-strong-inverted-l: var(--dt-color-gold-300-l);
@@ -848,6 +919,13 @@
848
919
  --dt-color-border-critical-strong-inverted-hsl: var(--dt-color-red-200-hsl);
849
920
  --dt-color-border-critical-strong-inverted-hsla: var(--dt-color-red-200-hsla);
850
921
  --dt-color-border-critical-strong-inverted: var(--dt-color-red-200);
922
+ --dt-color-border-brand-subtle-inverted-h: var(--dt-color-purple-400-h);
923
+ --dt-color-border-brand-subtle-inverted-s: var(--dt-color-purple-400-s);
924
+ --dt-color-border-brand-subtle-inverted-l: var(--dt-color-purple-400-l);
925
+ --dt-color-border-brand-subtle-inverted-a: var(--dt-color-purple-400-a);
926
+ --dt-color-border-brand-subtle-inverted-hsl: var(--dt-color-purple-400-hsl);
927
+ --dt-color-border-brand-subtle-inverted-hsla: var(--dt-color-purple-400-hsla);
928
+ --dt-color-border-brand-subtle-inverted: var(--dt-color-purple-400);
851
929
  --dt-color-border-warning-subtle-inverted-h: var(--dt-color-gold-600-h);
852
930
  --dt-color-border-warning-subtle-inverted-s: var(--dt-color-gold-600-s);
853
931
  --dt-color-border-warning-subtle-inverted-l: var(--dt-color-gold-600-l);
@@ -869,6 +947,13 @@
869
947
  --dt-color-border-critical-subtle-inverted-hsl: var(--dt-color-red-700-hsl);
870
948
  --dt-color-border-critical-subtle-inverted-hsla: var(--dt-color-red-700-hsla);
871
949
  --dt-color-border-critical-subtle-inverted: var(--dt-color-red-700);
950
+ --dt-color-border-brand-inverted-h: var(--dt-color-purple-300-h);
951
+ --dt-color-border-brand-inverted-s: var(--dt-color-purple-300-s);
952
+ --dt-color-border-brand-inverted-l: var(--dt-color-purple-300-l);
953
+ --dt-color-border-brand-inverted-a: var(--dt-color-purple-300-a);
954
+ --dt-color-border-brand-inverted-hsl: var(--dt-color-purple-300-hsl);
955
+ --dt-color-border-brand-inverted-hsla: var(--dt-color-purple-300-hsla);
956
+ --dt-color-border-brand-inverted: var(--dt-color-purple-300);
872
957
  --dt-color-border-warning-inverted-h: var(--dt-color-gold-450-h);
873
958
  --dt-color-border-warning-inverted-s: var(--dt-color-gold-450-s);
874
959
  --dt-color-border-warning-inverted-l: var(--dt-color-gold-450-l);
@@ -918,6 +1003,13 @@
918
1003
  --dt-color-border-subtle-inverted-hsl: var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l);
919
1004
  --dt-color-border-subtle-inverted-hsla: hsl(var(--dt-color-border-subtle-inverted-h) var(--dt-color-border-subtle-inverted-s) var(--dt-color-border-subtle-inverted-l) / var(--alpha, 12%));
920
1005
  --dt-color-border-subtle-inverted: hsl(0 0% 100% / 0.12);
1006
+ --dt-color-border-brand-strong-h: var(--dt-color-purple-500-h);
1007
+ --dt-color-border-brand-strong-s: var(--dt-color-purple-500-s);
1008
+ --dt-color-border-brand-strong-l: var(--dt-color-purple-500-l);
1009
+ --dt-color-border-brand-strong-a: var(--dt-color-purple-500-a);
1010
+ --dt-color-border-brand-strong-hsl: var(--dt-color-purple-500-hsl);
1011
+ --dt-color-border-brand-strong-hsla: var(--dt-color-purple-500-hsla);
1012
+ --dt-color-border-brand-strong: var(--dt-color-purple-500);
921
1013
  --dt-color-border-warning-strong-h: var(--dt-color-gold-500-h);
922
1014
  --dt-color-border-warning-strong-s: var(--dt-color-gold-500-s);
923
1015
  --dt-color-border-warning-strong-l: var(--dt-color-gold-500-l);
@@ -939,6 +1031,13 @@
939
1031
  --dt-color-border-critical-strong-hsl: var(--dt-color-red-600-hsl);
940
1032
  --dt-color-border-critical-strong-hsla: var(--dt-color-red-600-hsla);
941
1033
  --dt-color-border-critical-strong: var(--dt-color-red-600);
1034
+ --dt-color-border-brand-subtle-h: var(--dt-color-purple-250-h);
1035
+ --dt-color-border-brand-subtle-s: var(--dt-color-purple-250-s);
1036
+ --dt-color-border-brand-subtle-l: var(--dt-color-purple-250-l);
1037
+ --dt-color-border-brand-subtle-a: var(--dt-color-purple-250-a);
1038
+ --dt-color-border-brand-subtle-hsl: var(--dt-color-purple-250-hsl);
1039
+ --dt-color-border-brand-subtle-hsla: var(--dt-color-purple-250-hsla);
1040
+ --dt-color-border-brand-subtle: var(--dt-color-purple-250);
942
1041
  --dt-color-border-warning-subtle-h: var(--dt-color-gold-300-h);
943
1042
  --dt-color-border-warning-subtle-s: var(--dt-color-gold-300-s);
944
1043
  --dt-color-border-warning-subtle-l: var(--dt-color-gold-300-l);
@@ -960,6 +1059,13 @@
960
1059
  --dt-color-border-critical-subtle-hsl: var(--dt-color-red-300-hsl);
961
1060
  --dt-color-border-critical-subtle-hsla: var(--dt-color-red-300-hsla);
962
1061
  --dt-color-border-critical-subtle: var(--dt-color-red-300);
1062
+ --dt-color-border-brand-h: var(--dt-color-brand-purple-h);
1063
+ --dt-color-border-brand-s: var(--dt-color-brand-purple-s);
1064
+ --dt-color-border-brand-l: var(--dt-color-brand-purple-l);
1065
+ --dt-color-border-brand-a: var(--dt-color-brand-purple-a);
1066
+ --dt-color-border-brand-hsl: var(--dt-color-brand-purple-hsl);
1067
+ --dt-color-border-brand-hsla: var(--dt-color-brand-purple-hsla);
1068
+ --dt-color-border-brand: var(--dt-color-brand-purple);
963
1069
  --dt-color-border-warning-h: var(--dt-color-gold-400-h);
964
1070
  --dt-color-border-warning-s: var(--dt-color-gold-400-s);
965
1071
  --dt-color-border-warning-l: var(--dt-color-gold-400-l);
@@ -1017,6 +1123,13 @@
1017
1123
  --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
1018
1124
  --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 65%));
1019
1125
  --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
1126
+ --dt-color-surface-brand-subtle-opaque-inverted-h: 260;
1127
+ --dt-color-surface-brand-subtle-opaque-inverted-s: 91.3%;
1128
+ --dt-color-surface-brand-subtle-opaque-inverted-l: 9.02%;
1129
+ --dt-color-surface-brand-subtle-opaque-inverted-a: 66%;
1130
+ --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
1131
+ --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 66%));
1132
+ --dt-color-surface-brand-subtle-opaque-inverted: hsl(260 91.3% 9.02% / 0.66); /* Info surface as opaque background color. */
1020
1133
  --dt-color-surface-info-subtle-opaque-inverted-h: 211;
1021
1134
  --dt-color-surface-info-subtle-opaque-inverted-s: 91.3%;
1022
1135
  --dt-color-surface-info-subtle-opaque-inverted-l: 4.51%;
@@ -1045,6 +1158,13 @@
1045
1158
  --dt-color-surface-critical-subtle-opaque-inverted-hsl: var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l);
1046
1159
  --dt-color-surface-critical-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l) / var(--alpha, 60%));
1047
1160
  --dt-color-surface-critical-subtle-opaque-inverted: hsl(344 93.1% 5.69% / 0.6); /* Critical subtle surface as opaque background color. */
1161
+ --dt-color-surface-brand-opaque-inverted-h: 260;
1162
+ --dt-color-surface-brand-opaque-inverted-s: 97.7%;
1163
+ --dt-color-surface-brand-opaque-inverted-l: 16.9%;
1164
+ --dt-color-surface-brand-opaque-inverted-a: 80%;
1165
+ --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
1166
+ --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
1167
+ --dt-color-surface-brand-opaque-inverted: hsl(260 97.7% 16.9% / 0.8); /* Info surface as opaque background color. */
1048
1168
  --dt-color-surface-info-opaque-inverted-h: 211;
1049
1169
  --dt-color-surface-info-opaque-inverted-s: 100%;
1050
1170
  --dt-color-surface-info-opaque-inverted-l: 8.04%;
@@ -1108,6 +1228,13 @@
1108
1228
  --dt-color-surface-secondary-opaque-inverted-hsl: var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l);
1109
1229
  --dt-color-surface-secondary-opaque-inverted-hsla: hsl(var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l) / var(--alpha, 15%));
1110
1230
  --dt-color-surface-secondary-opaque-inverted: hsl(0 0% 100% / 0.15); /* Secondary surface as opaque background color. */
1231
+ --dt-color-surface-brand-strong-inverted-h: var(--dt-color-purple-250-h);
1232
+ --dt-color-surface-brand-strong-inverted-s: var(--dt-color-purple-250-s);
1233
+ --dt-color-surface-brand-strong-inverted-l: var(--dt-color-purple-250-l);
1234
+ --dt-color-surface-brand-strong-inverted-a: var(--dt-color-purple-250-a);
1235
+ --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-250-hsl);
1236
+ --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-250-hsla);
1237
+ --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-250); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1111
1238
  --dt-color-surface-info-strong-inverted-h: var(--dt-color-blue-425-h);
1112
1239
  --dt-color-surface-info-strong-inverted-s: var(--dt-color-blue-425-s);
1113
1240
  --dt-color-surface-info-strong-inverted-l: var(--dt-color-blue-425-l);
@@ -1136,6 +1263,13 @@
1136
1263
  --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
1137
1264
  --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
1138
1265
  --dt-color-surface-critical-strong-inverted: var(--dt-color-red-300); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
1266
+ --dt-color-surface-brand-subtle-inverted-h: var(--dt-color-purple-1000-h);
1267
+ --dt-color-surface-brand-subtle-inverted-s: var(--dt-color-purple-1000-s);
1268
+ --dt-color-surface-brand-subtle-inverted-l: var(--dt-color-purple-1000-l);
1269
+ --dt-color-surface-brand-subtle-inverted-a: var(--dt-color-purple-1000-a);
1270
+ --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
1271
+ --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
1272
+ --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
1139
1273
  --dt-color-surface-info-subtle-inverted-h: var(--dt-color-blue-1000-h);
1140
1274
  --dt-color-surface-info-subtle-inverted-s: var(--dt-color-blue-1000-s);
1141
1275
  --dt-color-surface-info-subtle-inverted-l: var(--dt-color-blue-1000-l);
@@ -1164,6 +1298,13 @@
1164
1298
  --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
1165
1299
  --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
1166
1300
  --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
1301
+ --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
1302
+ --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
1303
+ --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
1304
+ --dt-color-surface-brand-inverted-a: var(--dt-color-purple-600-a);
1305
+ --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
1306
+ --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
1307
+ --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
1167
1308
  --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
1168
1309
  --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
1169
1310
  --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
@@ -1234,6 +1375,13 @@
1234
1375
  --dt-color-surface-primary-inverted-hsl: var(--dt-color-black-1000-hsl);
1235
1376
  --dt-color-surface-primary-inverted-hsla: var(--dt-color-black-1000-hsla);
1236
1377
  --dt-color-surface-primary-inverted: var(--dt-color-black-1000); /* An inverted surface for lightened content and elements, most likely paired with inverted foreground colors. */
1378
+ --dt-color-surface-brand-subtle-opaque-h: 261;
1379
+ --dt-color-surface-brand-subtle-opaque-s: 100%;
1380
+ --dt-color-surface-brand-subtle-opaque-l: 86.9%;
1381
+ --dt-color-surface-brand-subtle-opaque-a: 20%;
1382
+ --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
1383
+ --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 20%));
1384
+ --dt-color-surface-brand-subtle-opaque: hsl(261 100% 86.9% / 0.2); /* Info surface as opaque background color. */
1237
1385
  --dt-color-surface-info-subtle-opaque-h: 210;
1238
1386
  --dt-color-surface-info-subtle-opaque-s: 61.5%;
1239
1387
  --dt-color-surface-info-subtle-opaque-l: 94.9%;
@@ -1262,6 +1410,13 @@
1262
1410
  --dt-color-surface-critical-subtle-opaque-hsl: var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l);
1263
1411
  --dt-color-surface-critical-subtle-opaque-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-h) var(--dt-color-surface-critical-subtle-opaque-s) var(--dt-color-surface-critical-subtle-opaque-l) / var(--alpha, 50%));
1264
1412
  --dt-color-surface-critical-subtle-opaque: hsl(358 100% 94.9% / 0.5); /* Critical subtle surface as opaque background color. */
1413
+ --dt-color-surface-brand-opaque-h: 261;
1414
+ --dt-color-surface-brand-opaque-s: 100%;
1415
+ --dt-color-surface-brand-opaque-l: 86.9%;
1416
+ --dt-color-surface-brand-opaque-a: 27%;
1417
+ --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
1418
+ --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 27%));
1419
+ --dt-color-surface-brand-opaque: hsl(261 100% 86.9% / 0.27); /* Info surface as opaque background color. */
1265
1420
  --dt-color-surface-info-opaque-h: 201;
1266
1421
  --dt-color-surface-info-opaque-s: 100%;
1267
1422
  --dt-color-surface-info-opaque-l: 87.1%;
@@ -1325,6 +1480,13 @@
1325
1480
  --dt-color-surface-secondary-opaque-hsl: var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l);
1326
1481
  --dt-color-surface-secondary-opaque-hsla: hsl(var(--dt-color-surface-secondary-opaque-h) var(--dt-color-surface-secondary-opaque-s) var(--dt-color-surface-secondary-opaque-l) / var(--alpha, 2%));
1327
1482
  --dt-color-surface-secondary-opaque: hsl(0 0% 11% / 0.02); /* Secondary surface as opaque background color. */
1483
+ --dt-color-surface-brand-strong-h: var(--dt-color-purple-400-h);
1484
+ --dt-color-surface-brand-strong-s: var(--dt-color-purple-400-s);
1485
+ --dt-color-surface-brand-strong-l: var(--dt-color-purple-400-l);
1486
+ --dt-color-surface-brand-strong-a: var(--dt-color-purple-400-a);
1487
+ --dt-color-surface-brand-strong-hsl: var(--dt-color-purple-400-hsl);
1488
+ --dt-color-surface-brand-strong-hsla: var(--dt-color-purple-400-hsla);
1489
+ --dt-color-surface-brand-strong: var(--dt-color-purple-400); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1328
1490
  --dt-color-surface-info-strong-h: var(--dt-color-blue-500-h);
1329
1491
  --dt-color-surface-info-strong-s: var(--dt-color-blue-500-s);
1330
1492
  --dt-color-surface-info-strong-l: var(--dt-color-blue-500-l);
@@ -1353,6 +1515,13 @@
1353
1515
  --dt-color-surface-critical-strong-hsl: var(--dt-color-red-450-hsl);
1354
1516
  --dt-color-surface-critical-strong-hsla: var(--dt-color-red-450-hsla);
1355
1517
  --dt-color-surface-critical-strong: var(--dt-color-red-450); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
1518
+ --dt-color-surface-brand-subtle-h: var(--dt-color-purple-50-h);
1519
+ --dt-color-surface-brand-subtle-s: var(--dt-color-purple-50-s);
1520
+ --dt-color-surface-brand-subtle-l: var(--dt-color-purple-50-l);
1521
+ --dt-color-surface-brand-subtle-a: var(--dt-color-purple-50-a);
1522
+ --dt-color-surface-brand-subtle-hsl: var(--dt-color-purple-50-hsl);
1523
+ --dt-color-surface-brand-subtle-hsla: var(--dt-color-purple-50-hsla);
1524
+ --dt-color-surface-brand-subtle: var(--dt-color-purple-50); /* A softer version of the default informational surface. */
1356
1525
  --dt-color-surface-info-subtle-h: var(--dt-color-blue-50-h);
1357
1526
  --dt-color-surface-info-subtle-s: var(--dt-color-blue-50-s);
1358
1527
  --dt-color-surface-info-subtle-l: var(--dt-color-blue-50-l);
@@ -1381,6 +1550,13 @@
1381
1550
  --dt-color-surface-critical-subtle-hsl: var(--dt-color-red-50-hsl);
1382
1551
  --dt-color-surface-critical-subtle-hsla: var(--dt-color-red-50-hsla);
1383
1552
  --dt-color-surface-critical-subtle: var(--dt-color-red-50); /* A softer version of the Critical surface. */
1553
+ --dt-color-surface-brand-h: var(--dt-color-purple-100-h);
1554
+ --dt-color-surface-brand-s: var(--dt-color-purple-100-s);
1555
+ --dt-color-surface-brand-l: var(--dt-color-purple-100-l);
1556
+ --dt-color-surface-brand-a: var(--dt-color-purple-100-a);
1557
+ --dt-color-surface-brand-hsl: var(--dt-color-purple-100-hsl);
1558
+ --dt-color-surface-brand-hsla: var(--dt-color-purple-100-hsla);
1559
+ --dt-color-surface-brand: var(--dt-color-purple-100); /* Background surface color containing messaging or elements communicated as generally informational. */
1384
1560
  --dt-color-surface-info-h: var(--dt-color-blue-100-h);
1385
1561
  --dt-color-surface-info-s: var(--dt-color-blue-100-s);
1386
1562
  --dt-color-surface-info-l: var(--dt-color-blue-100-l);
@@ -1465,6 +1641,20 @@
1465
1641
  --dt-color-link-warning-inverted-hover-hsl: var(--dt-color-gold-300-hsl);
1466
1642
  --dt-color-link-warning-inverted-hover-hsla: var(--dt-color-gold-300-hsla);
1467
1643
  --dt-color-link-warning-inverted-hover: var(--dt-color-gold-300);
1644
+ --dt-color-link-primary-inverted-hover-h: var(--dt-color-purple-200-h);
1645
+ --dt-color-link-primary-inverted-hover-s: var(--dt-color-purple-200-s);
1646
+ --dt-color-link-primary-inverted-hover-l: var(--dt-color-purple-200-l);
1647
+ --dt-color-link-primary-inverted-hover-a: var(--dt-color-purple-200-a);
1648
+ --dt-color-link-primary-inverted-hover-hsl: var(--dt-color-purple-200-hsl);
1649
+ --dt-color-link-primary-inverted-hover-hsla: var(--dt-color-purple-200-hsla);
1650
+ --dt-color-link-primary-inverted-hover: var(--dt-color-purple-200);
1651
+ --dt-color-link-primary-inverted-h: var(--dt-color-purple-250-h);
1652
+ --dt-color-link-primary-inverted-s: var(--dt-color-purple-250-s);
1653
+ --dt-color-link-primary-inverted-l: var(--dt-color-purple-250-l);
1654
+ --dt-color-link-primary-inverted-a: var(--dt-color-purple-250-a);
1655
+ --dt-color-link-primary-inverted-hsl: var(--dt-color-purple-250-hsl);
1656
+ --dt-color-link-primary-inverted-hsla: var(--dt-color-purple-250-hsla);
1657
+ --dt-color-link-primary-inverted: var(--dt-color-purple-250);
1468
1658
  --dt-color-link-warning-hover-h: var(--dt-color-gold-700-h);
1469
1659
  --dt-color-link-warning-hover-s: var(--dt-color-gold-700-s);
1470
1660
  --dt-color-link-warning-hover-l: var(--dt-color-gold-700-l);
@@ -1472,6 +1662,20 @@
1472
1662
  --dt-color-link-warning-hover-hsl: var(--dt-color-gold-700-hsl);
1473
1663
  --dt-color-link-warning-hover-hsla: var(--dt-color-gold-700-hsla);
1474
1664
  --dt-color-link-warning-hover: var(--dt-color-gold-700);
1665
+ --dt-color-link-primary-hover-h: var(--dt-color-purple-500-h);
1666
+ --dt-color-link-primary-hover-s: var(--dt-color-purple-500-s);
1667
+ --dt-color-link-primary-hover-l: var(--dt-color-purple-500-l);
1668
+ --dt-color-link-primary-hover-a: var(--dt-color-purple-500-a);
1669
+ --dt-color-link-primary-hover-hsl: var(--dt-color-purple-500-hsl);
1670
+ --dt-color-link-primary-hover-hsla: var(--dt-color-purple-500-hsla);
1671
+ --dt-color-link-primary-hover: var(--dt-color-purple-500);
1672
+ --dt-color-link-primary-h: var(--dt-color-purple-400-h);
1673
+ --dt-color-link-primary-s: var(--dt-color-purple-400-s);
1674
+ --dt-color-link-primary-l: var(--dt-color-purple-400-l);
1675
+ --dt-color-link-primary-a: var(--dt-color-purple-400-a);
1676
+ --dt-color-link-primary-hsl: var(--dt-color-purple-400-hsl);
1677
+ --dt-color-link-primary-hsla: var(--dt-color-purple-400-hsla);
1678
+ --dt-color-link-primary: var(--dt-color-purple-400);
1475
1679
  --dt-color-foreground-warning-inverted-h: var(--dt-color-gold-400-h);
1476
1680
  --dt-color-foreground-warning-inverted-s: var(--dt-color-gold-400-s);
1477
1681
  --dt-color-foreground-warning-inverted-l: var(--dt-color-gold-400-l);
@@ -1634,6 +1838,20 @@
1634
1838
  --dt-radio-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1635
1839
  --dt-radio-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1636
1840
  --dt-radio-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
1841
+ --dt-radio-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
1842
+ --dt-radio-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
1843
+ --dt-radio-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
1844
+ --dt-radio-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
1845
+ --dt-radio-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
1846
+ --dt-radio-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
1847
+ --dt-radio-color-background-checked: var(--dt-color-surface-brand-strong);
1848
+ --dt-radio-color-border-checked-h: var(--dt-color-border-brand-h);
1849
+ --dt-radio-color-border-checked-s: var(--dt-color-border-brand-s);
1850
+ --dt-radio-color-border-checked-l: var(--dt-color-border-brand-l);
1851
+ --dt-radio-color-border-checked-a: var(--dt-color-border-brand-a);
1852
+ --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1853
+ --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1854
+ --dt-radio-color-border-checked: var(--dt-color-border-brand);
1637
1855
  --dt-radio-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
1638
1856
  --dt-radio-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
1639
1857
  --dt-radio-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
@@ -1670,6 +1888,20 @@
1670
1888
  --dt-checkbox-color-foreground-checked-hsl: var(--dt-color-foreground-primary-inverted-hsl);
1671
1889
  --dt-checkbox-color-foreground-checked-hsla: var(--dt-color-foreground-primary-inverted-hsla);
1672
1890
  --dt-checkbox-color-foreground-checked: var(--dt-color-foreground-primary-inverted);
1891
+ --dt-checkbox-color-background-checked-h: var(--dt-color-surface-brand-strong-h);
1892
+ --dt-checkbox-color-background-checked-s: var(--dt-color-surface-brand-strong-s);
1893
+ --dt-checkbox-color-background-checked-l: var(--dt-color-surface-brand-strong-l);
1894
+ --dt-checkbox-color-background-checked-a: var(--dt-color-surface-brand-strong-a);
1895
+ --dt-checkbox-color-background-checked-hsl: var(--dt-color-surface-brand-strong-hsl);
1896
+ --dt-checkbox-color-background-checked-hsla: var(--dt-color-surface-brand-strong-hsla);
1897
+ --dt-checkbox-color-background-checked: var(--dt-color-surface-brand-strong);
1898
+ --dt-checkbox-color-border-checked-h: var(--dt-color-border-brand-h);
1899
+ --dt-checkbox-color-border-checked-s: var(--dt-color-border-brand-s);
1900
+ --dt-checkbox-color-border-checked-l: var(--dt-color-border-brand-l);
1901
+ --dt-checkbox-color-border-checked-a: var(--dt-color-border-brand-a);
1902
+ --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1903
+ --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1904
+ --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1673
1905
  --dt-checkbox-color-border-unchecked-hover-h: var(--dt-color-border-bold-h);
1674
1906
  --dt-checkbox-color-border-unchecked-hover-s: var(--dt-color-border-bold-s);
1675
1907
  --dt-checkbox-color-border-unchecked-hover-l: var(--dt-color-border-bold-l);
@@ -1698,6 +1930,13 @@
1698
1930
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1699
1931
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1700
1932
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1933
+ --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
1934
+ --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
1935
+ --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
1936
+ --dt-badge-color-background-bulletin-a: var(--dt-color-surface-brand-strong-a);
1937
+ --dt-badge-color-background-bulletin-hsl: var(--dt-color-surface-brand-strong-hsl);
1938
+ --dt-badge-color-background-bulletin-hsla: var(--dt-color-surface-brand-strong-hsla);
1939
+ --dt-badge-color-background-bulletin: var(--dt-color-surface-brand-strong);
1701
1940
  --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
1702
1941
  --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
1703
1942
  --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
@@ -1705,6 +1944,209 @@
1705
1944
  --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1706
1945
  --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1707
1946
  --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
1947
+ --dt-shell-presence-color-offline-h: var(--dt-shell-base-color-status-away-h);
1948
+ --dt-shell-presence-color-offline-s: var(--dt-shell-base-color-status-away-s);
1949
+ --dt-shell-presence-color-offline-l: var(--dt-shell-base-color-status-away-l);
1950
+ --dt-shell-presence-color-offline-a: var(--dt-shell-base-color-status-away-a);
1951
+ --dt-shell-presence-color-offline-hsl: var(--dt-shell-base-color-status-away-hsl);
1952
+ --dt-shell-presence-color-offline-hsla: var(--dt-shell-base-color-status-away-hsla);
1953
+ --dt-shell-presence-color-offline: var(--dt-shell-base-color-status-away);
1954
+ --dt-shell-presence-color-busy-h: var(--dt-shell-base-color-status-warning-h);
1955
+ --dt-shell-presence-color-busy-s: var(--dt-shell-base-color-status-warning-s);
1956
+ --dt-shell-presence-color-busy-l: var(--dt-shell-base-color-status-warning-l);
1957
+ --dt-shell-presence-color-busy-a: var(--dt-shell-base-color-status-warning-a);
1958
+ --dt-shell-presence-color-busy-hsl: var(--dt-shell-base-color-status-warning-hsl);
1959
+ --dt-shell-presence-color-busy-hsla: var(--dt-shell-base-color-status-warning-hsla);
1960
+ --dt-shell-presence-color-busy: var(--dt-shell-base-color-status-warning);
1961
+ --dt-shell-presence-color-unavailable-h: var(--dt-shell-base-color-status-critical-h);
1962
+ --dt-shell-presence-color-unavailable-s: var(--dt-shell-base-color-status-critical-s);
1963
+ --dt-shell-presence-color-unavailable-l: var(--dt-shell-base-color-status-critical-l);
1964
+ --dt-shell-presence-color-unavailable-a: var(--dt-shell-base-color-status-critical-a);
1965
+ --dt-shell-presence-color-unavailable-hsl: var(--dt-shell-base-color-status-critical-hsl);
1966
+ --dt-shell-presence-color-unavailable-hsla: var(--dt-shell-base-color-status-critical-hsla);
1967
+ --dt-shell-presence-color-unavailable: var(--dt-shell-base-color-status-critical);
1968
+ --dt-shell-presence-color-available-h: var(--dt-shell-base-color-status-positive-h);
1969
+ --dt-shell-presence-color-available-s: var(--dt-shell-base-color-status-positive-s);
1970
+ --dt-shell-presence-color-available-l: var(--dt-shell-base-color-status-positive-l);
1971
+ --dt-shell-presence-color-available-a: var(--dt-shell-base-color-status-positive-a);
1972
+ --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
1973
+ --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
1974
+ --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
1975
+ --dt-shell-action-color-background-muted-selected-h: 0;
1976
+ --dt-shell-action-color-background-muted-selected-s: 0%;
1977
+ --dt-shell-action-color-background-muted-selected-l: 14.499999999999998%;
1978
+ --dt-shell-action-color-background-muted-selected-a: 7%;
1979
+ --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);
1980
+ --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%));
1981
+ --dt-shell-action-color-background-muted-selected: hsl(0 0% 14.5% / 0.07);
1982
+ --dt-shell-action-color-background-muted-active-h: 0;
1983
+ --dt-shell-action-color-background-muted-active-s: 0%;
1984
+ --dt-shell-action-color-background-muted-active-l: 14.499999999999998%;
1985
+ --dt-shell-action-color-background-muted-active-a: 7%;
1986
+ --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);
1987
+ --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%));
1988
+ --dt-shell-action-color-background-muted-active: hsl(0 0% 14.5% / 0.07);
1989
+ --dt-shell-action-color-background-muted-hover-h: 0;
1990
+ --dt-shell-action-color-background-muted-hover-s: 0%;
1991
+ --dt-shell-action-color-background-muted-hover-l: 14.499999999999998%;
1992
+ --dt-shell-action-color-background-muted-hover-a: 10%;
1993
+ --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);
1994
+ --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%));
1995
+ --dt-shell-action-color-background-muted-hover: hsl(0 0% 14.5% / 0.1);
1996
+ --dt-shell-action-color-background-muted-default-h: 0;
1997
+ --dt-shell-action-color-background-muted-default-s: 0%;
1998
+ --dt-shell-action-color-background-muted-default-l: 14.499999999999998%;
1999
+ --dt-shell-action-color-background-muted-default-a: 5%;
2000
+ --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);
2001
+ --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%));
2002
+ --dt-shell-action-color-background-muted-default: hsl(0 0% 14.5% / 0.05);
2003
+ --dt-shell-action-color-background-secondary-selected-h: 0;
2004
+ --dt-shell-action-color-background-secondary-selected-s: 0%;
2005
+ --dt-shell-action-color-background-secondary-selected-l: 14.499999999999998%;
2006
+ --dt-shell-action-color-background-secondary-selected-a: 13%;
2007
+ --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);
2008
+ --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%));
2009
+ --dt-shell-action-color-background-secondary-selected: hsl(0 0% 14.5% / 0.13);
2010
+ --dt-shell-action-color-background-secondary-active-h: 0;
2011
+ --dt-shell-action-color-background-secondary-active-s: 0%;
2012
+ --dt-shell-action-color-background-secondary-active-l: 14.499999999999998%;
2013
+ --dt-shell-action-color-background-secondary-active-a: 16%;
2014
+ --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);
2015
+ --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%));
2016
+ --dt-shell-action-color-background-secondary-active: hsl(0 0% 14.5% / 0.16);
2017
+ --dt-shell-action-color-background-secondary-hover-h: 0;
2018
+ --dt-shell-action-color-background-secondary-hover-s: 0%;
2019
+ --dt-shell-action-color-background-secondary-hover-l: 14.499999999999998%;
2020
+ --dt-shell-action-color-background-secondary-hover-a: 10%;
2021
+ --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);
2022
+ --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%));
2023
+ --dt-shell-action-color-background-secondary-hover: hsl(0 0% 14.5% / 0.1);
2024
+ --dt-shell-action-color-background-secondary-default-h: 0;
2025
+ --dt-shell-action-color-background-secondary-default-s: 0%;
2026
+ --dt-shell-action-color-background-secondary-default-l: 14.499999999999998%;
2027
+ --dt-shell-action-color-background-secondary-default-a: 0%;
2028
+ --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);
2029
+ --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%));
2030
+ --dt-shell-action-color-background-secondary-default: hsl(0 0% 14.5% / 0);
2031
+ --dt-shell-action-color-background-primary-selected-h: 0;
2032
+ --dt-shell-action-color-background-primary-selected-s: 0%;
2033
+ --dt-shell-action-color-background-primary-selected-l: 14.499999999999998%;
2034
+ --dt-shell-action-color-background-primary-selected-a: 13%;
2035
+ --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);
2036
+ --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%));
2037
+ --dt-shell-action-color-background-primary-selected: hsl(0 0% 14.5% / 0.13);
2038
+ --dt-shell-action-color-background-primary-active-h: 0;
2039
+ --dt-shell-action-color-background-primary-active-s: 0%;
2040
+ --dt-shell-action-color-background-primary-active-l: 14.499999999999998%;
2041
+ --dt-shell-action-color-background-primary-active-a: 16%;
2042
+ --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);
2043
+ --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%));
2044
+ --dt-shell-action-color-background-primary-active: hsl(0 0% 14.5% / 0.16);
2045
+ --dt-shell-action-color-background-primary-hover-h: 0;
2046
+ --dt-shell-action-color-background-primary-hover-s: 0%;
2047
+ --dt-shell-action-color-background-primary-hover-l: 14.499999999999998%;
2048
+ --dt-shell-action-color-background-primary-hover-a: 10%;
2049
+ --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);
2050
+ --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%));
2051
+ --dt-shell-action-color-background-primary-hover: hsl(0 0% 14.5% / 0.1);
2052
+ --dt-shell-action-color-background-primary-default-h: 0;
2053
+ --dt-shell-action-color-background-primary-default-s: 0%;
2054
+ --dt-shell-action-color-background-primary-default-l: 14.499999999999998%;
2055
+ --dt-shell-action-color-background-primary-default-a: 0%;
2056
+ --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);
2057
+ --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%));
2058
+ --dt-shell-action-color-background-primary-default: hsl(0 0% 14.5% / 0);
2059
+ --dt-shell-color-border-default-h: 0;
2060
+ --dt-shell-color-border-default-s: 0%;
2061
+ --dt-shell-color-border-default-l: 11%;
2062
+ --dt-shell-color-border-default-a: 17%;
2063
+ --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);
2064
+ --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%));
2065
+ --dt-shell-color-border-default: hsl(0 0% 11% / 0.17);
2066
+ --dt-shell-color-border-subtle-h: 0;
2067
+ --dt-shell-color-border-subtle-s: 0%;
2068
+ --dt-shell-color-border-subtle-l: 11%;
2069
+ --dt-shell-color-border-subtle-a: 10%;
2070
+ --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);
2071
+ --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%));
2072
+ --dt-shell-color-border-subtle: hsl(0 0% 11% / 0.1);
2073
+ --dt-shell-color-foreground-warning-h: 35.8;
2074
+ --dt-shell-color-foreground-warning-s: 100%;
2075
+ --dt-shell-color-foreground-warning-l: 31.3%;
2076
+ --dt-shell-color-foreground-warning-a: 100%;
2077
+ --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);
2078
+ --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%));
2079
+ --dt-shell-color-foreground-warning: hsl(35.8 100% 31.3%);
2080
+ --dt-shell-color-foreground-critical-h: 343;
2081
+ --dt-shell-color-foreground-critical-s: 100%;
2082
+ --dt-shell-color-foreground-critical-l: 27.500000000000004%;
2083
+ --dt-shell-color-foreground-critical-a: 100%;
2084
+ --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);
2085
+ --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%));
2086
+ --dt-shell-color-foreground-critical: hsl(343 100% 27.5%);
2087
+ --dt-shell-color-foreground-positive-h: 104;
2088
+ --dt-shell-color-foreground-positive-s: 68.2%;
2089
+ --dt-shell-color-foreground-positive-l: 39.8%;
2090
+ --dt-shell-color-foreground-positive-a: 100%;
2091
+ --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);
2092
+ --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%));
2093
+ --dt-shell-color-foreground-positive: hsl(104 68.2% 39.8%);
2094
+ --dt-shell-color-foreground-disabled-h: 0;
2095
+ --dt-shell-color-foreground-disabled-s: 0%;
2096
+ --dt-shell-color-foreground-disabled-l: 11%;
2097
+ --dt-shell-color-foreground-disabled-a: 57%;
2098
+ --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);
2099
+ --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%));
2100
+ --dt-shell-color-foreground-disabled: hsl(0 0% 11% / 0.57);
2101
+ --dt-shell-color-foreground-muted-h: 0;
2102
+ --dt-shell-color-foreground-muted-s: 0%;
2103
+ --dt-shell-color-foreground-muted-l: 11%;
2104
+ --dt-shell-color-foreground-muted-a: 60%;
2105
+ --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);
2106
+ --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%));
2107
+ --dt-shell-color-foreground-muted: hsl(0 0% 11% / 0.6);
2108
+ --dt-shell-color-foreground-strong-h: 0;
2109
+ --dt-shell-color-foreground-strong-s: 0%;
2110
+ --dt-shell-color-foreground-strong-l: 11%;
2111
+ --dt-shell-color-foreground-strong-a: 100%;
2112
+ --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);
2113
+ --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%));
2114
+ --dt-shell-color-foreground-strong: hsl(0 0% 11%);
2115
+ --dt-shell-color-foreground-tertiary-h: 0;
2116
+ --dt-shell-color-foreground-tertiary-s: 0%;
2117
+ --dt-shell-color-foreground-tertiary-l: 11%;
2118
+ --dt-shell-color-foreground-tertiary-a: 72%;
2119
+ --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);
2120
+ --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%));
2121
+ --dt-shell-color-foreground-tertiary: hsl(0 0% 11% / 0.72);
2122
+ --dt-shell-color-foreground-secondary-h: 0;
2123
+ --dt-shell-color-foreground-secondary-s: 0%;
2124
+ --dt-shell-color-foreground-secondary-l: 11%;
2125
+ --dt-shell-color-foreground-secondary-a: 86%;
2126
+ --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);
2127
+ --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%));
2128
+ --dt-shell-color-foreground-secondary: hsl(0 0% 11% / 0.86);
2129
+ --dt-shell-color-foreground-primary-h: var(--dt-shell-base-color-foreground-h);
2130
+ --dt-shell-color-foreground-primary-s: var(--dt-shell-base-color-foreground-s);
2131
+ --dt-shell-color-foreground-primary-l: var(--dt-shell-base-color-foreground-l);
2132
+ --dt-shell-color-foreground-primary-a: var(--dt-shell-base-color-foreground-a);
2133
+ --dt-shell-color-foreground-primary-hsl: var(--dt-shell-base-color-foreground-hsl);
2134
+ --dt-shell-color-foreground-primary-hsla: var(--dt-shell-base-color-foreground-hsla);
2135
+ --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
2136
+ --dt-shell-base-color-surface-h: var(--dt-color-surface-secondary-h);
2137
+ --dt-shell-base-color-surface-s: var(--dt-color-surface-secondary-s);
2138
+ --dt-shell-base-color-surface-l: var(--dt-color-surface-secondary-l);
2139
+ --dt-shell-base-color-surface-a: var(--dt-color-surface-secondary-a);
2140
+ --dt-shell-base-color-surface-hsl: var(--dt-color-surface-secondary-hsl);
2141
+ --dt-shell-base-color-surface-hsla: var(--dt-color-surface-secondary-hsla);
2142
+ --dt-shell-base-color-surface: var(--dt-color-surface-secondary);
2143
+ --dt-theme-mention-color-background-h: var(--dt-color-surface-brand-strong-h);
2144
+ --dt-theme-mention-color-background-s: var(--dt-color-surface-brand-strong-s);
2145
+ --dt-theme-mention-color-background-l: var(--dt-color-surface-brand-strong-l);
2146
+ --dt-theme-mention-color-background-a: var(--dt-color-surface-brand-strong-a);
2147
+ --dt-theme-mention-color-background-hsl: var(--dt-color-surface-brand-strong-hsl);
2148
+ --dt-theme-mention-color-background-hsla: var(--dt-color-surface-brand-strong-hsla);
2149
+ --dt-theme-mention-color-background: var(--dt-color-surface-brand-strong);
1708
2150
  --dt-theme-mention-color-foreground-strong-h: var(--dt-color-foreground-primary-inverted-h);
1709
2151
  --dt-theme-mention-color-foreground-strong-s: var(--dt-color-foreground-primary-inverted-s);
1710
2152
  --dt-theme-mention-color-foreground-strong-l: var(--dt-color-foreground-primary-inverted-l);
@@ -1719,13 +2161,6 @@
1719
2161
  --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
1720
2162
  --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
1721
2163
  --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
1722
- --dt-theme-sidebar-selected-row-color-background-h: 0;
1723
- --dt-theme-sidebar-selected-row-color-background-s: 0%;
1724
- --dt-theme-sidebar-selected-row-color-background-l: 11%;
1725
- --dt-theme-sidebar-selected-row-color-background-a: 9%;
1726
- --dt-theme-sidebar-selected-row-color-background-hsl: var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l);
1727
- --dt-theme-sidebar-selected-row-color-background-hsla: hsl(var(--dt-theme-sidebar-selected-row-color-background-h) var(--dt-theme-sidebar-selected-row-color-background-s) var(--dt-theme-sidebar-selected-row-color-background-l) / var(--alpha, 9%));
1728
- --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 11% / 0.09);
1729
2164
  --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
1730
2165
  --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
1731
2166
  --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
@@ -1733,27 +2168,6 @@
1733
2168
  --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
1734
2169
  --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
1735
2170
  --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
1736
- --dt-theme-sidebar-row-color-background-active-h: 0;
1737
- --dt-theme-sidebar-row-color-background-active-s: 0%;
1738
- --dt-theme-sidebar-row-color-background-active-l: 11%;
1739
- --dt-theme-sidebar-row-color-background-active-a: 15%;
1740
- --dt-theme-sidebar-row-color-background-active-hsl: var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l);
1741
- --dt-theme-sidebar-row-color-background-active-hsla: hsl(var(--dt-theme-sidebar-row-color-background-active-h) var(--dt-theme-sidebar-row-color-background-active-s) var(--dt-theme-sidebar-row-color-background-active-l) / var(--alpha, 15%));
1742
- --dt-theme-sidebar-row-color-background-active: hsl(0 0% 11% / 0.15);
1743
- --dt-theme-sidebar-row-color-background-hover-h: 0;
1744
- --dt-theme-sidebar-row-color-background-hover-s: 0%;
1745
- --dt-theme-sidebar-row-color-background-hover-l: 11%;
1746
- --dt-theme-sidebar-row-color-background-hover-a: 11%;
1747
- --dt-theme-sidebar-row-color-background-hover-hsl: var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l);
1748
- --dt-theme-sidebar-row-color-background-hover-hsla: hsl(var(--dt-theme-sidebar-row-color-background-hover-h) var(--dt-theme-sidebar-row-color-background-hover-s) var(--dt-theme-sidebar-row-color-background-hover-l) / var(--alpha, 11%));
1749
- --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 11% / 0.11);
1750
- --dt-theme-sidebar-row-color-background-h: 0;
1751
- --dt-theme-sidebar-row-color-background-s: 0%;
1752
- --dt-theme-sidebar-row-color-background-l: 11%;
1753
- --dt-theme-sidebar-row-color-background-a: 0%;
1754
- --dt-theme-sidebar-row-color-background-hsl: var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l);
1755
- --dt-theme-sidebar-row-color-background-hsla: hsl(var(--dt-theme-sidebar-row-color-background-h) var(--dt-theme-sidebar-row-color-background-s) var(--dt-theme-sidebar-row-color-background-l) / var(--alpha, 0%));
1756
- --dt-theme-sidebar-row-color-background: hsl(0 0% 11% / 0);
1757
2171
  --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
1758
2172
  --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
1759
2173
  --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
@@ -1775,34 +2189,6 @@
1775
2189
  --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
1776
2190
  --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
1777
2191
  --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
1778
- --dt-theme-topbar-profile-color-background-active-h: 0;
1779
- --dt-theme-topbar-profile-color-background-active-s: 0%;
1780
- --dt-theme-topbar-profile-color-background-active-l: 11%;
1781
- --dt-theme-topbar-profile-color-background-active-a: 14%;
1782
- --dt-theme-topbar-profile-color-background-active-hsl: var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l);
1783
- --dt-theme-topbar-profile-color-background-active-hsla: hsl(var(--dt-theme-topbar-profile-color-background-active-h) var(--dt-theme-topbar-profile-color-background-active-s) var(--dt-theme-topbar-profile-color-background-active-l) / var(--alpha, 14%));
1784
- --dt-theme-topbar-profile-color-background-active: hsl(0 0% 11% / 0.14);
1785
- --dt-theme-topbar-profile-color-background-hover-h: 0;
1786
- --dt-theme-topbar-profile-color-background-hover-s: 0%;
1787
- --dt-theme-topbar-profile-color-background-hover-l: 11%;
1788
- --dt-theme-topbar-profile-color-background-hover-a: 10%;
1789
- --dt-theme-topbar-profile-color-background-hover-hsl: var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l);
1790
- --dt-theme-topbar-profile-color-background-hover-hsla: hsl(var(--dt-theme-topbar-profile-color-background-hover-h) var(--dt-theme-topbar-profile-color-background-hover-s) var(--dt-theme-topbar-profile-color-background-hover-l) / var(--alpha, 10%));
1791
- --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 11% / 0.1);
1792
- --dt-theme-topbar-profile-color-background-inverted-h: 0;
1793
- --dt-theme-topbar-profile-color-background-inverted-s: 0%;
1794
- --dt-theme-topbar-profile-color-background-inverted-l: 11%;
1795
- --dt-theme-topbar-profile-color-background-inverted-a: 75%;
1796
- --dt-theme-topbar-profile-color-background-inverted-hsl: var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l);
1797
- --dt-theme-topbar-profile-color-background-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-background-inverted-h) var(--dt-theme-topbar-profile-color-background-inverted-s) var(--dt-theme-topbar-profile-color-background-inverted-l) / var(--alpha, 75%));
1798
- --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 11% / 0.75);
1799
- --dt-theme-topbar-profile-color-background-h: 0;
1800
- --dt-theme-topbar-profile-color-background-s: 0%;
1801
- --dt-theme-topbar-profile-color-background-l: 11%;
1802
- --dt-theme-topbar-profile-color-background-a: 5%;
1803
- --dt-theme-topbar-profile-color-background-hsl: var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l);
1804
- --dt-theme-topbar-profile-color-background-hsla: hsl(var(--dt-theme-topbar-profile-color-background-h) var(--dt-theme-topbar-profile-color-background-s) var(--dt-theme-topbar-profile-color-background-l) / var(--alpha, 5%));
1805
- --dt-theme-topbar-profile-color-background: hsl(0 0% 11% / 0.05);
1806
2192
  --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
1807
2193
  --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
1808
2194
  --dt-theme-topbar-profile-color-foreground-inverted-l: 97.6%;
@@ -1810,90 +2196,13 @@
1810
2196
  --dt-theme-topbar-profile-color-foreground-inverted-hsl: var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l);
1811
2197
  --dt-theme-topbar-profile-color-foreground-inverted-hsla: hsl(var(--dt-theme-topbar-profile-color-foreground-inverted-h) var(--dt-theme-topbar-profile-color-foreground-inverted-s) var(--dt-theme-topbar-profile-color-foreground-inverted-l) / var(--alpha, 75%));
1812
2198
  --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 97.6% / 0.75);
1813
- --dt-theme-topbar-button-color-background-active-h: 0;
1814
- --dt-theme-topbar-button-color-background-active-s: 0%;
1815
- --dt-theme-topbar-button-color-background-active-l: 11%;
1816
- --dt-theme-topbar-button-color-background-active-a: 10%;
1817
- --dt-theme-topbar-button-color-background-active-hsl: var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l);
1818
- --dt-theme-topbar-button-color-background-active-hsla: hsl(var(--dt-theme-topbar-button-color-background-active-h) var(--dt-theme-topbar-button-color-background-active-s) var(--dt-theme-topbar-button-color-background-active-l) / var(--alpha, 10%));
1819
- --dt-theme-topbar-button-color-background-active: hsl(0 0% 11% / 0.1);
1820
- --dt-theme-topbar-button-color-background-hover-h: 0;
1821
- --dt-theme-topbar-button-color-background-hover-s: 0%;
1822
- --dt-theme-topbar-button-color-background-hover-l: 11%;
1823
- --dt-theme-topbar-button-color-background-hover-a: 5%;
1824
- --dt-theme-topbar-button-color-background-hover-hsl: var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l);
1825
- --dt-theme-topbar-button-color-background-hover-hsla: hsl(var(--dt-theme-topbar-button-color-background-hover-h) var(--dt-theme-topbar-button-color-background-hover-s) var(--dt-theme-topbar-button-color-background-hover-l) / var(--alpha, 5%));
1826
- --dt-theme-topbar-button-color-background-hover: hsl(0 0% 11% / 0.05);
1827
- --dt-theme-topbar-button-color-background-h: 0;
1828
- --dt-theme-topbar-button-color-background-s: 0%;
1829
- --dt-theme-topbar-button-color-background-l: 11%;
1830
- --dt-theme-topbar-button-color-background-a: 0%;
1831
- --dt-theme-topbar-button-color-background-hsl: var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l);
1832
- --dt-theme-topbar-button-color-background-hsla: hsl(var(--dt-theme-topbar-button-color-background-h) var(--dt-theme-topbar-button-color-background-s) var(--dt-theme-topbar-button-color-background-l) / var(--alpha, 0%));
1833
- --dt-theme-topbar-button-color-background: hsl(0 0% 11% / 0);
1834
- --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
1835
- --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
1836
- --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
1837
- --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-theme-color-base-a);
1838
- --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
1839
- --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
1840
- --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
1841
- --dt-theme-topbar-button-color-foreground-h: 0;
1842
- --dt-theme-topbar-button-color-foreground-s: 0%;
1843
- --dt-theme-topbar-button-color-foreground-l: 11%;
1844
- --dt-theme-topbar-button-color-foreground-a: 65%;
1845
- --dt-theme-topbar-button-color-foreground-hsl: var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l);
1846
- --dt-theme-topbar-button-color-foreground-hsla: hsl(var(--dt-theme-topbar-button-color-foreground-h) var(--dt-theme-topbar-button-color-foreground-s) var(--dt-theme-topbar-button-color-foreground-l) / var(--alpha, 65%));
1847
- --dt-theme-topbar-button-color-foreground: hsl(0 0% 11% / 0.65);
1848
- --dt-theme-topbar-field-color-border-active-h: 0;
1849
- --dt-theme-topbar-field-color-border-active-s: 0%;
1850
- --dt-theme-topbar-field-color-border-active-l: 11%;
1851
- --dt-theme-topbar-field-color-border-active-a: 20%;
1852
- --dt-theme-topbar-field-color-border-active-hsl: var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l);
1853
- --dt-theme-topbar-field-color-border-active-hsla: hsl(var(--dt-theme-topbar-field-color-border-active-h) var(--dt-theme-topbar-field-color-border-active-s) var(--dt-theme-topbar-field-color-border-active-l) / var(--alpha, 20%));
1854
- --dt-theme-topbar-field-color-border-active: hsl(0 0% 11% / 0.2);
1855
- --dt-theme-topbar-field-color-border-hover-h: 0;
1856
- --dt-theme-topbar-field-color-border-hover-s: 0%;
1857
- --dt-theme-topbar-field-color-border-hover-l: 11%;
1858
- --dt-theme-topbar-field-color-border-hover-a: 10%;
1859
- --dt-theme-topbar-field-color-border-hover-hsl: var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l);
1860
- --dt-theme-topbar-field-color-border-hover-hsla: hsl(var(--dt-theme-topbar-field-color-border-hover-h) var(--dt-theme-topbar-field-color-border-hover-s) var(--dt-theme-topbar-field-color-border-hover-l) / var(--alpha, 10%));
1861
- --dt-theme-topbar-field-color-border-hover: hsl(0 0% 11% / 0.1);
1862
- --dt-theme-topbar-field-color-border-h: 0;
1863
- --dt-theme-topbar-field-color-border-s: 0%;
1864
- --dt-theme-topbar-field-color-border-l: 11%;
1865
- --dt-theme-topbar-field-color-border-a: 0%;
1866
- --dt-theme-topbar-field-color-border-hsl: var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l);
1867
- --dt-theme-topbar-field-color-border-hsla: hsl(var(--dt-theme-topbar-field-color-border-h) var(--dt-theme-topbar-field-color-border-s) var(--dt-theme-topbar-field-color-border-l) / var(--alpha, 0%));
1868
- --dt-theme-topbar-field-color-border: hsl(0 0% 11% / 0);
1869
- --dt-theme-topbar-field-color-background-hover-h: 0;
1870
- --dt-theme-topbar-field-color-background-hover-s: 0%;
1871
- --dt-theme-topbar-field-color-background-hover-l: 100%;
1872
- --dt-theme-topbar-field-color-background-hover-a: 100%;
1873
- --dt-theme-topbar-field-color-background-hover-hsl: var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l);
1874
- --dt-theme-topbar-field-color-background-hover-hsla: hsl(var(--dt-theme-topbar-field-color-background-hover-h) var(--dt-theme-topbar-field-color-background-hover-s) var(--dt-theme-topbar-field-color-background-hover-l) / var(--alpha, 100%));
1875
- --dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
1876
- --dt-theme-topbar-field-color-background-h: 0;
1877
- --dt-theme-topbar-field-color-background-s: 0%;
1878
- --dt-theme-topbar-field-color-background-l: 11%;
1879
- --dt-theme-topbar-field-color-background-a: 5%;
1880
- --dt-theme-topbar-field-color-background-hsl: var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l);
1881
- --dt-theme-topbar-field-color-background-hsla: hsl(var(--dt-theme-topbar-field-color-background-h) var(--dt-theme-topbar-field-color-background-s) var(--dt-theme-topbar-field-color-background-l) / var(--alpha, 5%));
1882
- --dt-theme-topbar-field-color-background: hsl(0 0% 11% / 0.05);
1883
- --dt-theme-topbar-field-color-foreground-hover-h: 0;
1884
- --dt-theme-topbar-field-color-foreground-hover-s: 0%;
1885
- --dt-theme-topbar-field-color-foreground-hover-l: 11%;
1886
- --dt-theme-topbar-field-color-foreground-hover-a: 75%;
1887
- --dt-theme-topbar-field-color-foreground-hover-hsl: var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l);
1888
- --dt-theme-topbar-field-color-foreground-hover-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-hover-h) var(--dt-theme-topbar-field-color-foreground-hover-s) var(--dt-theme-topbar-field-color-foreground-hover-l) / var(--alpha, 75%));
1889
- --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 11% / 0.75);
1890
- --dt-theme-topbar-field-color-foreground-h: 0;
1891
- --dt-theme-topbar-field-color-foreground-s: 0%;
1892
- --dt-theme-topbar-field-color-foreground-l: 11%;
1893
- --dt-theme-topbar-field-color-foreground-a: 50%;
1894
- --dt-theme-topbar-field-color-foreground-hsl: var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l);
1895
- --dt-theme-topbar-field-color-foreground-hsla: hsl(var(--dt-theme-topbar-field-color-foreground-h) var(--dt-theme-topbar-field-color-foreground-s) var(--dt-theme-topbar-field-color-foreground-l) / var(--alpha, 50%));
1896
- --dt-theme-topbar-field-color-foreground: hsl(0 0% 11% / 0.5);
2199
+ --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
2200
+ --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
2201
+ --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
2202
+ --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
2203
+ --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
2204
+ --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
2205
+ --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
1897
2206
  --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
1898
2207
  --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
1899
2208
  --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
@@ -1901,13 +2210,6 @@
1901
2210
  --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
1902
2211
  --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
1903
2212
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1904
- --dt-theme-topbar-color-foreground-h: 0;
1905
- --dt-theme-topbar-color-foreground-s: 0%;
1906
- --dt-theme-topbar-color-foreground-l: 11%;
1907
- --dt-theme-topbar-color-foreground-a: 80%;
1908
- --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1909
- --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 80%));
1910
- --dt-theme-topbar-color-foreground: hsl(0 0% 11% / 0.8);
1911
2213
  --dt-action-color-border-positive-outlined-default-h: var(--dt-color-border-success-h);
1912
2214
  --dt-action-color-border-positive-outlined-default-s: var(--dt-color-border-success-s);
1913
2215
  --dt-action-color-border-positive-outlined-default-l: var(--dt-color-border-success-l);
@@ -1936,6 +2238,13 @@
1936
2238
  --dt-action-color-border-critical-outlined-default-hsl: var(--dt-color-border-critical-hsl);
1937
2239
  --dt-action-color-border-critical-outlined-default-hsla: var(--dt-color-border-critical-hsla);
1938
2240
  --dt-action-color-border-critical-outlined-default: var(--dt-color-border-critical);
2241
+ --dt-action-color-border-base-outlined-default-h: var(--dt-color-border-brand-h);
2242
+ --dt-action-color-border-base-outlined-default-s: var(--dt-color-border-brand-s);
2243
+ --dt-action-color-border-base-outlined-default-l: var(--dt-color-border-brand-l);
2244
+ --dt-action-color-border-base-outlined-default-a: var(--dt-color-border-brand-a);
2245
+ --dt-action-color-border-base-outlined-default-hsl: var(--dt-color-border-brand-hsl);
2246
+ --dt-action-color-border-base-outlined-default-hsla: var(--dt-color-border-brand-hsla);
2247
+ --dt-action-color-border-base-outlined-default: var(--dt-color-border-brand);
1939
2248
  --dt-action-color-background-positive-primary-active-h: 155;
1940
2249
  --dt-action-color-background-positive-primary-active-s: 100%;
1941
2250
  --dt-action-color-background-positive-primary-active-l: 24.8%;
@@ -1964,13 +2273,13 @@
1964
2273
  --dt-action-color-background-muted-hover-hsl: var(--dt-color-surface-moderate-opaque-hsl);
1965
2274
  --dt-action-color-background-muted-hover-hsla: var(--dt-color-surface-moderate-opaque-hsla);
1966
2275
  --dt-action-color-background-muted-hover: var(--dt-color-surface-moderate-opaque);
1967
- --dt-action-color-background-inverted-primary-active-h: var(--dt-action-color-background-inverted-primary-default-h);
1968
- --dt-action-color-background-inverted-primary-active-s: var(--dt-action-color-background-inverted-primary-default-s);
1969
- --dt-action-color-background-inverted-primary-active-l: var(--dt-action-color-background-inverted-primary-default-l);
1970
- --dt-action-color-background-inverted-primary-active-a: var(--dt-action-color-background-inverted-primary-default-a);
1971
- --dt-action-color-background-inverted-primary-active-hsl: var(--dt-action-color-background-inverted-primary-default-hsl);
1972
- --dt-action-color-background-inverted-primary-active-hsla: var(--dt-action-color-background-inverted-primary-default-hsla);
1973
- --dt-action-color-background-inverted-primary-active: var(--dt-action-color-background-inverted-primary-default);
2276
+ --dt-action-color-background-inverted-primary-hover-h: var(--dt-color-surface-brand-h);
2277
+ --dt-action-color-background-inverted-primary-hover-s: var(--dt-color-surface-brand-s);
2278
+ --dt-action-color-background-inverted-primary-hover-l: var(--dt-color-surface-brand-l);
2279
+ --dt-action-color-background-inverted-primary-hover-a: var(--dt-color-surface-brand-a);
2280
+ --dt-action-color-background-inverted-primary-hover-hsl: var(--dt-color-surface-brand-hsl);
2281
+ --dt-action-color-background-inverted-primary-hover-hsla: var(--dt-color-surface-brand-hsla);
2282
+ --dt-action-color-background-inverted-primary-hover: var(--dt-color-surface-brand);
1974
2283
  --dt-action-color-background-inverted-active-h: var(--dt-color-surface-bold-opaque-inverted-h);
1975
2284
  --dt-action-color-background-inverted-active-s: var(--dt-color-surface-bold-opaque-inverted-s);
1976
2285
  --dt-action-color-background-inverted-active-l: var(--dt-color-surface-bold-opaque-inverted-l);
@@ -1992,13 +2301,13 @@
1992
2301
  --dt-action-color-background-critical-hover-hsl: var(--dt-color-surface-critical-opaque-hsl);
1993
2302
  --dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
1994
2303
  --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
1995
- --dt-action-color-background-base-active-h: 329;
1996
- --dt-action-color-background-base-active-s: 94%;
1997
- --dt-action-color-background-base-active-l: 77.3%;
1998
- --dt-action-color-background-base-active-a: 80%;
1999
- --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
2000
- --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 80%));
2001
- --dt-action-color-background-base-active: hsl(329 94% 77.3% / 0.8);
2304
+ --dt-action-color-background-base-hover-h: var(--dt-color-surface-brand-opaque-h);
2305
+ --dt-action-color-background-base-hover-s: var(--dt-color-surface-brand-opaque-s);
2306
+ --dt-action-color-background-base-hover-l: var(--dt-color-surface-brand-opaque-l);
2307
+ --dt-action-color-background-base-hover-a: var(--dt-color-surface-brand-opaque-a);
2308
+ --dt-action-color-background-base-hover-hsl: var(--dt-color-surface-brand-opaque-hsl);
2309
+ --dt-action-color-background-base-hover-hsla: var(--dt-color-surface-brand-opaque-hsla);
2310
+ --dt-action-color-background-base-hover: var(--dt-color-surface-brand-opaque);
2002
2311
  --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
2003
2312
  --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
2004
2313
  --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
@@ -2006,13 +2315,20 @@
2006
2315
  --dt-action-color-foreground-disabled-default-hsl: var(--dt-color-foreground-disabled-hsl);
2007
2316
  --dt-action-color-foreground-disabled-default-hsla: var(--dt-color-foreground-disabled-hsla);
2008
2317
  --dt-action-color-foreground-disabled-default: var(--dt-color-foreground-disabled);
2009
- --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
2010
- --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
2011
- --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
2012
- --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
2013
- --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
2014
- --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
2015
- --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
2318
+ --dt-action-color-foreground-inverted-primary-hover-h: var(--dt-color-link-primary-hover-h);
2319
+ --dt-action-color-foreground-inverted-primary-hover-s: var(--dt-color-link-primary-hover-s);
2320
+ --dt-action-color-foreground-inverted-primary-hover-l: var(--dt-color-link-primary-hover-l);
2321
+ --dt-action-color-foreground-inverted-primary-hover-a: var(--dt-color-link-primary-hover-a);
2322
+ --dt-action-color-foreground-inverted-primary-hover-hsl: var(--dt-color-link-primary-hover-hsl);
2323
+ --dt-action-color-foreground-inverted-primary-hover-hsla: var(--dt-color-link-primary-hover-hsla);
2324
+ --dt-action-color-foreground-inverted-primary-hover: var(--dt-color-link-primary-hover);
2325
+ --dt-action-color-foreground-inverted-primary-default-h: var(--dt-color-link-primary-h);
2326
+ --dt-action-color-foreground-inverted-primary-default-s: var(--dt-color-link-primary-s);
2327
+ --dt-action-color-foreground-inverted-primary-default-l: var(--dt-color-link-primary-l);
2328
+ --dt-action-color-foreground-inverted-primary-default-a: var(--dt-color-link-primary-a);
2329
+ --dt-action-color-foreground-inverted-primary-default-hsl: var(--dt-color-link-primary-hsl);
2330
+ --dt-action-color-foreground-inverted-primary-default-hsla: var(--dt-color-link-primary-hsla);
2331
+ --dt-action-color-foreground-inverted-primary-default: var(--dt-color-link-primary);
2016
2332
  --dt-action-color-foreground-inverted-default-h: var(--dt-color-foreground-primary-inverted-h);
2017
2333
  --dt-action-color-foreground-inverted-default-s: var(--dt-color-foreground-primary-inverted-s);
2018
2334
  --dt-action-color-foreground-inverted-default-l: var(--dt-color-foreground-primary-inverted-l);
@@ -2020,13 +2336,20 @@
2020
2336
  --dt-action-color-foreground-inverted-default-hsl: var(--dt-color-foreground-primary-inverted-hsl);
2021
2337
  --dt-action-color-foreground-inverted-default-hsla: var(--dt-color-foreground-primary-inverted-hsla);
2022
2338
  --dt-action-color-foreground-inverted-default: var(--dt-color-foreground-primary-inverted);
2023
- --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
2024
- --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
2025
- --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
2026
- --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
2027
- --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
2028
- --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
2029
- --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
2339
+ --dt-action-color-foreground-base-hover-h: var(--dt-color-link-primary-hover-h);
2340
+ --dt-action-color-foreground-base-hover-s: var(--dt-color-link-primary-hover-s);
2341
+ --dt-action-color-foreground-base-hover-l: var(--dt-color-link-primary-hover-l);
2342
+ --dt-action-color-foreground-base-hover-a: var(--dt-color-link-primary-hover-a);
2343
+ --dt-action-color-foreground-base-hover-hsl: var(--dt-color-link-primary-hover-hsl);
2344
+ --dt-action-color-foreground-base-hover-hsla: var(--dt-color-link-primary-hover-hsla);
2345
+ --dt-action-color-foreground-base-hover: var(--dt-color-link-primary-hover);
2346
+ --dt-action-color-foreground-base-default-h: var(--dt-color-link-primary-h);
2347
+ --dt-action-color-foreground-base-default-s: var(--dt-color-link-primary-s);
2348
+ --dt-action-color-foreground-base-default-l: var(--dt-color-link-primary-l);
2349
+ --dt-action-color-foreground-base-default-a: var(--dt-color-link-primary-a);
2350
+ --dt-action-color-foreground-base-default-hsl: var(--dt-color-link-primary-hsl);
2351
+ --dt-action-color-foreground-base-default-hsla: var(--dt-color-link-primary-hsla);
2352
+ --dt-action-color-foreground-base-default: var(--dt-color-link-primary);
2030
2353
  --dt-inputs-color-background-disabled-h: var(--dt-color-surface-moderate-opaque-h);
2031
2354
  --dt-inputs-color-background-disabled-s: var(--dt-color-surface-moderate-opaque-s);
2032
2355
  --dt-inputs-color-background-disabled-l: var(--dt-color-surface-moderate-opaque-l);
@@ -2287,6 +2610,62 @@
2287
2610
  --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
2288
2611
  --dt-color-link-critical: var(--dt-color-foreground-critical);
2289
2612
  --dt-icon-size-border-500: var(--dt-icon-size-border-400);
2613
+ --dt-shell-action-color-foreground-muted-default-h: var(--dt-shell-color-foreground-muted-h);
2614
+ --dt-shell-action-color-foreground-muted-default-s: var(--dt-shell-color-foreground-muted-s);
2615
+ --dt-shell-action-color-foreground-muted-default-l: var(--dt-shell-color-foreground-muted-l);
2616
+ --dt-shell-action-color-foreground-muted-default-a: var(--dt-shell-color-foreground-muted-a);
2617
+ --dt-shell-action-color-foreground-muted-default-hsl: var(--dt-shell-color-foreground-muted-hsl);
2618
+ --dt-shell-action-color-foreground-muted-default-hsla: var(--dt-shell-color-foreground-muted-hsla);
2619
+ --dt-shell-action-color-foreground-muted-default: var(--dt-shell-color-foreground-muted);
2620
+ --dt-shell-action-color-foreground-secondary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
2621
+ --dt-shell-action-color-foreground-secondary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
2622
+ --dt-shell-action-color-foreground-secondary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
2623
+ --dt-shell-action-color-foreground-secondary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
2624
+ --dt-shell-action-color-foreground-secondary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
2625
+ --dt-shell-action-color-foreground-secondary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
2626
+ --dt-shell-action-color-foreground-secondary-disabled: var(--dt-shell-color-foreground-disabled);
2627
+ --dt-shell-action-color-foreground-primary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
2628
+ --dt-shell-action-color-foreground-primary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
2629
+ --dt-shell-action-color-foreground-primary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
2630
+ --dt-shell-action-color-foreground-primary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
2631
+ --dt-shell-action-color-foreground-primary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
2632
+ --dt-shell-action-color-foreground-primary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
2633
+ --dt-shell-action-color-foreground-primary-disabled: var(--dt-shell-color-foreground-disabled);
2634
+ --dt-shell-action-color-foreground-tertiary-default-h: var(--dt-shell-color-foreground-tertiary-h);
2635
+ --dt-shell-action-color-foreground-tertiary-default-s: var(--dt-shell-color-foreground-tertiary-s);
2636
+ --dt-shell-action-color-foreground-tertiary-default-l: var(--dt-shell-color-foreground-tertiary-l);
2637
+ --dt-shell-action-color-foreground-tertiary-default-a: var(--dt-shell-color-foreground-tertiary-a);
2638
+ --dt-shell-action-color-foreground-tertiary-default-hsl: var(--dt-shell-color-foreground-tertiary-hsl);
2639
+ --dt-shell-action-color-foreground-tertiary-default-hsla: var(--dt-shell-color-foreground-tertiary-hsla);
2640
+ --dt-shell-action-color-foreground-tertiary-default: var(--dt-shell-color-foreground-tertiary);
2641
+ --dt-shell-action-color-foreground-primary-strong-h: var(--dt-shell-color-foreground-strong-h);
2642
+ --dt-shell-action-color-foreground-primary-strong-s: var(--dt-shell-color-foreground-strong-s);
2643
+ --dt-shell-action-color-foreground-primary-strong-l: var(--dt-shell-color-foreground-strong-l);
2644
+ --dt-shell-action-color-foreground-primary-strong-a: var(--dt-shell-color-foreground-strong-a);
2645
+ --dt-shell-action-color-foreground-primary-strong-hsl: var(--dt-shell-color-foreground-strong-hsl);
2646
+ --dt-shell-action-color-foreground-primary-strong-hsla: var(--dt-shell-color-foreground-strong-hsla);
2647
+ --dt-shell-action-color-foreground-primary-strong: var(--dt-shell-color-foreground-strong);
2648
+ --dt-shell-action-color-foreground-secondary-default-h: var(--dt-shell-color-foreground-secondary-h);
2649
+ --dt-shell-action-color-foreground-secondary-default-s: var(--dt-shell-color-foreground-secondary-s);
2650
+ --dt-shell-action-color-foreground-secondary-default-l: var(--dt-shell-color-foreground-secondary-l);
2651
+ --dt-shell-action-color-foreground-secondary-default-a: var(--dt-shell-color-foreground-secondary-a);
2652
+ --dt-shell-action-color-foreground-secondary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
2653
+ --dt-shell-action-color-foreground-secondary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
2654
+ --dt-shell-action-color-foreground-secondary-default: var(--dt-shell-color-foreground-secondary);
2655
+ --dt-shell-action-color-foreground-primary-default-h: var(--dt-shell-color-foreground-secondary-h);
2656
+ --dt-shell-action-color-foreground-primary-default-s: var(--dt-shell-color-foreground-secondary-s);
2657
+ --dt-shell-action-color-foreground-primary-default-l: var(--dt-shell-color-foreground-secondary-l);
2658
+ --dt-shell-action-color-foreground-primary-default-a: var(--dt-shell-color-foreground-secondary-a);
2659
+ --dt-shell-action-color-foreground-primary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
2660
+ --dt-shell-action-color-foreground-primary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
2661
+ --dt-shell-action-color-foreground-primary-default: var(--dt-shell-color-foreground-secondary);
2662
+ --dt-shell-color-surface-default-h: var(--dt-shell-base-color-surface-h);
2663
+ --dt-shell-color-surface-default-s: var(--dt-shell-base-color-surface-s);
2664
+ --dt-shell-color-surface-default-l: var(--dt-shell-base-color-surface-l);
2665
+ --dt-shell-color-surface-default-a: var(--dt-shell-base-color-surface-a);
2666
+ --dt-shell-color-surface-default-hsl: var(--dt-shell-base-color-surface-hsl);
2667
+ --dt-shell-color-surface-default-hsla: var(--dt-shell-base-color-surface-hsla);
2668
+ --dt-shell-color-surface-default: var(--dt-shell-base-color-surface);
2290
2669
  --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
2291
2670
  --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
2292
2671
  --dt-theme-sidebar-icon-color-foreground-l: var(--dt-theme-sidebar-color-foreground-l);
@@ -2301,13 +2680,6 @@
2301
2680
  --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
2302
2681
  --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
2303
2682
  --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
2304
- --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
2305
- --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
2306
- --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
2307
- --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
2308
- --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
2309
- --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
2310
- --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
2311
2683
  --dt-action-color-background-positive-active-h: 85.1;
2312
2684
  --dt-action-color-background-positive-active-s: 100%;
2313
2685
  --dt-action-color-background-positive-active-l: 58.20000000000001%;
@@ -2329,6 +2701,13 @@
2329
2701
  --dt-action-color-background-critical-active-hsl: var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l);
2330
2702
  --dt-action-color-background-critical-active-hsla: hsl(var(--dt-action-color-background-critical-active-h) var(--dt-action-color-background-critical-active-s) var(--dt-action-color-background-critical-active-l) / var(--alpha, 31%));
2331
2703
  --dt-action-color-background-critical-active: hsl(4.62 100% 73.2% / 0.31);
2704
+ --dt-action-color-background-base-active-h: 261;
2705
+ --dt-action-color-background-base-active-s: 100%;
2706
+ --dt-action-color-background-base-active-l: 77.3%;
2707
+ --dt-action-color-background-base-active-a: 27%;
2708
+ --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
2709
+ --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 27%));
2710
+ --dt-action-color-background-base-active: hsl(261 100% 77.3% / 0.27);
2332
2711
  --dt-action-color-foreground-positive-hover-h: var(--dt-color-link-success-hover-h);
2333
2712
  --dt-action-color-foreground-positive-hover-s: var(--dt-color-link-success-hover-s);
2334
2713
  --dt-action-color-foreground-positive-hover-l: var(--dt-color-link-success-hover-l);
@@ -2357,6 +2736,13 @@
2357
2736
  --dt-action-color-foreground-muted-default-hsl: var(--dt-color-link-muted-hsl);
2358
2737
  --dt-action-color-foreground-muted-default-hsla: var(--dt-color-link-muted-hsla);
2359
2738
  --dt-action-color-foreground-muted-default: var(--dt-color-link-muted);
2739
+ --dt-action-color-foreground-inverted-primary-active-h: var(--dt-action-color-foreground-inverted-primary-hover-h);
2740
+ --dt-action-color-foreground-inverted-primary-active-s: var(--dt-action-color-foreground-inverted-primary-hover-s);
2741
+ --dt-action-color-foreground-inverted-primary-active-l: var(--dt-action-color-foreground-inverted-primary-hover-l);
2742
+ --dt-action-color-foreground-inverted-primary-active-a: var(--dt-action-color-foreground-inverted-primary-hover-a);
2743
+ --dt-action-color-foreground-inverted-primary-active-hsl: var(--dt-action-color-foreground-inverted-primary-hover-hsl);
2744
+ --dt-action-color-foreground-inverted-primary-active-hsla: var(--dt-action-color-foreground-inverted-primary-hover-hsla);
2745
+ --dt-action-color-foreground-inverted-primary-active: var(--dt-action-color-foreground-inverted-primary-hover);
2360
2746
  --dt-action-color-foreground-inverted-hover-h: var(--dt-action-color-foreground-inverted-default-h);
2361
2747
  --dt-action-color-foreground-inverted-hover-s: var(--dt-action-color-foreground-inverted-default-s);
2362
2748
  --dt-action-color-foreground-inverted-hover-l: var(--dt-action-color-foreground-inverted-default-l);
@@ -2378,6 +2764,13 @@
2378
2764
  --dt-action-color-foreground-critical-default-hsl: var(--dt-color-link-critical-hsl);
2379
2765
  --dt-action-color-foreground-critical-default-hsla: var(--dt-color-link-critical-hsla);
2380
2766
  --dt-action-color-foreground-critical-default: var(--dt-color-link-critical);
2767
+ --dt-action-color-foreground-base-active-h: var(--dt-action-color-foreground-base-hover-h);
2768
+ --dt-action-color-foreground-base-active-s: var(--dt-action-color-foreground-base-hover-s);
2769
+ --dt-action-color-foreground-base-active-l: var(--dt-action-color-foreground-base-hover-l);
2770
+ --dt-action-color-foreground-base-active-a: var(--dt-action-color-foreground-base-hover-a);
2771
+ --dt-action-color-foreground-base-active-hsl: var(--dt-action-color-foreground-base-hover-hsl);
2772
+ --dt-action-color-foreground-base-active-hsla: var(--dt-action-color-foreground-base-hover-hsla);
2773
+ --dt-action-color-foreground-base-active: var(--dt-action-color-foreground-base-hover);
2381
2774
  --dt-typography-button-xl-font-size: var(--dt-button-font-size-xl); /* Text style for extra large button */
2382
2775
  --dt-typography-button-lg-font-size: var(--dt-button-font-size-lg); /* Text style for large button */
2383
2776
  --dt-typography-button-md-font-size: var(--dt-button-font-size-md); /* Text style for medium button */
@@ -2436,6 +2829,20 @@
2436
2829
  --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
2437
2830
  --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
2438
2831
  --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
2832
+ --dt-shell-action-color-foreground-muted-selected-h: 0;
2833
+ --dt-shell-action-color-foreground-muted-selected-s: 0%;
2834
+ --dt-shell-action-color-foreground-muted-selected-l: 4.4%;
2835
+ --dt-shell-action-color-foreground-muted-selected-a: 60%;
2836
+ --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);
2837
+ --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%));
2838
+ --dt-shell-action-color-foreground-muted-selected: hsl(0 0% 4.4% / 0.6);
2839
+ --dt-shell-action-color-foreground-muted-hover-h: 0;
2840
+ --dt-shell-action-color-foreground-muted-hover-s: 0%;
2841
+ --dt-shell-action-color-foreground-muted-hover-l: 6.6000000000000005%;
2842
+ --dt-shell-action-color-foreground-muted-hover-a: 60%;
2843
+ --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);
2844
+ --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%));
2845
+ --dt-shell-action-color-foreground-muted-hover: hsl(0 0% 6.6% / 0.6);
2439
2846
  --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
2440
2847
  --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
2441
2848
  --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
@@ -2464,6 +2871,13 @@
2464
2871
  --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
2465
2872
  --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
2466
2873
  --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
2874
+ --dt-shell-action-color-foreground-muted-active-h: var(--dt-shell-action-color-foreground-muted-hover-h);
2875
+ --dt-shell-action-color-foreground-muted-active-s: var(--dt-shell-action-color-foreground-muted-hover-s);
2876
+ --dt-shell-action-color-foreground-muted-active-l: var(--dt-shell-action-color-foreground-muted-hover-l);
2877
+ --dt-shell-action-color-foreground-muted-active-a: var(--dt-shell-action-color-foreground-muted-hover-a);
2878
+ --dt-shell-action-color-foreground-muted-active-hsl: var(--dt-shell-action-color-foreground-muted-hover-hsl);
2879
+ --dt-shell-action-color-foreground-muted-active-hsla: var(--dt-shell-action-color-foreground-muted-hover-hsla);
2880
+ --dt-shell-action-color-foreground-muted-active: var(--dt-shell-action-color-foreground-muted-hover);
2467
2881
  --dt-font-size-100-mobile: 1.2rem;
2468
2882
  --dt-font-size-200-mobile: 1.6rem;
2469
2883
  --dt-font-size-300-mobile: 2rem;