.theme-dark,
:root {
  --titlebar-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22),
    inset 0 0 0 2px rgba(0, 0, 0, 0.27), 0 0 0 1px var(--background-tertiary),
    0 0 0 2px var(--background-secondary), 0 0 0 3px var(--background-primary);

  --_font-titlebars: var(--font-primary);

  --titlebar-color: var(--highlight);

  --header-primary: var(--text, var(--white-500)) !important;
  --header-secondary: var(--text, var(--primary-dark-300)) !important;
  --text-normal: var(--text, var(--primary-dark-200)) !important;
  --text-muted: var(--highlight, var(--primary-dark-330)) !important;
  --text-link: var(--link, var(--link-500)) !important;
  --text-brand: var(--accent);
  --channels-default: var(--text, var(--primary-dark-345)) !important;
  --channel-icon: var(--text, var(--primary-dark-360));
  --interactive-normal: var(--text, var(--primary-dark-300)) !important;
  --interactive-hover: var(--_color15, var(--primary-dark-200)) !important;
  --interactive-active: var(--_color15, var(--white-500)) !important;
  --interactive-muted: var(--highlight, var(--primary-dark-500)) !important;
  --background-primary: var(--primary, var(--primary-dark-600)) !important;
  --background-secondary: var(--secondary, var(--primary-dark-630)) !important;
  --background-secondary-alt: var(
    --secondary-alt,
    var(--secondary, var(--primary-dark-660))
  ) !important;
  --background-tertiary: var(--tertiary, var(--primary-dark-700)) !important;
  --background-accent: var(--highlight, var(--primary-dark-500)) !important;
  --background-floating: var(--primary, var(--primary-dark-800)) !important;
  --background-modifier-hover: rgba(var(--highlight-rgb), 0.16) !important;
  --background-modifier-active: rgba(var(--highlight-rgb), 0.24) !important;
  --background-modifier-selected: rgba(var(--highlight-rgb), 0.32) !important;
  --background-modifier-accent: rgba(var(--highlight-rgb), 0.06) !important;
  --background-mentioned: rgba(var(--accent-rgb), 0.05) !important;
  --background-mentioned-hover: rgba(var(--accent-rgb), 0.08) !important;
  --background-message-hover: rgba(4, 4, 5, 0.07) !important;
  --background-help-warning: rgba(250, 166, 26, 0.1) !important;
  --background-help-info: rgba(0, 176, 244, 0.1) !important;
  --scrollbar-thin-thumb: var(--text) !important;
  --scrollbar-thin-track: transparent !important;
  --scrollbar-auto-thumb: var(--text) !important;
  --scrollbar-auto-track: transparent !important;
  --scrollbar-auto-scrollbar-color-thumb: var(--text) !important;
  --scrollbar-auto-scrollbar-color-track: transparent !important;
  --elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15) !important;
  --elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05),
    0 2px 0 rgba(4, 4, 5, 0.05) !important;
  --elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16) !important;
  --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24) !important;
  --logo-primary: #fff !important;
  --focus-primary: var(--link) !important;
  --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important;
  --channeltextarea-background: var(
    --secondary,
    var(--primary-dark-560)
  ) !important;
  --activity-card-background: var(
    --tertiary,
    var(--primary-dark-700)
  ) !important;
  --textbox-markdown-syntax: #8e9297 !important;
  --deprecated-card-bg: rgba(32, 34, 37, 0.6) !important;
  --deprecated-card-editable-bg: rgba(32, 34, 37, 0.3) !important;
  --deprecated-store-bg: var(--primary) !important;
  --deprecated-quickswitcher-input-background: var(
    --primary,
    --primary-dark-400
  ) !important;
  --deprecated-quickswitcher-input-placeholder: hsla(
    0,
    0%,
    100%,
    0.3
  ) !important;
  --deprecated-text-input-bg: rgba(0, 0, 0, 0.1) !important;
  --deprecated-text-input-border: rgba(0, 0, 0, 0.3) !important;
  --deprecated-text-input-border-hover: #040405 !important;
  --deprecated-text-input-border-disabled: #181b28 !important;
  --deprecated-text-input-prefix: #dcddde !important;
  --input-background: var(--tertiary, var(--primary-dark-700)) !important;
  --control-brand-foreground: var(--accent) !important;
  --channel-text-area-placeholder: var(--highlight);
  --status-positive-text: var(--text);
  --status-danger-text: var(--text);
  --status-warning-text: var(--text);
  --button-secondary-background: var(--primary);
  --button-secondary-background-hover: var(--highlight);
  --button-secondary-background-active: var(--highlight);
  --button-secondary-background-disabled: var(--tertiary);
  --text-danger: var(--_color1);
  --status-danger: var(--_color1);
  --status-danger-background: var(--_color1);
  --button-danger-background: var(--_color1);
  --button-danger-background-hover: var(--_color9);
  --button-danger-background-active: var(--_color9);
  --button-outline-danger-border: var(--_color1);
  --button-outline-danger-border-hover: var(--_color9);
  --button-outline-danger-border-active: var(--_color9);
  --button-outline-danger-background-hover: var(--_color9);
  --button-outline-danger-background-active: var(--_color9);
  --text-positive: var(--_color2);
  --status-positive: var(--_color2);
  --status-positive-background: var(--_color2);
  --button-positive-background: var(--_color2);
  --button-positive-background-hover: var(--_color10);
  --button-positive-background-active: var(--_color10);
  --button-outline-positive-border: var(--_color2);
  --button-outline-positive-border-hover: var(--_color10);
  --button-outline-positive-border-active: var(--_color10);
  --button-outline-positive-background-hover: var(--_color10);
  --button-outline-positive-background-active: var(--_color10);
  --text-warning: var(--_color3);
  --status-warning: var(--_color3);
  --status-warning-background: var(--_color3);
  --status-green-600: var(--status-online) !important;
  --status-yellow-500: var(--status-idle) !important;
  --status-red-500: var(--status-dnd) !important;
  --status-grey-500: var(--status-offline) !important;
  --twitch: var(--status-streaming) !important;
}

[data-popout-root],
html {
  --brand-experiment: var(--accent) !important;
  --brand-100: var(--accent) !important;
  --brand-130: var(--accent) !important;
  --brand-160: var(--accent) !important;
  --brand-200: var(--accent) !important;
  --brand-230: var(--accent) !important;
  --brand-260: var(--accent) !important;
  --brand-300: var(--accent) !important;
  --brand-330: var(--accent) !important;
  --brand-360: var(--accent) !important;
  --brand-400: var(--accent) !important;
  --brand-430: var(--accent) !important;
  --brand-460: var(--accent) !important;
  --brand-500: var(--accent) !important;
  --brand-530: var(--accent) !important;
  --brand-560: var(--accent) !important;
  --brand-600: var(--accent) !important;
  --brand-630: var(--accent) !important;
  --brand-660: var(--accent) !important;
  --brand-700: var(--accent) !important;
  --brand-730: var(--accent) !important;
  --brand-760: var(--accent) !important;
  --brand-800: var(--accent) !important;
  --brand-830: var(--accent) !important;
  --brand-860: var(--accent) !important;
  --brand-900: var(--accent) !important;
  --brand-new-100: var(--accent) !important;
  --brand-new-130: var(--accent) !important;
  --brand-new-160: var(--accent) !important;
  --brand-new-200: var(--accent) !important;
  --brand-new-230: var(--accent) !important;
  --brand-new-260: var(--accent) !important;
  --brand-new-300: var(--accent) !important;
  --brand-new-330: var(--accent) !important;
  --brand-new-360: var(--accent) !important;
  --brand-new-400: var(--accent) !important;
  --brand-new-430: var(--accent) !important;
  --brand-new-460: var(--accent) !important;
  --brand-new-500: var(--accent) !important;
  --brand-new-530: var(--accent) !important;
  --brand-new-560: var(--accent) !important;
  --brand-new-600: var(--accent) !important;
  --brand-new-630: var(--accent) !important;
  --brand-new-660: var(--accent) !important;
  --brand-new-700: var(--accent) !important;
  --brand-new-730: var(--accent) !important;
  --brand-new-760: var(--accent) !important;
  --brand-new-800: var(--accent) !important;
  --brand-new-830: var(--accent) !important;
  --brand-new-860: var(--accent) !important;
  --brand-experiment-900: var(--accent) !important;
  --brand-experiment-100: var(--accent) !important;
  --brand-experiment-130: var(--accent) !important;
  --brand-experiment-160: var(--accent) !important;
  --brand-experiment-200: var(--accent) !important;
  --brand-experiment-230: var(--accent) !important;
  --brand-experiment-260: var(--accent) !important;
  --brand-experiment-300: var(--accent) !important;
  --brand-experiment-330: var(--accent) !important;
  --brand-experiment-360: var(--accent) !important;
  --brand-experiment-400: var(--accent) !important;
  --brand-experiment-430: var(--accent) !important;
  --brand-experiment-460: var(--accent) !important;
  --brand-experiment-500: var(--accent) !important;
  --brand-experiment-530: var(--accent) !important;
  --brand-experiment-560: var(--accent) !important;
  --brand-experiment-600: var(--accent) !important;
  --brand-experiment-630: var(--accent) !important;
  --brand-experiment-660: var(--accent) !important;
  --brand-experiment-700: var(--accent) !important;
  --brand-experiment-730: var(--accent) !important;
  --brand-experiment-760: var(--accent) !important;
  --brand-experiment-800: var(--accent) !important;
  --brand-experiment-830: var(--accent) !important;
  --brand-experiment-860: var(--accent) !important;
  --brand-experiment-900: var(--accent) !important;
  --brand-experiment-05a: rgba(var(--accent-rgb), 0.05) !important;
  --brand-experiment-10a: rgba(var(--accent-rgb), 0.1) !important;
  --brand-experiment-15a: rgba(var(--accent-rgb), 0.15) !important;
  --brand-experiment-20a: rgba(var(--accent-rgb), 0.2) !important;
  --brand-experiment-25a: rgba(var(--accent-rgb), 0.25) !important;
  --brand-experiment-30a: rgba(var(--accent-rgb), 0.3) !important;
  --brand-experiment-35a: rgba(var(--accent-rgb), 0.35) !important;
  --brand-experiment-40a: rgba(var(--accent-rgb), 0.4) !important;
  --brand-experiment-45a: rgba(var(--accent-rgb), 0.45) !important;
  --brand-experiment-50a: rgba(var(--accent-rgb), 0.5) !important;
  --brand-experiment-55a: rgba(var(--accent-rgb), 0.55) !important;
  --brand-experiment-60a: rgba(var(--accent-rgb), 0.6) !important;
  --brand-experiment-65a: rgba(var(--accent-rgb), 0.65) !important;
  --brand-experiment-70a: rgba(var(--accent-rgb), 0.7) !important;
  --brand-experiment-75a: rgba(var(--accent-rgb), 0.75) !important;
  --brand-experiment-80a: rgba(var(--accent-rgb), 0.8) !important;
  --brand-experiment-85a: rgba(var(--accent-rgb), 0.85) !important;
  --brand-experiment-90a: rgba(var(--accent-rgb), 0.9) !important;
  --brand-experiment-95a: rgba(var(--accent-rgb), 0.95) !important;
}