diff --git a/scss/adjust/_chat.scss b/scss/adjust/_chat.scss new file mode 100644 index 0000000..07af4d0 --- /dev/null +++ b/scss/adjust/_chat.scss @@ -0,0 +1,6 @@ +// Channels and Roles +:is(.theme-dark, .theme-light) { + :is(.container__03ec9, .header__71942, .scrollerContainer_dda72c, .emptyPage_feb902, .container__6b2e5) { + background-color: var(--background-primary); + } +} diff --git a/scss/adjust/_input.scss b/scss/adjust/_input.scss new file mode 100644 index 0000000..f162424 --- /dev/null +++ b/scss/adjust/_input.scss @@ -0,0 +1,16 @@ +// Inputs + +// Toggle switch +.control__6a084 { + @at-root .container__2ed72 { + color: var(--primary-400); + &.checked__36fdc { + color: var(--green-360); + } + + background-color: currentColor !important; + path { + fill: currentColor; + } + } +} diff --git a/scss/adjust/_search.scss b/scss/adjust/_search.scss new file mode 100644 index 0000000..2ce5e1e --- /dev/null +++ b/scss/adjust/_search.scss @@ -0,0 +1,44 @@ +// Message search + +// Search pills +// Hardcoded colours replaced by vars of closest luminosity match +// #34383d / hsl(213, 7.96%, 22.16%) --> var(--primary-600) +.theme-dark :is(.searchAnswer__2ccaf, .searchFilter_dbda51) { + background-color: var(--primary-600); +} + +// Search options +// Hardcoded colours replaced by vars of closest luminosity match +// #caccce / hsl(210, 4%, 80%) --> var(--primary-300) +// #5d6269 / hsl(215, 6%, 39%) --> var(--primary-460) +.theme-dark { + --search-popout-option-fade: linear-gradient(90deg, transparent 0%, var(--primary-800) 80%); + --search-popout-option-fade-hover: linear-gradient(90deg, transparent 0%, var(--primary-600) 50%); + --search-popout-option-user-nickname: var(--text-normal); + --search-popout-option-user-username: var(--text-muted); + --search-popout-option-filter-text: var(--primary-400); + --search-popout-option-non-text-color: var(--primary-300); + --search-popout-option-filter-color: var(--primary-300); + --search-popout-option-answer-color: var(--primary-300); + --search-popout-date-picker-border: 1px solid var(--primary-660); + --search-popout-date-picker-hint-text: var(--primary-300); + --search-popout-date-picker-hint-value-text: var(--white-500); + --search-popout-date-picker-hint-value-background: var(--brand-experiment); + --search-popout-date-picker-hint-value-background-hover: var(--brand-experiment-430); +} + +.theme-light { + --search-popout-option-fade: linear-gradient(90deg, transparent 0%, var(--white-500) 80%); + --search-popout-option-fade-hover: linear-gradient(90deg, transparent 0%, var(--primary-160) 50%); + --search-popout-option-user-nickname: var(--text-normal); + --search-popout-option-user-username: var(--text-muted); + --search-popout-option-filter-text: var(--primary-300); + --search-popout-option-non-text-color: var(--primary-460); + --search-popout-option-filter-color: var(--primary-300); + --search-popout-option-answer-color: var(--primary-500); + --search-popout-date-picker-border: 1px solid var(--primary-200); + --search-popout-date-picker-hint-text: var(--primary-300); + --search-popout-date-picker-hint-value-text: var(--white-500); + --search-popout-date-picker-hint-value-background: var(--brand-experiment); + --search-popout-date-picker-hint-value-background-hover: var(--brand-experiment-400); +} diff --git a/scss/adjust/index.scss b/scss/adjust/index.scss new file mode 100644 index 0000000..129df50 --- /dev/null +++ b/scss/adjust/index.scss @@ -0,0 +1,3 @@ +@forward "./chat"; +@forward "./input"; +@forward "./search"; diff --git a/scss/sys.scss b/scss/sys.scss index dd28e5e..fc2c301 100644 --- a/scss/sys.scss +++ b/scss/sys.scss @@ -1,3 +1,4 @@ +@forward "./adjust"; @forward "./mode"; @forward "./root"; @forward "./themesettings"; diff --git a/scss/themesettings/_validate.scss b/scss/themesettings/_validate.scss index 6d4ccde..47c3d6a 100644 --- a/scss/themesettings/_validate.scss +++ b/scss/themesettings/_validate.scss @@ -4,6 +4,6 @@ // or invalid user input given @property #{$origin} { syntax: ""; - inherits: false; + inherits: true; initial-value: cyan; } diff --git a/sys.min.css b/sys.min.css index d004571..e067872 100644 --- a/sys.min.css +++ b/sys.min.css @@ -1 +1 @@ -.theme-dark{--action-sheet-gradient-bg: var(--primary-630);--activity-card-background: var(--primary-700);--activity-card-icon-overlay: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.5153846154) 20.6% / 0.85);--alert-bg: var(--primary-600);--android-navigation-bar-background: var(--primary-830);--android-navigation-scrim-background: hsl(from var(--systemcolor-base) calc(h + 15) calc(s * 0.3076923077) 4.9% / 0.5);--android-ripple: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.07);--background-accent: var(--primary-530);--background-floating: var(--primary-800);--background-mentioned: hsl(from var(--systemcolor-base) calc(h + -185) calc(s * 6.6461538462) 56.9% / 0.1);--background-mentioned-hover: hsl(from var(--systemcolor-base) calc(h + -185) calc(s * 6.6461538462) 56.9% / 0.08);--background-message-automod: hsl(from var(--systemcolor-base) calc(h + 134) calc(s * 6.7153846154) 59.8% / 0.05);--background-message-automod-hover: hsl(from var(--systemcolor-base) calc(h + 134) calc(s * 6.7153846154) 59.8% / 0.1);--background-message-highlight: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.6230769231) 77.5% / 0.08);--background-message-highlight-hover: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.6230769231) 77.5% / 0.06);--background-message-hover: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0.8% / 0.06);--background-mobile-primary: var(--primary-600);--background-mobile-secondary: var(--primary-630);--background-modifier-accent: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.48);--background-modifier-accent-2: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.48);--background-modifier-active: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.48);--background-modifier-hover: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.3);--background-modifier-selected: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 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);--bg-backdrop: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.7);--bg-backdrop-no-opacity: var(--black-500);--bg-base-primary: var(--primary-600);--bg-base-secondary: var(--primary-630);--bg-base-tertiary: var(--primary-660);--bg-brand: var(--brand-500);--bg-mod-faint: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.3);--bg-mod-strong: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.54);--bg-mod-subtle: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.48);--bg-surface-overlay: var(--primary-800);--bg-surface-overlay-tmp: var(--primary-800);--bg-surface-raised: var(--primary-600);--black: var(--black-500);--blur-fallback: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.96);--blur-fallback-pressed: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.5461538462) 11% / 0.96);--border-faint: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.03);--border-strong: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.16);--border-subtle: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.08);--bug-reporter-modal-submitting-background: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 0.6230769231) 7.3% / 0.6);--button-creator-revenue-background: var(--teal-430);--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(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 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(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 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(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 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(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 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);--card-gradient-bg: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.4);--card-gradient-pressed-bg: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.5);--card-primary-bg: var(--primary-600);--card-primary-pressed-bg: var(--primary-645);--card-secondary-bg: var(--primary-630);--card-secondary-pressed-bg: var(--primary-645);--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-banner-bg: var(--primary-630);--chat-border: var(--primary-700);--chat-input-container-background: var(--primary-600);--chat-swipe-to-reply-background: var(--primary-660);--chat-swipe-to-reply-gradient-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.1);--coachmark-bg: var(--primary-800);--content-inventory-media-seekbar-container: hsl(from var(--systemcolor-base) calc(h + 6) calc(s * 0.5153846154) 79.4% / 0.24);--content-inventory-overlay-text-primary: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.85);--content-inventory-overlay-text-secondary: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.7);--content-inventory-overlay-ui-mod: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.7);--content-inventory-overlay-ui-mod-bg: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.1);--context-menu-backdrop-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.7);--control-brand-foreground: var(--brand-360);--control-brand-foreground-new: var(--brand-360);--creator-revenue-icon-gradient-end: var(--teal-430);--creator-revenue-icon-gradient-start: var(--teal-360);--creator-revenue-info-box-background: hsl(from var(--systemcolor-base) calc(h + -35) calc(s * 4.8461538462) 33.9% / 0.1);--creator-revenue-info-box-border: var(--teal-400);--creator-revenue-locked-channel-icon: var(--teal-345);--creator-revenue-progress-bar: var(--teal-400);--deprecated-card-bg: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.6);--deprecated-card-editable-bg: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.3);--deprecated-quickswitcher-input-background: var(--primary-400);--deprecated-quickswitcher-input-placeholder: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.3);--deprecated-store-bg: var(--primary-600);--deprecated-text-input-bg: var(--primary-700);--deprecated-text-input-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 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(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.5);--divider-strong: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.16);--divider-subtle: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.08);--embed-background: var(--primary-630);--embed-background-alternate: var(--primary-600);--embed-title: var(--primary-130);--expression-picker-bg: var(--primary-630);--focus-primary: var(--blue-345);--forum-post-extra-media-count-container-background: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.8);--forum-post-tag-background: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.9);--guild-icon-inactive-bg: var(--primary-630);--guild-icon-inactive-nested-bg: var(--primary-600);--guild-notifications-bottom-sheet-pill-background: var(--primary-700);--halo-positive: hsl(from var(--systemcolor-base) calc(h + -80) calc(s * 5) 39.2% / 0.24);--header-muted: var(--primary-360);--header-primary: var(--primary-130);--header-secondary: var(--primary-330);--home-background: var(--primary-645);--home-card-resting-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0);--icon-muted: var(--primary-400);--icon-primary: var(--primary-130);--icon-secondary: var(--primary-330);--icon-transparent: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0);--info-box-background: hsl(from var(--systemcolor-base) calc(h + -25) calc(s * 7.6923076923) 49.4% / 0.1);--info-danger-background: hsl(from var(--systemcolor-base) calc(h + 134) calc(s * 6.7153846154) 59.8% / 0.1);--info-danger-foreground: var(--red-400);--info-danger-text: var(--white-500);--info-help-background: hsl(from var(--systemcolor-base) calc(h + -25) calc(s * 7.6923076923) 49.4% / 0.1);--info-help-foreground: var(--blue-345);--info-help-text: var(--white-500);--info-positive-background: hsl(from var(--systemcolor-base) calc(h + -80) calc(s * 5) 39.2% / 0.1);--info-positive-foreground: var(--green-360);--info-positive-text: var(--white-500);--info-warning-background: hsl(from var(--systemcolor-base) calc(h + -185) calc(s * 6.6461538462) 56.9% / 0.1);--info-warning-foreground: var(--yellow-300);--info-warning-text: var(--white-500);--input-background: var(--primary-700);--input-focused-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.16);--input-placeholder-text: var(--input-placeholder-text-dark);--interactive-active: var(--white-500);--interactive-hover: var(--primary-230);--interactive-muted: var(--primary-500);--interactive-normal: var(--primary-330);--legacy-android-blur-overlay-default: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.5);--legacy-android-blur-overlay-ultra-thin: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.025);--legacy-blur-fallback-default: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.975);--legacy-blur-fallback-ultra-thin: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.95);--live-stage-tile-border: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.6);--logo-primary: var(--white-500);--mention-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.3);--mention-foreground: var(--brand-260);--modal-background: var(--primary-600);--modal-footer-background: var(--primary-630);--navigator-header-tint: var(--white-500);--panel-bg: var(--primary-600);--polls-normal-fill-hover: var(--primary-600);--polls-normal-image-background: var(--primary-660);--polls-victor-fill: hsl(from var(--systemcolor-base) calc(h + -80) calc(s * 5) 39.2% / 0.2);--polls-voted-fill: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.2);--profile-gradient-card-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.7);--profile-gradient-message-input-border: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.48);--profile-gradient-note-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.3);--profile-gradient-overlay: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.6);--profile-gradient-overlay-synced-with-user-theme: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.8);--profile-gradient-profile-body-background-hover: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.16);--profile-gradient-role-pill-background: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.5);--profile-gradient-role-pill-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.2);--profile-gradient-section-box: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.45);--redesign-activity-card-background: var(--primary-560);--redesign-activity-card-background-pressed: var(--primary-630);--redesign-activity-card-badge-icon: var(--primary-360);--redesign-activity-card-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.02);--redesign-activity-card-overflow-background: var(--primary-630);--redesign-button-active-background: var(--green-430);--redesign-button-active-pressed-background: var(--green-460);--redesign-button-active-text: var(--white-500);--redesign-button-danger-background: var(--red-430);--redesign-button-danger-pressed-background: var(--red-460);--redesign-button-danger-text: var(--white-500);--redesign-button-destructive-background: var(--red-430);--redesign-button-destructive-pressed-background: var(--red-460);--redesign-button-destructive-text: var(--white-500);--redesign-button-overlay-alpha-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.54);--redesign-button-overlay-alpha-pressed-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.64);--redesign-button-overlay-alpha-text: var(--white-500);--redesign-button-overlay-background: var(--white-500);--redesign-button-overlay-pressed-background: var(--primary-230);--redesign-button-overlay-text: var(--primary-860);--redesign-button-positive-background: var(--green-430);--redesign-button-positive-pressed-background: var(--green-460);--redesign-button-positive-text: var(--white-500);--redesign-button-primary-alt-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0);--redesign-button-primary-alt-border: var(--brand-360);--redesign-button-primary-alt-on-blurple-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 5.1307692308) 58.8% / 0);--redesign-button-primary-alt-on-blurple-border: var(--white-500);--redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);--redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);--redesign-button-primary-alt-on-blurple-text: var(--white-500);--redesign-button-primary-alt-pressed-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 3.6153846154) 25.9% / 0.16);--redesign-button-primary-alt-pressed-border: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.6230769231) 71.8% / 0.5);--redesign-button-primary-alt-pressed-text: var(--brand-360);--redesign-button-primary-alt-text: var(--brand-360);--redesign-button-primary-background: var(--brand-500);--redesign-button-primary-on-blurple-pressed-text: var(--brand-530);--redesign-button-primary-overlay-background: var(--white-500);--redesign-button-primary-overlay-pressed-background: var(--primary-230);--redesign-button-primary-overlay-text: var(--primary-860);--redesign-button-primary-pressed-background: var(--brand-560);--redesign-button-primary-text: var(--white-500);--redesign-button-secondary-background: var(--primary-460);--redesign-button-secondary-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.08);--redesign-button-secondary-overlay-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.54);--redesign-button-secondary-overlay-pressed-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.64);--redesign-button-secondary-overlay-text: var(--white-500);--redesign-button-secondary-pressed-background: var(--primary-500);--redesign-button-secondary-pressed-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0);--redesign-button-secondary-text: var(--primary-230);--redesign-button-selected-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.24);--redesign-button-selected-pressed-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.28);--redesign-button-selected-text: var(--brand-500);--redesign-button-tertiary-background: var(--primary-660);--redesign-button-tertiary-pressed-background: var(--primary-560);--redesign-button-tertiary-pressed-text: var(--primary-330);--redesign-button-tertiary-text: var(--primary-230);--redesign-channel-category-name-text: var(--primary-330);--redesign-channel-message-preview-text: var(--primary-360);--redesign-channel-name-muted-text: var(--primary-360);--redesign-channel-name-text: var(--primary-130);--redesign-chat-input-background: var(--primary-700);--redesign-image-button-pressed-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.08);--redesign-input-control-active-bg: var(--primary-645);--redesign-input-control-selected: var(--brand-500);--redesign-only-background-active: var(--primary-530);--redesign-only-background-default: var(--primary-600);--redesign-only-background-overlay: var(--primary-645);--redesign-only-background-raised: var(--primary-630);--redesign-only-background-sunken: var(--primary-660);--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(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0);--spoiler-hidden-background: var(--primary-700);--spoiler-revealed-background: var(--primary-660);--status-danger: var(--red-400);--status-danger-background: var(--red-430);--status-danger-text: var(--white-500);--status-dnd: var(--red-400);--status-idle: var(--yellow-300);--status-offline: var(--primary-360);--status-online: var(--green-360);--status-positive: var(--green-360);--status-positive-background: var(--green-430);--status-positive-text: var(--white-500);--status-speaking: var(--green-360);--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-low-contrast: var(--primary-360);--text-message-preview-low-sat: var(--primary-360);--text-muted: var(--primary-360);--text-muted-on-default: var(--primary-330);--text-normal: var(--primary-230);--text-positive: var(--green-330);--text-primary: var(--primary-230);--text-secondary: var(--primary-330);--text-warning: var(--yellow-300);--textbox-markdown-syntax: var(--primary-360);--theme-locked-blur-fallback: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.96);--thread-channel-spine: var(--primary-500);--toast-bg: var(--primary-800);--typing-indicator-bg: var(--primary-630);--user-profile-header-overflow-background: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.5);--voice-video-video-tile-background: hsl(from var(--systemcolor-base) calc(h + 8) calc(s * 0.7153846154) 19% / 0.4);--voice-video-video-tile-blur-fallback: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.48);--white: var(--white-500);--you-bar-bg: var(--primary-800)}.theme-light{--action-sheet-gradient-bg: var(--primary-130);--activity-card-background: var(--white-500);--activity-card-icon-overlay: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.5153846154) 20.6% / 0.85);--alert-bg: var(--white-500);--android-navigation-bar-background: var(--primary-100);--android-navigation-scrim-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 97.6% / 0.5);--android-ripple: hsl(var(--black-500-hsl) / 0.12);--background-accent: var(--primary-430);--background-floating: var(--white-500);--background-mentioned: hsl(var(--yellow-300-hsl) / 0.1);--background-mentioned-hover: hsl(var(--yellow-300-hsl) / 0.2);--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(from var(--systemcolor-base) calc(h + 10) calc(s * 6.6230769231) 77.5% / 0.1);--background-message-highlight-hover: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.6230769231) 77.5% / 0.2);--background-message-hover: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0.8% / 0.03);--background-mobile-primary: var(--primary-100);--background-mobile-secondary: var(--white-500);--background-modifier-accent: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.24);--background-modifier-accent-2: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.16);--background-modifier-active: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.2);--background-modifier-hover: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.16);--background-modifier-selected: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.24);--background-nested-floating: var(--white-500);--background-primary: var(--white-500);--background-secondary: var(--primary-130);--background-secondary-alt: var(--primary-160);--background-tertiary: var(--primary-200);--bg-backdrop: hsl(var(--black-500-hsl) / 0.54);--bg-backdrop-no-opacity: var(--black-500);--bg-base-primary: var(--white-500);--bg-base-secondary: var(--primary-130);--bg-base-tertiary: var(--primary-160);--bg-brand: var(--brand-500);--bg-mod-faint: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.08);--bg-mod-strong: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.24);--bg-mod-subtle: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.16);--bg-surface-overlay: var(--white-500);--bg-surface-overlay-tmp: var(--primary-130);--bg-surface-raised: var(--white-500);--black: var(--black-500);--blur-fallback: hsl(from var(--systemcolor-base) calc(h + 2) calc(s * 0.5) 27.3% / 0.96);--blur-fallback-pressed: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.5153846154) 23.5% / 0.96);--border-faint: hsl(var(--black-500-hsl) / 0.04);--border-strong: hsl(var(--black-500-hsl) / 0.16);--border-subtle: hsl(var(--black-500-hsl) / 0.08);--bug-reporter-modal-submitting-background: hsl(var(--white-500-hsl) / 0.6);--button-creator-revenue-background: var(--teal-430);--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(--black-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-430);--button-outline-danger-border-active: var(--red-430);--button-outline-danger-border-hover: var(--red-430);--button-outline-danger-text: var(--black-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-400);--button-outline-positive-border-active: var(--green-530);--button-outline-positive-border-hover: var(--green-430);--button-outline-positive-text: var(--black-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-600);--button-outline-primary-background-hover: var(--primary-530);--button-outline-primary-border: var(--primary-530);--button-outline-primary-border-active: var(--primary-600);--button-outline-primary-border-hover: var(--primary-530);--button-outline-primary-text: var(--black-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-530);--button-secondary-background: var(--primary-430);--button-secondary-background-active: var(--primary-530);--button-secondary-background-disabled: var(--primary-430);--button-secondary-background-hover: var(--primary-500);--card-gradient-bg: hsl(var(--white-500-hsl) / 0.7);--card-gradient-pressed-bg: hsl(var(--white-500-hsl) / 0.5);--card-primary-bg: var(--white-500);--card-primary-pressed-bg: var(--primary-160);--card-secondary-bg: var(--white-500);--card-secondary-pressed-bg: var(--primary-160);--channel-icon: var(--primary-430);--channel-text-area-placeholder: var(--primary-400);--channels-default: var(--primary-460);--channeltextarea-background: var(--primary-160);--chat-background: var(--white-500);--chat-banner-bg: var(--primary-130);--chat-border: var(--primary-200);--chat-input-container-background: var(--white-500);--chat-swipe-to-reply-background: var(--primary-160);--chat-swipe-to-reply-gradient-background: hsl(var(--white-500-hsl) / 0.4);--coachmark-bg: var(--white-500);--content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl) / 0.24);--content-inventory-overlay-text-primary: hsl(var(--white-500-hsl) / 0.85);--content-inventory-overlay-text-secondary: hsl(var(--white-500-hsl) / 0.7);--content-inventory-overlay-ui-mod: hsl(var(--white-500-hsl) / 0.7);--content-inventory-overlay-ui-mod-bg: hsl(var(--black-500-hsl) / 0.1);--context-menu-backdrop-background: hsl(var(--black-500-hsl) / 0.54);--control-brand-foreground: var(--brand-500);--control-brand-foreground-new: var(--brand-500);--creator-revenue-icon-gradient-end: var(--teal-400);--creator-revenue-icon-gradient-start: var(--teal-345);--creator-revenue-info-box-background: hsl(var(--teal-430-hsl) / 0.1);--creator-revenue-info-box-border: var(--teal-400);--creator-revenue-locked-channel-icon: var(--teal-400);--creator-revenue-progress-bar: var(--teal-345);--deprecated-card-bg: var(--primary-100);--deprecated-card-editable-bg: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 97.6% / 0.6);--deprecated-quickswitcher-input-background: var(--white-500);--deprecated-quickswitcher-input-placeholder: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.3);--deprecated-store-bg: var(--primary-100);--deprecated-text-input-bg: var(--primary-200);--deprecated-text-input-border: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.3);--deprecated-text-input-border-disabled: var(--primary-200);--deprecated-text-input-border-hover: var(--primary-300);--deprecated-text-input-prefix: var(--primary-300);--display-banner-overflow-background: hsl(var(--white-200-hsl) / 0.5);--divider-strong: hsl(var(--black-500-hsl) / 0.16);--divider-subtle: hsl(var(--black-500-hsl) / 0.08);--embed-background: var(--primary-130);--embed-background-alternate: var(--primary-200);--embed-title: var(--primary-860);--expression-picker-bg: var(--primary-130);--focus-primary: var(--blue-360);--forum-post-extra-media-count-container-background: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.8538461538) 92.9% / 0.8);--forum-post-tag-background: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.8538461538) 92.9% / 0.9);--guild-icon-inactive-bg: var(--primary-130);--guild-icon-inactive-nested-bg: var(--white-500);--guild-notifications-bottom-sheet-pill-background: var(--white-500);--halo-positive: hsl(var(--green-360-hsl) / 0.24);--header-muted: var(--primary-460);--header-primary: var(--primary-860);--header-secondary: var(--primary-500);--home-background: var(--primary-100);--home-card-resting-border: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.24);--icon-muted: var(--primary-400);--icon-primary: var(--primary-860);--icon-secondary: var(--primary-500);--icon-transparent: hsl(var(--transparent-hsl) / 0);--info-box-background: hsl(var(--blue-345-hsl) / 0.1);--info-danger-background: hsl(var(--red-430-hsl) / 0.1);--info-danger-foreground: var(--red-430);--info-danger-text: var(--black-500);--info-help-background: hsl(var(--blue-430-hsl) / 0.1);--info-help-foreground: var(--blue-430);--info-help-text: var(--black-500);--info-positive-background: hsl(var(--green-400-hsl) / 0.05);--info-positive-foreground: var(--green-400);--info-positive-text: var(--black-500);--info-warning-background: hsl(var(--yellow-400-hsl) / 0.1);--info-warning-foreground: var(--yellow-400);--info-warning-text: var(--black-500);--input-background: hsl(var(--black-500-hsl) / 0.08);--input-focused-border: hsl(var(--black-500-hsl) / 0.16);--input-placeholder-text: var(--primary-460);--interactive-active: var(--primary-860);--interactive-hover: var(--primary-600);--interactive-muted: var(--primary-300);--interactive-normal: var(--primary-500);--legacy-android-blur-overlay-default: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 1) 95.5% / 0.1);--legacy-android-blur-overlay-ultra-thin: hsl(var(--white-500-hsl) / 0.25);--legacy-blur-fallback-default: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.7) 87.1% / 0.975);--legacy-blur-fallback-ultra-thin: hsl(var(--white-500-hsl) / 0.95);--live-stage-tile-border: hsl(from var(--systemcolor-base) calc(h + 4) calc(s * 0.3692307692) 44.9% / 0.15);--logo-primary: var(--brand-500);--mention-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.15);--mention-foreground: var(--brand-500);--modal-background: var(--white-500);--modal-footer-background: var(--primary-130);--navigator-header-tint: var(--primary-500);--panel-bg: var(--white-500);--polls-normal-fill-hover: var(--primary-230);--polls-normal-image-background: var(--white-500);--polls-victor-fill: hsl(var(--green-400-hsl) / 0.2);--polls-voted-fill: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.2);--profile-gradient-card-background: hsl(var(--white-500-hsl) / 0.7);--profile-gradient-message-input-border: hsl(from var(--systemcolor-base) calc(h + 4) calc(s * 0.3692307692) 44.9% / 0.24);--profile-gradient-note-background: hsl(var(--white-500-hsl) / 0.3);--profile-gradient-overlay: hsl(var(--white-500-hsl) / 0.6);--profile-gradient-overlay-synced-with-user-theme: hsl(var(--white-500-hsl) / 0.8);--profile-gradient-profile-body-background-hover: hsl(var(--black-500-hsl) / 0.08);--profile-gradient-role-pill-background: hsl(var(--white-500-hsl) / 0.5);--profile-gradient-role-pill-border: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.2);--profile-gradient-section-box: hsl(var(--white-500-hsl) / 0.45);--redesign-activity-card-background: var(--white-500);--redesign-activity-card-background-pressed: var(--primary-160);--redesign-activity-card-badge-icon: var(--primary-400);--redesign-activity-card-border: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.24);--redesign-activity-card-overflow-background: var(--primary-230);--redesign-button-active-background: var(--green-430);--redesign-button-active-pressed-background: var(--green-460);--redesign-button-active-text: var(--white-500);--redesign-button-danger-background: var(--red-430);--redesign-button-danger-pressed-background: var(--red-460);--redesign-button-danger-text: var(--white-500);--redesign-button-destructive-background: var(--red-430);--redesign-button-destructive-pressed-background: var(--red-460);--redesign-button-destructive-text: var(--white-500);--redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl) / 0.54);--redesign-button-overlay-alpha-pressed-background: hsl(var(--black-500-hsl) / 0.64);--redesign-button-overlay-alpha-text: var(--white-500);--redesign-button-overlay-background: var(--white-500);--redesign-button-overlay-pressed-background: var(--primary-230);--redesign-button-overlay-text: var(--primary-860);--redesign-button-positive-background: var(--green-430);--redesign-button-positive-pressed-background: var(--green-460);--redesign-button-positive-text: var(--white-500);--redesign-button-primary-alt-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0);--redesign-button-primary-alt-border: var(--brand-500);--redesign-button-primary-alt-on-blurple-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 5.1307692308) 58.8% / 0);--redesign-button-primary-alt-on-blurple-border: var(--white-500);--redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);--redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);--redesign-button-primary-alt-on-blurple-text: var(--white-500);--redesign-button-primary-alt-pressed-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.06);--redesign-button-primary-alt-pressed-border: var(--brand-330);--redesign-button-primary-alt-pressed-text: var(--brand-560);--redesign-button-primary-alt-text: var(--brand-500);--redesign-button-primary-background: var(--brand-500);--redesign-button-primary-on-blurple-pressed-text: var(--brand-530);--redesign-button-primary-overlay-background: var(--white-500);--redesign-button-primary-overlay-pressed-background: var(--primary-230);--redesign-button-primary-overlay-text: var(--primary-860);--redesign-button-primary-pressed-background: var(--brand-560);--redesign-button-primary-text: var(--white-500);--redesign-button-secondary-background: var(--white-500);--redesign-button-secondary-border: hsl(var(--black-500-hsl) / 0.08);--redesign-button-secondary-overlay-background: hsl(var(--black-500-hsl) / 0.54);--redesign-button-secondary-overlay-pressed-background: hsl(var(--black-500-hsl) / 0.64);--redesign-button-secondary-overlay-text: var(--white-500);--redesign-button-secondary-pressed-background: var(--primary-130);--redesign-button-secondary-pressed-border: hsl(var(--black-500-hsl) / 0.04);--redesign-button-secondary-text: var(--primary-600);--redesign-button-selected-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.16);--redesign-button-selected-pressed-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.24);--redesign-button-selected-text: var(--brand-500);--redesign-button-tertiary-background: hsl(var(--black-500-hsl) / 0.08);--redesign-button-tertiary-pressed-background: hsl(var(--black-500-hsl) / 0.16);--redesign-button-tertiary-pressed-text: var(--primary-500);--redesign-button-tertiary-text: var(--primary-600);--redesign-channel-category-name-text: var(--primary-500);--redesign-channel-message-preview-text: var(--primary-460);--redesign-channel-name-muted-text: var(--primary-460);--redesign-channel-name-text: var(--primary-860);--redesign-chat-input-background: hsl(var(--black-500-hsl) / 0.08);--redesign-image-button-pressed-background: hsl(var(--black-500-hsl) / 0.08);--redesign-input-control-active-bg: var(--white-500);--redesign-input-control-selected: var(--brand-500);--redesign-only-background-active: var(--primary-430);--redesign-only-background-default: var(--white-500);--redesign-only-background-overlay: var(--primary-160);--redesign-only-background-raised: var(--primary-130);--redesign-only-background-sunken: var(--primary-200);--scrollbar-auto-scrollbar-color-thumb: var(--primary-230);--scrollbar-auto-scrollbar-color-track: var(--primary-130);--scrollbar-auto-thumb: var(--primary-300);--scrollbar-auto-track: var(--primary-160);--scrollbar-thin-thumb: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.3);--scrollbar-thin-track: hsl(var(--black-500-hsl) / 0);--spoiler-hidden-background: var(--primary-200);--spoiler-revealed-background: var(--primary-160);--status-danger: var(--red-430);--status-danger-background: var(--red-430);--status-danger-text: var(--white-500);--status-dnd: var(--red-430);--status-idle: var(--yellow-400);--status-offline: var(--primary-460);--status-online: var(--green-400);--status-positive: var(--green-400);--status-positive-background: var(--green-430);--status-positive-text: var(--white-500);--status-speaking: var(--green-360);--status-warning: var(--yellow-400);--status-warning-background: var(--yellow-400);--status-warning-text: var(--white-500);--text-brand: var(--brand-500);--text-danger: var(--red-500);--text-link: var(--blue-430);--text-link-low-saturation: var(--blue-430);--text-low-contrast: var(--primary-460);--text-message-preview-low-sat: var(--primary-460);--text-muted: var(--primary-460);--text-muted-on-default: var(--primary-430);--text-normal: var(--primary-600);--text-positive: var(--green-430);--text-primary: var(--primary-600);--text-secondary: var(--primary-500);--text-warning: var(--yellow-430);--textbox-markdown-syntax: var(--primary-530);--theme-locked-blur-fallback: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.96);--thread-channel-spine: var(--primary-300);--toast-bg: var(--white-500);--typing-indicator-bg: var(--primary-130);--user-profile-header-overflow-background: hsl(var(--white-200-hsl) / 0.5);--voice-video-video-tile-background: hsl(var(--plum-17-hsl) / 0.4);--voice-video-video-tile-blur-fallback: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.48);--white: var(--white-500);--you-bar-bg: var(--white-500)}:root{--brand-100: hsl(from var(--systemcolor-base) calc(h + 15) calc(s * 0.778) 98.2% / 1);--brand-130: hsl(from var(--systemcolor-base) calc(h + 11) calc(s * 0.875) 96.9% / 1);--brand-160: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.846) 94.9% / 1);--brand-200: hsl(from var(--systemcolor-base) calc(h + 11) calc(s * 0.833) 92.9% / 1);--brand-230: hsl(from var(--systemcolor-base) calc(h + 11) calc(s * 0.87) 91% / 1);--brand-260: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.862) 88.6% / 1);--brand-300: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.861) 85.9% / 1);--brand-330: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.851) 81.6% / 1);--brand-345: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.852) 78.8% / 1);--brand-360: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.861) 77.5% / 1);--brand-400: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.861) 71.8% / 1);--brand-430: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.857) 69.8% / 1);--brand-460: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.855) 67.5% / 1);--brand-500: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.856) 64.7% / 1);--brand-530: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.667) 58.8% / 1);--brand-560: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.514) 52.4% / 1);--brand-600: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.467) 44.1% / 1);--brand-630: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.467) 38.2% / 1);--brand-660: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.471) 33.3% / 1);--brand-700: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.47) 25.9% / 1);--brand-730: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.468) 24.3% / 1);--brand-760: hsl(from var(--systemcolor-base) calc(h + 9) calc(s * 0.469) 22.2% / 1);--brand-800: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.475) 19.4% / 1);--brand-830: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.474) 14.9% / 1);--brand-860: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.469) 9.6% / 1);--brand-900: hsl(from var(--systemcolor-base) calc(h + 8) calc(s * 0.5) 3.1% / 1)}:root{--primary-100: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 97.6% / 1);--primary-130: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 1) 95.5% / 1);--primary-160: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.8538461538) 92.9% / 1);--primary-200: hsl(from var(--systemcolor-base) calc(h + -9) calc(s * 0.7538461538) 90% / 1);--primary-230: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.7) 87.1% / 1);--primary-260: hsl(from var(--systemcolor-base) calc(h + -11) calc(s * 0.6461538462) 83.7% / 1);--primary-300: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.7153846154) 78.8% / 1);--primary-330: hsl(from var(--systemcolor-base) calc(h + -10) calc(s * 0.6769230769) 73.3% / 1);--primary-345: hsl(from var(--systemcolor-base) calc(h + -11) calc(s * 0.6461538462) 67.5% / 1);--primary-360: hsl(from var(--systemcolor-base) calc(h + -11) calc(s * 0.6230769231) 61.2% / 1);--primary-400: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 1);--primary-430: hsl(from var(--systemcolor-base) calc(h + 4) calc(s * 0.3692307692) 44.9% / 1);--primary-460: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4) 38% / 1);--primary-500: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 1);--primary-530: hsl(from var(--systemcolor-base) calc(h + 2) calc(s * 0.5) 27.3% / 1);--primary-560: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.5153846154) 23.5% / 1);--primary-600: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.5153846154) 20.6% / 1);--primary-630: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 0.5) 18% / 1);--primary-645: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 0.5384615385) 16.9% / 1);--primary-660: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 1);--primary-700: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 1);--primary-730: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.5461538462) 11% / 1);--primary-760: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 0.4923076923) 9.2% / 1);--primary-800: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 0.6230769231) 7.3% / 1);--primary-830: hsl(from var(--systemcolor-base) calc(h + 15) calc(s * 0.3076923077) 4.9% / 1);--primary-860: hsl(from var(--systemcolor-base) calc(h + 15) calc(s * 0.5923076923) 2.5% / 1);--primary-900: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0.8% / 1)}:root{--systemcolor-base:var(--os-accent-color)}@property --systemcolor-base{syntax:"";inherits:false;initial-value:aqua} \ No newline at end of file +:is(.theme-dark,.theme-light) :is(.container__03ec9,.header__71942,.scrollerContainer_dda72c,.emptyPage_feb902,.container__6b2e5){background-color:var(--background-primary)}.container__2ed72{color:var(--primary-400);background-color:currentColor !important}.container__2ed72.checked__36fdc{color:var(--green-360)}.container__2ed72 path{fill:currentColor}.theme-dark :is(.searchAnswer__2ccaf,.searchFilter_dbda51){background-color:var(--primary-600)}.theme-dark{--search-popout-option-fade: linear-gradient(90deg, transparent 0%, var(--primary-800) 80%);--search-popout-option-fade-hover: linear-gradient(90deg, transparent 0%, var(--primary-600) 50%);--search-popout-option-user-nickname: var(--text-normal);--search-popout-option-user-username: var(--text-muted);--search-popout-option-filter-text: var(--primary-400);--search-popout-option-non-text-color: var(--primary-300);--search-popout-option-filter-color: var(--primary-300);--search-popout-option-answer-color: var(--primary-300);--search-popout-date-picker-border: 1px solid var(--primary-660);--search-popout-date-picker-hint-text: var(--primary-300);--search-popout-date-picker-hint-value-text: var(--white-500);--search-popout-date-picker-hint-value-background: var(--brand-experiment);--search-popout-date-picker-hint-value-background-hover: var(--brand-experiment-430)}.theme-light{--search-popout-option-fade: linear-gradient(90deg, transparent 0%, var(--white-500) 80%);--search-popout-option-fade-hover: linear-gradient(90deg, transparent 0%, var(--primary-160) 50%);--search-popout-option-user-nickname: var(--text-normal);--search-popout-option-user-username: var(--text-muted);--search-popout-option-filter-text: var(--primary-300);--search-popout-option-non-text-color: var(--primary-460);--search-popout-option-filter-color: var(--primary-300);--search-popout-option-answer-color: var(--primary-500);--search-popout-date-picker-border: 1px solid var(--primary-200);--search-popout-date-picker-hint-text: var(--primary-300);--search-popout-date-picker-hint-value-text: var(--white-500);--search-popout-date-picker-hint-value-background: var(--brand-experiment);--search-popout-date-picker-hint-value-background-hover: var(--brand-experiment-400)}.theme-dark{--action-sheet-gradient-bg: var(--primary-630);--activity-card-background: var(--primary-700);--activity-card-icon-overlay: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.5153846154) 20.6% / 0.85);--alert-bg: var(--primary-600);--android-navigation-bar-background: var(--primary-830);--android-navigation-scrim-background: hsl(from var(--systemcolor-base) calc(h + 15) calc(s * 0.3076923077) 4.9% / 0.5);--android-ripple: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.07);--background-accent: var(--primary-530);--background-floating: var(--primary-800);--background-mentioned: hsl(from var(--systemcolor-base) calc(h + -185) calc(s * 6.6461538462) 56.9% / 0.1);--background-mentioned-hover: hsl(from var(--systemcolor-base) calc(h + -185) calc(s * 6.6461538462) 56.9% / 0.08);--background-message-automod: hsl(from var(--systemcolor-base) calc(h + 134) calc(s * 6.7153846154) 59.8% / 0.05);--background-message-automod-hover: hsl(from var(--systemcolor-base) calc(h + 134) calc(s * 6.7153846154) 59.8% / 0.1);--background-message-highlight: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.6230769231) 77.5% / 0.08);--background-message-highlight-hover: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.6230769231) 77.5% / 0.06);--background-message-hover: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0.8% / 0.06);--background-mobile-primary: var(--primary-600);--background-mobile-secondary: var(--primary-630);--background-modifier-accent: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.48);--background-modifier-accent-2: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.48);--background-modifier-active: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.48);--background-modifier-hover: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.3);--background-modifier-selected: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 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);--bg-backdrop: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.7);--bg-backdrop-no-opacity: var(--black-500);--bg-base-primary: var(--primary-600);--bg-base-secondary: var(--primary-630);--bg-base-tertiary: var(--primary-660);--bg-brand: var(--brand-500);--bg-mod-faint: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.3);--bg-mod-strong: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.54);--bg-mod-subtle: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.48);--bg-surface-overlay: var(--primary-800);--bg-surface-overlay-tmp: var(--primary-800);--bg-surface-raised: var(--primary-600);--black: var(--black-500);--blur-fallback: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.96);--blur-fallback-pressed: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.5461538462) 11% / 0.96);--border-faint: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.03);--border-strong: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.16);--border-subtle: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.08);--bug-reporter-modal-submitting-background: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 0.6230769231) 7.3% / 0.6);--button-creator-revenue-background: var(--teal-430);--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(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 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(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 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(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 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(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 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);--card-gradient-bg: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.4);--card-gradient-pressed-bg: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.5);--card-primary-bg: var(--primary-600);--card-primary-pressed-bg: var(--primary-645);--card-secondary-bg: var(--primary-630);--card-secondary-pressed-bg: var(--primary-645);--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-banner-bg: var(--primary-630);--chat-border: var(--primary-700);--chat-input-container-background: var(--primary-600);--chat-swipe-to-reply-background: var(--primary-660);--chat-swipe-to-reply-gradient-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.1);--coachmark-bg: var(--primary-800);--content-inventory-media-seekbar-container: hsl(from var(--systemcolor-base) calc(h + 6) calc(s * 0.5153846154) 79.4% / 0.24);--content-inventory-overlay-text-primary: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.85);--content-inventory-overlay-text-secondary: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.7);--content-inventory-overlay-ui-mod: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.7);--content-inventory-overlay-ui-mod-bg: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.1);--context-menu-backdrop-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.7);--control-brand-foreground: var(--brand-360);--control-brand-foreground-new: var(--brand-360);--creator-revenue-icon-gradient-end: var(--teal-430);--creator-revenue-icon-gradient-start: var(--teal-360);--creator-revenue-info-box-background: hsl(from var(--systemcolor-base) calc(h + -35) calc(s * 4.8461538462) 33.9% / 0.1);--creator-revenue-info-box-border: var(--teal-400);--creator-revenue-locked-channel-icon: var(--teal-345);--creator-revenue-progress-bar: var(--teal-400);--deprecated-card-bg: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.6);--deprecated-card-editable-bg: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.3);--deprecated-quickswitcher-input-background: var(--primary-400);--deprecated-quickswitcher-input-placeholder: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.3);--deprecated-store-bg: var(--primary-600);--deprecated-text-input-bg: var(--primary-700);--deprecated-text-input-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 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(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.5);--divider-strong: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.16);--divider-subtle: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.08);--embed-background: var(--primary-630);--embed-background-alternate: var(--primary-600);--embed-title: var(--primary-130);--expression-picker-bg: var(--primary-630);--focus-primary: var(--blue-345);--forum-post-extra-media-count-container-background: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.8);--forum-post-tag-background: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.9);--guild-icon-inactive-bg: var(--primary-630);--guild-icon-inactive-nested-bg: var(--primary-600);--guild-notifications-bottom-sheet-pill-background: var(--primary-700);--halo-positive: hsl(from var(--systemcolor-base) calc(h + -80) calc(s * 5) 39.2% / 0.24);--header-muted: var(--primary-360);--header-primary: var(--primary-130);--header-secondary: var(--primary-330);--home-background: var(--primary-645);--home-card-resting-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0);--icon-muted: var(--primary-400);--icon-primary: var(--primary-130);--icon-secondary: var(--primary-330);--icon-transparent: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0);--info-box-background: hsl(from var(--systemcolor-base) calc(h + -25) calc(s * 7.6923076923) 49.4% / 0.1);--info-danger-background: hsl(from var(--systemcolor-base) calc(h + 134) calc(s * 6.7153846154) 59.8% / 0.1);--info-danger-foreground: var(--red-400);--info-danger-text: var(--white-500);--info-help-background: hsl(from var(--systemcolor-base) calc(h + -25) calc(s * 7.6923076923) 49.4% / 0.1);--info-help-foreground: var(--blue-345);--info-help-text: var(--white-500);--info-positive-background: hsl(from var(--systemcolor-base) calc(h + -80) calc(s * 5) 39.2% / 0.1);--info-positive-foreground: var(--green-360);--info-positive-text: var(--white-500);--info-warning-background: hsl(from var(--systemcolor-base) calc(h + -185) calc(s * 6.6461538462) 56.9% / 0.1);--info-warning-foreground: var(--yellow-300);--info-warning-text: var(--white-500);--input-background: var(--primary-700);--input-focused-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.16);--input-placeholder-text: var(--input-placeholder-text-dark);--interactive-active: var(--white-500);--interactive-hover: var(--primary-230);--interactive-muted: var(--primary-500);--interactive-normal: var(--primary-330);--legacy-android-blur-overlay-default: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.5);--legacy-android-blur-overlay-ultra-thin: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.025);--legacy-blur-fallback-default: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.975);--legacy-blur-fallback-ultra-thin: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.95);--live-stage-tile-border: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.6);--logo-primary: var(--white-500);--mention-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.3);--mention-foreground: var(--brand-260);--modal-background: var(--primary-600);--modal-footer-background: var(--primary-630);--navigator-header-tint: var(--white-500);--panel-bg: var(--primary-600);--polls-normal-fill-hover: var(--primary-600);--polls-normal-image-background: var(--primary-660);--polls-victor-fill: hsl(from var(--systemcolor-base) calc(h + -80) calc(s * 5) 39.2% / 0.2);--polls-voted-fill: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.2);--profile-gradient-card-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.7);--profile-gradient-message-input-border: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.48);--profile-gradient-note-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.3);--profile-gradient-overlay: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.6);--profile-gradient-overlay-synced-with-user-theme: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.8);--profile-gradient-profile-body-background-hover: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.16);--profile-gradient-role-pill-background: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.5);--profile-gradient-role-pill-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.2);--profile-gradient-section-box: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.45);--redesign-activity-card-background: var(--primary-560);--redesign-activity-card-background-pressed: var(--primary-630);--redesign-activity-card-badge-icon: var(--primary-360);--redesign-activity-card-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.02);--redesign-activity-card-overflow-background: var(--primary-630);--redesign-button-active-background: var(--green-430);--redesign-button-active-pressed-background: var(--green-460);--redesign-button-active-text: var(--white-500);--redesign-button-danger-background: var(--red-430);--redesign-button-danger-pressed-background: var(--red-460);--redesign-button-danger-text: var(--white-500);--redesign-button-destructive-background: var(--red-430);--redesign-button-destructive-pressed-background: var(--red-460);--redesign-button-destructive-text: var(--white-500);--redesign-button-overlay-alpha-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.54);--redesign-button-overlay-alpha-pressed-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.64);--redesign-button-overlay-alpha-text: var(--white-500);--redesign-button-overlay-background: var(--white-500);--redesign-button-overlay-pressed-background: var(--primary-230);--redesign-button-overlay-text: var(--primary-860);--redesign-button-positive-background: var(--green-430);--redesign-button-positive-pressed-background: var(--green-460);--redesign-button-positive-text: var(--white-500);--redesign-button-primary-alt-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0);--redesign-button-primary-alt-border: var(--brand-360);--redesign-button-primary-alt-on-blurple-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 5.1307692308) 58.8% / 0);--redesign-button-primary-alt-on-blurple-border: var(--white-500);--redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);--redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);--redesign-button-primary-alt-on-blurple-text: var(--white-500);--redesign-button-primary-alt-pressed-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 3.6153846154) 25.9% / 0.16);--redesign-button-primary-alt-pressed-border: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.6230769231) 71.8% / 0.5);--redesign-button-primary-alt-pressed-text: var(--brand-360);--redesign-button-primary-alt-text: var(--brand-360);--redesign-button-primary-background: var(--brand-500);--redesign-button-primary-on-blurple-pressed-text: var(--brand-530);--redesign-button-primary-overlay-background: var(--white-500);--redesign-button-primary-overlay-pressed-background: var(--primary-230);--redesign-button-primary-overlay-text: var(--primary-860);--redesign-button-primary-pressed-background: var(--brand-560);--redesign-button-primary-text: var(--white-500);--redesign-button-secondary-background: var(--primary-460);--redesign-button-secondary-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 100% / 0.08);--redesign-button-secondary-overlay-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.54);--redesign-button-secondary-overlay-pressed-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.64);--redesign-button-secondary-overlay-text: var(--white-500);--redesign-button-secondary-pressed-background: var(--primary-500);--redesign-button-secondary-pressed-border: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0);--redesign-button-secondary-text: var(--primary-230);--redesign-button-selected-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.24);--redesign-button-selected-pressed-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.28);--redesign-button-selected-text: var(--brand-500);--redesign-button-tertiary-background: var(--primary-660);--redesign-button-tertiary-pressed-background: var(--primary-560);--redesign-button-tertiary-pressed-text: var(--primary-330);--redesign-button-tertiary-text: var(--primary-230);--redesign-channel-category-name-text: var(--primary-330);--redesign-channel-message-preview-text: var(--primary-360);--redesign-channel-name-muted-text: var(--primary-360);--redesign-channel-name-text: var(--primary-130);--redesign-chat-input-background: var(--primary-700);--redesign-image-button-pressed-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0.08);--redesign-input-control-active-bg: var(--primary-645);--redesign-input-control-selected: var(--brand-500);--redesign-only-background-active: var(--primary-530);--redesign-only-background-default: var(--primary-600);--redesign-only-background-overlay: var(--primary-645);--redesign-only-background-raised: var(--primary-630);--redesign-only-background-sunken: var(--primary-660);--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(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0% / 0);--spoiler-hidden-background: var(--primary-700);--spoiler-revealed-background: var(--primary-660);--status-danger: var(--red-400);--status-danger-background: var(--red-430);--status-danger-text: var(--white-500);--status-dnd: var(--red-400);--status-idle: var(--yellow-300);--status-offline: var(--primary-360);--status-online: var(--green-360);--status-positive: var(--green-360);--status-positive-background: var(--green-430);--status-positive-text: var(--white-500);--status-speaking: var(--green-360);--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-low-contrast: var(--primary-360);--text-message-preview-low-sat: var(--primary-360);--text-muted: var(--primary-360);--text-muted-on-default: var(--primary-330);--text-normal: var(--primary-230);--text-positive: var(--green-330);--text-primary: var(--primary-230);--text-secondary: var(--primary-330);--text-warning: var(--yellow-300);--textbox-markdown-syntax: var(--primary-360);--theme-locked-blur-fallback: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.96);--thread-channel-spine: var(--primary-500);--toast-bg: var(--primary-800);--typing-indicator-bg: var(--primary-630);--user-profile-header-overflow-background: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.5);--voice-video-video-tile-background: hsl(from var(--systemcolor-base) calc(h + 8) calc(s * 0.7153846154) 19% / 0.4);--voice-video-video-tile-blur-fallback: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.48);--white: var(--white-500);--you-bar-bg: var(--primary-800)}.theme-light{--action-sheet-gradient-bg: var(--primary-130);--activity-card-background: var(--white-500);--activity-card-icon-overlay: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.5153846154) 20.6% / 0.85);--alert-bg: var(--white-500);--android-navigation-bar-background: var(--primary-100);--android-navigation-scrim-background: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 97.6% / 0.5);--android-ripple: hsl(var(--black-500-hsl) / 0.12);--background-accent: var(--primary-430);--background-floating: var(--white-500);--background-mentioned: hsl(var(--yellow-300-hsl) / 0.1);--background-mentioned-hover: hsl(var(--yellow-300-hsl) / 0.2);--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(from var(--systemcolor-base) calc(h + 10) calc(s * 6.6230769231) 77.5% / 0.1);--background-message-highlight-hover: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.6230769231) 77.5% / 0.2);--background-message-hover: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0.8% / 0.03);--background-mobile-primary: var(--primary-100);--background-mobile-secondary: var(--white-500);--background-modifier-accent: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.24);--background-modifier-accent-2: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.16);--background-modifier-active: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.2);--background-modifier-hover: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.16);--background-modifier-selected: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.24);--background-nested-floating: var(--white-500);--background-primary: var(--white-500);--background-secondary: var(--primary-130);--background-secondary-alt: var(--primary-160);--background-tertiary: var(--primary-200);--bg-backdrop: hsl(var(--black-500-hsl) / 0.54);--bg-backdrop-no-opacity: var(--black-500);--bg-base-primary: var(--white-500);--bg-base-secondary: var(--primary-130);--bg-base-tertiary: var(--primary-160);--bg-brand: var(--brand-500);--bg-mod-faint: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.08);--bg-mod-strong: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.24);--bg-mod-subtle: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.16);--bg-surface-overlay: var(--white-500);--bg-surface-overlay-tmp: var(--primary-130);--bg-surface-raised: var(--white-500);--black: var(--black-500);--blur-fallback: hsl(from var(--systemcolor-base) calc(h + 2) calc(s * 0.5) 27.3% / 0.96);--blur-fallback-pressed: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.5153846154) 23.5% / 0.96);--border-faint: hsl(var(--black-500-hsl) / 0.04);--border-strong: hsl(var(--black-500-hsl) / 0.16);--border-subtle: hsl(var(--black-500-hsl) / 0.08);--bug-reporter-modal-submitting-background: hsl(var(--white-500-hsl) / 0.6);--button-creator-revenue-background: var(--teal-430);--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(--black-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-430);--button-outline-danger-border-active: var(--red-430);--button-outline-danger-border-hover: var(--red-430);--button-outline-danger-text: var(--black-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-400);--button-outline-positive-border-active: var(--green-530);--button-outline-positive-border-hover: var(--green-430);--button-outline-positive-text: var(--black-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-600);--button-outline-primary-background-hover: var(--primary-530);--button-outline-primary-border: var(--primary-530);--button-outline-primary-border-active: var(--primary-600);--button-outline-primary-border-hover: var(--primary-530);--button-outline-primary-text: var(--black-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-530);--button-secondary-background: var(--primary-430);--button-secondary-background-active: var(--primary-530);--button-secondary-background-disabled: var(--primary-430);--button-secondary-background-hover: var(--primary-500);--card-gradient-bg: hsl(var(--white-500-hsl) / 0.7);--card-gradient-pressed-bg: hsl(var(--white-500-hsl) / 0.5);--card-primary-bg: var(--white-500);--card-primary-pressed-bg: var(--primary-160);--card-secondary-bg: var(--white-500);--card-secondary-pressed-bg: var(--primary-160);--channel-icon: var(--primary-430);--channel-text-area-placeholder: var(--primary-400);--channels-default: var(--primary-460);--channeltextarea-background: var(--primary-160);--chat-background: var(--white-500);--chat-banner-bg: var(--primary-130);--chat-border: var(--primary-200);--chat-input-container-background: var(--white-500);--chat-swipe-to-reply-background: var(--primary-160);--chat-swipe-to-reply-gradient-background: hsl(var(--white-500-hsl) / 0.4);--coachmark-bg: var(--white-500);--content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl) / 0.24);--content-inventory-overlay-text-primary: hsl(var(--white-500-hsl) / 0.85);--content-inventory-overlay-text-secondary: hsl(var(--white-500-hsl) / 0.7);--content-inventory-overlay-ui-mod: hsl(var(--white-500-hsl) / 0.7);--content-inventory-overlay-ui-mod-bg: hsl(var(--black-500-hsl) / 0.1);--context-menu-backdrop-background: hsl(var(--black-500-hsl) / 0.54);--control-brand-foreground: var(--brand-500);--control-brand-foreground-new: var(--brand-500);--creator-revenue-icon-gradient-end: var(--teal-400);--creator-revenue-icon-gradient-start: var(--teal-345);--creator-revenue-info-box-background: hsl(var(--teal-430-hsl) / 0.1);--creator-revenue-info-box-border: var(--teal-400);--creator-revenue-locked-channel-icon: var(--teal-400);--creator-revenue-progress-bar: var(--teal-345);--deprecated-card-bg: var(--primary-100);--deprecated-card-editable-bg: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 97.6% / 0.6);--deprecated-quickswitcher-input-background: var(--white-500);--deprecated-quickswitcher-input-placeholder: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.3);--deprecated-store-bg: var(--primary-100);--deprecated-text-input-bg: var(--primary-200);--deprecated-text-input-border: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.3);--deprecated-text-input-border-disabled: var(--primary-200);--deprecated-text-input-border-hover: var(--primary-300);--deprecated-text-input-prefix: var(--primary-300);--display-banner-overflow-background: hsl(var(--white-200-hsl) / 0.5);--divider-strong: hsl(var(--black-500-hsl) / 0.16);--divider-subtle: hsl(var(--black-500-hsl) / 0.08);--embed-background: var(--primary-130);--embed-background-alternate: var(--primary-200);--embed-title: var(--primary-860);--expression-picker-bg: var(--primary-130);--focus-primary: var(--blue-360);--forum-post-extra-media-count-container-background: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.8538461538) 92.9% / 0.8);--forum-post-tag-background: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.8538461538) 92.9% / 0.9);--guild-icon-inactive-bg: var(--primary-130);--guild-icon-inactive-nested-bg: var(--white-500);--guild-notifications-bottom-sheet-pill-background: var(--white-500);--halo-positive: hsl(var(--green-360-hsl) / 0.24);--header-muted: var(--primary-460);--header-primary: var(--primary-860);--header-secondary: var(--primary-500);--home-background: var(--primary-100);--home-card-resting-border: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.24);--icon-muted: var(--primary-400);--icon-primary: var(--primary-860);--icon-secondary: var(--primary-500);--icon-transparent: hsl(var(--transparent-hsl) / 0);--info-box-background: hsl(var(--blue-345-hsl) / 0.1);--info-danger-background: hsl(var(--red-430-hsl) / 0.1);--info-danger-foreground: var(--red-430);--info-danger-text: var(--black-500);--info-help-background: hsl(var(--blue-430-hsl) / 0.1);--info-help-foreground: var(--blue-430);--info-help-text: var(--black-500);--info-positive-background: hsl(var(--green-400-hsl) / 0.05);--info-positive-foreground: var(--green-400);--info-positive-text: var(--black-500);--info-warning-background: hsl(var(--yellow-400-hsl) / 0.1);--info-warning-foreground: var(--yellow-400);--info-warning-text: var(--black-500);--input-background: hsl(var(--black-500-hsl) / 0.08);--input-focused-border: hsl(var(--black-500-hsl) / 0.16);--input-placeholder-text: var(--primary-460);--interactive-active: var(--primary-860);--interactive-hover: var(--primary-600);--interactive-muted: var(--primary-300);--interactive-normal: var(--primary-500);--legacy-android-blur-overlay-default: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 1) 95.5% / 0.1);--legacy-android-blur-overlay-ultra-thin: hsl(var(--white-500-hsl) / 0.25);--legacy-blur-fallback-default: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.7) 87.1% / 0.975);--legacy-blur-fallback-ultra-thin: hsl(var(--white-500-hsl) / 0.95);--live-stage-tile-border: hsl(from var(--systemcolor-base) calc(h + 4) calc(s * 0.3692307692) 44.9% / 0.15);--logo-primary: var(--brand-500);--mention-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.15);--mention-foreground: var(--brand-500);--modal-background: var(--white-500);--modal-footer-background: var(--primary-130);--navigator-header-tint: var(--primary-500);--panel-bg: var(--white-500);--polls-normal-fill-hover: var(--primary-230);--polls-normal-image-background: var(--white-500);--polls-victor-fill: hsl(var(--green-400-hsl) / 0.2);--polls-voted-fill: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.2);--profile-gradient-card-background: hsl(var(--white-500-hsl) / 0.7);--profile-gradient-message-input-border: hsl(from var(--systemcolor-base) calc(h + 4) calc(s * 0.3692307692) 44.9% / 0.24);--profile-gradient-note-background: hsl(var(--white-500-hsl) / 0.3);--profile-gradient-overlay: hsl(var(--white-500-hsl) / 0.6);--profile-gradient-overlay-synced-with-user-theme: hsl(var(--white-500-hsl) / 0.8);--profile-gradient-profile-body-background-hover: hsl(var(--black-500-hsl) / 0.08);--profile-gradient-role-pill-background: hsl(var(--white-500-hsl) / 0.5);--profile-gradient-role-pill-border: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 0.2);--profile-gradient-section-box: hsl(var(--white-500-hsl) / 0.45);--redesign-activity-card-background: var(--white-500);--redesign-activity-card-background-pressed: var(--primary-160);--redesign-activity-card-badge-icon: var(--primary-400);--redesign-activity-card-border: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 0.24);--redesign-activity-card-overflow-background: var(--primary-230);--redesign-button-active-background: var(--green-430);--redesign-button-active-pressed-background: var(--green-460);--redesign-button-active-text: var(--white-500);--redesign-button-danger-background: var(--red-430);--redesign-button-danger-pressed-background: var(--red-460);--redesign-button-danger-text: var(--white-500);--redesign-button-destructive-background: var(--red-430);--redesign-button-destructive-pressed-background: var(--red-460);--redesign-button-destructive-text: var(--white-500);--redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl) / 0.54);--redesign-button-overlay-alpha-pressed-background: hsl(var(--black-500-hsl) / 0.64);--redesign-button-overlay-alpha-text: var(--white-500);--redesign-button-overlay-background: var(--white-500);--redesign-button-overlay-pressed-background: var(--primary-230);--redesign-button-overlay-text: var(--primary-860);--redesign-button-positive-background: var(--green-430);--redesign-button-positive-pressed-background: var(--green-460);--redesign-button-positive-text: var(--white-500);--redesign-button-primary-alt-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0);--redesign-button-primary-alt-border: var(--brand-500);--redesign-button-primary-alt-on-blurple-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 5.1307692308) 58.8% / 0);--redesign-button-primary-alt-on-blurple-border: var(--white-500);--redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);--redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);--redesign-button-primary-alt-on-blurple-text: var(--white-500);--redesign-button-primary-alt-pressed-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.06);--redesign-button-primary-alt-pressed-border: var(--brand-330);--redesign-button-primary-alt-pressed-text: var(--brand-560);--redesign-button-primary-alt-text: var(--brand-500);--redesign-button-primary-background: var(--brand-500);--redesign-button-primary-on-blurple-pressed-text: var(--brand-530);--redesign-button-primary-overlay-background: var(--white-500);--redesign-button-primary-overlay-pressed-background: var(--primary-230);--redesign-button-primary-overlay-text: var(--primary-860);--redesign-button-primary-pressed-background: var(--brand-560);--redesign-button-primary-text: var(--white-500);--redesign-button-secondary-background: var(--white-500);--redesign-button-secondary-border: hsl(var(--black-500-hsl) / 0.08);--redesign-button-secondary-overlay-background: hsl(var(--black-500-hsl) / 0.54);--redesign-button-secondary-overlay-pressed-background: hsl(var(--black-500-hsl) / 0.64);--redesign-button-secondary-overlay-text: var(--white-500);--redesign-button-secondary-pressed-background: var(--primary-130);--redesign-button-secondary-pressed-border: hsl(var(--black-500-hsl) / 0.04);--redesign-button-secondary-text: var(--primary-600);--redesign-button-selected-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.16);--redesign-button-selected-pressed-background: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 6.5846153846) 64.7% / 0.24);--redesign-button-selected-text: var(--brand-500);--redesign-button-tertiary-background: hsl(var(--black-500-hsl) / 0.08);--redesign-button-tertiary-pressed-background: hsl(var(--black-500-hsl) / 0.16);--redesign-button-tertiary-pressed-text: var(--primary-500);--redesign-button-tertiary-text: var(--primary-600);--redesign-channel-category-name-text: var(--primary-500);--redesign-channel-message-preview-text: var(--primary-460);--redesign-channel-name-muted-text: var(--primary-460);--redesign-channel-name-text: var(--primary-860);--redesign-chat-input-background: hsl(var(--black-500-hsl) / 0.08);--redesign-image-button-pressed-background: hsl(var(--black-500-hsl) / 0.08);--redesign-input-control-active-bg: var(--white-500);--redesign-input-control-selected: var(--brand-500);--redesign-only-background-active: var(--primary-430);--redesign-only-background-default: var(--white-500);--redesign-only-background-overlay: var(--primary-160);--redesign-only-background-raised: var(--primary-130);--redesign-only-background-sunken: var(--primary-200);--scrollbar-auto-scrollbar-color-thumb: var(--primary-230);--scrollbar-auto-scrollbar-color-track: var(--primary-130);--scrollbar-auto-thumb: var(--primary-300);--scrollbar-auto-track: var(--primary-160);--scrollbar-thin-thumb: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 0.3);--scrollbar-thin-track: hsl(var(--black-500-hsl) / 0);--spoiler-hidden-background: var(--primary-200);--spoiler-revealed-background: var(--primary-160);--status-danger: var(--red-430);--status-danger-background: var(--red-430);--status-danger-text: var(--white-500);--status-dnd: var(--red-430);--status-idle: var(--yellow-400);--status-offline: var(--primary-460);--status-online: var(--green-400);--status-positive: var(--green-400);--status-positive-background: var(--green-430);--status-positive-text: var(--white-500);--status-speaking: var(--green-360);--status-warning: var(--yellow-400);--status-warning-background: var(--yellow-400);--status-warning-text: var(--white-500);--text-brand: var(--brand-500);--text-danger: var(--red-500);--text-link: var(--blue-430);--text-link-low-saturation: var(--blue-430);--text-low-contrast: var(--primary-460);--text-message-preview-low-sat: var(--primary-460);--text-muted: var(--primary-460);--text-muted-on-default: var(--primary-430);--text-normal: var(--primary-600);--text-positive: var(--green-430);--text-primary: var(--primary-600);--text-secondary: var(--primary-500);--text-warning: var(--yellow-430);--textbox-markdown-syntax: var(--primary-530);--theme-locked-blur-fallback: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.96);--thread-channel-spine: var(--primary-300);--toast-bg: var(--white-500);--typing-indicator-bg: var(--primary-130);--user-profile-header-overflow-background: hsl(var(--white-200-hsl) / 0.5);--voice-video-video-tile-background: hsl(var(--plum-17-hsl) / 0.4);--voice-video-video-tile-blur-fallback: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 0.48);--white: var(--white-500);--you-bar-bg: var(--white-500)}:root{--brand-100: hsl(from var(--systemcolor-base) calc(h + 15) calc(s * 0.778) 98.2% / 1);--brand-130: hsl(from var(--systemcolor-base) calc(h + 11) calc(s * 0.875) 96.9% / 1);--brand-160: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.846) 94.9% / 1);--brand-200: hsl(from var(--systemcolor-base) calc(h + 11) calc(s * 0.833) 92.9% / 1);--brand-230: hsl(from var(--systemcolor-base) calc(h + 11) calc(s * 0.87) 91% / 1);--brand-260: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.862) 88.6% / 1);--brand-300: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.861) 85.9% / 1);--brand-330: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.851) 81.6% / 1);--brand-345: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.852) 78.8% / 1);--brand-360: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.861) 77.5% / 1);--brand-400: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.861) 71.8% / 1);--brand-430: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.857) 69.8% / 1);--brand-460: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.855) 67.5% / 1);--brand-500: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.856) 64.7% / 1);--brand-530: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.667) 58.8% / 1);--brand-560: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.514) 52.4% / 1);--brand-600: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.467) 44.1% / 1);--brand-630: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.467) 38.2% / 1);--brand-660: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.471) 33.3% / 1);--brand-700: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.47) 25.9% / 1);--brand-730: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.468) 24.3% / 1);--brand-760: hsl(from var(--systemcolor-base) calc(h + 9) calc(s * 0.469) 22.2% / 1);--brand-800: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.475) 19.4% / 1);--brand-830: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.474) 14.9% / 1);--brand-860: hsl(from var(--systemcolor-base) calc(h + 10) calc(s * 0.469) 9.6% / 1);--brand-900: hsl(from var(--systemcolor-base) calc(h + 8) calc(s * 0.5) 3.1% / 1)}:root{--primary-100: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 97.6% / 1);--primary-130: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 1) 95.5% / 1);--primary-160: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.8538461538) 92.9% / 1);--primary-200: hsl(from var(--systemcolor-base) calc(h + -9) calc(s * 0.7538461538) 90% / 1);--primary-230: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.7) 87.1% / 1);--primary-260: hsl(from var(--systemcolor-base) calc(h + -11) calc(s * 0.6461538462) 83.7% / 1);--primary-300: hsl(from var(--systemcolor-base) calc(h + -15) calc(s * 0.7153846154) 78.8% / 1);--primary-330: hsl(from var(--systemcolor-base) calc(h + -10) calc(s * 0.6769230769) 73.3% / 1);--primary-345: hsl(from var(--systemcolor-base) calc(h + -11) calc(s * 0.6461538462) 67.5% / 1);--primary-360: hsl(from var(--systemcolor-base) calc(h + -11) calc(s * 0.6230769231) 61.2% / 1);--primary-400: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.4461538462) 52.9% / 1);--primary-430: hsl(from var(--systemcolor-base) calc(h + 4) calc(s * 0.3692307692) 44.9% / 1);--primary-460: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4) 38% / 1);--primary-500: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.4615384615) 32.5% / 1);--primary-530: hsl(from var(--systemcolor-base) calc(h + 2) calc(s * 0.5) 27.3% / 1);--primary-560: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.5153846154) 23.5% / 1);--primary-600: hsl(from var(--systemcolor-base) calc(h + -2) calc(s * 0.5153846154) 20.6% / 1);--primary-630: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 0.5) 18% / 1);--primary-645: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 0.5384615385) 16.9% / 1);--primary-660: hsl(from var(--systemcolor-base) calc(h + 3) calc(s * 0.5153846154) 14.7% / 1);--primary-700: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.4846153846) 12.5% / 1);--primary-730: hsl(from var(--systemcolor-base) calc(h + 0) calc(s * 0.5461538462) 11% / 1);--primary-760: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 0.4923076923) 9.2% / 1);--primary-800: hsl(from var(--systemcolor-base) calc(h + -5) calc(s * 0.6230769231) 7.3% / 1);--primary-830: hsl(from var(--systemcolor-base) calc(h + 15) calc(s * 0.3076923077) 4.9% / 1);--primary-860: hsl(from var(--systemcolor-base) calc(h + 15) calc(s * 0.5923076923) 2.5% / 1);--primary-900: hsl(from var(--systemcolor-base) calc(h + -225) calc(s * 0) 0.8% / 1)}:root{--systemcolor-base:var(--os-accent-color)}@property --systemcolor-base{syntax:"";inherits:true;initial-value:aqua} \ No newline at end of file