[data-theme="dark"] {
  --ui-color-away-bg: #fbbf24;
  --ui-color-away-fg: #451a03;
  --ui-color-border-default: #374151;
  --ui-color-busy-bg: #f87171;
  --ui-color-busy-fg: #450a0a;
  --ui-color-cyan-bg: #22d3ee;
  --ui-color-cyan-bg-hover: #67e8f9;
  --ui-color-cyan-fg: #083344;
  --ui-color-danger-bg: #f87171;
  --ui-color-danger-bg-hover: #fca5a5;
  --ui-color-danger-fg: #450a0a;
  --ui-color-down-bg: #f87171;
  --ui-color-down-fg: #450a0a;
  --ui-color-flat-bg: #374151;
  --ui-color-flat-fg: #f9fafb;
  --ui-color-focus-ring: #60a5fa;
  --ui-color-ghost-bg: #111827;
  --ui-color-ghost-bg-hover: #1f2937;
  --ui-color-ghost-border: #374151;
  --ui-color-ghost-fg: #f9fafb;
  --ui-color-indigo-bg: #818cf8;
  --ui-color-indigo-bg-hover: #a5b4fc;
  --ui-color-indigo-fg: #1e1b4b;
  --ui-color-link-visited: #c4b5fd;
  --ui-color-neutral-bg: #374151;
  --ui-color-neutral-bg-hover: #4b5563;
  --ui-color-neutral-fg: #f9fafb;
  --ui-color-offline-bg: #374151;
  --ui-color-offline-fg: #f9fafb;
  --ui-color-online-bg: #22c55e;
  --ui-color-online-fg: #052e13;
  --ui-color-primary-bg: #3b82f6;
  --ui-color-primary-bg-hover: #60a5fa;
  --ui-color-primary-fg: #0b1220;
  --ui-color-secondary-bg: #374151;
  --ui-color-secondary-bg-hover: #4b5563;
  --ui-color-secondary-fg: #f9fafb;
  --ui-color-success-bg: #22c55e;
  --ui-color-success-bg-hover: #4ade80;
  --ui-color-success-fg: #052e13;
  --ui-color-surface-bg: #0b1220;
  --ui-color-surface-fg: #f9fafb;
  --ui-color-teal-bg: #2dd4bf;
  --ui-color-teal-bg-hover: #5eead4;
  --ui-color-teal-fg: #042f2e;
  --ui-color-tooltip-bg: #111827;
  --ui-color-tooltip-fg: #f9fafb;
  --ui-color-up-bg: #22c55e;
  --ui-color-up-fg: #052e13;
  --ui-color-violet-bg: #c4b5fd;
  --ui-color-violet-bg-hover: #ddd6fe;
  --ui-color-violet-fg: #2e1065;
  --ui-color-warning-bg: #fbbf24;
  --ui-color-warning-bg-hover: #fcd34d;
  --ui-color-warning-fg: #451a03;
  --ui-radius-full: 9999px;
  --ui-radius-lg: 0.75rem;
  --ui-radius-md: 0.5rem;
  --ui-radius-sm: 0.25rem;
  --ui-size-page-gutter: 1.5rem;
  --ui-size-page-max-width: 75rem;
  --ui-space-lg: 1rem;
  --ui-space-md: 0.75rem;
  --ui-space-sm: 0.5rem;
  --ui-space-xl: 1.5rem;
  --ui-space-xs: 0.25rem;
  --ui-type-body: 1rem/1.5;
  --ui-type-large: 1.125rem/1.5;
  --ui-type-small: 0.875rem/1.4;
}