@dialpad/dialtone 9.129.2 → 9.129.3-beta.1

package/dist/tokens/css/tokens-expressive-sm-dark.css

@@ -138,6 +138,7 @@
   --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);
   --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%));
   --dt-avatar-color-background-100: #1aa340;
+  --dt-shell-foo: #392bff;
   --dt-radio-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
   --dt-radio-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
   --dt-radio-color-foreground-default-l: var(--dt-color-neutral-transparent-l);
@@ -146,6 +147,34 @@
   --dt-radio-color-foreground-default-hsla: var(--dt-color-neutral-transparent-hsla);
   --dt-radio-color-foreground-default: var(--dt-color-neutral-transparent);
   --dt-radio-size-width: var(--dt-size-500);
+  --dt-presence-color-offline-h: var(--dt-color-black-500-h);
+  --dt-presence-color-offline-s: var(--dt-color-black-500-s);
+  --dt-presence-color-offline-l: var(--dt-color-black-500-l);
+  --dt-presence-color-offline-a: var(--dt-color-black-500-a);
+  --dt-presence-color-offline-hsl: var(--dt-color-black-500-hsl);
+  --dt-presence-color-offline-hsla: var(--dt-color-black-500-hsla);
+  --dt-presence-color-offline: var(--dt-color-black-500);
+  --dt-presence-color-busy-h: var(--dt-color-gold-400-h);
+  --dt-presence-color-busy-s: var(--dt-color-gold-400-s);
+  --dt-presence-color-busy-l: var(--dt-color-gold-400-l);
+  --dt-presence-color-busy-a: var(--dt-color-gold-400-a);
+  --dt-presence-color-busy-hsl: var(--dt-color-gold-400-hsl);
+  --dt-presence-color-busy-hsla: var(--dt-color-gold-400-hsla);
+  --dt-presence-color-busy: var(--dt-color-gold-400);
+  --dt-presence-color-unavailable-h: var(--dt-color-red-450-h);
+  --dt-presence-color-unavailable-s: var(--dt-color-red-450-s);
+  --dt-presence-color-unavailable-l: var(--dt-color-red-450-l);
+  --dt-presence-color-unavailable-a: var(--dt-color-red-450-a);
+  --dt-presence-color-unavailable-hsl: var(--dt-color-red-450-hsl);
+  --dt-presence-color-unavailable-hsla: var(--dt-color-red-450-hsla);
+  --dt-presence-color-unavailable: var(--dt-color-red-450);
+  --dt-presence-color-available-h: var(--dt-color-green-475-h);
+  --dt-presence-color-available-s: var(--dt-color-green-475-s);
+  --dt-presence-color-available-l: var(--dt-color-green-475-l);
+  --dt-presence-color-available-a: var(--dt-color-green-475-a);
+  --dt-presence-color-available-hsl: var(--dt-color-green-475-hsl);
+  --dt-presence-color-available-hsla: var(--dt-color-green-475-hsla);
+  --dt-presence-color-available: var(--dt-color-green-475);
   --dt-icon-size-border-100: var(--dt-size-border-100);
   --dt-checkbox-color-foreground-default-h: var(--dt-color-neutral-transparent-h);
   --dt-checkbox-color-foreground-default-s: var(--dt-color-neutral-transparent-s);
@@ -233,6 +262,104 @@
   --dt-avatar-color-foreground-hsl: var(--dt-color-neutral-black-hsl);
   --dt-avatar-color-foreground-hsla: var(--dt-color-neutral-black-hsla);
   --dt-avatar-color-foreground: var(--dt-color-neutral-black);
+  --dt-shell-logo-color-wordmark-h: var(--dt-color-purple-1000-h);
+  --dt-shell-logo-color-wordmark-s: var(--dt-color-purple-1000-s);
+  --dt-shell-logo-color-wordmark-l: var(--dt-color-purple-1000-l);
+  --dt-shell-logo-color-wordmark-a: var(--dt-color-purple-1000-a);
+  --dt-shell-logo-color-wordmark-hsl: var(--dt-color-purple-1000-hsl);
+  --dt-shell-logo-color-wordmark-hsla: var(--dt-color-purple-1000-hsla);
+  --dt-shell-logo-color-wordmark: var(--dt-color-purple-1000);
+  --dt-shell-logo-color-star-h: var(--dt-color-purple-400-h);
+  --dt-shell-logo-color-star-s: var(--dt-color-purple-400-s);
+  --dt-shell-logo-color-star-l: var(--dt-color-purple-400-l);
+  --dt-shell-logo-color-star-a: var(--dt-color-purple-400-a);
+  --dt-shell-logo-color-star-hsl: var(--dt-color-purple-400-hsl);
+  --dt-shell-logo-color-star-hsla: var(--dt-color-purple-400-hsla);
+  --dt-shell-logo-color-star: var(--dt-color-purple-400);
+  --dt-shell-mention-color-foreground-secondary-h: var(--dt-color-black-100-h);
+  --dt-shell-mention-color-foreground-secondary-s: var(--dt-color-black-100-s);
+  --dt-shell-mention-color-foreground-secondary-l: var(--dt-color-black-100-l);
+  --dt-shell-mention-color-foreground-secondary-a: var(--dt-color-black-100-a);
+  --dt-shell-mention-color-foreground-secondary-hsl: var(--dt-color-black-100-hsl);
+  --dt-shell-mention-color-foreground-secondary-hsla: var(--dt-color-black-100-hsla);
+  --dt-shell-mention-color-foreground-secondary: var(--dt-color-black-100);
+  --dt-shell-mention-color-foreground-primary-h: var(--dt-color-black-50-h);
+  --dt-shell-mention-color-foreground-primary-s: var(--dt-color-black-50-s);
+  --dt-shell-mention-color-foreground-primary-l: var(--dt-color-black-50-l);
+  --dt-shell-mention-color-foreground-primary-a: var(--dt-color-black-50-a);
+  --dt-shell-mention-color-foreground-primary-hsl: var(--dt-color-black-50-hsl);
+  --dt-shell-mention-color-foreground-primary-hsla: var(--dt-color-black-50-hsla);
+  --dt-shell-mention-color-foreground-primary: var(--dt-color-black-50);
+  --dt-shell-color-border-base-h: var(--dt-color-black-1000-h);
+  --dt-shell-color-border-base-s: var(--dt-color-black-1000-s);
+  --dt-shell-color-border-base-l: var(--dt-color-black-1000-l);
+  --dt-shell-color-border-base-a: var(--dt-color-black-1000-a);
+  --dt-shell-color-border-base-hsl: var(--dt-color-black-1000-hsl);
+  --dt-shell-color-border-base-hsla: var(--dt-color-black-1000-hsla);
+  --dt-shell-color-border-base: var(--dt-color-black-1000);
+  --dt-shell-base-action-color-background-muted-h: var(--dt-color-black-800-h);
+  --dt-shell-base-action-color-background-muted-s: var(--dt-color-black-800-s);
+  --dt-shell-base-action-color-background-muted-l: var(--dt-color-black-800-l);
+  --dt-shell-base-action-color-background-muted-a: var(--dt-color-black-800-a);
+  --dt-shell-base-action-color-background-muted-hsl: var(--dt-color-black-800-hsl);
+  --dt-shell-base-action-color-background-muted-hsla: var(--dt-color-black-800-hsla);
+  --dt-shell-base-action-color-background-muted: var(--dt-color-black-800);
+  --dt-shell-base-action-color-background-secondary-h: var(--dt-color-black-800-h);
+  --dt-shell-base-action-color-background-secondary-s: var(--dt-color-black-800-s);
+  --dt-shell-base-action-color-background-secondary-l: var(--dt-color-black-800-l);
+  --dt-shell-base-action-color-background-secondary-a: var(--dt-color-black-800-a);
+  --dt-shell-base-action-color-background-secondary-hsl: var(--dt-color-black-800-hsl);
+  --dt-shell-base-action-color-background-secondary-hsla: var(--dt-color-black-800-hsla);
+  --dt-shell-base-action-color-background-secondary: var(--dt-color-black-800);
+  --dt-shell-base-action-color-background-primary-h: var(--dt-color-black-800-h);
+  --dt-shell-base-action-color-background-primary-s: var(--dt-color-black-800-s);
+  --dt-shell-base-action-color-background-primary-l: var(--dt-color-black-800-l);
+  --dt-shell-base-action-color-background-primary-a: var(--dt-color-black-800-a);
+  --dt-shell-base-action-color-background-primary-hsl: var(--dt-color-black-800-hsl);
+  --dt-shell-base-action-color-background-primary-hsla: var(--dt-color-black-800-hsla);
+  --dt-shell-base-action-color-background-primary: var(--dt-color-black-800);
+  --dt-shell-base-color-status-away-h: var(--dt-color-black-500-h);
+  --dt-shell-base-color-status-away-s: var(--dt-color-black-500-s);
+  --dt-shell-base-color-status-away-l: var(--dt-color-black-500-l);
+  --dt-shell-base-color-status-away-a: var(--dt-color-black-500-a);
+  --dt-shell-base-color-status-away-hsl: var(--dt-color-black-500-hsl);
+  --dt-shell-base-color-status-away-hsla: var(--dt-color-black-500-hsla);
+  --dt-shell-base-color-status-away: var(--dt-color-black-500);
+  --dt-shell-base-color-status-warning-h: var(--dt-color-gold-500-h);
+  --dt-shell-base-color-status-warning-s: var(--dt-color-gold-500-s);
+  --dt-shell-base-color-status-warning-l: var(--dt-color-gold-500-l);
+  --dt-shell-base-color-status-warning-a: var(--dt-color-gold-500-a);
+  --dt-shell-base-color-status-warning-hsl: var(--dt-color-gold-500-hsl);
+  --dt-shell-base-color-status-warning-hsla: var(--dt-color-gold-500-hsla);
+  --dt-shell-base-color-status-warning: var(--dt-color-gold-500);
+  --dt-shell-base-color-status-critical-h: var(--dt-color-red-500-h);
+  --dt-shell-base-color-status-critical-s: var(--dt-color-red-500-s);
+  --dt-shell-base-color-status-critical-l: var(--dt-color-red-500-l);
+  --dt-shell-base-color-status-critical-a: var(--dt-color-red-500-a);
+  --dt-shell-base-color-status-critical-hsl: var(--dt-color-red-500-hsl);
+  --dt-shell-base-color-status-critical-hsla: var(--dt-color-red-500-hsla);
+  --dt-shell-base-color-status-critical: var(--dt-color-red-500);
+  --dt-shell-base-color-status-positive-h: var(--dt-color-green-425-h);
+  --dt-shell-base-color-status-positive-s: var(--dt-color-green-425-s);
+  --dt-shell-base-color-status-positive-l: var(--dt-color-green-425-l);
+  --dt-shell-base-color-status-positive-a: var(--dt-color-green-425-a);
+  --dt-shell-base-color-status-positive-hsl: var(--dt-color-green-425-hsl);
+  --dt-shell-base-color-status-positive-hsla: var(--dt-color-green-425-hsla);
+  --dt-shell-base-color-status-positive: var(--dt-color-green-425);
+  --dt-shell-base-color-border-h: var(--dt-color-black-900-h);
+  --dt-shell-base-color-border-s: var(--dt-color-black-900-s);
+  --dt-shell-base-color-border-l: var(--dt-color-black-900-l);
+  --dt-shell-base-color-border-a: var(--dt-color-black-900-a);
+  --dt-shell-base-color-border-hsl: var(--dt-color-black-900-hsl);
+  --dt-shell-base-color-border-hsla: var(--dt-color-black-900-hsla);
+  --dt-shell-base-color-border: var(--dt-color-black-900);
+  --dt-shell-base-color-foreground-h: var(--dt-color-black-900-h);
+  --dt-shell-base-color-foreground-s: var(--dt-color-black-900-s);
+  --dt-shell-base-color-foreground-l: var(--dt-color-black-900-l);
+  --dt-shell-base-color-foreground-a: var(--dt-color-black-900-a);
+  --dt-shell-base-color-foreground-hsl: var(--dt-color-black-900-hsl);
+  --dt-shell-base-color-foreground-hsla: var(--dt-color-black-900-hsla);
+  --dt-shell-base-color-foreground: var(--dt-color-black-900);
   --dt-theme-mention-color-background-strong-h: var(--dt-color-purple-600-h);
   --dt-theme-mention-color-background-strong-s: var(--dt-color-purple-600-s);
   --dt-theme-mention-color-background-strong-l: var(--dt-color-purple-600-l);
@@ -247,13 +374,13 @@
   --dt-theme-mention-color-foreground-hsl: var(--dt-color-black-50-hsl);
   --dt-theme-mention-color-foreground-hsla: var(--dt-color-black-50-hsla);
   --dt-theme-mention-color-foreground: var(--dt-color-black-50);
-  --dt-theme-presence-color-background-offline-h: var(--dt-color-neutral-white-h);
-  --dt-theme-presence-color-background-offline-s: var(--dt-color-neutral-white-s);
-  --dt-theme-presence-color-background-offline-l: var(--dt-color-neutral-white-l);
-  --dt-theme-presence-color-background-offline-a: var(--dt-color-neutral-white-a);
-  --dt-theme-presence-color-background-offline-hsl: var(--dt-color-neutral-white-hsl);
-  --dt-theme-presence-color-background-offline-hsla: var(--dt-color-neutral-white-hsla);
-  --dt-theme-presence-color-background-offline: var(--dt-color-neutral-white);
+  --dt-theme-presence-color-background-offline-h: var(--dt-color-black-500-h);
+  --dt-theme-presence-color-background-offline-s: var(--dt-color-black-500-s);
+  --dt-theme-presence-color-background-offline-l: var(--dt-color-black-500-l);
+  --dt-theme-presence-color-background-offline-a: var(--dt-color-black-500-a);
+  --dt-theme-presence-color-background-offline-hsl: var(--dt-color-black-500-hsl);
+  --dt-theme-presence-color-background-offline-hsla: var(--dt-color-black-500-hsla);
+  --dt-theme-presence-color-background-offline: var(--dt-color-black-500);
   --dt-theme-presence-color-background-busy-h: var(--dt-color-gold-500-h);
   --dt-theme-presence-color-background-busy-s: var(--dt-color-gold-500-s);
   --dt-theme-presence-color-background-busy-l: var(--dt-color-gold-500-l);
@@ -275,6 +402,146 @@
   --dt-theme-presence-color-background-available-hsl: var(--dt-color-green-425-hsl);
   --dt-theme-presence-color-background-available-hsla: var(--dt-color-green-425-hsla);
   --dt-theme-presence-color-background-available: var(--dt-color-green-425);
+  --dt-theme-sidebar-selected-row-color-background-h: 244;
+  --dt-theme-sidebar-selected-row-color-background-s: 100%;
+  --dt-theme-sidebar-selected-row-color-background-l: 58.4%;
+  --dt-theme-sidebar-selected-row-color-background-a: 12%;
+  --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);
+  --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, 12%));
+  --dt-theme-sidebar-selected-row-color-background: hsl(244 100% 58.4% / 0.12);
+  --dt-theme-sidebar-row-color-background-active-h: 244;
+  --dt-theme-sidebar-row-color-background-active-s: 100%;
+  --dt-theme-sidebar-row-color-background-active-l: 58.4%;
+  --dt-theme-sidebar-row-color-background-active-a: 15%;
+  --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);
+  --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%));
+  --dt-theme-sidebar-row-color-background-active: hsl(244 100% 58.4% / 0.15);
+  --dt-theme-sidebar-row-color-background-hover-h: 244;
+  --dt-theme-sidebar-row-color-background-hover-s: 100%;
+  --dt-theme-sidebar-row-color-background-hover-l: 58.4%;
+  --dt-theme-sidebar-row-color-background-hover-a: 10%;
+  --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);
+  --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, 10%));
+  --dt-theme-sidebar-row-color-background-hover: hsl(244 100% 58.4% / 0.1);
+  --dt-theme-sidebar-row-color-background-h: 244;
+  --dt-theme-sidebar-row-color-background-s: 100%;
+  --dt-theme-sidebar-row-color-background-l: 58.4%;
+  --dt-theme-sidebar-row-color-background-a: 0%;
+  --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);
+  --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%));
+  --dt-theme-sidebar-row-color-background: hsl(244 100% 58.4% / 0);
+  --dt-theme-topbar-profile-color-background-active-h: 244;
+  --dt-theme-topbar-profile-color-background-active-s: 100%;
+  --dt-theme-topbar-profile-color-background-active-l: 58.4%;
+  --dt-theme-topbar-profile-color-background-active-a: 14%;
+  --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);
+  --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%));
+  --dt-theme-topbar-profile-color-background-active: hsl(244 100% 58.4% / 0.14);
+  --dt-theme-topbar-profile-color-background-hover-h: 244;
+  --dt-theme-topbar-profile-color-background-hover-s: 100%;
+  --dt-theme-topbar-profile-color-background-hover-l: 58.4%;
+  --dt-theme-topbar-profile-color-background-hover-a: 10%;
+  --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);
+  --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%));
+  --dt-theme-topbar-profile-color-background-hover: hsl(244 100% 58.4% / 0.1);
+  --dt-theme-topbar-profile-color-background-inverted-h: 244;
+  --dt-theme-topbar-profile-color-background-inverted-s: 100%;
+  --dt-theme-topbar-profile-color-background-inverted-l: 58.4%;
+  --dt-theme-topbar-profile-color-background-inverted-a: 75%;
+  --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);
+  --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%));
+  --dt-theme-topbar-profile-color-background-inverted: hsl(244 100% 58.4% / 0.75);
+  --dt-theme-topbar-profile-color-background-h: 244;
+  --dt-theme-topbar-profile-color-background-s: 100%;
+  --dt-theme-topbar-profile-color-background-l: 58.4%;
+  --dt-theme-topbar-profile-color-background-a: 5%;
+  --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);
+  --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%));
+  --dt-theme-topbar-profile-color-background: hsl(244 100% 58.4% / 0.05);
+  --dt-theme-topbar-button-color-background-active-h: 244;
+  --dt-theme-topbar-button-color-background-active-s: 100%;
+  --dt-theme-topbar-button-color-background-active-l: 58.4%;
+  --dt-theme-topbar-button-color-background-active-a: 10%;
+  --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);
+  --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%));
+  --dt-theme-topbar-button-color-background-active: hsl(244 100% 58.4% / 0.1);
+  --dt-theme-topbar-button-color-background-hover-h: 244;
+  --dt-theme-topbar-button-color-background-hover-s: 100%;
+  --dt-theme-topbar-button-color-background-hover-l: 58.4%;
+  --dt-theme-topbar-button-color-background-hover-a: 15%;
+  --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);
+  --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, 15%));
+  --dt-theme-topbar-button-color-background-hover: hsl(244 100% 58.4% / 0.15);
+  --dt-theme-topbar-button-color-background-h: 244;
+  --dt-theme-topbar-button-color-background-s: 100%;
+  --dt-theme-topbar-button-color-background-l: 58.4%;
+  --dt-theme-topbar-button-color-background-a: 0%;
+  --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);
+  --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%));
+  --dt-theme-topbar-button-color-background: hsl(244 100% 58.4% / 0);
+  --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-shell-foo-h);
+  --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-shell-foo-s);
+  --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-shell-foo-l);
+  --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-shell-foo-a);
+  --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-shell-foo-hsl);
+  --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-shell-foo-hsla);
+  --dt-theme-topbar-button-color-foreground-hover: var(--dt-shell-foo);
+  --dt-theme-topbar-button-color-foreground-h: 244;
+  --dt-theme-topbar-button-color-foreground-s: 100%;
+  --dt-theme-topbar-button-color-foreground-l: 58.4%;
+  --dt-theme-topbar-button-color-foreground-a: 65%;
+  --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);
+  --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%));
+  --dt-theme-topbar-button-color-foreground: hsl(244 100% 58.4% / 0.65);
+  --dt-theme-topbar-field-color-border-active-h: 244;
+  --dt-theme-topbar-field-color-border-active-s: 100%;
+  --dt-theme-topbar-field-color-border-active-l: 58.4%;
+  --dt-theme-topbar-field-color-border-active-a: 20%;
+  --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);
+  --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%));
+  --dt-theme-topbar-field-color-border-active: hsl(244 100% 58.4% / 0.2);
+  --dt-theme-topbar-field-color-border-hover-h: 244;
+  --dt-theme-topbar-field-color-border-hover-s: 100%;
+  --dt-theme-topbar-field-color-border-hover-l: 58.4%;
+  --dt-theme-topbar-field-color-border-hover-a: 10%;
+  --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);
+  --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%));
+  --dt-theme-topbar-field-color-border-hover: hsl(244 100% 58.4% / 0.1);
+  --dt-theme-topbar-field-color-border-h: 244;
+  --dt-theme-topbar-field-color-border-s: 100%;
+  --dt-theme-topbar-field-color-border-l: 58.4%;
+  --dt-theme-topbar-field-color-border-a: 0%;
+  --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);
+  --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%));
+  --dt-theme-topbar-field-color-border: hsl(244 100% 58.4% / 0);
+  --dt-theme-topbar-field-color-background-h: 244;
+  --dt-theme-topbar-field-color-background-s: 100%;
+  --dt-theme-topbar-field-color-background-l: 58.4%;
+  --dt-theme-topbar-field-color-background-a: 5%;
+  --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);
+  --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%));
+  --dt-theme-topbar-field-color-background: hsl(244 100% 58.4% / 0.05);
+  --dt-theme-topbar-field-color-foreground-hover-h: 244;
+  --dt-theme-topbar-field-color-foreground-hover-s: 100%;
+  --dt-theme-topbar-field-color-foreground-hover-l: 58.4%;
+  --dt-theme-topbar-field-color-foreground-hover-a: 75%;
+  --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);
+  --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%));
+  --dt-theme-topbar-field-color-foreground-hover: hsl(244 100% 58.4% / 0.75);
+  --dt-theme-topbar-field-color-foreground-h: 244;
+  --dt-theme-topbar-field-color-foreground-s: 100%;
+  --dt-theme-topbar-field-color-foreground-l: 58.4%;
+  --dt-theme-topbar-field-color-foreground-a: 50%;
+  --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);
+  --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%));
+  --dt-theme-topbar-field-color-foreground: hsl(244 100% 58.4% / 0.5);
+  --dt-theme-topbar-color-foreground-h: 244;
+  --dt-theme-topbar-color-foreground-s: 100%;
+  --dt-theme-topbar-color-foreground-l: 58.4%;
+  --dt-theme-topbar-color-foreground-a: 80%;
+  --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);
+  --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%));
+  --dt-theme-topbar-color-foreground: hsl(244 100% 58.4% / 0.8);
   --dt-theme-color-base-h: var(--dt-color-black-900-h);
   --dt-theme-color-base-s: var(--dt-color-black-900-s);
   --dt-theme-color-base-l: var(--dt-color-black-900-l);
@@ -1601,6 +1868,195 @@
   --dt-badge-color-background-default-hsl: var(--dt-color-surface-moderate-opaque-hsl);
   --dt-badge-color-background-default-hsla: var(--dt-color-surface-moderate-opaque-hsla);
   --dt-badge-color-background-default: var(--dt-color-surface-moderate-opaque);
+  --dt-shell-presence-color-offline-h: var(--dt-shell-base-color-status-away-h);
+  --dt-shell-presence-color-offline-s: var(--dt-shell-base-color-status-away-s);
+  --dt-shell-presence-color-offline-l: var(--dt-shell-base-color-status-away-l);
+  --dt-shell-presence-color-offline-a: var(--dt-shell-base-color-status-away-a);
+  --dt-shell-presence-color-offline-hsl: var(--dt-shell-base-color-status-away-hsl);
+  --dt-shell-presence-color-offline-hsla: var(--dt-shell-base-color-status-away-hsla);
+  --dt-shell-presence-color-offline: var(--dt-shell-base-color-status-away);
+  --dt-shell-presence-color-busy-h: var(--dt-shell-base-color-status-warning-h);
+  --dt-shell-presence-color-busy-s: var(--dt-shell-base-color-status-warning-s);
+  --dt-shell-presence-color-busy-l: var(--dt-shell-base-color-status-warning-l);
+  --dt-shell-presence-color-busy-a: var(--dt-shell-base-color-status-warning-a);
+  --dt-shell-presence-color-busy-hsl: var(--dt-shell-base-color-status-warning-hsl);
+  --dt-shell-presence-color-busy-hsla: var(--dt-shell-base-color-status-warning-hsla);
+  --dt-shell-presence-color-busy: var(--dt-shell-base-color-status-warning);
+  --dt-shell-presence-color-unavailable-h: var(--dt-shell-base-color-status-critical-h);
+  --dt-shell-presence-color-unavailable-s: var(--dt-shell-base-color-status-critical-s);
+  --dt-shell-presence-color-unavailable-l: var(--dt-shell-base-color-status-critical-l);
+  --dt-shell-presence-color-unavailable-a: var(--dt-shell-base-color-status-critical-a);
+  --dt-shell-presence-color-unavailable-hsl: var(--dt-shell-base-color-status-critical-hsl);
+  --dt-shell-presence-color-unavailable-hsla: var(--dt-shell-base-color-status-critical-hsla);
+  --dt-shell-presence-color-unavailable: var(--dt-shell-base-color-status-critical);
+  --dt-shell-presence-color-available-h: var(--dt-shell-base-color-status-positive-h);
+  --dt-shell-presence-color-available-s: var(--dt-shell-base-color-status-positive-s);
+  --dt-shell-presence-color-available-l: var(--dt-shell-base-color-status-positive-l);
+  --dt-shell-presence-color-available-a: var(--dt-shell-base-color-status-positive-a);
+  --dt-shell-presence-color-available-hsl: var(--dt-shell-base-color-status-positive-hsl);
+  --dt-shell-presence-color-available-hsla: var(--dt-shell-base-color-status-positive-hsla);
+  --dt-shell-presence-color-available: var(--dt-shell-base-color-status-positive);
+  --dt-shell-action-color-background-muted-selected-h: 0;
+  --dt-shell-action-color-background-muted-selected-s: 0%;
+  --dt-shell-action-color-background-muted-selected-l: 83.1%;
+  --dt-shell-action-color-background-muted-selected-a: 7%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-muted-selected: hsl(0 0% 83.1% / 0.07);
+  --dt-shell-action-color-background-muted-active-h: 0;
+  --dt-shell-action-color-background-muted-active-s: 0%;
+  --dt-shell-action-color-background-muted-active-l: 83.1%;
+  --dt-shell-action-color-background-muted-active-a: 7%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-muted-active: hsl(0 0% 83.1% / 0.07);
+  --dt-shell-action-color-background-muted-hover-h: 0;
+  --dt-shell-action-color-background-muted-hover-s: 0%;
+  --dt-shell-action-color-background-muted-hover-l: 83.1%;
+  --dt-shell-action-color-background-muted-hover-a: 10%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-muted-hover: hsl(0 0% 83.1% / 0.1);
+  --dt-shell-action-color-background-muted-default-h: 0;
+  --dt-shell-action-color-background-muted-default-s: 0%;
+  --dt-shell-action-color-background-muted-default-l: 83.1%;
+  --dt-shell-action-color-background-muted-default-a: 5%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-muted-default: hsl(0 0% 83.1% / 0.05);
+  --dt-shell-action-color-background-secondary-selected-h: 0;
+  --dt-shell-action-color-background-secondary-selected-s: 0%;
+  --dt-shell-action-color-background-secondary-selected-l: 83.1%;
+  --dt-shell-action-color-background-secondary-selected-a: 13%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-secondary-selected: hsl(0 0% 83.1% / 0.13);
+  --dt-shell-action-color-background-secondary-active-h: 0;
+  --dt-shell-action-color-background-secondary-active-s: 0%;
+  --dt-shell-action-color-background-secondary-active-l: 83.1%;
+  --dt-shell-action-color-background-secondary-active-a: 16%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-secondary-active: hsl(0 0% 83.1% / 0.16);
+  --dt-shell-action-color-background-secondary-hover-h: 0;
+  --dt-shell-action-color-background-secondary-hover-s: 0%;
+  --dt-shell-action-color-background-secondary-hover-l: 83.1%;
+  --dt-shell-action-color-background-secondary-hover-a: 10%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-secondary-hover: hsl(0 0% 83.1% / 0.1);
+  --dt-shell-action-color-background-secondary-default-h: 0;
+  --dt-shell-action-color-background-secondary-default-s: 0%;
+  --dt-shell-action-color-background-secondary-default-l: 83.1%;
+  --dt-shell-action-color-background-secondary-default-a: 0%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-secondary-default: hsl(0 0% 83.1% / 0);
+  --dt-shell-action-color-background-primary-selected-h: 0;
+  --dt-shell-action-color-background-primary-selected-s: 0%;
+  --dt-shell-action-color-background-primary-selected-l: 83.1%;
+  --dt-shell-action-color-background-primary-selected-a: 13%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-primary-selected: hsl(0 0% 83.1% / 0.13);
+  --dt-shell-action-color-background-primary-active-h: 0;
+  --dt-shell-action-color-background-primary-active-s: 0%;
+  --dt-shell-action-color-background-primary-active-l: 83.1%;
+  --dt-shell-action-color-background-primary-active-a: 16%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-primary-active: hsl(0 0% 83.1% / 0.16);
+  --dt-shell-action-color-background-primary-hover-h: 0;
+  --dt-shell-action-color-background-primary-hover-s: 0%;
+  --dt-shell-action-color-background-primary-hover-l: 83.1%;
+  --dt-shell-action-color-background-primary-hover-a: 10%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-primary-hover: hsl(0 0% 83.1% / 0.1);
+  --dt-shell-action-color-background-primary-default-h: 0;
+  --dt-shell-action-color-background-primary-default-s: 0%;
+  --dt-shell-action-color-background-primary-default-l: 83.1%;
+  --dt-shell-action-color-background-primary-default-a: 0%;
+  --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);
+  --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%));
+  --dt-shell-action-color-background-primary-default: hsl(0 0% 83.1% / 0);
+  --dt-shell-color-border-default-h: 0;
+  --dt-shell-color-border-default-s: 0%;
+  --dt-shell-color-border-default-l: 90.2%;
+  --dt-shell-color-border-default-a: 18%;
+  --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);
+  --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, 18%));
+  --dt-shell-color-border-default: hsl(0 0% 90.2% / 0.18);
+  --dt-shell-color-border-subtle-h: 0;
+  --dt-shell-color-border-subtle-s: 0%;
+  --dt-shell-color-border-subtle-l: 90.2%;
+  --dt-shell-color-border-subtle-a: 15%;
+  --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);
+  --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, 15%));
+  --dt-shell-color-border-subtle: hsl(0 0% 90.2% / 0.15);
+  --dt-shell-color-foreground-warning-h: 38.4;
+  --dt-shell-color-foreground-warning-s: 100%;
+  --dt-shell-color-foreground-warning-l: 69.5%;
+  --dt-shell-color-foreground-warning-a: 100%;
+  --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);
+  --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%));
+  --dt-shell-color-foreground-warning: hsl(38.4 100% 69.5%);
+  --dt-shell-color-foreground-critical-h: 352;
+  --dt-shell-color-foreground-critical-s: 100%;
+  --dt-shell-color-foreground-critical-l: 68.3%;
+  --dt-shell-color-foreground-critical-a: 100%;
+  --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);
+  --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%));
+  --dt-shell-color-foreground-critical: hsl(352 100% 68.3%);
+  --dt-shell-color-foreground-positive-h: var(--dt-shell-base-color-status-positive-h);
+  --dt-shell-color-foreground-positive-s: var(--dt-shell-base-color-status-positive-s);
+  --dt-shell-color-foreground-positive-l: var(--dt-shell-base-color-status-positive-l);
+  --dt-shell-color-foreground-positive-a: var(--dt-shell-base-color-status-positive-a);
+  --dt-shell-color-foreground-positive-hsl: var(--dt-shell-base-color-status-positive-hsl);
+  --dt-shell-color-foreground-positive-hsla: var(--dt-shell-base-color-status-positive-hsla);
+  --dt-shell-color-foreground-positive: var(--dt-shell-base-color-status-positive);
+  --dt-shell-color-foreground-disabled-h: 0;
+  --dt-shell-color-foreground-disabled-s: 0%;
+  --dt-shell-color-foreground-disabled-l: 90.2%;
+  --dt-shell-color-foreground-disabled-a: 57%;
+  --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);
+  --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%));
+  --dt-shell-color-foreground-disabled: hsl(0 0% 90.2% / 0.57);
+  --dt-shell-color-foreground-muted-h: 0;
+  --dt-shell-color-foreground-muted-s: 0%;
+  --dt-shell-color-foreground-muted-l: 90.2%;
+  --dt-shell-color-foreground-muted-a: 60%;
+  --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);
+  --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%));
+  --dt-shell-color-foreground-muted: hsl(0 0% 90.2% / 0.6);
+  --dt-shell-color-foreground-tertiary-h: 0;
+  --dt-shell-color-foreground-tertiary-s: 0%;
+  --dt-shell-color-foreground-tertiary-l: 90.2%;
+  --dt-shell-color-foreground-tertiary-a: 72%;
+  --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);
+  --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%));
+  --dt-shell-color-foreground-tertiary: hsl(0 0% 90.2% / 0.72);
+  --dt-shell-color-foreground-secondary-h: 0;
+  --dt-shell-color-foreground-secondary-s: 0%;
+  --dt-shell-color-foreground-secondary-l: 90.2%;
+  --dt-shell-color-foreground-secondary-a: 86%;
+  --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);
+  --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%));
+  --dt-shell-color-foreground-secondary: hsl(0 0% 90.2% / 0.86);
+  --dt-shell-color-foreground-primary-h: var(--dt-shell-base-color-foreground-h);
+  --dt-shell-color-foreground-primary-s: var(--dt-shell-base-color-foreground-s);
+  --dt-shell-color-foreground-primary-l: var(--dt-shell-base-color-foreground-l);
+  --dt-shell-color-foreground-primary-a: var(--dt-shell-base-color-foreground-a);
+  --dt-shell-color-foreground-primary-hsl: var(--dt-shell-base-color-foreground-hsl);
+  --dt-shell-color-foreground-primary-hsla: var(--dt-shell-base-color-foreground-hsla);
+  --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
+  --dt-shell-base-color-surface-h: var(--dt-color-surface-secondary-h);
+  --dt-shell-base-color-surface-s: var(--dt-color-surface-secondary-s);
+  --dt-shell-base-color-surface-l: var(--dt-color-surface-secondary-l);
+  --dt-shell-base-color-surface-a: var(--dt-color-surface-secondary-a);
+  --dt-shell-base-color-surface-hsl: var(--dt-color-surface-secondary-hsl);
+  --dt-shell-base-color-surface-hsla: var(--dt-color-surface-secondary-hsla);
+  --dt-shell-base-color-surface: var(--dt-color-surface-secondary);
   --dt-theme-mention-color-background-h: var(--dt-color-surface-brand-strong-h);
   --dt-theme-mention-color-background-s: var(--dt-color-surface-brand-strong-s);
   --dt-theme-mention-color-background-l: var(--dt-color-surface-brand-strong-l);
@@ -1622,13 +2078,6 @@
   --dt-theme-sidebar-section-color-foreground-hsl: var(--dt-color-foreground-tertiary-hsl);
   --dt-theme-sidebar-section-color-foreground-hsla: var(--dt-color-foreground-tertiary-hsla);
   --dt-theme-sidebar-section-color-foreground: var(--dt-color-foreground-tertiary);
-  --dt-theme-sidebar-selected-row-color-background-h: 0;
-  --dt-theme-sidebar-selected-row-color-background-s: 0%;
-  --dt-theme-sidebar-selected-row-color-background-l: 90.2%;
-  --dt-theme-sidebar-selected-row-color-background-a: 12%;
-  --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);
-  --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, 12%));
-  --dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
   --dt-theme-sidebar-selected-row-color-foreground-h: var(--dt-color-foreground-primary-h);
   --dt-theme-sidebar-selected-row-color-foreground-s: var(--dt-color-foreground-primary-s);
   --dt-theme-sidebar-selected-row-color-foreground-l: var(--dt-color-foreground-primary-l);
@@ -1636,27 +2085,6 @@
   --dt-theme-sidebar-selected-row-color-foreground-hsl: var(--dt-color-foreground-primary-hsl);
   --dt-theme-sidebar-selected-row-color-foreground-hsla: var(--dt-color-foreground-primary-hsla);
   --dt-theme-sidebar-selected-row-color-foreground: var(--dt-color-foreground-primary);
-  --dt-theme-sidebar-row-color-background-active-h: 0;
-  --dt-theme-sidebar-row-color-background-active-s: 0%;
-  --dt-theme-sidebar-row-color-background-active-l: 90.2%;
-  --dt-theme-sidebar-row-color-background-active-a: 15%;
-  --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);
-  --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%));
-  --dt-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
-  --dt-theme-sidebar-row-color-background-hover-h: 0;
-  --dt-theme-sidebar-row-color-background-hover-s: 0%;
-  --dt-theme-sidebar-row-color-background-hover-l: 90.2%;
-  --dt-theme-sidebar-row-color-background-hover-a: 10%;
-  --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);
-  --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, 10%));
-  --dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
-  --dt-theme-sidebar-row-color-background-h: 0;
-  --dt-theme-sidebar-row-color-background-s: 0%;
-  --dt-theme-sidebar-row-color-background-l: 90.2%;
-  --dt-theme-sidebar-row-color-background-a: 0%;
-  --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);
-  --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%));
-  --dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
   --dt-theme-sidebar-status-color-foreground-h: var(--dt-color-foreground-tertiary-h);
   --dt-theme-sidebar-status-color-foreground-s: var(--dt-color-foreground-tertiary-s);
   --dt-theme-sidebar-status-color-foreground-l: var(--dt-color-foreground-tertiary-l);
@@ -1678,34 +2106,6 @@
   --dt-theme-sidebar-color-foreground-hsl: var(--dt-color-foreground-secondary-hsl);
   --dt-theme-sidebar-color-foreground-hsla: var(--dt-color-foreground-secondary-hsla);
   --dt-theme-sidebar-color-foreground: var(--dt-color-foreground-secondary);
-  --dt-theme-topbar-profile-color-background-active-h: 0;
-  --dt-theme-topbar-profile-color-background-active-s: 0%;
-  --dt-theme-topbar-profile-color-background-active-l: 90.2%;
-  --dt-theme-topbar-profile-color-background-active-a: 14%;
-  --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);
-  --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%));
-  --dt-theme-topbar-profile-color-background-active: hsl(0 0% 90.2% / 0.14);
-  --dt-theme-topbar-profile-color-background-hover-h: 0;
-  --dt-theme-topbar-profile-color-background-hover-s: 0%;
-  --dt-theme-topbar-profile-color-background-hover-l: 90.2%;
-  --dt-theme-topbar-profile-color-background-hover-a: 10%;
-  --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);
-  --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%));
-  --dt-theme-topbar-profile-color-background-hover: hsl(0 0% 90.2% / 0.1);
-  --dt-theme-topbar-profile-color-background-inverted-h: 0;
-  --dt-theme-topbar-profile-color-background-inverted-s: 0%;
-  --dt-theme-topbar-profile-color-background-inverted-l: 90.2%;
-  --dt-theme-topbar-profile-color-background-inverted-a: 75%;
-  --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);
-  --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%));
-  --dt-theme-topbar-profile-color-background-inverted: hsl(0 0% 90.2% / 0.75);
-  --dt-theme-topbar-profile-color-background-h: 0;
-  --dt-theme-topbar-profile-color-background-s: 0%;
-  --dt-theme-topbar-profile-color-background-l: 90.2%;
-  --dt-theme-topbar-profile-color-background-a: 5%;
-  --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);
-  --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%));
-  --dt-theme-topbar-profile-color-background: hsl(0 0% 90.2% / 0.05);
   --dt-theme-topbar-profile-color-foreground-inverted-h: 0;
   --dt-theme-topbar-profile-color-foreground-inverted-s: 0%;
   --dt-theme-topbar-profile-color-foreground-inverted-l: 0%;
@@ -1713,83 +2113,13 @@
   --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);
   --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%));
   --dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 0% / 0.75);
-  --dt-theme-topbar-button-color-background-active-h: 0;
-  --dt-theme-topbar-button-color-background-active-s: 0%;
-  --dt-theme-topbar-button-color-background-active-l: 90.2%;
-  --dt-theme-topbar-button-color-background-active-a: 10%;
-  --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);
-  --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%));
-  --dt-theme-topbar-button-color-background-active: hsl(0 0% 90.2% / 0.1);
-  --dt-theme-topbar-button-color-background-hover-h: 0;
-  --dt-theme-topbar-button-color-background-hover-s: 0%;
-  --dt-theme-topbar-button-color-background-hover-l: 90.2%;
-  --dt-theme-topbar-button-color-background-hover-a: 15%;
-  --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);
-  --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, 15%));
-  --dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
-  --dt-theme-topbar-button-color-background-h: 0;
-  --dt-theme-topbar-button-color-background-s: 0%;
-  --dt-theme-topbar-button-color-background-l: 90.2%;
-  --dt-theme-topbar-button-color-background-a: 0%;
-  --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);
-  --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%));
-  --dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
-  --dt-theme-topbar-button-color-foreground-hover-h: var(--dt-theme-color-base-h);
-  --dt-theme-topbar-button-color-foreground-hover-s: var(--dt-theme-color-base-s);
-  --dt-theme-topbar-button-color-foreground-hover-l: var(--dt-theme-color-base-l);
-  --dt-theme-topbar-button-color-foreground-hover-a: var(--dt-theme-color-base-a);
-  --dt-theme-topbar-button-color-foreground-hover-hsl: var(--dt-theme-color-base-hsl);
-  --dt-theme-topbar-button-color-foreground-hover-hsla: var(--dt-theme-color-base-hsla);
-  --dt-theme-topbar-button-color-foreground-hover: var(--dt-theme-color-base);
-  --dt-theme-topbar-button-color-foreground-h: 0;
-  --dt-theme-topbar-button-color-foreground-s: 0%;
-  --dt-theme-topbar-button-color-foreground-l: 90.2%;
-  --dt-theme-topbar-button-color-foreground-a: 65%;
-  --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);
-  --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%));
-  --dt-theme-topbar-button-color-foreground: hsl(0 0% 90.2% / 0.65);
-  --dt-theme-topbar-field-color-border-active-h: 0;
-  --dt-theme-topbar-field-color-border-active-s: 0%;
-  --dt-theme-topbar-field-color-border-active-l: 90.2%;
-  --dt-theme-topbar-field-color-border-active-a: 20%;
-  --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);
-  --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%));
-  --dt-theme-topbar-field-color-border-active: hsl(0 0% 90.2% / 0.2);
-  --dt-theme-topbar-field-color-border-hover-h: 0;
-  --dt-theme-topbar-field-color-border-hover-s: 0%;
-  --dt-theme-topbar-field-color-border-hover-l: 90.2%;
-  --dt-theme-topbar-field-color-border-hover-a: 10%;
-  --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);
-  --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%));
-  --dt-theme-topbar-field-color-border-hover: hsl(0 0% 90.2% / 0.1);
-  --dt-theme-topbar-field-color-border-h: 0;
-  --dt-theme-topbar-field-color-border-s: 0%;
-  --dt-theme-topbar-field-color-border-l: 90.2%;
-  --dt-theme-topbar-field-color-border-a: 0%;
-  --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);
-  --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%));
-  --dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
-  --dt-theme-topbar-field-color-background-h: 0;
-  --dt-theme-topbar-field-color-background-s: 0%;
-  --dt-theme-topbar-field-color-background-l: 90.2%;
-  --dt-theme-topbar-field-color-background-a: 5%;
-  --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);
-  --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%));
-  --dt-theme-topbar-field-color-background: hsl(0 0% 90.2% / 0.05);
-  --dt-theme-topbar-field-color-foreground-hover-h: 0;
-  --dt-theme-topbar-field-color-foreground-hover-s: 0%;
-  --dt-theme-topbar-field-color-foreground-hover-l: 90.2%;
-  --dt-theme-topbar-field-color-foreground-hover-a: 75%;
-  --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);
-  --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%));
-  --dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 90.2% / 0.75);
-  --dt-theme-topbar-field-color-foreground-h: 0;
-  --dt-theme-topbar-field-color-foreground-s: 0%;
-  --dt-theme-topbar-field-color-foreground-l: 90.2%;
-  --dt-theme-topbar-field-color-foreground-a: 50%;
-  --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);
-  --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%));
-  --dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
+  --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
+  --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
+  --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
+  --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
+  --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
+  --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
+  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
   --dt-theme-topbar-color-background-h: var(--dt-color-surface-secondary-h);
   --dt-theme-topbar-color-background-s: var(--dt-color-surface-secondary-s);
   --dt-theme-topbar-color-background-l: var(--dt-color-surface-secondary-l);
@@ -1797,13 +2127,6 @@
   --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
   --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
   --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
-  --dt-theme-topbar-color-foreground-h: 0;
-  --dt-theme-topbar-color-foreground-s: 0%;
-  --dt-theme-topbar-color-foreground-l: 90.2%;
-  --dt-theme-topbar-color-foreground-a: 80%;
-  --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);
-  --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%));
-  --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.8);
   --dt-action-color-border-positive-outlined-default-h: var(--dt-color-border-success-h);
   --dt-action-color-border-positive-outlined-default-s: var(--dt-color-border-success-s);
   --dt-action-color-border-positive-outlined-default-l: var(--dt-color-border-success-l);
@@ -2237,6 +2560,69 @@
   --dt-color-link-critical-hsla: var(--dt-color-foreground-critical-hsla);
   --dt-color-link-critical: var(--dt-color-foreground-critical);
   --dt-icon-size-border-500: var(--dt-icon-size-border-400);
+  --dt-shell-action-color-foreground-muted-default-h: var(--dt-shell-color-foreground-muted-h);
+  --dt-shell-action-color-foreground-muted-default-s: var(--dt-shell-color-foreground-muted-s);
+  --dt-shell-action-color-foreground-muted-default-l: var(--dt-shell-color-foreground-muted-l);
+  --dt-shell-action-color-foreground-muted-default-a: var(--dt-shell-color-foreground-muted-a);
+  --dt-shell-action-color-foreground-muted-default-hsl: var(--dt-shell-color-foreground-muted-hsl);
+  --dt-shell-action-color-foreground-muted-default-hsla: var(--dt-shell-color-foreground-muted-hsla);
+  --dt-shell-action-color-foreground-muted-default: var(--dt-shell-color-foreground-muted);
+  --dt-shell-action-color-foreground-secondary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
+  --dt-shell-action-color-foreground-secondary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
+  --dt-shell-action-color-foreground-secondary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
+  --dt-shell-action-color-foreground-secondary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
+  --dt-shell-action-color-foreground-secondary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
+  --dt-shell-action-color-foreground-secondary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
+  --dt-shell-action-color-foreground-secondary-disabled: var(--dt-shell-color-foreground-disabled);
+  --dt-shell-action-color-foreground-primary-disabled-h: var(--dt-shell-color-foreground-disabled-h);
+  --dt-shell-action-color-foreground-primary-disabled-s: var(--dt-shell-color-foreground-disabled-s);
+  --dt-shell-action-color-foreground-primary-disabled-l: var(--dt-shell-color-foreground-disabled-l);
+  --dt-shell-action-color-foreground-primary-disabled-a: var(--dt-shell-color-foreground-disabled-a);
+  --dt-shell-action-color-foreground-primary-disabled-hsl: var(--dt-shell-color-foreground-disabled-hsl);
+  --dt-shell-action-color-foreground-primary-disabled-hsla: var(--dt-shell-color-foreground-disabled-hsla);
+  --dt-shell-action-color-foreground-primary-disabled: var(--dt-shell-color-foreground-disabled);
+  --dt-shell-action-color-foreground-tertiary-default-h: var(--dt-shell-color-foreground-tertiary-h);
+  --dt-shell-action-color-foreground-tertiary-default-s: var(--dt-shell-color-foreground-tertiary-s);
+  --dt-shell-action-color-foreground-tertiary-default-l: var(--dt-shell-color-foreground-tertiary-l);
+  --dt-shell-action-color-foreground-tertiary-default-a: var(--dt-shell-color-foreground-tertiary-a);
+  --dt-shell-action-color-foreground-tertiary-default-hsl: var(--dt-shell-color-foreground-tertiary-hsl);
+  --dt-shell-action-color-foreground-tertiary-default-hsla: var(--dt-shell-color-foreground-tertiary-hsla);
+  --dt-shell-action-color-foreground-tertiary-default: var(--dt-shell-color-foreground-tertiary);
+  --dt-shell-action-color-foreground-secondary-default-h: var(--dt-shell-color-foreground-secondary-h);
+  --dt-shell-action-color-foreground-secondary-default-s: var(--dt-shell-color-foreground-secondary-s);
+  --dt-shell-action-color-foreground-secondary-default-l: var(--dt-shell-color-foreground-secondary-l);
+  --dt-shell-action-color-foreground-secondary-default-a: var(--dt-shell-color-foreground-secondary-a);
+  --dt-shell-action-color-foreground-secondary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
+  --dt-shell-action-color-foreground-secondary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
+  --dt-shell-action-color-foreground-secondary-default: var(--dt-shell-color-foreground-secondary);
+  --dt-shell-action-color-foreground-primary-default-h: var(--dt-shell-color-foreground-secondary-h);
+  --dt-shell-action-color-foreground-primary-default-s: var(--dt-shell-color-foreground-secondary-s);
+  --dt-shell-action-color-foreground-primary-default-l: var(--dt-shell-color-foreground-secondary-l);
+  --dt-shell-action-color-foreground-primary-default-a: var(--dt-shell-color-foreground-secondary-a);
+  --dt-shell-action-color-foreground-primary-default-hsl: var(--dt-shell-color-foreground-secondary-hsl);
+  --dt-shell-action-color-foreground-primary-default-hsla: var(--dt-shell-color-foreground-secondary-hsla);
+  --dt-shell-action-color-foreground-primary-default: var(--dt-shell-color-foreground-secondary);
+  --dt-shell-color-surface-default-h: var(--dt-shell-base-color-surface-h);
+  --dt-shell-color-surface-default-s: var(--dt-shell-base-color-surface-s);
+  --dt-shell-color-surface-default-l: var(--dt-shell-base-color-surface-l);
+  --dt-shell-color-surface-default-a: var(--dt-shell-base-color-surface-a);
+  --dt-shell-color-surface-default-hsl: var(--dt-shell-base-color-surface-hsl);
+  --dt-shell-color-surface-default-hsla: var(--dt-shell-base-color-surface-hsla);
+  --dt-shell-color-surface-default: var(--dt-shell-base-color-surface);
+  --dt-shell-color-foreground-strong-h: 0;
+  --dt-shell-color-foreground-strong-s: 0%;
+  --dt-shell-color-foreground-strong-l: 98%;
+  --dt-shell-color-foreground-strong-a: 100%;
+  --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);
+  --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%));
+  --dt-shell-color-foreground-strong: hsl(0 0% 98%);
+  --dt-shell-base-color-accent-h: var(--dt-badge-color-background-bulletin-h);
+  --dt-shell-base-color-accent-s: var(--dt-badge-color-background-bulletin-s);
+  --dt-shell-base-color-accent-l: var(--dt-badge-color-background-bulletin-l);
+  --dt-shell-base-color-accent-a: var(--dt-badge-color-background-bulletin-a);
+  --dt-shell-base-color-accent-hsl: var(--dt-badge-color-background-bulletin-hsl);
+  --dt-shell-base-color-accent-hsla: var(--dt-badge-color-background-bulletin-hsla);
+  --dt-shell-base-color-accent: var(--dt-badge-color-background-bulletin);
   --dt-theme-sidebar-icon-color-foreground-h: var(--dt-theme-sidebar-color-foreground-h);
   --dt-theme-sidebar-icon-color-foreground-s: var(--dt-theme-sidebar-color-foreground-s);
   --dt-theme-sidebar-icon-color-foreground-l: var(--dt-theme-sidebar-color-foreground-l);
@@ -2251,13 +2637,6 @@
   --dt-theme-sidebar-color-background-hsl: var(--dt-theme-topbar-color-background-hsl);
   --dt-theme-sidebar-color-background-hsla: var(--dt-theme-topbar-color-background-hsla);
   --dt-theme-sidebar-color-background: var(--dt-theme-topbar-color-background);
-  --dt-theme-topbar-profile-color-foreground-h: var(--dt-theme-topbar-color-foreground-h);
-  --dt-theme-topbar-profile-color-foreground-s: var(--dt-theme-topbar-color-foreground-s);
-  --dt-theme-topbar-profile-color-foreground-l: var(--dt-theme-topbar-color-foreground-l);
-  --dt-theme-topbar-profile-color-foreground-a: var(--dt-theme-topbar-color-foreground-a);
-  --dt-theme-topbar-profile-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-hsl);
-  --dt-theme-topbar-profile-color-foreground-hsla: var(--dt-theme-topbar-color-foreground-hsla);
-  --dt-theme-topbar-profile-color-foreground: var(--dt-theme-topbar-color-foreground);
   --dt-theme-topbar-field-color-background-hover-h: 0;
   --dt-theme-topbar-field-color-background-hover-s: 0%;
   --dt-theme-topbar-field-color-background-hover-l: 8.27%;
@@ -2397,6 +2776,41 @@
   --dt-color-link-disabled-hover-hsl: var(--dt-color-link-disabled-hsl);
   --dt-color-link-disabled-hover-hsla: var(--dt-color-link-disabled-hsla);
   --dt-color-link-disabled-hover: var(--dt-color-link-disabled);
+  --dt-shell-mention-color-surface-secondary-h: 257.3428772281334;
+  --dt-shell-mention-color-surface-secondary-s: 96.45039325101592%;
+  --dt-shell-mention-color-surface-secondary-l: 93.62835753473931%;
+  --dt-shell-mention-color-surface-secondary-a: 100%;
+  --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);
+  --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%));
+  --dt-shell-mention-color-surface-secondary: lch(90.3 16 298);
+  --dt-shell-mention-color-surface-primary-h: var(--dt-shell-base-color-accent-h);
+  --dt-shell-mention-color-surface-primary-s: var(--dt-shell-base-color-accent-s);
+  --dt-shell-mention-color-surface-primary-l: var(--dt-shell-base-color-accent-l);
+  --dt-shell-mention-color-surface-primary-a: var(--dt-shell-base-color-accent-a);
+  --dt-shell-mention-color-surface-primary-hsl: var(--dt-shell-base-color-accent-hsl);
+  --dt-shell-mention-color-surface-primary-hsla: var(--dt-shell-base-color-accent-hsla);
+  --dt-shell-mention-color-surface-primary: var(--dt-shell-base-color-accent);
+  --dt-shell-action-color-foreground-muted-selected-h: 0;
+  --dt-shell-action-color-foreground-muted-selected-s: 0%;
+  --dt-shell-action-color-foreground-muted-selected-l: 36.1%;
+  --dt-shell-action-color-foreground-muted-selected-a: 60%;
+  --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);
+  --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%));
+  --dt-shell-action-color-foreground-muted-selected: hsl(0 0% 36.1% / 0.6);
+  --dt-shell-action-color-foreground-muted-hover-h: 0;
+  --dt-shell-action-color-foreground-muted-hover-s: 0%;
+  --dt-shell-action-color-foreground-muted-hover-l: 54.1%;
+  --dt-shell-action-color-foreground-muted-hover-a: 60%;
+  --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);
+  --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%));
+  --dt-shell-action-color-foreground-muted-hover: hsl(0 0% 54.1% / 0.6);
+  --dt-shell-action-color-foreground-primary-strong-h: var(--dt-shell-color-foreground-strong-h);
+  --dt-shell-action-color-foreground-primary-strong-s: var(--dt-shell-color-foreground-strong-s);
+  --dt-shell-action-color-foreground-primary-strong-l: var(--dt-shell-color-foreground-strong-l);
+  --dt-shell-action-color-foreground-primary-strong-a: var(--dt-shell-color-foreground-strong-a);
+  --dt-shell-action-color-foreground-primary-strong-hsl: var(--dt-shell-color-foreground-strong-hsl);
+  --dt-shell-action-color-foreground-primary-strong-hsla: var(--dt-shell-color-foreground-strong-hsla);
+  --dt-shell-action-color-foreground-primary-strong: var(--dt-shell-color-foreground-strong);
   --dt-action-color-foreground-positive-active-h: var(--dt-action-color-foreground-positive-hover-h);
   --dt-action-color-foreground-positive-active-s: var(--dt-action-color-foreground-positive-hover-s);
   --dt-action-color-foreground-positive-active-l: var(--dt-action-color-foreground-positive-hover-l);
@@ -2425,6 +2839,13 @@
   --dt-action-color-foreground-critical-active-hsl: var(--dt-action-color-foreground-critical-hover-hsl);
   --dt-action-color-foreground-critical-active-hsla: var(--dt-action-color-foreground-critical-hover-hsla);
   --dt-action-color-foreground-critical-active: var(--dt-action-color-foreground-critical-hover);
+  --dt-shell-action-color-foreground-muted-active-h: var(--dt-shell-action-color-foreground-muted-hover-h);
+  --dt-shell-action-color-foreground-muted-active-s: var(--dt-shell-action-color-foreground-muted-hover-s);
+  --dt-shell-action-color-foreground-muted-active-l: var(--dt-shell-action-color-foreground-muted-hover-l);
+  --dt-shell-action-color-foreground-muted-active-a: var(--dt-shell-action-color-foreground-muted-hover-a);
+  --dt-shell-action-color-foreground-muted-active-hsl: var(--dt-shell-action-color-foreground-muted-hover-hsl);
+  --dt-shell-action-color-foreground-muted-active-hsla: var(--dt-shell-action-color-foreground-muted-hover-hsla);
+  --dt-shell-action-color-foreground-muted-active: var(--dt-shell-action-color-foreground-muted-hover);
   --dt-font-size-100-mobile: 1.2rem;
   --dt-font-size-200-mobile: 1.6rem;
   --dt-font-size-300-mobile: 2rem;