mirror of
https://github.com/refact0r/midnight-discord.git
synced 2026-08-29 03:01:13 +02:00
462 lines
28 KiB
CSS
462 lines
28 KiB
CSS
.theme-darker {
|
|
--app-frame-background: var(--neutral-97);
|
|
--app-frame-border: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--app-message-embed-secondary-text: hsl(var(--white-hsl) / 0.7);
|
|
--background-accent: var(--plum-15);
|
|
--background-base-low: var(--neutral-82);
|
|
--background-base-lower: var(--neutral-86);
|
|
--background-base-lowest: var(--neutral-92);
|
|
--background-brand: var(--blurple-50);
|
|
--background-code: hsl(var(--opacity-blurple-8-hsl) / 0.0784313725490196);
|
|
--background-code-addition: hsl(var(--opacity-green-12-hsl) / 0.12156862745098039);
|
|
--background-code-deletion: hsl(var(--opacity-red-12-hsl) / 0.12156862745098039);
|
|
--background-feedback-critical: hsl(var(--opacity-red-8-hsl) / 0.0784313725490196);
|
|
--background-feedback-info: hsl(var(--opacity-blue-8-hsl) / 0.0784313725490196);
|
|
--background-feedback-positive: hsl(var(--opacity-green-8-hsl) / 0.0784313725490196);
|
|
--background-feedback-warning: hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196);
|
|
--background-mod-muted: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--background-mod-normal: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
|
|
--background-mod-strong: hsl(var(--opacity-20-hsl) / 0.2);
|
|
--background-mod-subtle: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
|
|
--background-scrim: hsl(var(--opacity-black-72-hsl) / 0.7215686274509804);
|
|
--background-scrim-lightbox: hsl(var(--opacity-black-92-hsl) / 0.9215686274509803);
|
|
--background-secondary-alt: var(--plum-15);
|
|
--background-surface-high: var(--neutral-79);
|
|
--background-surface-higher: var(--neutral-76);
|
|
--background-surface-highest: var(--neutral-73);
|
|
--background-tile-gradient-pink-end: hsl(var(--illo-pink-70-hsl) / 0.3);
|
|
--background-tile-gradient-pink-start: hsl(var(--illo-pink-50-hsl) / 0.3);
|
|
--badge-background-default: var(--blurple-50);
|
|
--badge-expressive-background-default: var(--neutral-1);
|
|
--badge-expressive-text-default: var(--neutral-71);
|
|
--badge-text-default: var(--neutral-1);
|
|
--bg-surface-overlay-tmp: var(--neutral-73);
|
|
--bg-surface-raised: var(--plum-18);
|
|
--border-feedback-critical: hsl(var(--opacity-red-20-hsl) / 0.2);
|
|
--border-focus: var(--blue-345);
|
|
--border-muted: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--border-normal: hsl(var(--opacity-20-hsl) / 0.2);
|
|
--border-strong: hsl(var(--opacity-44-hsl) / 0.4392156862745098);
|
|
--border-subtle: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--button-danger-background-disabled: var(--red-new-50);
|
|
--button-outline-brand-background-hover: var(--brand-500);
|
|
--button-outline-brand-border-active: var(--brand-560);
|
|
--button-outline-primary-text: var(--white);
|
|
--card-background-default: var(--neutral-79);
|
|
--card-primary-pressed-bg: var(--plum-19);
|
|
--card-secondary-bg: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
|
|
--card-secondary-pressed-bg: var(--plum-21);
|
|
--channel-icon: var(--neutral-34);
|
|
--channel-text-area-placeholder: var(--plum-11);
|
|
--channels-default: var(--neutral-34);
|
|
--channeltextarea-background: var(--plum-15);
|
|
--chat-background: var(--plum-16);
|
|
--chat-background-default: var(--neutral-80);
|
|
--chat-border: var(--plum-20);
|
|
--chat-text-muted: var(--neutral-34);
|
|
--checkbox-background-active: var(--blurple-65);
|
|
--checkbox-background-default: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--checkbox-background-hover: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
|
|
--checkbox-background-selected-default: var(--blurple-50);
|
|
--checkbox-background-selected-hover: var(--blurple-60);
|
|
--checkbox-border-active: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--checkbox-border-default: var(--neutral-40);
|
|
--checkbox-border-hover: hsl(var(--opacity-80-hsl) / 0.8);
|
|
--checkbox-border-selected-default: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--checkbox-border-selected-hover: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--checkbox-icon-active: var(--neutral-1);
|
|
--chip-blurple-dark-background: var(--blurple-70);
|
|
--chip-blurple-dark-text: var(--blurple-1);
|
|
--chip-blurple-light-background: var(--blurple-20);
|
|
--chip-blurple-light-text: var(--blurple-91);
|
|
--chip-blurple-medium-background: var(--blurple-40);
|
|
--chip-blurple-medium-text: var(--blurple-100);
|
|
--chip-gray-dark-background: var(--neutral-75);
|
|
--chip-gray-dark-text: var(--neutral-6);
|
|
--chip-gray-light-background: var(--neutral-10);
|
|
--chip-gray-light-text: var(--neutral-68);
|
|
--chip-gray-medium-background: var(--neutral-40);
|
|
--chip-gray-medium-text: var(--neutral-1);
|
|
--chip-green-dark-background: var(--green-new-70);
|
|
--chip-green-dark-text: var(--green-new-1);
|
|
--chip-green-light-background: var(--green-new-20);
|
|
--chip-green-light-text: var(--green-new-90);
|
|
--chip-green-medium-background: var(--green-new-45);
|
|
--chip-green-medium-text: var(--green-new-95);
|
|
--chip-orange-dark-background: var(--orange-new-70);
|
|
--chip-orange-dark-text: var(--orange-new-1);
|
|
--chip-orange-light-background: var(--orange-new-20);
|
|
--chip-orange-light-text: var(--orange-new-93);
|
|
--chip-orange-medium-background: var(--orange-new-40);
|
|
--chip-orange-medium-text: var(--orange-new-100);
|
|
--chip-pink-dark-background: var(--illo-pink-60);
|
|
--chip-pink-dark-text: var(--neutral-1);
|
|
--chip-pink-light-background: var(--illo-pink-20);
|
|
--chip-pink-light-text: var(--neutral-73);
|
|
--chip-pink-medium-background: var(--illo-pink-40);
|
|
--chip-pink-medium-text: var(--neutral-100);
|
|
--chip-purple-dark-background: var(--illo-purple-60);
|
|
--chip-purple-dark-text: var(--neutral-10);
|
|
--chip-purple-light-background: var(--illo-purple-20);
|
|
--chip-purple-light-text: var(--neutral-75);
|
|
--chip-purple-medium-background: var(--illo-purple-40);
|
|
--chip-purple-medium-text: var(--neutral-100);
|
|
--chip-red-dark-background: var(--red-new-70);
|
|
--chip-red-dark-text: var(--red-new-1);
|
|
--chip-red-light-background: var(--red-new-20);
|
|
--chip-red-light-text: var(--red-new-94);
|
|
--chip-red-medium-background: var(--red-new-45);
|
|
--chip-red-medium-text: var(--red-new-100);
|
|
--chip-yellow-dark-background: var(--yellow-new-70);
|
|
--chip-yellow-dark-text: var(--yellow-new-1);
|
|
--chip-yellow-light-background: var(--yellow-new-20);
|
|
--chip-yellow-light-text: var(--yellow-new-92);
|
|
--chip-yellow-medium-background: var(--yellow-new-45);
|
|
--chip-yellow-medium-text: var(--yellow-new-96);
|
|
--content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl) / 0.24);
|
|
--content-inventory-overlay-text-primary: hsl(var(--white-hsl) / 0.85);
|
|
--content-inventory-overlay-text-secondary: hsl(var(--white-hsl) / 0.7);
|
|
--context-menu-backdrop-background: hsl(var(--opacity-black-72-hsl) / 0.7215686274509804);
|
|
--control-brand-foreground: var(--brand-360);
|
|
--control-brand-foreground-new: var(--brand-360);
|
|
--control-connect-background-active: var(--green-new-62);
|
|
--control-connect-background-default: var(--green-new-50);
|
|
--control-connect-background-hover: var(--green-new-55);
|
|
--control-connect-border-active: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
|
|
--control-connect-border-default: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
|
|
--control-connect-border-hover: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
|
|
--control-connect-icon-active: var(--white);
|
|
--control-connect-icon-default: var(--white);
|
|
--control-connect-icon-hover: var(--white);
|
|
--control-connect-text-active: var(--white);
|
|
--control-connect-text-default: var(--white);
|
|
--control-connect-text-hover: var(--white);
|
|
--control-critical-primary-background-active: var(--red-new-62);
|
|
--control-critical-primary-background-default: var(--red-new-50);
|
|
--control-critical-primary-background-hover: var(--red-new-55);
|
|
--control-critical-primary-border-active: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
|
|
--control-critical-primary-border-default: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
|
|
--control-critical-primary-border-hover: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
|
|
--control-critical-primary-icon-active: var(--white);
|
|
--control-critical-primary-icon-default: var(--white);
|
|
--control-critical-primary-icon-hover: var(--white);
|
|
--control-critical-primary-text-active: var(--white);
|
|
--control-critical-primary-text-default: var(--white);
|
|
--control-critical-primary-text-hover: var(--white);
|
|
--control-critical-secondary-background-active: hsl(var(--opacity-20-hsl) / 0.2);
|
|
--control-critical-secondary-background-default: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
|
|
--control-critical-secondary-background-hover: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
|
|
--control-critical-secondary-border-active: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--control-critical-secondary-border-default: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--control-critical-secondary-border-hover: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--control-critical-secondary-icon-active: var(--red-new-32);
|
|
--control-critical-secondary-icon-default: var(--red-new-32);
|
|
--control-critical-secondary-icon-hover: var(--red-new-32);
|
|
--control-critical-secondary-text-active: var(--red-new-32);
|
|
--control-critical-secondary-text-default: var(--red-new-32);
|
|
--control-critical-secondary-text-hover: var(--red-new-32);
|
|
--control-expressive-background-active: var(--neutral-10);
|
|
--control-expressive-background-default: var(--neutral-1);
|
|
--control-expressive-background-hover: var(--neutral-1);
|
|
--control-expressive-border-active: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--control-expressive-border-default: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--control-expressive-border-hover: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--control-expressive-icon-active: var(--black);
|
|
--control-expressive-icon-default: var(--black);
|
|
--control-expressive-icon-hover: var(--black);
|
|
--control-expressive-text-active: var(--black);
|
|
--control-expressive-text-default: var(--black);
|
|
--control-expressive-text-hover: var(--black);
|
|
--control-icon-only-background-active: hsl(var(--opacity-20-hsl) / 0.2);
|
|
--control-icon-only-background-hover: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
|
|
--control-icon-only-border-active: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--control-icon-only-border-hover: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--control-icon-only-icon-active: var(--neutral-2);
|
|
--control-icon-only-icon-default: var(--neutral-23);
|
|
--control-icon-only-icon-hover: var(--neutral-2);
|
|
--control-overlay-primary-background-active: var(--neutral-17);
|
|
--control-overlay-primary-background-default: var(--neutral-1);
|
|
--control-overlay-primary-background-hover: var(--neutral-9);
|
|
--control-overlay-primary-border-active: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--control-overlay-primary-border-default: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--control-overlay-primary-border-hover: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--control-overlay-primary-icon-active: var(--black);
|
|
--control-overlay-primary-icon-default: var(--black);
|
|
--control-overlay-primary-icon-hover: var(--black);
|
|
--control-overlay-primary-text-active: var(--black);
|
|
--control-overlay-primary-text-default: var(--black);
|
|
--control-overlay-primary-text-hover: var(--black);
|
|
--control-overlay-secondary-background-active: hsl(var(--opacity-black-48-hsl) / 0.47843137254901963);
|
|
--control-overlay-secondary-background-default: hsl(var(--opacity-black-52-hsl) / 0.5215686274509804);
|
|
--control-overlay-secondary-background-hover: hsl(var(--opacity-black-64-hsl) / 0.6392156862745098);
|
|
--control-overlay-secondary-border-active: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--control-overlay-secondary-border-default: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--control-overlay-secondary-border-hover: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--control-overlay-secondary-icon-active: var(--white);
|
|
--control-overlay-secondary-icon-default: var(--white);
|
|
--control-overlay-secondary-icon-hover: var(--white);
|
|
--control-overlay-secondary-text-active: var(--white);
|
|
--control-overlay-secondary-text-default: var(--white);
|
|
--control-overlay-secondary-text-hover: var(--white);
|
|
--control-primary-background-active: var(--blurple-65);
|
|
--control-primary-background-default: var(--blurple-50);
|
|
--control-primary-background-hover: var(--blurple-60);
|
|
--control-primary-border-active: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
|
|
--control-primary-border-default: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
|
|
--control-primary-border-hover: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
|
|
--control-primary-icon-active: var(--white);
|
|
--control-primary-icon-default: var(--white);
|
|
--control-primary-icon-hover: var(--white);
|
|
--control-primary-text-active: var(--white);
|
|
--control-primary-text-default: var(--white);
|
|
--control-primary-text-hover: var(--white);
|
|
--control-secondary-background-active: hsl(var(--opacity-20-hsl) / 0.2);
|
|
--control-secondary-background-default: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
|
|
--control-secondary-background-hover: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
|
|
--control-secondary-border-active: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--control-secondary-border-default: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--control-secondary-border-hover: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--control-secondary-icon-active: var(--neutral-2);
|
|
--control-secondary-icon-default: var(--neutral-2);
|
|
--control-secondary-icon-hover: var(--neutral-2);
|
|
--control-secondary-text-active: var(--neutral-2);
|
|
--control-secondary-text-default: var(--neutral-2);
|
|
--control-secondary-text-hover: var(--neutral-2);
|
|
--creator-revenue-icon-gradient-end: var(--teal-430);
|
|
--creator-revenue-icon-gradient-start: var(--teal-360);
|
|
--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-345);
|
|
--creator-revenue-progress-bar: var(--teal-400);
|
|
--embed-background: var(--plum-18);
|
|
--embed-background-alternate: var(--plum-18);
|
|
--experimental-avatar-embed-bg: hsl(var(--opacity-black-52-hsl) / 0.5215686274509804);
|
|
--expressive-gradient-blue-end: hsl(var(--illo-blue-60-hsl) / 0.3);
|
|
--expressive-gradient-blue-start: hsl(var(--illo-blue-40-hsl) / 0.3);
|
|
--expressive-gradient-green-end: hsl(var(--illo-green-70-hsl) / 0.3);
|
|
--expressive-gradient-green-start: hsl(var(--illo-green-50-hsl) / 0.3);
|
|
--expressive-gradient-nitro-green-end: hsl(var(--illo-nitro-blue-hsl) / 0.4);
|
|
--expressive-gradient-nitro-green-start: hsl(var(--illo-green-50-hsl) / 0.4);
|
|
--expressive-gradient-nitro-pink-end: hsl(var(--illo-nitro-blue-hsl) / 0.4);
|
|
--expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-60-hsl) / 0.4);
|
|
--expressive-gradient-pink-end: hsl(var(--illo-pink-70-hsl) / 0.3);
|
|
--expressive-gradient-pink-start: hsl(var(--illo-pink-50-hsl) / 0.3);
|
|
--expressive-gradient-purple-end: hsl(var(--illo-purple-60-hsl) / 0.3);
|
|
--expressive-gradient-purple-start: hsl(var(--illo-purple-40-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-bronze-end: hsl(var(--illo-orange-70-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-bronze-start: hsl(var(--illo-orange-30-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-diamond-end: hsl(var(--illo-purple-50-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-diamond-start: hsl(var(--illo-purple-40-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-emerald-end: hsl(var(--illo-green-60-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-emerald-start: hsl(var(--illo-green-40-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-gold-end: hsl(var(--yellow-new-41-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-gold-start: hsl(var(--illo-yellow-50-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-opal-start: hsl(var(--teal-new-30-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-platinum-end: hsl(var(--teal-new-60-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-platinum-start: hsl(var(--teal-new-20-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl) / 0.3);
|
|
--expressive-gradient-tenure-badge-silver-start: hsl(var(--neutral-12-hsl) / 0.3);
|
|
--gradient-progress-pill-background: var(--neutral-56);
|
|
--home-background: var(--plum-18);
|
|
--icon-default: var(--neutral-5);
|
|
--icon-feedback-critical: var(--red-new-32);
|
|
--icon-feedback-info: var(--blue-new-34);
|
|
--icon-feedback-positive: var(--green-new-34);
|
|
--icon-feedback-warning: var(--yellow-new-32);
|
|
--icon-invert: var(--neutral-71);
|
|
--icon-link: var(--blue-new-36);
|
|
--icon-muted: var(--neutral-29);
|
|
--icon-status-dnd: var(--red-400);
|
|
--icon-status-idle: var(--yellow-300);
|
|
--icon-status-offline: var(--plum-9);
|
|
--icon-status-online: var(--green-360);
|
|
--icon-strong: var(--neutral-2);
|
|
--icon-subtle: var(--neutral-23);
|
|
--icon-transparent: hsl(var(--transparent-hsl) / 0);
|
|
--input-background-default: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
|
|
--input-background-error-default: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
|
|
--input-border-active: var(--blue-new-36);
|
|
--input-border-default: hsl(var(--opacity-20-hsl) / 0.2);
|
|
--input-border-error-default: var(--red-new-32);
|
|
--input-border-error-hover: var(--red-new-32);
|
|
--input-border-hover: hsl(var(--opacity-20-hsl) / 0.2);
|
|
--input-border-readonly: hsl(var(--opacity-white-8-hsl) / 0.0784313725490196);
|
|
--input-foreground-placeholder: var(--neutral-36);
|
|
--input-icon-default: var(--neutral-23);
|
|
--input-placeholder-text-default: var(--neutral-36);
|
|
--input-text-default: var(--neutral-5);
|
|
--input-text-error-default: var(--red-new-32);
|
|
--interactive-background-active: hsl(var(--opacity-16-hsl) / 0.1607843137254902);
|
|
--interactive-background-hover: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
|
|
--interactive-background-selected: hsl(var(--opacity-20-hsl) / 0.2);
|
|
--interactive-icon-active: var(--neutral-2);
|
|
--interactive-icon-default: var(--neutral-23);
|
|
--interactive-icon-hover: var(--neutral-2);
|
|
--interactive-muted: var(--plum-13);
|
|
--interactive-text-active: var(--neutral-2);
|
|
--interactive-text-default: var(--neutral-23);
|
|
--interactive-text-hover: var(--neutral-2);
|
|
--logo-primary: var(--white);
|
|
--mention-background: hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981);
|
|
--mention-foreground: var(--blurple-19);
|
|
--message-automod-background-default: hsl(var(--red-345-hsl) / 0.08);
|
|
--message-automod-background-hover: hsl(var(--red-400-hsl) / 0.1);
|
|
--message-background-hover: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
|
|
--message-highlight-background-default: hsl(var(--opacity-blurple-16-hsl) / 0.1607843137254902);
|
|
--message-highlight-background-hover: hsl(var(--opacity-blurple-12-hsl) / 0.12156862745098039);
|
|
--message-mentioned-background-default: hsl(var(--opacity-yellow-8-hsl) / 0.0784313725490196);
|
|
--message-mentioned-background-hover: hsl(var(--opacity-yellow-4-hsl) / 0.0392156862745098);
|
|
--message-reacted-background-default: hsl(var(--opacity-blurple-24-hsl) / 0.23921568627450981);
|
|
--message-reacted-text-default: var(--blurple-14);
|
|
--mobile-background-scrim-opaque: var(--black);
|
|
--mobile-expression-picker-background-default: var(--neutral-86);
|
|
--mobile-text-heading-primary: var(--neutral-2);
|
|
--modal-background: var(--neutral-79);
|
|
--modal-footer-background: var(--neutral-79);
|
|
--navigator-header-tint: var(--white);
|
|
--notice-background-critical: var(--red-new-85);
|
|
--notice-background-info: var(--blue-new-86);
|
|
--notice-background-positive: var(--green-new-87);
|
|
--notice-background-warning: var(--yellow-new-86);
|
|
--notice-text-critical: var(--red-new-9);
|
|
--notice-text-info: var(--blue-new-12);
|
|
--notice-text-positive: var(--green-new-14);
|
|
--notice-text-warning: var(--yellow-new-12);
|
|
--overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl) / 0.9215686274509803);
|
|
--panel-bg: var(--neutral-82);
|
|
--polls-normal-image-background: var(--primary-660);
|
|
--polls-victor-fill: hsl(var(--green-360-hsl) / 0.2);
|
|
--polls-voted-fill: hsl(var(--brand-500-hsl) / 0.2);
|
|
--premium-nitro-pink-text: var(--pink-51);
|
|
--profile-gradient-note-background: hsl(var(--black-hsl) / 0.3);
|
|
--profile-gradient-overlay: hsl(var(--black-hsl) / 0.6);
|
|
--profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl) / 0.8);
|
|
--profile-gradient-role-pill-background: hsl(var(--primary-660-hsl) / 0.5);
|
|
--profile-gradient-role-pill-border: hsl(var(--white-hsl) / 0.2);
|
|
--profile-gradient-section-box: hsl(var(--black-hsl) / 0.45);
|
|
--radio-background-active: var(--blurple-65);
|
|
--radio-background-default: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
|
|
--radio-background-hover: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
|
|
--radio-background-selected-default: var(--blurple-50);
|
|
--radio-background-selected-hover: var(--blurple-60);
|
|
--radio-border-active: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--radio-border-default: hsl(var(--opacity-64-hsl) / 0.6392156862745098);
|
|
--radio-border-hover: hsl(var(--opacity-80-hsl) / 0.8);
|
|
--radio-border-selected-default: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--radio-border-selected-hover: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--radio-foreground-active: var(--blurple-50);
|
|
--radio-foreground-default: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
|
|
--radio-foreground-hover: hsl(var(--opacity-black-8-hsl) / 0.0784313725490196);
|
|
--radio-thumb-background-active: var(--neutral-1);
|
|
--redesign-button-active-background: var(--green-430);
|
|
--redesign-button-active-pressed-background: var(--green-460);
|
|
--redesign-button-active-text: var(--white);
|
|
--redesign-button-danger-background: var(--red-430);
|
|
--redesign-button-destructive-background: var(--red-430);
|
|
--redesign-button-destructive-pressed-background: var(--red-460);
|
|
--redesign-button-destructive-text: var(--white);
|
|
--redesign-button-overlay-alpha-background: hsl(var(--black-hsl) / 0.54);
|
|
--redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl) / 0.64);
|
|
--redesign-button-overlay-alpha-text: var(--white);
|
|
--redesign-button-positive-background: var(--green-430);
|
|
--redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
|
|
--redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl) / 0.1);
|
|
--redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
|
|
--redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
|
|
--redesign-button-primary-alt-border: var(--blurple-35);
|
|
--redesign-button-primary-background: var(--brand-500);
|
|
--redesign-button-primary-overlay-background: var(--white);
|
|
--redesign-button-primary-overlay-pressed-background: var(--plum-4);
|
|
--redesign-button-primary-overlay-text: var(--plum-25);
|
|
--redesign-button-primary-pressed-background: var(--brand-560);
|
|
--redesign-button-primary-text: var(--white);
|
|
--redesign-button-secondary-background: var(--plum-15);
|
|
--redesign-button-secondary-border: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--redesign-button-secondary-overlay-background: hsl(var(--black-hsl) / 0.54);
|
|
--redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl) / 0.64);
|
|
--redesign-button-secondary-overlay-text: var(--white);
|
|
--redesign-button-secondary-pressed-background: var(--plum-13);
|
|
--redesign-button-secondary-pressed-border: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
--redesign-button-secondary-text: var(--neutral-5);
|
|
--redesign-button-selected-background: hsl(var(--brand-500-hsl) / 0.24);
|
|
--redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl) / 0.28);
|
|
--redesign-button-selected-text: var(--blurple-50);
|
|
--redesign-button-tertiary-background: hsl(var(--plum-11-hsl) / 0.12);
|
|
--redesign-button-tertiary-pressed-background: hsl(var(--plum-11-hsl) / 0.2);
|
|
--redesign-button-tertiary-pressed-text: var(--plum-5);
|
|
--redesign-button-tertiary-text: var(--neutral-5);
|
|
--scrollbar-auto-scrollbar-color-thumb: var(--neutral-44);
|
|
--scrollbar-auto-scrollbar-color-track: var(--neutral-94);
|
|
--scrollbar-auto-thumb: var(--neutral-42);
|
|
--scrollbar-auto-track: hsl(var(--transparent-hsl) / 0);
|
|
--scrollbar-thin-thumb: var(--neutral-44);
|
|
--scrollbar-thin-track: hsl(var(--black-hsl) / 0);
|
|
--spine-default: hsl(var(--opacity-44-hsl) / 0.4392156862745098);
|
|
--spoiler-hidden-background: var(--neutral-42);
|
|
--spoiler-hidden-background-hover: var(--neutral-33);
|
|
--spoiler-revealed-background: hsl(var(--plum-11-hsl) / 0.16);
|
|
--status-danger: var(--red-400);
|
|
--status-online: var(--green-360);
|
|
--status-positive: var(--green-360);
|
|
--status-positive-background: var(--green-430);
|
|
--status-positive-text: var(--white);
|
|
--status-speaking: var(--green-360);
|
|
--status-warning: var(--yellow-300);
|
|
--status-warning-background: var(--yellow-300);
|
|
--status-warning-text: var(--black);
|
|
--switch-background-active: var(--blurple-65);
|
|
--switch-background-default: hsl(var(--opacity-black-12-hsl) / 0.12156862745098039);
|
|
--switch-background-hover: hsl(var(--opacity-black-12-hsl) / 0.12156862745098039);
|
|
--switch-background-selected-default: var(--blurple-50);
|
|
--switch-background-selected-hover: var(--blurple-60);
|
|
--switch-border-default: hsl(var(--opacity-20-hsl) / 0.2);
|
|
--switch-border-hover: hsl(var(--opacity-40-hsl) / 0.4);
|
|
--switch-border-selected-default: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--switch-border-selected-hover: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--switch-thumb-background-default: var(--neutral-1);
|
|
--switch-thumb-background-selected-default: var(--neutral-1);
|
|
--switch-thumb-icon-active: var(--blurple-50);
|
|
--switch-thumb-icon-default: var(--neutral-71);
|
|
--text-brand: var(--blurple-35);
|
|
--text-code: var(--blue-new-27);
|
|
--text-code-addition: var(--green-new-26);
|
|
--text-code-builtin: var(--orange-new-25);
|
|
--text-code-bullet: var(--yellow-new-25);
|
|
--text-code-comment: var(--neutral-32);
|
|
--text-code-deletion: var(--red-new-23);
|
|
--text-code-keyword: var(--red-new-24);
|
|
--text-code-section: var(--blue-new-27);
|
|
--text-code-string: var(--teal-new-27);
|
|
--text-code-tag: var(--green-new-23);
|
|
--text-code-title: var(--blurple-21);
|
|
--text-code-variable: var(--blue-new-22);
|
|
--text-default: var(--neutral-5);
|
|
--text-feedback-critical: var(--red-new-32);
|
|
--text-feedback-info: var(--blue-new-34);
|
|
--text-feedback-positive: var(--green-new-34);
|
|
--text-feedback-warning: var(--yellow-new-32);
|
|
--text-invert: var(--neutral-71);
|
|
--text-link: var(--blue-new-36);
|
|
--text-muted: var(--neutral-29);
|
|
--text-overlay-dark: var(--neutral-71);
|
|
--text-overlay-light: var(--neutral-2);
|
|
--text-status-dnd: var(--red-400);
|
|
--text-status-idle: var(--yellow-300);
|
|
--text-status-offline: var(--plum-9);
|
|
--text-status-online: var(--green-360);
|
|
--text-strong: var(--neutral-2);
|
|
--text-subtle: var(--neutral-23);
|
|
--textbox-markdown-syntax: var(--plum-9);
|
|
--thread-channel-spine: var(--plum-13);
|
|
--user-profile-activity-toolbar-background: var(--neutral-73);
|
|
--user-profile-background-hover: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
|
|
--user-profile-border: hsl(var(--opacity-12-hsl) / 0.12156862745098039);
|
|
--user-profile-note-background-focus: var(--neutral-92);
|
|
--user-profile-overlay-background: var(--neutral-73);
|
|
--user-profile-overlay-background-hover: hsl(var(--opacity-8-hsl) / 0.0784313725490196);
|
|
--user-profile-toolbar-background: var(--neutral-73);
|
|
--user-profile-toolbar-border: hsl(var(--opacity-4-hsl) / 0.0392156862745098);
|
|
}
|