.theme-dark { --activity-card-background: var(--primary-700); --android-navigation-bar-background: var(--primary-830); --android-navigation-scrim-background: hsl(var(--primary-830-hsl)/0.5); --android-ripple: hsl(var(--white-500-hsl)/0.07); --background-accent: var(--primary-530); --background-floating: var(--primary-800); --background-mentioned: hsl(var(--yellow-300-hsl)/0.1); --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08); --background-message-automod: hsl(var(--red-400-hsl)/0.05); --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1); --background-message-highlight: hsl(var(--brand-360-hsl)/0.08); --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06); --background-message-hover: hsl(var(--primary-900-hsl)/0.06); --background-mobile-primary: var(--primary-600); --background-mobile-secondary: var(--primary-630); --background-modifier-accent: hsl(var(--primary-500-hsl)/0.48); --background-modifier-active: hsl(var(--primary-500-hsl)/0.48); --background-modifier-hover: hsl(var(--primary-500-hsl)/0.3); --background-modifier-selected: hsl(var(--primary-500-hsl)/0.6); --background-nested-floating: var(--primary-630); --background-primary: var(--primary-600); --background-secondary: var(--primary-630); --background-secondary-alt: var(--primary-660); --background-tertiary: var(--primary-700); --bug-reporter-modal-submitting-background: hsl(var(--primary-800-hsl)/0.6); --button-danger-background: var(--red-430); --button-danger-background-active: var(--red-530); --button-danger-background-disabled: var(--red-430); --button-danger-background-hover: var(--red-500); --button-outline-brand-background: hsl(var(--white-500-hsl)/0); --button-outline-brand-background-active: var(--brand-560); --button-outline-brand-background-hover: var(--brand-500); --button-outline-brand-border: var(--brand-500); --button-outline-brand-border-active: var(--brand-560); --button-outline-brand-border-hover: var(--brand-500); --button-outline-brand-text: var(--white-500); --button-outline-brand-text-active: var(--white-500); --button-outline-brand-text-hover: var(--white-500); --button-outline-danger-background: hsl(var(--white-500-hsl)/0); --button-outline-danger-background-active: var(--red-460); --button-outline-danger-background-hover: var(--red-430); --button-outline-danger-border: var(--red-400); --button-outline-danger-border-active: var(--red-430); --button-outline-danger-border-hover: var(--red-430); --button-outline-danger-text: var(--white-500); --button-outline-danger-text-active: var(--white-500); --button-outline-danger-text-hover: var(--white-500); --button-outline-positive-background: hsl(var(--white-500-hsl)/0); --button-outline-positive-background-active: var(--green-530); --button-outline-positive-background-hover: var(--green-430); --button-outline-positive-border: var(--green-360); --button-outline-positive-border-active: var(--green-530); --button-outline-positive-border-hover: var(--green-430); --button-outline-positive-text: var(--white-500); --button-outline-positive-text-active: var(--white-500); --button-outline-positive-text-hover: var(--white-500); --button-outline-primary-background: hsl(var(--white-500-hsl)/0); --button-outline-primary-background-active: var(--primary-430); --button-outline-primary-background-hover: var(--primary-500); --button-outline-primary-border: var(--primary-500); --button-outline-primary-border-active: var(--primary-430); --button-outline-primary-border-hover: var(--primary-500); --button-outline-primary-text: var(--white-500); --button-outline-primary-text-active: var(--white-500); --button-outline-primary-text-hover: var(--white-500); --button-positive-background: var(--green-430); --button-positive-background-active: var(--green-530); --button-positive-background-disabled: var(--green-430); --button-positive-background-hover: var(--green-500); --button-secondary-background: var(--primary-500); --button-secondary-background-active: var(--primary-400); --button-secondary-background-disabled: var(--primary-500); --button-secondary-background-hover: var(--primary-430); --channel-icon: var(--primary-400); --channel-text-area-placeholder: var(--primary-430); --channels-default: var(--primary-360); --channeltextarea-background: var(--primary-560); --chat-background: var(--primary-600); --chat-border: var(--primary-700); --chat-input-container-background: var(--primary-600); --control-brand-foreground: var(--brand-360); --control-brand-foreground-new: var(--brand-360); --deprecated-card-bg: hsl(var(--primary-700-hsl)/0.6); --deprecated-card-editable-bg: hsl(var(--primary-700-hsl)/0.3); --deprecated-quickswitcher-input-background: var(--primary-400); --deprecated-quickswitcher-input-placeholder: hsl(var(--white-500-hsl)/0.3); --deprecated-store-bg: var(--primary-600); --deprecated-text-input-bg: var(--primary-700); --deprecated-text-input-border: hsl(var(--black-500-hsl)/0.3); --deprecated-text-input-border-disabled: var(--primary-700); --deprecated-text-input-border-hover: var(--primary-900); --deprecated-text-input-prefix: var(--primary-200); --display-banner-overflow-background: hsl(var(--primary-700-hsl)/0.5); --focus-primary: var(--blue-345); --forum-post-extra-media-count-container-background: hsl(var(--primary-660-hsl)/0.8); --forum-post-tag-background: hsl(var(--primary-660-hsl)/0.9); --header-primary: var(--primary-130); --header-secondary: var(--primary-330); --home-background: var(--primary-645); --home-card-resting-border: hsl(var(--transparent-hsl)/0); --info-box-background: hsl(var(--blue-345-hsl)/0.1); --info-danger-background: hsl(var(--red-400-hsl)/0.1); --info-danger-foreground: var(--red-400); --info-danger-text: var(--white-500); --info-help-background: hsl(var(--blue-345-hsl)/0.1); --info-help-foreground: var(--blue-345); --info-help-text: var(--white-500); --info-positive-background: hsl(var(--green-360-hsl)/0.1); --info-positive-foreground: var(--green-360); --info-positive-text: var(--white-500); --info-warning-background: hsl(var(--yellow-300-hsl)/0.1); --info-warning-foreground: var(--yellow-300); --info-warning-text: var(--white-500); --input-background: var(--primary-700); --input-placeholder-text: var(--input-placeholder-text-dark); --interactive-active: var(--primary-130); --interactive-hover: var(--primary-230); --interactive-muted: var(--primary-500); --interactive-normal: var(--primary-330); --live-stage-tile-border: hsl(var(--primary-500-hsl)/0.6); --logo-primary: var(--white-500); --mention-background: hsl(var(--brand-500-hsl)/0.3); --mention-foreground: var(--brand-260); --modal-background: var(--primary-600); --modal-footer-background: var(--primary-630); --profile-gradient-message-input-border: hsl(var(--primary-500-hsl)/0.48); --profile-gradient-note-background: hsl(var(--black-500-hsl)/0.3); --profile-gradient-overlay: hsl(var(--black-500-hsl)/0.6); --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-500-hsl)/0.8); --profile-gradient-profile-body-background-hover: hsl(var(--white-500-hsl)/0.16); --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5); --profile-gradient-role-pill-border: hsl(var(--white-500-hsl)/0.2); --profile-gradient-section-box: hsl(var(--black-500-hsl)/0.45); --scrollbar-auto-scrollbar-color-thumb: var(--primary-730); --scrollbar-auto-scrollbar-color-track: var(--primary-630); --scrollbar-auto-thumb: var(--primary-730); --scrollbar-auto-track: var(--primary-630); --scrollbar-thin-thumb: var(--primary-730); --scrollbar-thin-track: hsl(var(--black-500-hsl)/0); --spoiler-hidden-background: var(--primary-700); --spoiler-revealed-background: var(--primary-660); --status-danger: var(--red-400); --status-danger-background: var(--red-400); --status-danger-text: var(--white-500); --status-positive: var(--green-360); --status-positive-background: var(--green-430); --status-positive-text: var(--white-500); --status-warning: var(--yellow-300); --status-warning-background: var(--yellow-300); --status-warning-text: var(--black-500); --text-brand: var(--brand-360); --text-danger: var(--red-345); --text-link: var(--blue-345); --text-link-low-saturation: var(--blue-330); --text-muted: var(--primary-360); --text-normal: var(--primary-230); --text-positive: var(--green-330); --text-warning: var(--yellow-300); --textbox-markdown-syntax: var(--primary-360); --user-profile-header-overflow-background: hsl(var(--primary-700-hsl)/0.5); }