6626 lines
155 KiB
CSS
6626 lines
155 KiB
CSS
:root {
|
|
/* APP ELEMENTS */
|
|
--app-bg: url(https://i.imgur.com/RMehJXZ.png);
|
|
--app-blur: 6px;
|
|
--app-margin: 24px;
|
|
--app-radius: 18px;
|
|
--main-rgb: 0,0,0;
|
|
--main-content-opacity: 0.27;
|
|
--sidebar-opacity: 0.34;
|
|
--main-content-color: rgba(var(--main-rgb), var(--main-content-opacity));
|
|
--sidebar-color: rgba(var(--main-rgb), var(--sidebar-opacity));
|
|
/* ACCENT HSL AND TEXT COLOR SETTINGS */
|
|
--accent-hue: 260;
|
|
--accent-saturation: 83%;
|
|
--accent-lightness: 72%;
|
|
--accent-hsl: var(--accent-hue),calc(var(--accent-saturation) * var(--saturation-factor)),var(--accent-lightness);
|
|
--accent-opacity: 0.8;
|
|
--accent-text-color: hsl(0,0%,0%);
|
|
--accent-secondary-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 0.6) calc(l * 0.2) / calc(var(--accent-opacity) * 0.5));
|
|
--accent-secondary-text-color: hsl(0,0%,94%);
|
|
/* ALERT HSL AND TEXT COLOR SETTINGS */
|
|
--alert-hue: 359;
|
|
--alert-saturation: 66.7%;
|
|
--alert-lightness: 54.1%;
|
|
--alert-hsl: var(--alert-hue),calc(var(--alert-saturation) * var(--saturation-factor)),var(--alert-lightness);
|
|
--alert-opacity: 0.8;
|
|
--alert-action-color: hsl(0,0%,100%);
|
|
--alert-text-color: hsl(0,0%,100%);
|
|
/* MENTION HSL COLOR SETTINGS */
|
|
--mention-hue: var(--accent-hue);
|
|
--mention-saturation: var(--accent-saturation);
|
|
--mention-lightness: var(--accent-lightness);
|
|
--mention-hsl: var(--mention-hue),calc(var(--mention-saturation) * var(--saturation-factor)),var(--mention-lightness);
|
|
--mention-opacity: 1;
|
|
/* REPLY HSL COLOR SETTINGS */
|
|
--reply-hue: 328;
|
|
--reply-saturation: 79%;
|
|
--reply-lightness: 64%;
|
|
--reply-hsl: var(--reply-hue),calc(var(--reply-saturation) * var(--saturation-factor)),var(--reply-lightness);
|
|
--reply-opacity: 1;
|
|
/* MESSAGE COLOR SETTINGS */
|
|
--message-color: hsl(0,0%,0%,0.19);
|
|
--message-color-hover: hsl(0,0%,0%,0.28);
|
|
--message-radius: var(--app-radius);
|
|
--message-padding-top: 8px;
|
|
--message-padding-side: 8px;
|
|
--notification-color: hsl(0,0%,100%);
|
|
--list-item-radius: var(--app-radius);
|
|
/* TEXTAREA SETTINGS */
|
|
--textarea-color: 255,255,255;
|
|
--textarea-alpha: 0.125;
|
|
--textarea-alpha-focus: 0.165;
|
|
--textarea-text-color: hsl(0,0%,100%);
|
|
--textarea-placeholder-color: hsl(0,0%,90%);
|
|
--textarea-radius: 28px;
|
|
--textarea-block-color: hsl(0,0%,0%,0.4);
|
|
--textarea-block-text-color: #ccc;
|
|
/* INPUT SETTINGS */
|
|
--input-height: 36px;
|
|
--input-radius: calc(var(--input-height) / 2);
|
|
/* CARD SETTINGS */
|
|
--card-color: hsl(0,0%,100%,0.14);
|
|
--card-color-hover: hsl(0,0%,100%,0.18);
|
|
--card-color-select: hsl(0,0%,100%,0.21);
|
|
--card-radius: var(--app-radius);
|
|
--card-header-shadow: 0px 3px 9px 0px hsl(0,0%,0%,0.25);
|
|
/* BUTTON SETTINGS */
|
|
--button-height: 32px;
|
|
--button-padding: 16px;
|
|
--button-color: hsla(var(--accent-hsl),var(--accent-opacity));
|
|
--button-action-color: hsl(0,0%,0%);
|
|
--button-text-color: var(--accent-text-color);
|
|
--button-radius: 16px;
|
|
/* SWITCH SETTINGS */
|
|
--switch-slider-color: hsl(0,100%,100%,0.25);
|
|
--switch-knob-color: hsl(0,0%,0%,0.6);
|
|
/* CHAT SEARCH BAR SETTINGS */
|
|
--chat-search-size: 32px;
|
|
--chat-search-pill-size: 22px;
|
|
/* POPOUT SETTINGS */
|
|
--popout-color: hsl(0,0%,0%,0.46);
|
|
--popout-blur: 6px;
|
|
--popout-radius: 18px;
|
|
--popout-shadow: 0 20px 40px hsl(0,0%,0%,0.44);
|
|
--popout-shadow-border: inset 0 1px 1px hsl(0,100%,100%,0.35), inset 0 -1px 2px hsl(0,0%,0%,0.25), inset 0 0 0 1px hsl(0,100%,100%,0.04);
|
|
--popout-header-shadow: 0px 3px 9px 0px hsl(0,0%,0%,0.25);
|
|
--popout-header-opacity: 0.3;
|
|
--nowplaying-color: 88,101,242;
|
|
--streaming-color: 89,54,149;
|
|
--spotify-color: 29,185,84;
|
|
--server-folder-color: hsl(0,0%,100%,0.1);
|
|
--supporter-color: hsla(var(--accent-hsl),var(--accent-opacity));
|
|
/* TOOLTIP SETTINGS */
|
|
--tooltip-color: hsla(var(--accent-hsl),var(--accent-opacity));
|
|
--tooltip-text-color: var(--accent-text-color);
|
|
--tooltip-font-size: 14px;
|
|
--tooltip-padding: 8px 12px;
|
|
--tooltip-radius: var(--app-radius);
|
|
--tooltip-shadow: var(--elevation-high);
|
|
/* ANIMATION SETTINGS */
|
|
--transition-time: 250ms;
|
|
--transition-type: cubic-bezier(0.4,0,0.2,1);
|
|
/* SCROLLBAR SETTINGS */
|
|
--scrollbar-color: 255,255,255;
|
|
--scrollbar-color-alt: 0,0,0;
|
|
--scrollbar-opacity: 0.2;
|
|
--scrollbar-opacity-hover: 0.3;
|
|
--scrollbar-width: 10px;
|
|
/* TEXT COLOR SETTINGS */
|
|
--text-normal: var(--interactive-normal);
|
|
/* LIQUID GLASS SETTINGS */
|
|
--c-glass: hsl(240,0%,75%);
|
|
--c-light: hsl(0,0%,100%);
|
|
--c-dark: hsl(0,0%,0%);
|
|
--glass-reflex-dark: 2;
|
|
--glass-reflex-light: 0.3;
|
|
--light-angle: 40deg;
|
|
--liquid-glass-saturation: 150%;
|
|
--liquid-glass-color-subtle: hsl(0,100%,100%,0.04);
|
|
--lx: calc(cos(var(--light-angle)) * -1.414);
|
|
--ly: calc(sin(var(--light-angle)) * -1.414);
|
|
--liquid-glass-shadow:
|
|
inset 0 0 0 1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent),
|
|
inset calc(1.8px * var(--lx)) calc(3px * var(--ly)) 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent),
|
|
inset calc(-2px * var(--lx)) calc(-2px * var(--ly)) 0px -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent),
|
|
inset calc(-3px * var(--lx)) calc(-8px * var(--ly)) 1px -6px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent),
|
|
inset calc(-0.3px * var(--lx)) calc(-1px * var(--ly)) 4px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent),
|
|
inset calc(-1.5px * var(--lx)) calc(2.5px * var(--ly)) 0px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent),
|
|
inset calc(0px * var(--lx)) calc(3px * var(--ly)) 2px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent),
|
|
inset calc(2px * var(--lx)) calc(-4.5px * var(--ly)) 1px -4px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent);
|
|
}
|
|
|
|
@supports (color: color-mix(in lch, red, blue)) {
|
|
.theme-dark {
|
|
/* TEXT COLOR SETTINGS */
|
|
--text-primary: hsl(0,0%,100%);
|
|
--text-secondary: hsl(0,0%,77%);
|
|
--text-default: hsl(0,0%,86%);
|
|
--text-muted: hsl(0,0%,72%);
|
|
--channels-default: hsl(0,0%,73%);
|
|
--channel-icon: hsl(0,0%,73%);
|
|
--text-strong: hsl(0,0%,100%);
|
|
/* ICON COLOR SETTINGS */
|
|
--icon-primary: hsl(0,0%,96%);
|
|
--icon-secondary: hsl(0,0%,84%);
|
|
--icon-tertiary: hsl(0,0%,71%);
|
|
/* INTERACTIVE COLOR SETTINGS */
|
|
--interactive-normal: hsl(0,0%,79%);
|
|
--interactive-hover: hsl(0,0%,91%);
|
|
--interactive-active: hsl(0,0%,100%);
|
|
--interactive-muted: hsl(0,0%,43%);
|
|
/* BACKGROUND MODIFIER SETTINGS */
|
|
--background-modifier-hover: hsl(0,0%,100%,0.075);
|
|
--background-modifier-active: hsl(0,0%,100%,0.1);
|
|
--background-modifier-selected: hsl(0,0%,100%,0.125);
|
|
--background-modifier-accent: hsl(0,0%,100%,0.175);
|
|
--background-primary: transparent;
|
|
/* ACCENT COLORED TEXT AND LINK SETTINGS */
|
|
--text-brand: hsl(var(--accent-hsl));
|
|
--text-link: hsl(var(--accent-hsl));
|
|
}
|
|
}
|
|
/*
|
|
*
|
|
* APP ELEMENTS
|
|
*
|
|
*/
|
|
body,
|
|
.app__160d8,
|
|
.bg__960e4 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.appMount__51fd7 {
|
|
background: var(--app-bg) !important;
|
|
background-repeat: no-repeat !important;
|
|
background-position: center !important;
|
|
background-size: cover !important;
|
|
}
|
|
.appMount__51fd7 * {
|
|
text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.3);
|
|
}
|
|
.appMount__51fd7 svg {
|
|
filter: drop-shadow(0px 1px 2px hsla(0, 0%, 0%, 0.3));
|
|
}
|
|
|
|
::selection {
|
|
background: hsla(var(--accent-hsl), 0.65);
|
|
color: var(--accent-text-color);
|
|
text-shadow: none;
|
|
}
|
|
|
|
.layers__160d8 {
|
|
margin-block: 0 var(--app-margin);
|
|
margin-inline: var(--app-margin);
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
backdrop-filter: none;
|
|
}
|
|
|
|
.typeMacOS__421ed + .app_a3002d .layers__160d8 {
|
|
margin: var(--app-margin);
|
|
}
|
|
|
|
.container_a2f514 {
|
|
background: var(--app-bg);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
.container_a2f514 .content_a2f514 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
padding: 16px;
|
|
}
|
|
|
|
.content__5e434 {
|
|
border-radius: var(--app-radius);
|
|
border: none;
|
|
background-color: transparent;
|
|
box-shadow: var(--popout-shadow-border);
|
|
backdrop-filter: blur(var(--app-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* TITLE BAR
|
|
*
|
|
*/
|
|
.titleBar__421ed {
|
|
height: 24px;
|
|
}
|
|
.titleBar__421ed.withFrame__421ed {
|
|
margin-block-start: 0;
|
|
}
|
|
.titleBar__421ed.typeMacOS__421ed {
|
|
inset-block-start: var(--app-margin);
|
|
inset-inline-start: var(--app-margin);
|
|
}
|
|
.titleBar__421ed.typeMacOS__421ed .macButtons__421ed {
|
|
width: 72px;
|
|
border-top-left-radius: var(--app-radius);
|
|
}
|
|
.titleBar__421ed.typeMacOS__421ed .macButtons__421ed .macButton__421ed {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.wordmarkWindows__421ed {
|
|
color: hsl(0, 0%, 100%);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* CHANNELS LIST
|
|
*
|
|
*/
|
|
.sidebar__5e434 {
|
|
background-color: var(--sidebar-color);
|
|
border-start-start-radius: var(--popout-radius);
|
|
border-end-start-radius: var(--popout-radius);
|
|
}
|
|
.sidebar__5e434:after {
|
|
display: none;
|
|
}
|
|
.sidebar__5e434 .container__2637a {
|
|
padding-block-end: calc(var(--custom-app-panels-height, 0) + 10px);
|
|
background-color: transparent;
|
|
}
|
|
.sidebar__5e434 .scrollerBase_d125d2 {
|
|
margin-block-end: 0;
|
|
}
|
|
.sidebar__5e434 .link__2ea32 {
|
|
border-radius: var(--list-item-radius);
|
|
}
|
|
.sidebar__5e434 .voiceChannelsButton__29444:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
.container_f37cb1 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.header_f37cb1 {
|
|
height: 56px;
|
|
padding-block: 0;
|
|
background-color: transparent !important;
|
|
border-block-end: none;
|
|
box-shadow: var(--popout-header-shadow);
|
|
}
|
|
.header_f37cb1 .communityInfoPill_f37cb1 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
}
|
|
|
|
.sidebarList__5e434 {
|
|
backdrop-filter: none;
|
|
border: none;
|
|
}
|
|
|
|
.content__07f91 {
|
|
border-radius: var(--list-item-radius);
|
|
}
|
|
|
|
.container_e88f3f {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.progressContainer__0d0f9 {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
/* CHANNELS LIST -> ACTION BUTTONS */
|
|
.actionButton-2ae9DJ {
|
|
background-color: var(--background-modifier-hover);
|
|
border-radius: var(--list-item-radius);
|
|
border: none;
|
|
}
|
|
.actionButton-2ae9DJ:hover {
|
|
background-color: var(--background-modifier-active);
|
|
}
|
|
.actionButton-2ae9DJ.actionButtonSelected-2a5GGr {
|
|
background-color: var(--background-modifier-accent);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* PANELS
|
|
*
|
|
*/
|
|
.panels__5e434 {
|
|
background-color: transparent;
|
|
border-radius: calc(var(--app-radius) / 1.5);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
}
|
|
|
|
.actionButtons_e131a9 .button__201d5 path[fill] {
|
|
fill: currentColor !important;
|
|
}
|
|
.actionButtons_e131a9 .button__201d5 path[stroke] {
|
|
stroke: currentColor !important;
|
|
}
|
|
|
|
.userAvatar__55bab[style*="box-shadow: 0 0 0 0px var(--status-speaking), inset 0 0 0 2px var(--status-speaking), inset 0 0 0 3px var(--background-base-lower)"] {
|
|
box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower) !important;
|
|
}
|
|
|
|
.container_bd9e38 {
|
|
width: calc(100% - 16px);
|
|
margin-block: 0 8px;
|
|
margin-inline: 8px;
|
|
}
|
|
.container_bd9e38 .content_bd9e38 {
|
|
padding-block: 8px;
|
|
padding-inline: 0;
|
|
}
|
|
.container_bd9e38 .video_bd9e38 {
|
|
width: 208px !important;
|
|
height: 117px !important;
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
|
|
.container_e131a9,
|
|
.container__37e49,
|
|
.content__37e49,
|
|
.activityPanel__5e434 {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.container_e131a9 .disabledButtonWrapper__201d5 {
|
|
--button-padding: 0;
|
|
border-radius: var(--button-radius);
|
|
}
|
|
|
|
.accountPopoutButtonWrapper__37e49 {
|
|
margin-inline-start: -4px;
|
|
padding-inline-start: 4px;
|
|
}
|
|
.accountPopoutButtonWrapper__37e49:hover {
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.listeningAlong_e0cf27 {
|
|
border-block-start: none;
|
|
border-bottom-color: var(--background-modifier-accent);
|
|
}
|
|
|
|
/* PANELS -> QUEST */
|
|
.wrapper__0d616 {
|
|
background-color: transparent !important;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.contentWrapper__0d616 {
|
|
background-color: transparent !important;
|
|
border-radius: 0;
|
|
}
|
|
.contentWrapper__0d616:after {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.backgroundWrapper_efa999 {
|
|
display: none;
|
|
}
|
|
|
|
.heroAssetWrapper__24e2c {
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.heroAssetWrapper__24e2c {
|
|
filter: none !important;
|
|
}
|
|
|
|
.legibilityGradient__24e2c {
|
|
background: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.heroAssetDarken__24e2c,
|
|
.heroAssetTint__24e2c {
|
|
background-color: transparent !important;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* PRIVATE CHANNELS
|
|
*
|
|
*/
|
|
.privateChannels_e6b769,
|
|
.scroller__99e7c {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.privateChannels_e6b769 {
|
|
padding-block-end: calc(var(--custom-app-panels-height, 0) + 10px);
|
|
}
|
|
|
|
.scroller__99e7c {
|
|
margin-block-end: 0;
|
|
}
|
|
|
|
.searchBar_e6b769 {
|
|
height: 56px;
|
|
border-block-end: none;
|
|
box-shadow: var(--popout-header-shadow);
|
|
}
|
|
.searchBar_e6b769 .button_a22cb0 {
|
|
--button-background: rgba(var(--textarea-color),var(--textarea-alpha));
|
|
--button-text-color: var(--textarea-text-color);
|
|
}
|
|
|
|
.channel__972a0 {
|
|
border-radius: var(--list-item-radius);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* CHAT AREA
|
|
*
|
|
*/
|
|
.chat_f75fb0,
|
|
.noChannel__01d5c {
|
|
background-color: var(--main-content-color) !important;
|
|
border-start-end-radius: var(--app-radius);
|
|
border-end-end-radius: var(--app-radius);
|
|
}
|
|
|
|
.chat_f75fb0[data-has-border=true] {
|
|
border-block-start: none;
|
|
}
|
|
.chat_f75fb0.threadSidebarOpen_f75fb0 {
|
|
border-radius: 0 var(--app-radius) var(--app-radius) 0;
|
|
}
|
|
.chat_f75fb0 .scrollerBase_d125d2 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.chatContent_f75fb0 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.channelChatWrapper_cb9592 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.content_f75fb0:before {
|
|
display: none;
|
|
}
|
|
|
|
.chatGradientBase__36d07,
|
|
.chatTypingGradientAtBottom__36d07,
|
|
.chatTypingGradientNotAtBottom__36d07 {
|
|
background: transparent;
|
|
}
|
|
|
|
.chatTypingGradientAtBottom__36d07,
|
|
.chatTypingGradientNotAtBottom__36d07 {
|
|
height: var(--space-24);
|
|
}
|
|
|
|
.emptyChannelIcon__00de6 {
|
|
background-color: var(--message-color);
|
|
}
|
|
|
|
.button_fc8177 {
|
|
color: hsl(var(--accent-hsl));
|
|
}
|
|
|
|
.role_b4b2c3 {
|
|
background-color: var(--message-color);
|
|
border-radius: 12px;
|
|
}
|
|
.role_b4b2c3:hover {
|
|
background-color: var(--message-color-hover);
|
|
}
|
|
|
|
.jumpToPresentBar__0f481 {
|
|
inset-block-end: 10px;
|
|
background-color: var(--popout-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
backdrop-filter: blur(var(--popout-blur));
|
|
}
|
|
.jumpToPresentBar__0f481 .barButtonBase__0f481 {
|
|
color: var(--text-normal);
|
|
}
|
|
.jumpToPresentBar__0f481 .spinner__46696 {
|
|
--spinner-size: auto;
|
|
}
|
|
.jumpToPresentBar__0f481 .spinnerItem-2HfQC8 {
|
|
background-color: var(--accent-text-color);
|
|
}
|
|
|
|
.newMessagesBar__0f481 {
|
|
background-color: hsl(var(--accent-hsl), var(--accent-opacity));
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.newMessagesBar__0f481 .barButtonBase__0f481 {
|
|
color: var(--accent-text-color);
|
|
}
|
|
.newMessagesBar__0f481 .barButtonBase__0f481,
|
|
.newMessagesBar__0f481 .barButtonBase__0f481 span {
|
|
font-weight: 500;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.wrapper_d852db,
|
|
.wrapper_fc8177 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* VOICE & VIDEO CALL
|
|
*
|
|
*/
|
|
.wrapper__1405b .buttonSection__1405b:first-child > .attachedCaretButtonContainer_f1ceac > div:first-child .colorable_f1ceac {
|
|
--button-radius: calc(var(--popout-radius) / 1.2) 4px 4px calc(var(--popout-radius) / 1.2);
|
|
}
|
|
|
|
.buttonSection__1405b {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
padding: 5px;
|
|
}
|
|
.buttonSection__1405b .button__201d5 {
|
|
position: relative;
|
|
}
|
|
.buttonSection__1405b .colorable_f1ceac {
|
|
--button-background: var(--background-modifier-active);
|
|
--button-radius: calc(var(--popout-radius) / 1.2);
|
|
height: 42px;
|
|
padding-block: 0;
|
|
padding-inline: 10px;
|
|
}
|
|
.buttonSection__1405b .colorable_f1ceac svg {
|
|
filter: none;
|
|
}
|
|
.buttonSection__1405b .contextMenuNub_f1ceac {
|
|
position: relative;
|
|
padding-block: 0;
|
|
padding-inline: 2px;
|
|
border-radius: 4px calc(var(--popout-radius) / 1.2) calc(var(--popout-radius) / 1.2) 4px;
|
|
}
|
|
|
|
.colorable_f1ceac.disconnect_f1ceac {
|
|
--button-background: hsl(var(--alert-hsl));
|
|
--button-radius: var(--popout-radius);
|
|
--button-text-color: var(--alert-text-color);
|
|
height: 52px;
|
|
padding-block: 0;
|
|
padding-inline: 10px;
|
|
}
|
|
.colorable_f1ceac.disconnect_f1ceac:after {
|
|
border-radius: inherit;
|
|
}
|
|
.colorable_f1ceac svg {
|
|
filter: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* DIRECT MESSAGES
|
|
*
|
|
*/
|
|
.wrapper_cb9592.minimum_cb9592, .wrapper_cb9592.video_cb9592 {
|
|
background-color: transparent;
|
|
box-shadow: var(--popout-header-shadow);
|
|
}
|
|
.wrapper_cb9592 .root_bfe55a,
|
|
.wrapper_cb9592 .callContainer_cb9592 {
|
|
background-color: transparent;
|
|
}
|
|
.wrapper_cb9592 .callContainer_cb9592 {
|
|
border: none;
|
|
}
|
|
.wrapper_cb9592 .container__9293f {
|
|
box-shadow: none;
|
|
}
|
|
.wrapper_cb9592 .tile__90dc5 {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
|
|
.root_bfe55a {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.controlButton__1405b svg {
|
|
filter: none;
|
|
}
|
|
|
|
.border__2f4f7 {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.border__2f4f7[style*="box-shadow: 0 0 0 0px var(--status-speaking), inset 0 0 0 2px var(--status-speaking), inset 0 0 0 3px var(--background-base-lower);"] {
|
|
box-shadow: 0 0 0 0px hsl(var(--accent-hsl)), inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower) !important;
|
|
}
|
|
|
|
/* DIRECT MESSAGES -> SIDEBAR PROFILE */
|
|
.aside_f58343 {
|
|
background: transparent;
|
|
}
|
|
|
|
.custom-user-profile-theme.user-profile-sidebar.user-profile-sidebar-redesign {
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
.custom-user-profile-theme.user-profile-sidebar.user-profile-sidebar-redesign .inner_c0bea0 {
|
|
border-radius: inherit;
|
|
}
|
|
|
|
.user-profile-sidebar[style] {
|
|
border-radius: 0;
|
|
}
|
|
.user-profile-sidebar[style]:not(.custom-user-profile-theme) {
|
|
background-color: var(--sidebar-color);
|
|
}
|
|
.user-profile-sidebar[style] .inner_c0bea0 {
|
|
border-radius: 0;
|
|
}
|
|
.user-profile-sidebar[style] .inner_c0bea0 .banner__68edb {
|
|
border-radius: 0;
|
|
}
|
|
.user-profile-sidebar[style] .inner_c0bea0 * {
|
|
text-shadow: none;
|
|
}
|
|
.user-profile-sidebar[style] .inner_c0bea0 svg {
|
|
filter: none;
|
|
}
|
|
|
|
.overlay__3b260 .button__201d5 {
|
|
--button-height: 36px !important;
|
|
--button-padding: 12px;
|
|
--button-background: transparent !important;
|
|
--button-text-color: var(--text-normal);
|
|
--button-action-color: transparent;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* FORMAT TOOLBAR
|
|
*
|
|
*/
|
|
.toolbar_bba883 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
padding: var(--space-4);
|
|
}
|
|
.toolbar_bba883:before {
|
|
display: none;
|
|
}
|
|
.toolbar_bba883 .button_bba883 {
|
|
border-radius: calc(var(--popout-radius) - var(--space-4));
|
|
}
|
|
|
|
/*
|
|
*
|
|
* MEMBERS LIST
|
|
*
|
|
*/
|
|
.membersWrap_c8ffbb {
|
|
background-color: transparent;
|
|
border-inline-start: none;
|
|
}
|
|
|
|
.container_c8ffbb {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.members_c8ffbb, .members_c8ffbb > div {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.member__5d473 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.memberInner__5d473 {
|
|
height: 100%;
|
|
}
|
|
|
|
.layout__91a9d {
|
|
border-radius: var(--list-item-radius);
|
|
}
|
|
|
|
.botTag__82f07 {
|
|
border-radius: 5px !important;
|
|
}
|
|
.botTag__82f07.botTagRegular__82f07 {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
color: var(--accent-text-color);
|
|
}
|
|
.botTag__82f07 .botText__82f07 {
|
|
text-shadow: none;
|
|
}
|
|
.botTag__82f07 svg {
|
|
filter: none !important;
|
|
}
|
|
.botTag__82f07 path {
|
|
fill: var(--accent-text-color);
|
|
}
|
|
|
|
/* MEMBERS LIST -> ACTIVITIES */
|
|
.container__0f2e8 {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
.container__0f2e8:hover {
|
|
background-color: var(--background-modifier-active);
|
|
}
|
|
.container__0f2e8.selected__0f2e8 {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SEARCH RESULTS
|
|
*
|
|
*/
|
|
.searchResultsWrap_a98f3b {
|
|
margin: var(--space-8);
|
|
margin-inline-start: 0;
|
|
background-color: hsl(from var(--sidebar-color) h s l/0.25);
|
|
border-radius: calc(var(--app-radius) / 1.5);
|
|
border-inline-start: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/* SEARCH RESULTS -> HEADER */
|
|
.searchHeader_ae7890 {
|
|
background-color: transparent;
|
|
border-block-end: none;
|
|
box-shadow: var(--popout-header-shadow);
|
|
}
|
|
|
|
/* SEARCH RESULTS -> MESSAGES */
|
|
.searchResult__80bf8 {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.searchResult__80bf8:before, .searchResult__80bf8:after {
|
|
display: none;
|
|
}
|
|
.searchResult__80bf8 .wrapper_c19a55 {
|
|
margin-inline-start: 50px;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.buttonsContainer__80bf8 {
|
|
inset-block-start: 16px;
|
|
inset-inline-end: 8px;
|
|
}
|
|
.buttonsContainer__80bf8 .button__80bf8 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--button-radius);
|
|
backdrop-filter: blur(5px);
|
|
}
|
|
|
|
/* SEARCH RESULTS -> PAGINATION */
|
|
.activeButton_c15210 {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
|
|
color: var(--accent-text-color) !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* STAGE
|
|
*
|
|
*/
|
|
.container__722ff,
|
|
.callContainer__722ff,
|
|
.scroller__56ccd,
|
|
.rowContainer__8a920 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* MAIN TEXTAREA
|
|
*
|
|
*/
|
|
.form_f75fb0 {
|
|
margin-block-start: 0;
|
|
}
|
|
.form_f75fb0:before {
|
|
display: none;
|
|
}
|
|
|
|
.channelBottomBarArea_f75fb0 {
|
|
margin-block: 12px;
|
|
margin-inline: 0;
|
|
gap: var(--space-16);
|
|
}
|
|
|
|
.channelTextArea__74017,
|
|
.wrapper__44df5 {
|
|
background: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border-radius: var(--textarea-radius);
|
|
border: none;
|
|
}
|
|
.channelTextArea__74017 .scrollableContainer__74017,
|
|
.wrapper__44df5 .scrollableContainer__74017 {
|
|
background-color: transparent;
|
|
}
|
|
.channelTextArea__74017 .placeholder__1b31f,
|
|
.wrapper__44df5 .placeholder__1b31f {
|
|
color: var(--textarea-placeholder-color);
|
|
}
|
|
.channelTextArea__74017 .editor__1b31f,
|
|
.wrapper__44df5 .editor__1b31f {
|
|
color: var(--textarea-text-color);
|
|
}
|
|
|
|
.channelTextArea__74017 {
|
|
margin: 0;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
transition: var(--transition-time) var(--transition-type) background-color !important;
|
|
}
|
|
.channelTextArea__74017:focus-within {
|
|
background-color: rgb(var(--textarea-color), var(--textarea-alpha-focus));
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
}
|
|
|
|
.wrapper__44df5 {
|
|
margin-block: 12px;
|
|
margin-inline: 0;
|
|
padding-block: 11px;
|
|
padding-inline: 0;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
}
|
|
|
|
.channelTextAreaDisabled__74017 .scrollableContainer__74017 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.upload_aa605f {
|
|
background-color: var(--message-color);
|
|
border-radius: calc(var(--textarea-radius) / 1.4);
|
|
border: none;
|
|
}
|
|
|
|
.typing_b88801 {
|
|
position: absolute;
|
|
width: calc(100% - 32px);
|
|
height: 24px;
|
|
inset-block-start: -12px;
|
|
inset-inline-start: unset;
|
|
inset-inline-end: unset;
|
|
margin-block-start: 0;
|
|
margin-inline-end: 0 !important;
|
|
}
|
|
.typing_b88801.inTextChannel_b88801 {
|
|
inset-block-start: -12px;
|
|
}
|
|
|
|
.stackedBars__74017 {
|
|
background-color: transparent;
|
|
border-block-end: 1px solid var(--background-modifier-accent);
|
|
}
|
|
.stackedBars__74017 .replyBar__841c8 {
|
|
background: transparent;
|
|
}
|
|
|
|
.mentionButton__841c8 {
|
|
--text-link: hsl(var(--accent-hsl));
|
|
}
|
|
|
|
.threadSuggestionBar__841c8 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.colorLink__201d5, .colorLink_c9946a {
|
|
color: hsl(var(--accent-hsl));
|
|
}
|
|
|
|
.fakeLink_ada32f {
|
|
color: hsl(var(--accent-hsl));
|
|
}
|
|
|
|
.before_inlineCode_ada32f,
|
|
.before_inlineCode_ada32f,
|
|
.after_inlineCode_ada32f {
|
|
background-color: var(--textarea-block-color);
|
|
}
|
|
|
|
.before_inlineCode_ada32f {
|
|
color: var(--textarea-block-text-color);
|
|
}
|
|
|
|
.attachWrapper__0923f {
|
|
padding: 0;
|
|
}
|
|
|
|
.attachButton__0923f {
|
|
padding-block: var(--space-12);
|
|
padding-inline: var(--space-md) var(--space-xs);
|
|
}
|
|
.attachButton__0923f:not(.noHover__24af7):hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.button__24af7:not(.noHover__24af7),
|
|
.attachButtonInner__0923f,
|
|
.emojiButton__04eed {
|
|
border-radius: 16px;
|
|
}
|
|
|
|
/* MAIN TEXTAREA -> APPS AND COMMANDS BUTTON */
|
|
.channelAppLauncher_e6e74f {
|
|
margin: 0;
|
|
}
|
|
.channelAppLauncher_e6e74f .button_e6e74f {
|
|
background: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border-radius: var(--textarea-radius) !important;
|
|
}
|
|
|
|
.buttonContainer_e6e74f {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* MAIN TEXTAREA -> SPAM FILTER */
|
|
.spamBanner_a2eac3 {
|
|
--textarea-alpha: 0.1;
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border-radius: var(--textarea-radius);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* THREAD
|
|
*
|
|
*/
|
|
.floating__01ae2 {
|
|
background: transparent;
|
|
}
|
|
|
|
.chatTarget__01ae2 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--main-content-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
.container__01ae2 {
|
|
background-color: var(--main-content-color);
|
|
border-radius: var(--app-radius);
|
|
border: none;
|
|
}
|
|
|
|
.resizeHandle__01ae2 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.container_fb64c9 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.chat_fb64c9:before {
|
|
display: none;
|
|
}
|
|
|
|
.submitContainer_fb64c9 {
|
|
margin-block: 12px;
|
|
margin-inline: var(--space-xs);
|
|
}
|
|
.submitContainer_fb64c9 .channelTextArea__74017 {
|
|
width: 100%;
|
|
}
|
|
.submitContainer_fb64c9 .sansAttachButtonCreateThread__74017 {
|
|
padding-inline-start: 24px;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BETTERDISCORD PLUGIN -> ChannelDms
|
|
*
|
|
*/
|
|
.ChannelDms-channelmembers-wrap {
|
|
width: 240px !important;
|
|
}
|
|
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton {
|
|
width: 24px;
|
|
height: 24px;
|
|
inset-block-start: 6px !important;
|
|
inset-inline-start: 6px !important;
|
|
}
|
|
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-removeButton {
|
|
inset-block-start: 6px !important;
|
|
inset-inline-end: 6px !important;
|
|
}
|
|
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header {
|
|
background-color: transparent !important;
|
|
box-shadow: var(--popout-header-shadow) !important;
|
|
}
|
|
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header .ChannelDms-channelpopout-headerTag {
|
|
margin-inline-start: 24px;
|
|
}
|
|
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header .ChannelDms-channelpopout-buttons {
|
|
margin-inline-end: 30px;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BETTERDISCORD PLUGIN -> ChannelTabs
|
|
*
|
|
*/
|
|
#channelTabs-container {
|
|
margin-block: calc(var(--app-margin) / 2) calc(var(--app-margin) / 4 * -1);
|
|
margin-inline: var(--app-margin);
|
|
padding: 4px !important;
|
|
background-color: var(--sidebar-color) !important;
|
|
border-radius: var(--app-radius);
|
|
backdrop-filter: blur(var(--app-blur));
|
|
}
|
|
|
|
.channelTabs-tabContainer {
|
|
gap: 4px;
|
|
}
|
|
|
|
.channelTabs-tabNav {
|
|
margin: 0 !important;
|
|
}
|
|
.channelTabs-tabNav > div {
|
|
border-radius: calc(var(--app-radius) / 1.5) !important;
|
|
}
|
|
|
|
.channelTabs-tab {
|
|
margin-block-end: 0 !important;
|
|
border-radius: calc(var(--app-radius) / 1.5) !important;
|
|
}
|
|
|
|
.channelTabs-newTab {
|
|
width: 32px !important;
|
|
height: 32px !important;
|
|
margin: 0 !important;
|
|
border-radius: calc(var(--app-radius) / 1.5) !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BETTERDISCORD PLUGIN -> CharCounter
|
|
*
|
|
*/
|
|
.charCounter-7fw40k {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.chatCounter-XOMPsh {
|
|
bottom: auto;
|
|
}
|
|
|
|
.charCounterAdded-zz9O4t {
|
|
margin-block-end: 24px;
|
|
}
|
|
|
|
.counter-uAzbKp {
|
|
position: absolute !important;
|
|
width: auto;
|
|
height: 24px;
|
|
margin-block-start: -12px;
|
|
padding: 0;
|
|
line-height: 24px;
|
|
border-block-start: none;
|
|
box-sizing: border-box;
|
|
text-align: right;
|
|
font-weight: 500;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BETTERDISCORD PLUGIN -> MemberCount
|
|
*
|
|
*/
|
|
#MemberCount {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.membersWrap_c8ffbb.hasCounter .members_c8ffbb {
|
|
margin-block-start: 41px !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BETTERDISCORD PLUGIN -> SpotifyControls
|
|
*
|
|
*/
|
|
.container_791eb8 {
|
|
border-start-start-radius: calc(var(--app-radius) / 1.5);
|
|
border-start-end-radius: calc(var(--app-radius) / 1.5);
|
|
}
|
|
.container_791eb8 .text-sm\/normal_cf4812 {
|
|
color: var(--text-subtle);
|
|
}
|
|
.container_791eb8.maximized_791eb8 .coverWrapper_791eb8 {
|
|
width: calc(100% + 15px);
|
|
}
|
|
|
|
#vc-spotify-player {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BETTERDISCORD BUTTONS
|
|
*
|
|
*/
|
|
.bd-button {
|
|
--button-background: hsl(var(--accent-hsl),var(--accent-opacity));
|
|
--button-shadow: var(--liquid-glass-shadow);
|
|
--button-text-color: var(--accent-text-color);
|
|
background-color: var(--button-background) !important;
|
|
border-radius: var(--button-radius);
|
|
box-shadow: var(--button-shadow) !important;
|
|
color: var(--button-text-color) !important;
|
|
}
|
|
.bd-button .bd-button-content {
|
|
background-image: none !important;
|
|
}
|
|
.bd-button .bd-button-content svg:not([fill]) .fill {
|
|
filter: none;
|
|
}
|
|
.bd-button .bd-button-content svg[fill] {
|
|
filter: none;
|
|
}
|
|
|
|
.bd-button-tiny,
|
|
.bd-button-medium,
|
|
.bd-button-large {
|
|
height: var(--button-height);
|
|
min-height: var(--button-height);
|
|
min-width: var(--button-height);
|
|
padding: var(--button-padding);
|
|
}
|
|
|
|
.bd-button-filled.bd-button-color-red, .bd-button-filled.bd-button-danger {
|
|
--button-background: hsl(var(--alert-hsl));
|
|
--button-text-color: var(--alert-text-color);
|
|
}
|
|
|
|
.bd-button-blank {
|
|
--button-background: transparent;
|
|
--button-text-color: var(--interactive-normal);
|
|
}
|
|
|
|
.bd-button-icon {
|
|
--button-background: var(--liquid-glass-color-subtle);
|
|
opacity: 1;
|
|
}
|
|
.bd-button-icon svg {
|
|
color: var(--button-text-color) !important;
|
|
}
|
|
|
|
.bd-button-link {
|
|
--button-padding: 12px;
|
|
--button-background: transparent;
|
|
--button-shadow: none !important;
|
|
}
|
|
.bd-button-link:after {
|
|
--button-action-color: hsl(var(--accent-hsl--material-you));
|
|
}
|
|
.bd-button-link.bd-button-color-brand, .bd-button-link.bd-button-color-primary {
|
|
--button-text-color: hsl(var(--accent-hsl--material-you));
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BETTERDISCORD ERRORS
|
|
*
|
|
*/
|
|
.bd-addon-error {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.bd-addon-error:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BETTERDISCORD NOTICES
|
|
*
|
|
*/
|
|
#bd-notices {
|
|
position: absolute;
|
|
inset-block-start: var(--space-8);
|
|
inset-inline-end: var(--space-8);
|
|
z-index: 1001;
|
|
}
|
|
#bd-notices:has(.bd-notice) {
|
|
width: auto;
|
|
inset-inline-start: unset;
|
|
}
|
|
|
|
.base__5e434:has(#bd-notices .bd-notice) {
|
|
margin-block-start: 0;
|
|
}
|
|
|
|
.bd-notice {
|
|
display: flex;
|
|
max-width: 25vw;
|
|
height: auto;
|
|
line-height: normal;
|
|
flex-direction: column;
|
|
padding: 16px;
|
|
gap: 16px;
|
|
background-color: var(--popout-color);
|
|
border-radius: var(--popout-radius);
|
|
backdrop-filter: blur(var(--popout-blur));
|
|
box-shadow: var(--popout-shadow);
|
|
}
|
|
.bd-notice:first-child {
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
.bd-notice .bd-notice-close {
|
|
width: 18px;
|
|
height: 18px;
|
|
inset-block-start: 20px;
|
|
inset-inline-end: 20px;
|
|
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg);
|
|
-webkit-mask-repeat: no-repeat;
|
|
background-color: var(--header-secondary);
|
|
background-image: none;
|
|
-webkit-mask-position: center;
|
|
mask-position: center;
|
|
opacity: 0.75;
|
|
}
|
|
.bd-notice .bd-notice-content {
|
|
margin-inline-end: 30px;
|
|
font-size: 1.25em;
|
|
font-weight: 400;
|
|
color: var(--header-primary) !important;
|
|
text-align: left;
|
|
}
|
|
.bd-notice .bd-notice-button {
|
|
display: flex;
|
|
height: var(--button-height);
|
|
line-height: var(--button-height);
|
|
inset-block-start: 0;
|
|
margin: 0;
|
|
justify-content: center;
|
|
background-color: hsl(var(--accent-hsl)) !important;
|
|
border-radius: var(--button-radius);
|
|
border: none;
|
|
color: var(--accent-text-color);
|
|
font-size: 1em;
|
|
font-weight: 500;
|
|
}
|
|
|
|
/* BETTERDISCORD NOTICES -> UPDATE NOTICE */
|
|
#bd-notifications-root {
|
|
padding: 0;
|
|
}
|
|
|
|
.bd-notification-top-right {
|
|
inset-block-start: calc(var(--custom-app-top-bar-height) + var(--space-8));
|
|
inset-inline-end: calc(var(--app-margin) + var(--space-8));
|
|
}
|
|
|
|
.bd-notification {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
margin-block-end: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.bd-notification-footer {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.bd-notification-progress[style*="background-color: var(--bd-brand)"] {
|
|
background-color: hsl(var(--accent-hsl)) !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BETTERDISCORD ADDONS
|
|
*
|
|
*/
|
|
.bd-modal-root {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
.bd-modal-root .bd-modal-footer {
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
gap: 8px;
|
|
}
|
|
|
|
.bd-search-wrapper {
|
|
min-height: auto;
|
|
height: auto;
|
|
border-radius: var(--input-radius);
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border: none;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
color: var(--textarea-text-color);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.bd-search-wrapper:has(input:focus, textarea:focus) {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
|
|
outline: none !important;
|
|
}
|
|
.bd-search-wrapper .bd-search {
|
|
color: var(--input-text-color);
|
|
}
|
|
.bd-search-wrapper .bd-search::-webkit-input-placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
|
|
.bd-store-card {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.bd-addon-list .bd-addon-card {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
.bd-addon-list .bd-addon-header {
|
|
background-color: transparent;
|
|
box-shadow: var(--card-header-shadow);
|
|
border: none;
|
|
}
|
|
.bd-addon-list .bd-controls {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--button-radius);
|
|
overflow: hidden;
|
|
}
|
|
.bd-addon-list .bd-controls .bd-button-filled {
|
|
--button-background: transparent;
|
|
}
|
|
|
|
.bd-addon-store-card {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--card-radius);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BETTERDISCORD SWITCHES
|
|
*
|
|
*/
|
|
.bd-switch .bd-switch-body {
|
|
--switch-color: var(--switch-slider-color);
|
|
}
|
|
.bd-switch .bd-switch-body .bd-switch-handle {
|
|
fill: var(--switch-knob-color);
|
|
}
|
|
.bd-switch input:active + .bd-switch-body {
|
|
--switch-color: var(--switch-slider-color);
|
|
}
|
|
.bd-switch input:checked + .bd-switch-body {
|
|
--switch-color: hsla(var(--accent-hsl),var(--accent-opacity));
|
|
--switch-knob-color: var(--accent-text-color);
|
|
}
|
|
.bd-switch input:checked:active + .bd-switch-body {
|
|
--switch-color: hsla(var(--accent-hsl),var(--accent-opacity));
|
|
}
|
|
|
|
.bd-switch-disabled {
|
|
opacity: 0.3;
|
|
filter: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* VENCORD PLUGIN - MemberCount
|
|
*
|
|
*/
|
|
.vc-membercount-online,
|
|
.vc-membercount-total {
|
|
text-shadow: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* VENCORD PLUGIN - Oneko
|
|
*
|
|
*/
|
|
#oneko {
|
|
z-index: 2;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* VENCORD PLUGIN - ReviewDB
|
|
*
|
|
*/
|
|
.vc-rdb-modal-footer > div {
|
|
margin: 16px;
|
|
}
|
|
.vc-rdb-modal-footer .vc-rdb-review {
|
|
margin-block-start: 0 !important;
|
|
margin-inline-end: 0 !important;
|
|
}
|
|
|
|
.vc-rdb-review {
|
|
--message-color: var(--card-color);
|
|
--message-color-hover: var(--card-color-hover);
|
|
margin-block-start: 4px !important;
|
|
margin-inline-start: 52px !important;
|
|
}
|
|
.vc-rdb-review:hover {
|
|
background-color: var(--message-color-hover) !important;
|
|
}
|
|
.vc-rdb-review .avatar_c19a55 {
|
|
inset-inline-start: -52px !important;
|
|
}
|
|
|
|
.vc-rdb-review-comment {
|
|
margin-block-end: 0;
|
|
}
|
|
|
|
.vc-rdb-input {
|
|
--textarea-background: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
margin-block-start: 12px !important;
|
|
background-color: var(--textarea-background) !important;
|
|
border-radius: 22px !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.vc-rdb-input .placeholder__1b31f {
|
|
color: var(--textarea-placeholder-color);
|
|
}
|
|
.vc-rdb-input .editor__1b31f {
|
|
color: var(--textarea-text-color);
|
|
}
|
|
.vc-rdb-input .buttons__74017 {
|
|
margin-inline-end: 0 !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* VENCORD BUTTONS
|
|
*
|
|
*/
|
|
.vc-card-base {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.vc-settings-quickActions-pill {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* VENCORD SETTINGS
|
|
*
|
|
*/
|
|
.vc-settings-tab-bar {
|
|
margin-block-start: 24px;
|
|
margin-block-end: 0 !important;
|
|
padding-block-start: 10px;
|
|
border-block-end: 1px solid var(--background-modifier-accent) !important;
|
|
}
|
|
.vc-settings-tab-bar .item_aa8da2 {
|
|
margin: 8px;
|
|
padding-block: 2px;
|
|
padding-inline: 8px;
|
|
border-radius: var(--button-radius);
|
|
border-block-end: none;
|
|
line-height: 20px;
|
|
font-size: 16px;
|
|
color: var(--interactive-normal) !important;
|
|
}
|
|
.vc-settings-tab-bar .item_aa8da2:hover {
|
|
background-color: var(--background-modifier-hover) !important;
|
|
color: var(--interactive-hover) !important;
|
|
}
|
|
.vc-settings-tab-bar .item_aa8da2.selected_aa8da2 {
|
|
background-color: var(--background-modifier-selected) !important;
|
|
color: var(--interactive-active) !important;
|
|
}
|
|
.vc-settings-tab-bar .item_aa8da2:first-child {
|
|
margin-inline-start: 0;
|
|
}
|
|
.vc-settings-tab-bar .item_aa8da2:last-child {
|
|
margin-inline-end: 0;
|
|
}
|
|
.vc-settings-tab-bar + .divider_ae36e5 {
|
|
display: none;
|
|
}
|
|
|
|
.vc-h3, .vc-h4, .vc-h5 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* VENCORD SETTINGS -> PLUGINS */
|
|
.vc-addon-card {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--card-radius) !important;
|
|
}
|
|
.vc-addon-card:hover {
|
|
box-shadow: none !important;
|
|
transform: none !important;
|
|
}
|
|
|
|
/* VENCORD SETTINGS -> NOTIFICATION */
|
|
.vc-notification-root {
|
|
inset-block-start: calc(var(--custom-app-top-bar-height) + var(--space-8));
|
|
inset-inline-end: calc(var(--app-margin) + var(--space-8)) !important;
|
|
bottom: unset !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* DISCOVER
|
|
*
|
|
*/
|
|
.scroller__23746 {
|
|
background-color: var(--main-content-color);
|
|
border-end-end-radius: var(--app-radius);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* FORUM
|
|
*
|
|
*/
|
|
.container_f369db {
|
|
background: transparent;
|
|
}
|
|
|
|
.header_f369db {
|
|
background: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border-radius: 24px;
|
|
border: none;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
}
|
|
.header_f369db .title_d9be46::placeholder {
|
|
color: var(--textarea-placeholder-color);
|
|
text-shadow: none;
|
|
}
|
|
|
|
.matchingPostsRow_f369db {
|
|
margin-block-start: var(--space-4);
|
|
background-color: var(--card-color);
|
|
border-radius: 16px;
|
|
border: none;
|
|
}
|
|
|
|
.container_ca49a1, .descriptionContainer_ca49a1 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.tagsContainer_f369db {
|
|
padding-block: 16px 0;
|
|
padding-inline: 0;
|
|
}
|
|
|
|
.sortDropdown_f369db .contents__201d5 {
|
|
color: var(--accent-text-color);
|
|
}
|
|
|
|
.sortDropdownText_f369db {
|
|
color: inherit !important;
|
|
}
|
|
|
|
.container_f8b2d2 {
|
|
padding: 0;
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
}
|
|
.container_f8b2d2 .menu_c1e9c4 {
|
|
min-width: unset;
|
|
}
|
|
.container_f8b2d2 .menu_c1e9c4 .groupLabel_c1e9c4 {
|
|
padding-block-start: 0;
|
|
}
|
|
|
|
.tagsButton_f369db {
|
|
--button-padding: 0 8px 0 12px;
|
|
}
|
|
.tagsButton_f369db.tagsButtonWithCount_f369db {
|
|
--button-padding: 8px;
|
|
}
|
|
.tagsButton_f369db .tagsButtonInner_f369db {
|
|
color: inherit;
|
|
}
|
|
.tagsButton_f369db svg {
|
|
color: var(--accent-text-color);
|
|
}
|
|
|
|
.countContainer_f369db {
|
|
background-color: var(--accent-text-color);
|
|
}
|
|
.countContainer_f369db .countText_f369db {
|
|
color: hsl(var(--accent-hsl));
|
|
}
|
|
|
|
.container__5808f {
|
|
padding-block: 16px 8px;
|
|
padding-inline: 16px;
|
|
}
|
|
.container__5808f .header__5808f {
|
|
padding: 0;
|
|
}
|
|
.container__5808f .countContainer__5808f {
|
|
background-color: hsl(var(--accent-hsl));
|
|
}
|
|
.container__5808f .countContainer__5808f .countText__5808f {
|
|
color: var(--accent-text-color);
|
|
}
|
|
|
|
.card_f369db {
|
|
padding-block-end: 16px;
|
|
}
|
|
.card_f369db[style*="height: 558px"] {
|
|
padding-block-end: 0;
|
|
}
|
|
|
|
/* FORUM -> PILLS */
|
|
.pill_a2c9e8 {
|
|
background-color: var(--card-color) !important;
|
|
border: none;
|
|
}
|
|
.pill_a2c9e8.clickable_a2c9e8:hover {
|
|
background-color: var(--card-color-hover) !important;
|
|
}
|
|
.pill_a2c9e8.selected_a2c9e8 {
|
|
background-color: hsl(var(--accent-hsl), 0.3) !important;
|
|
}
|
|
.pill_a2c9e8.selected_a2c9e8:hover {
|
|
background-color: hsl(var(--accent-hsl), 0.4) !important;
|
|
}
|
|
.pill_a2c9e8.selected_a2c9e8 .lineClamp1__92431 {
|
|
color: hsl(var(--accent-hsl));
|
|
}
|
|
|
|
/*
|
|
*
|
|
* FORUM NEW POST
|
|
*
|
|
*/
|
|
.container_d9be46.collapsed_d9be46 {
|
|
height: auto;
|
|
}
|
|
.container_d9be46 .titleContainer_d9be46 {
|
|
min-height: 0;
|
|
gap: 8px;
|
|
}
|
|
.container_d9be46 .prefixElement_d9be46 {
|
|
position: absolute;
|
|
display: flex;
|
|
width: var(--button-height);
|
|
height: var(--button-height);
|
|
margin: 0;
|
|
justify-content: center;
|
|
z-index: 2;
|
|
}
|
|
.container_d9be46 .prefixElement_d9be46 div[role=button],
|
|
.container_d9be46 .prefixElement_d9be46 svg {
|
|
height: inherit;
|
|
}
|
|
.container_d9be46 .input__75098 {
|
|
margin: 0;
|
|
height: var(--button-height);
|
|
padding-block: 0;
|
|
padding-inline: 10px;
|
|
line-height: var(--button-height);
|
|
font-weight: 400;
|
|
text-shadow: none;
|
|
cursor: text;
|
|
}
|
|
.container_d9be46 .input__75098::-webkit-input-placeholder {
|
|
font-weight: inherit;
|
|
}
|
|
.container_d9be46 .forumPostFormButton_d9be46 {
|
|
margin: 0;
|
|
height: var(--button-height);
|
|
}
|
|
.container_d9be46 .lookFilled__201d5 {
|
|
height: var(--button-height);
|
|
}
|
|
.container_d9be46 .contentContainer_d9be46 {
|
|
padding-inline: 0 86px;
|
|
}
|
|
.container_d9be46 .form_d9be46 {
|
|
margin-inline: 40px 0;
|
|
}
|
|
.container_d9be46 .formContainer_d9be46 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.container_d9be46 .channelTextArea__74017 {
|
|
margin-block: 16px 0;
|
|
margin-inline: 0;
|
|
background-color: transparent;
|
|
}
|
|
.container_d9be46 .inner__74017 {
|
|
--textarea-alpha: 0.1;
|
|
padding-block: 8px;
|
|
padding-inline: 16px;
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important;
|
|
border-radius: var(--textarea-radius);
|
|
color: var(--textarea-text-color);
|
|
}
|
|
.container_d9be46 .inner__74017::-webkit-input-placeholder {
|
|
color: var(--textarea-placeholder-color);
|
|
}
|
|
|
|
.container__94439 {
|
|
position: absolute;
|
|
inset-block-start: calc(var(--button-height) + 16px);
|
|
inset-inline-end: 16px;
|
|
}
|
|
.container__94439 .uploadInput__94439 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.container__94439 .imageSmall__41ea0 {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.container__94439 .badge__94439 {
|
|
background-color: hsl(var(--accent-hsl));
|
|
border-width: 4px;
|
|
color: var(--accent-text-color);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* FORUM POSTS
|
|
*
|
|
*/
|
|
.container__9a337, .container_faa96b {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.container__9a337:hover, .container_faa96b:hover {
|
|
background-color: var(--card-color-hover);
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
.container__9a337.isOpen__9a337, .container__9a337 .isOpen_faa96b, .container_faa96b.isOpen__9a337, .container_faa96b .isOpen_faa96b {
|
|
background-color: var(--card-color-select);
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
.container__9a337:not(.isOpen__9a337, .isOpen_faa96b):hover .contentPreview__9a337, .container_faa96b:not(.isOpen__9a337, .isOpen_faa96b):hover .contentPreview__9a337 {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
.pinIcon__08166 {
|
|
background-color: hsl(var(--accent-hsl));
|
|
}
|
|
.pinIcon__08166 svg {
|
|
filter: none;
|
|
}
|
|
.pinIcon__08166 path {
|
|
fill: var(--accent-text-color);
|
|
}
|
|
|
|
.contentPreview__9a337,
|
|
.textContentFooter__9a337 {
|
|
background-color: var(--card-color-hover);
|
|
}
|
|
|
|
.contentPreview__9a337 {
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.textContentFooter__9a337 {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.box_ee23ac {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.box_ee23ac:after {
|
|
inset-inline-start: 50px;
|
|
}
|
|
|
|
.container__34c2c {
|
|
background-color: transparent;
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|
|
.container__34c2c::before {
|
|
position: absolute;
|
|
content: " ";
|
|
width: 100%;
|
|
height: 100%;
|
|
inset: 0;
|
|
background: linear-gradient(var(--popout-color)), var(--app-bg);
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat;
|
|
border-radius: inherit;
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
|
|
.buttons__34c2c .button__201d5 {
|
|
--button-padding: 0;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* HEADER BAR
|
|
*
|
|
*/
|
|
.container__9293f {
|
|
height: 56px;
|
|
border-block-start: none;
|
|
border-block-end: none;
|
|
box-shadow: var(--popout-header-shadow);
|
|
}
|
|
.container__9293f:before {
|
|
display: none;
|
|
}
|
|
.container__9293f.themed__9293f {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.children__9293f:after {
|
|
display: none;
|
|
}
|
|
|
|
.akaBadge__27cd4 {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
.returnButton__0b563, .returnButton_c791b2 {
|
|
--button-height: 32px;
|
|
}
|
|
|
|
.returnButtonText__0b563, .returnButtonText_c791b2 {
|
|
font-size: 1em;
|
|
}
|
|
.returnButtonText__0b563,
|
|
.returnButtonText__0b563 *, .returnButtonText_c791b2,
|
|
.returnButtonText_c791b2 * {
|
|
color: var(--accent-text-color) !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* HEADER SEARCH BAR
|
|
*
|
|
*/
|
|
.search_c322aa .DraftEditor-root .DraftEditor-editorContainer {
|
|
height: var(--chat-search-size);
|
|
}
|
|
.search_c322aa .DraftEditor-root .public-DraftStyleDefault-block {
|
|
display: flex;
|
|
height: var(--chat-search-size);
|
|
line-height: var(--chat-search-size);
|
|
font-size: 15px;
|
|
}
|
|
.search_c322aa .DraftEditor-root .public-DraftStyleDefault-block span {
|
|
line-height: var(--chat-search-size);
|
|
font-size: 15px;
|
|
}
|
|
.search_c322aa .DraftEditor-root .public-DraftEditorPlaceholder-root {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
.search_c322aa .DraftEditor-root .public-DraftEditorPlaceholder-inner {
|
|
height: var(--chat-search-size);
|
|
line-height: var(--chat-search-size);
|
|
font-size: 15px;
|
|
}
|
|
.search_c322aa .public-DraftEditor-content > div[data-contents=true] {
|
|
height: inherit;
|
|
}
|
|
|
|
.searchBar_c322aa {
|
|
height: var(--chat-search-size);
|
|
padding-block: 0;
|
|
padding-inline: 4px;
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border-radius: calc(var(--chat-search-size) / 2);
|
|
border: none;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
}
|
|
|
|
.DraftEditor-editorContainer {
|
|
height: var(--chat-search-size);
|
|
}
|
|
|
|
.searchToken_bd8186,
|
|
.searchFilter_bd8186 + span[data-offset-key],
|
|
.searchAnswer_bd8186 span[data-offset-key] {
|
|
--chat-search-size: var(--chat-search-pill-size);
|
|
display: flex;
|
|
height: var(--chat-search-pill-size);
|
|
margin-block: auto;
|
|
margin-inline: 0;
|
|
background-color: var(--textarea-block-color);
|
|
border: none;
|
|
color: var(--textarea-block-text-color);
|
|
}
|
|
|
|
.searchToken_bd8186.searchFilter_bd8186 {
|
|
padding-block: 0;
|
|
padding-inline: 8px 4px;
|
|
border-radius: calc(var(--chat-search-pill-size) / 2) 0 0 calc(var(--chat-search-pill-size) / 2);
|
|
}
|
|
.searchToken_bd8186.searchAnswer_bd8186 {
|
|
border-radius: 0 calc(var(--chat-search-pill-size) / 2) calc(var(--chat-search-pill-size) / 2) 0;
|
|
}
|
|
.searchToken_bd8186.searchAnswer_bd8186 span[data-offset-key] {
|
|
margin-block-start: -1px;
|
|
padding-inline-end: 4px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.searchFilter_bd8186 + span[data-offset-key],
|
|
.searchAnswer_bd8186 span[data-offset-key] {
|
|
padding-inline-end: 4px;
|
|
border-radius: 0 calc(var(--chat-search-pill-size) / 2) calc(var(--chat-search-pill-size) / 2) 0;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BUTTONS
|
|
*
|
|
*/
|
|
.button__201d5 {
|
|
border-radius: var(--button-radius) !important;
|
|
}
|
|
.button__201d5 * {
|
|
text-shadow: none;
|
|
}
|
|
.button__201d5 .text-sm\/medium_cf4812,
|
|
.button__201d5 .text-sm\/semibold_cf4812,
|
|
.button__201d5 .text-sm\/bold_cf4812,
|
|
.button__201d5 .text-md\/semibold_cf4812,
|
|
.button__201d5 .contents__201d5 {
|
|
color: inherit !important;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.sizeSmall__201d5,
|
|
.sizeMedium__201d5,
|
|
.sizeLarge__201d5,
|
|
.sizeXlarge__6885c {
|
|
height: var(--button-height);
|
|
min-height: var(--button-height);
|
|
min-width: var(--button-height);
|
|
padding-block: 0 !important;
|
|
padding-inline: var(--button-padding) !important;
|
|
}
|
|
|
|
.lookFilled__201d5,
|
|
.lookOutlined__201d5,
|
|
.lookLink__201d5,
|
|
.lookInverted_a299dc {
|
|
--button-background: hsl(var(--accent-hsl),var(--accent-opacity));
|
|
--button-text-color: var(--accent-text-color);
|
|
--button-outline: none;
|
|
background-color: var(--button-background) !important;
|
|
border: var(--button-outline) !important;
|
|
color: var(--button-text-color) !important;
|
|
border: var(--button-outline) !important;
|
|
box-shadow: var(--liquid-glass-shadow) !important;
|
|
}
|
|
.lookFilled__201d5:after,
|
|
.lookOutlined__201d5:after,
|
|
.lookLink__201d5:after,
|
|
.lookInverted_a299dc:after {
|
|
position: absolute;
|
|
content: " ";
|
|
width: 100%;
|
|
height: 100%;
|
|
inset-block-start: 0;
|
|
inset-inline-start: 0;
|
|
background-color: var(--button-action-color);
|
|
border-radius: var(--button-radius);
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition: var(--default-time) var(--default-animation) opacity;
|
|
}
|
|
.lookFilled__201d5:hover:after,
|
|
.lookOutlined__201d5:hover:after,
|
|
.lookLink__201d5:hover:after,
|
|
.lookInverted_a299dc:hover:after {
|
|
opacity: 0.075;
|
|
}
|
|
.lookFilled__201d5:active:after,
|
|
.lookOutlined__201d5:active:after,
|
|
.lookLink__201d5:active:after,
|
|
.lookInverted_a299dc:active:after {
|
|
opacity: 0.15;
|
|
}
|
|
.lookFilled__201d5 .contents__201d5,
|
|
.lookFilled__201d5 .defaultColor__77578, .lookFilled__201d5 .defaultColor_e9e35f, .lookFilled__201d5 .defaultColor__4bd52,
|
|
.lookOutlined__201d5 .contents__201d5,
|
|
.lookOutlined__201d5 .defaultColor__77578,
|
|
.lookOutlined__201d5 .defaultColor_e9e35f,
|
|
.lookOutlined__201d5 .defaultColor__4bd52,
|
|
.lookLink__201d5 .contents__201d5,
|
|
.lookLink__201d5 .defaultColor__77578,
|
|
.lookLink__201d5 .defaultColor_e9e35f,
|
|
.lookLink__201d5 .defaultColor__4bd52,
|
|
.lookInverted_a299dc .contents__201d5,
|
|
.lookInverted_a299dc .defaultColor__77578,
|
|
.lookInverted_a299dc .defaultColor_e9e35f,
|
|
.lookInverted_a299dc .defaultColor__4bd52 {
|
|
color: var(--button-text-color);
|
|
}
|
|
.lookFilled__201d5 .contents__201d5 svg,
|
|
.lookFilled__201d5 .defaultColor__77578 svg, .lookFilled__201d5 .defaultColor_e9e35f svg, .lookFilled__201d5 .defaultColor__4bd52 svg,
|
|
.lookOutlined__201d5 .contents__201d5 svg,
|
|
.lookOutlined__201d5 .defaultColor__77578 svg,
|
|
.lookOutlined__201d5 .defaultColor_e9e35f svg,
|
|
.lookOutlined__201d5 .defaultColor__4bd52 svg,
|
|
.lookLink__201d5 .contents__201d5 svg,
|
|
.lookLink__201d5 .defaultColor__77578 svg,
|
|
.lookLink__201d5 .defaultColor_e9e35f svg,
|
|
.lookLink__201d5 .defaultColor__4bd52 svg,
|
|
.lookInverted_a299dc .contents__201d5 svg,
|
|
.lookInverted_a299dc .defaultColor__77578 svg,
|
|
.lookInverted_a299dc .defaultColor_e9e35f svg,
|
|
.lookInverted_a299dc .defaultColor__4bd52 svg {
|
|
filter: none;
|
|
}
|
|
|
|
.lookLink__201d5 {
|
|
--button-background: var(--liquid-glass-color-subtle);
|
|
--button-text-color: hsl(var(--accent-hsl),var(--accent-opacity));
|
|
--button-action-color: transparent;
|
|
}
|
|
.lookLink__201d5:hover .contents__201d5 {
|
|
background-image: linear-gradient(0deg, transparent, transparent 1px, hsl(var(--accent-hsl)) 0, hsl(var(--accent-hsl)) 2px, transparent 0) !important;
|
|
}
|
|
|
|
/* BUTTONS -> CALL BUTTONS */
|
|
.colorable_f1ceac {
|
|
--button-background: var(--background-modifier-hover);
|
|
--button-text-color: #fff;
|
|
--button-radius: 50%;
|
|
background-color: var(--button-background) !important;
|
|
color: var(--button-text-color) !important;
|
|
}
|
|
.colorable_f1ceac:after {
|
|
position: absolute;
|
|
content: " ";
|
|
width: 100%;
|
|
height: 100%;
|
|
inset-block-start: 0;
|
|
inset-inline-start: 0;
|
|
background-color: var(--button-action-color);
|
|
border-radius: 50%;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition: var(--default-time) var(--default-animation) opacity;
|
|
}
|
|
.colorable_f1ceac:hover:after {
|
|
opacity: 0.075;
|
|
}
|
|
.colorable_f1ceac:active:after {
|
|
opacity: 0.15;
|
|
}
|
|
.colorable_f1ceac.primaryDark_f1ceac {
|
|
--button-background: hsl(var(--accent-hsl),var(--accent-opacity));
|
|
--button-text-color: var(--accent-text-color);
|
|
}
|
|
.colorable_f1ceac.red_f1ceac {
|
|
--button-background: hsl(var(--alert-hsl),var(--alert-opacity));
|
|
--button-text-color: var(--alert-text-color);
|
|
}
|
|
.colorable_f1ceac.white_f1ceac {
|
|
--button-background: #fff;
|
|
--button-text-color: #060607;
|
|
}
|
|
.colorable_f1ceac.primaryLight_f1ceac {
|
|
--button-text-color: #060607;
|
|
}
|
|
.colorable_f1ceac.activeLight_f1ceac {
|
|
--button-background: var(--background-modifier-active);
|
|
--button-text-color: #060607;
|
|
}
|
|
.colorable_f1ceac .centerIcon_f1ceac {
|
|
color: var(--button-text-color) !important;
|
|
}
|
|
|
|
.colorRed__201d5 {
|
|
--button-background: hsl(var(--alert-hsl),var(--alert-opacity));
|
|
--button-text-color: var(--alert-text-color);
|
|
--button-action-color: var(--alert-action-color);
|
|
}
|
|
|
|
.questionMark-3V9mGJ {
|
|
background-color: hsl(var(--accent-hsl), var(--accent-opacity));
|
|
border-radius: 50%;
|
|
}
|
|
.questionMark-3V9mGJ .icon-3JHfo7 {
|
|
color: var(--accent-text-color);
|
|
filter: none;
|
|
}
|
|
|
|
/* BUTTONS -> BUTTON V2 */
|
|
.button_a22cb0 {
|
|
--button-background: hsl(var(--accent-hsl),var(--accent-opacity));
|
|
--button-text-color: var(--accent-text-color);
|
|
--button-outline: none;
|
|
background-color: var(--button-background) !important;
|
|
border: var(--button-outline) !important;
|
|
color: var(--button-text-color) !important;
|
|
border: var(--button-outline) !important;
|
|
box-shadow: var(--liquid-glass-shadow) !important;
|
|
}
|
|
.button_a22cb0:after {
|
|
position: absolute;
|
|
content: " ";
|
|
width: 100%;
|
|
height: 100%;
|
|
inset-block-start: 0;
|
|
inset-inline-start: 0;
|
|
background-color: var(--button-action-color);
|
|
border-radius: var(--button-radius);
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition: var(--transition-time) var(--transition-type) opacity;
|
|
}
|
|
.button_a22cb0:hover:after {
|
|
opacity: 0.075;
|
|
}
|
|
.button_a22cb0:active:after {
|
|
opacity: 0.15;
|
|
}
|
|
.button_a22cb0 .buttonChildrenWrapper_a22cb0 {
|
|
min-width: 0 !important;
|
|
height: var(--button-height);
|
|
padding: 0 !important;
|
|
line-height: var(--button-height);
|
|
color: inherit;
|
|
overflow: visible;
|
|
}
|
|
.button_a22cb0 .buttonChildrenWrapper_a22cb0 svg {
|
|
height: var(--button-height);
|
|
}
|
|
.button_a22cb0 .text-sm\/medium_cf4812,
|
|
.button_a22cb0 .text-md\/medium_cf4812,
|
|
.button_a22cb0 .text-lg\/medium_cf4812 {
|
|
text-shadow: none;
|
|
}
|
|
|
|
/* BUTTONS -> BUTTON V2 -> COLORS */
|
|
.primary_a22cb0 {
|
|
--button-background: hsl(var(--accent-hsl),var(--accent-opacity));
|
|
--button-text-color: var(--accent-text-color);
|
|
}
|
|
|
|
.secondary_a22cb0 {
|
|
--button-background: var(--accent-secondary-color);
|
|
--button-text-color: var(--accent-secondary-text-color);
|
|
}
|
|
|
|
.critical-primary_a22cb0 {
|
|
--button-background: hsl(var(--alert-hsl),var(--alert-opacity));
|
|
--button-text-color: var(--alert-text-color);
|
|
}
|
|
|
|
.critical-secondary_a22cb0 {
|
|
--button-background: hsl(from hsl(var(--alert-hsl)) h s l / 0.25);
|
|
--button-text-color: hsl(from hsl(var(--alert-hsl)) h s calc(l * 0.96));
|
|
}
|
|
|
|
/* BUTTONS -> BUTTON V2 -> SIZES */
|
|
.sm_a22cb0,
|
|
.md_a22cb0,
|
|
.lg_a22cb0 {
|
|
min-width: var(--button-height) !important;
|
|
height: var(--button-height) !important;
|
|
min-height: var(--button-height) !important;
|
|
padding-block: 0 !important;
|
|
padding-inline: var(--button-padding) !important;
|
|
line-height: var(--button-height) !important;
|
|
border-radius: var(--button-radius) !important;
|
|
}
|
|
|
|
.icon-only_a22cb0 {
|
|
--button-padding: 0;
|
|
--button-background: var(--liquid-glass-color-subtle);
|
|
--button-text-color: var(--text-primary);
|
|
}
|
|
|
|
.button_a22cb0 .contents__201d5,
|
|
.button_a22cb0 .text-sm\/medium_cf4812 {
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* CARDS
|
|
*
|
|
*/
|
|
.card__73069,
|
|
.cardPrimary__73069,
|
|
.backgroundAccent__4cd16 {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--popout-radius) !important;
|
|
border: none !important;
|
|
box-shadow: var(--popout-shadow-border) !important;
|
|
}
|
|
|
|
.cardPrimary__73069 {
|
|
border-style: solid !important;
|
|
border-width: 1px !important;
|
|
border-color: transparent !important;
|
|
}
|
|
.cardPrimary__73069 .cardHeader_b44011 {
|
|
background-color: unset;
|
|
border-block-end: 1px solid var(--card-color);
|
|
}
|
|
.cardPrimary__73069 .group_f5fff4 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--button-radius);
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.button__9a406 {
|
|
background-color: var(--card-color) !important;
|
|
}
|
|
.button__9a406:hover {
|
|
background-color: var(--card-color-hover) !important;
|
|
}
|
|
|
|
.cardWrapper_aae012 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.card__11580:hover, .card_aae012:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.upsellContainer__73000 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
.upsellContainer__73000 .upsellFooter__73000 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.dropsHelpText_e8af36,
|
|
.promotionCard_d4883c {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* CHECKBOXES
|
|
*
|
|
*/
|
|
.checkboxIndicator__714a9 {
|
|
background-color: transparent;
|
|
border-width: 2px;
|
|
border-radius: 4px;
|
|
border-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color;
|
|
}
|
|
|
|
.checkboxOption__714a9[data-selected]:hover:not([data-disabled]) .checkboxIndicator__714a9 {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
.checkboxOption__714a9[data-selected] .checkboxIndicator__714a9 {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
.checkboxOption__714a9[data-selected] .checkmark__714a9,
|
|
.checkboxOption__714a9[data-selected] .checkStroke__714a9 {
|
|
color: var(--accent-text-color);
|
|
filter: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* INPUTS
|
|
*
|
|
*/
|
|
.wrapper__72c38 {
|
|
min-height: var(--input-height);
|
|
height: var(--input-height);
|
|
border-radius: var(--input-radius);
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border: none;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
color: var(--textarea-text-color);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.wrapper__72c38:has(input:focus, textarea:focus) {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
|
|
outline: none !important;
|
|
}
|
|
.wrapper__72c38 .input__75098 {
|
|
background-color: transparent;
|
|
}
|
|
.wrapper__72c38 .input__75098::-webkit-input-placeholder {
|
|
color: var(--input-placeholder-color);
|
|
}
|
|
|
|
.multiInput-1VARjC .wrapper__72c38 {
|
|
margin-inline-end: 8px;
|
|
}
|
|
|
|
.multiInputLast-35zVz0:before {
|
|
display: none;
|
|
}
|
|
|
|
.fileUploadInput__8b203 {
|
|
width: auto;
|
|
}
|
|
|
|
.fileUploadButton__8b203 {
|
|
padding-block: 0;
|
|
padding-inline: 12px;
|
|
}
|
|
|
|
/* INPUTS -> OPTION PILLS */
|
|
.optionPill_a16aea {
|
|
background-color: var(--textarea-block-color) !important;
|
|
border-radius: var(--button-radius);
|
|
border-color: transparent !important;
|
|
}
|
|
.optionPill_a16aea.selectedPill__3f413 {
|
|
border-color: hsl(var(--accent-hsl)) !important;
|
|
}
|
|
.optionPill_a16aea.erroredPill__3f413 {
|
|
border-color: hsl(var(--alert-hsl)) !important;
|
|
}
|
|
.optionPill_a16aea .optionPillKey__3f413 {
|
|
background-color: var(--textarea-block-color) !important;
|
|
border-top-left-radius: inherit;
|
|
border-bottom-left-radius: inherit;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* NOTICES
|
|
*
|
|
*/
|
|
.notice__6e2b9 {
|
|
box-shadow: none;
|
|
}
|
|
.notice__6e2b9.colorInfo__680aa, .notice__6e2b9.colorBrand1-2u_MN9 {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
color: var(--accent-text-color);
|
|
}
|
|
.notice__6e2b9.colorInfo__680aa .closeButton__90904, .notice__6e2b9.colorBrand1-2u_MN9 .closeButton__90904 {
|
|
opacity: 0.75;
|
|
}
|
|
.notice__6e2b9.colorInfo__680aa .closeButton__90904:hover, .notice__6e2b9.colorBrand1-2u_MN9 .closeButton__90904:hover {
|
|
opacity: 1;
|
|
}
|
|
.notice__6e2b9.colorBrand1-2u_MN9, .notice__6e2b9.colorStreamerMode__6e2b9 {
|
|
border-radius: 0;
|
|
}
|
|
.notice__6e2b9.colorBrand1-2u_MN9 .button-YGmtzG:after {
|
|
opacity: 0.15;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* RADIO BUTTONS
|
|
*
|
|
*/
|
|
.radioGroupOption__64e61[data-selected] .outerRadioBase__64e61,
|
|
.radioGroupOption__64e61[data-selected] .outerRadioFill__64e61 {
|
|
fill: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
.radioGroupOption__64e61[data-selected] .innerDotRadio__64e61 {
|
|
fill: var(--accent-text-color);
|
|
}
|
|
.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .outerRadioBase__64e61,
|
|
.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .outerRadioFill__64e61 {
|
|
fill: hsla(var(--accent-hsl));
|
|
}
|
|
.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .innerDotRadio__64e61 {
|
|
fill: var(--accent-text-color);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SELECT MENUS
|
|
*
|
|
*/
|
|
.wrapper_a16aea.wrapper__72c38 {
|
|
min-height: var(--input-height);
|
|
height: var(--input-height);
|
|
padding: var(--input-padding);
|
|
background-color: var(--input-color);
|
|
border-radius: var(--input-radius);
|
|
border: none;
|
|
}
|
|
|
|
.container_a16aea[data-variant=text-only] .select_a16aea {
|
|
background-color: var(--liquid-glass-color-subtle);
|
|
}
|
|
|
|
.select_a16aea {
|
|
padding-block: var(--space-8);
|
|
padding-inline: var(--space-16) var(--space-8);
|
|
}
|
|
.select_a16aea .subtitle_e9c087 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.popout_a16aea {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
padding-block: var(--space-8);
|
|
padding-inline: var(--space-8) !important;
|
|
}
|
|
.popout_a16aea:not(.popoutPositionTop_a16aea) {
|
|
margin-block-start: var(--space-8);
|
|
}
|
|
.popout_a16aea.popoutPositionTop_a16aea {
|
|
margin-block-end: var(--space-8);
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
.popout_a16aea .option_a16aea {
|
|
border-radius: calc(var(--popout-radius) - var(--space-8));
|
|
}
|
|
.popout_a16aea .option_a16aea:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
.popout_a16aea .option_a16aea[aria-selected=true] {
|
|
background-color: var(--background-modifier-selected) !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SLIDERS
|
|
*
|
|
*/
|
|
.bar_a562c8 {
|
|
background-color: var(--background-modifier-selected) !important;
|
|
}
|
|
.bar_a562c8 .barFill_a562c8 {
|
|
background-color: hsla(var(--accent-hsl), calc(var(--accent-opacity) * 0.8));
|
|
}
|
|
|
|
.grabber_a562c8 {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
border-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
box-shadow: var(--popout-shadow);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SWITCHES
|
|
*
|
|
*/
|
|
.switchIndicator_a28278 {
|
|
background-color: var(--switch-slider-color) !important;
|
|
border: none !important;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
}
|
|
.switchIndicator_a28278:has(.thumb_a28278[style="left: 24px;"]) {
|
|
--switch-slider-color: hsl(var(--accent-hsl), var(--accent-opacity));
|
|
--switch-knob-color: hsl(from var(--accent-text-color) h s l / var(--accent-opacity));
|
|
}
|
|
.switchIndicator_a28278 .thumb_a28278 {
|
|
margin: 0;
|
|
filter: none;
|
|
}
|
|
.switchIndicator_a28278 .thumb_a28278 rect {
|
|
fill: var(--switch-knob-color) !important;
|
|
}
|
|
.switchIndicator_a28278 .thumb_a28278 svg path {
|
|
fill: var(--switch-slider-color);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* TAB BAR
|
|
*
|
|
*/
|
|
.tabBar__133bf, .tabBar_f8303a, .tabBar_d6f9e9, .tabBar__81b3e, .tabBar_d1d9f3 {
|
|
padding-block: 16px;
|
|
padding-inline: 0;
|
|
gap: 24px;
|
|
}
|
|
.tabBar__133bf .item_aa8da2, .tabBar_f8303a .item_aa8da2, .tabBar_d6f9e9 .item_aa8da2, .tabBar__81b3e .item_aa8da2, .tabBar_d1d9f3 .item_aa8da2 {
|
|
min-width: 40px;
|
|
margin: 0;
|
|
padding-block: 2px;
|
|
padding-inline: 8px;
|
|
background-color: transparent !important;
|
|
border-radius: var(--button-radius);
|
|
border-block-end: none;
|
|
line-height: 20px;
|
|
font-size: 16px;
|
|
color: var(--interactive-normal) !important;
|
|
}
|
|
.tabBar__133bf .item_aa8da2:first-child, .tabBar_f8303a .item_aa8da2:first-child, .tabBar_d6f9e9 .item_aa8da2:first-child, .tabBar__81b3e .item_aa8da2:first-child, .tabBar_d1d9f3 .item_aa8da2:first-child {
|
|
margin-inline-start: 0;
|
|
}
|
|
.tabBar__133bf .item_aa8da2:after, .tabBar_f8303a .item_aa8da2:after, .tabBar_d6f9e9 .item_aa8da2:after, .tabBar__81b3e .item_aa8da2:after, .tabBar_d1d9f3 .item_aa8da2:after {
|
|
display: none;
|
|
}
|
|
.tabBar__133bf .item_aa8da2:hover, .tabBar_f8303a .item_aa8da2:hover, .tabBar_d6f9e9 .item_aa8da2:hover, .tabBar__81b3e .item_aa8da2:hover, .tabBar_d1d9f3 .item_aa8da2:hover {
|
|
background-color: var(--background-modifier-hover) !important;
|
|
color: var(--interactive-hover) !important;
|
|
}
|
|
.tabBar__133bf .item_aa8da2.selected_aa8da2, .tabBar_f8303a .item_aa8da2.selected_aa8da2, .tabBar_d6f9e9 .item_aa8da2.selected_aa8da2, .tabBar__81b3e .item_aa8da2.selected_aa8da2, .tabBar_d1d9f3 .item_aa8da2.selected_aa8da2 {
|
|
background-color: var(--background-modifier-selected) !important;
|
|
color: var(--interactive-active) !important;
|
|
}
|
|
.tabBar__133bf .item_aa8da2 + .item_aa8da2, .tabBar_f8303a .item_aa8da2 + .item_aa8da2, .tabBar_d6f9e9 .item_aa8da2 + .item_aa8da2, .tabBar__81b3e .item_aa8da2 + .item_aa8da2, .tabBar_d1d9f3 .item_aa8da2 + .item_aa8da2 {
|
|
margin-inline-start: 0;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* TOASTS
|
|
*
|
|
*/
|
|
.toast,
|
|
.bd-toast {
|
|
inset-block-start: -56px;
|
|
margin-block-start: 8px;
|
|
padding: 10px !important;
|
|
border-radius: 16px;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.bd-toast:before {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 17px;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* TOOLTIP
|
|
*
|
|
*/
|
|
.tooltip_fa450d {
|
|
background-color: var(--tooltip-color) !important;
|
|
border-radius: var(--tooltip-radius);
|
|
backdrop-filter: blur(var(--popout-blur));
|
|
z-index: 1004;
|
|
}
|
|
.tooltip_fa450d .tooltipPointer_c36707 {
|
|
border-top-color: var(--tooltip-color) !important;
|
|
}
|
|
.tooltip_fa450d .tooltipContent_c36707,
|
|
.tooltip_fa450d .guildNameText_b1f768,
|
|
.tooltip_fa450d .clickCTA__0f481 {
|
|
color: var(--tooltip-text-color);
|
|
text-shadow: none;
|
|
}
|
|
.tooltip_fa450d .anchor_edefb8 {
|
|
color: var(--tooltip-text-color);
|
|
text-decoration: underline;
|
|
}
|
|
.tooltip_fa450d .tooltipText__0ca35, .tooltip_fa450d .emojiTooltipText__040f0,
|
|
.tooltip_fa450d .activityIcon_b1f768,
|
|
.tooltip_fa450d .text-sm\/medium_cf4812,
|
|
.tooltip_fa450d .text-md\/semibold_cf4812 {
|
|
color: var(--tooltip-text-color) !important;
|
|
text-shadow: none;
|
|
}
|
|
.tooltip_fa450d .muteText_b1f768 {
|
|
color: var(--accent-text-color) !important;
|
|
}
|
|
|
|
.caretIcon_fa450d {
|
|
display: none;
|
|
}
|
|
|
|
.listItemTooltipContent__91816 {
|
|
color: var(--tooltip-text-color);
|
|
text-shadow: none;
|
|
}
|
|
|
|
/* TOOLTIP -> UPSELLS */
|
|
.reactionTooltip_bbcccb.caretTopCenter__675aa:after,
|
|
.upsellTooltipWrapper__675aa.caretTopCenter__675aa:after {
|
|
border-bottom-color: var(--popout-color);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* ACTIVITY LIST
|
|
*
|
|
*/
|
|
.nowPlayingColumn__133bf,
|
|
.container__7d20c {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.scroller__7d20c {
|
|
margin-inline-start: 0;
|
|
}
|
|
|
|
.emptyCard__7e549 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
}
|
|
|
|
.interactive_bf1984 {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--popout-radius) !important;
|
|
border: none !important;
|
|
box-shadow: var(--popout-shadow-border) !important;
|
|
}
|
|
.interactive_bf1984 .inset_bf1984 {
|
|
background-color: transparent;
|
|
}
|
|
.interactive_bf1984 .section__00943 {
|
|
margin-block-end: 2px;
|
|
}
|
|
.interactive_bf1984 .section__00943:last-of-type {
|
|
margin-block-end: 0;
|
|
}
|
|
.interactive_bf1984 .separator__00943 {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* ADD FRIEND
|
|
*
|
|
*/
|
|
.addFriendInputWrapper__72ba7 {
|
|
padding: 0;
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 {
|
|
padding: 0;
|
|
}
|
|
.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 .input__75098 {
|
|
padding-block: 0;
|
|
padding-inline: 12px;
|
|
}
|
|
.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 .input__75098::-webkit-input-placeholder {
|
|
color: var(--textarea-placeholder-color);
|
|
}
|
|
.addFriendInputWrapper__72ba7 .addFriendHint__72ba7 {
|
|
height: var(--input-height);
|
|
line-height: var(--input-height);
|
|
inset-block-start: 1px;
|
|
padding-block: 0;
|
|
padding-inline: 12px;
|
|
color: var(--textarea-placeholder-color);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* FRIENDS LIST
|
|
*
|
|
*/
|
|
.container__133bf {
|
|
background-color: var(--main-content-color) !important;
|
|
border-start-end-radius: var(--app-radius);
|
|
border-end-end-radius: var(--app-radius);
|
|
border-block-start: none;
|
|
}
|
|
|
|
.tabBody__133bf {
|
|
background-color: transparent;
|
|
}
|
|
.tabBody__133bf:before {
|
|
display: none;
|
|
}
|
|
|
|
.blockedIgnoredSettingsNotice__6811a {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
}
|
|
|
|
.peopleListItem_cc6179:hover {
|
|
background-color: var(--card-color-hover);
|
|
border-radius: var(--list-item-radius);
|
|
}
|
|
.peopleListItem_cc6179.active_cc6179 {
|
|
background-color: var(--card-color-select);
|
|
}
|
|
.peopleListItem_cc6179 .actionButton_f8fa06 {
|
|
background-color: var(--background-modifier-active);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* LIBRARY
|
|
*
|
|
*/
|
|
.container__8a529 {
|
|
background-color: var(--main-content-color);
|
|
}
|
|
.container__8a529 .container__33507 {
|
|
min-height: auto;
|
|
height: auto;
|
|
border-radius: var(--input-radius);
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border: none;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
color: var(--textarea-text-color);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.container__8a529 .container__33507:has(input:focus, textarea:focus) {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
|
|
outline: none !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* MESSAGE REQUESTS
|
|
*
|
|
*/
|
|
.list_f391e3 .sectionTitle_f391e3 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
.messageRequestItem_abb9ad:hover, .messageRequestItem_abb9ad.selected_f391e3, .messageRequestItem_abb9ad .selected_dcc822 {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.messageRequestItem_abb9ad:hover {
|
|
background-color: var(--card-color-hover);
|
|
}
|
|
.messageRequestItem_abb9ad.selected_f391e3, .messageRequestItem_abb9ad .selected_dcc822 {
|
|
background-color: var(--card-color-select);
|
|
}
|
|
.messageRequestItem_abb9ad .actionButton-3GQIiT {
|
|
background-color: var(--background-modifier-active);
|
|
}
|
|
|
|
/* MESSAGE REQUESTS -> PREVIEW */
|
|
.chat_a44415:before {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* NITRO
|
|
*
|
|
*/
|
|
.applicationStore_f07d62 {
|
|
background-color: var(--main-content-color);
|
|
border-start-end-radius: var(--app-radius);
|
|
border-end-end-radius: var(--app-radius);
|
|
}
|
|
.applicationStore_f07d62 .scroller__244e5 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.homeWrapper__0920e {
|
|
background-color: transparent;
|
|
border-block-start: none;
|
|
}
|
|
|
|
.mainPageScroller__80907 {
|
|
background: transparent;
|
|
}
|
|
|
|
.premiumContainer__11813 .button__201d5,
|
|
.settingsContainer-36qZZ9 .button__201d5,
|
|
.card_ac86f6 .button__201d5 {
|
|
--button-background: hsla(0,0%,100%,0.15);
|
|
--button-text-color: #fff;
|
|
--button-action-color: #fff;
|
|
}
|
|
|
|
.settingsContainer-36qZZ9,
|
|
.card_ac86f6 {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
|
|
.card__5b393 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.card__5b393:hover {
|
|
background-color: var(--card-color-hover);
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* QUESTS
|
|
*
|
|
*/
|
|
.container__955a3 {
|
|
border-block-start: none;
|
|
}
|
|
.container__955a3 .container__9293f {
|
|
height: 56px;
|
|
border-start-end-radius: var(--app-radius);
|
|
}
|
|
.container__955a3 .container__9293f.themed__9293f {
|
|
background-color: var(--main-content-color);
|
|
}
|
|
|
|
.shelfCard_c676ef,
|
|
.questTile__60f82 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.shelfCardQuestLogo_c676ef {
|
|
background-color: var(--card-color);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.overlay_b5b7aa {
|
|
background: transparent;
|
|
}
|
|
|
|
.container_b5b7aa,
|
|
.container__956c6 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* MESSAGES ACTIONS
|
|
*
|
|
*/
|
|
.popover_f84418.popover_f84418 {
|
|
background-color: transparent;
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
border: none !important;
|
|
box-shadow: var(--liquid-glass-shadow), var(--popout-shadow) !important;
|
|
overflow: hidden;
|
|
}
|
|
.popover_f84418.popover_f84418::before {
|
|
position: absolute;
|
|
content: " ";
|
|
width: 100%;
|
|
height: 100%;
|
|
inset: 0;
|
|
background: linear-gradient(var(--popout-color)), var(--app-bg);
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat;
|
|
border-radius: inherit;
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.popover_f84418.popover_f84418:before {
|
|
box-shadow: none;
|
|
}
|
|
.popover_f84418.popover_f84418:hover {
|
|
box-shadow: var(--liquid-glass-shadow), var(--popout-shadow) !important;
|
|
}
|
|
|
|
.message_fd14e0 {
|
|
padding: 0;
|
|
background-color: transparent !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.message_fd14e0 .wrapper_c19a55 {
|
|
margin-inline-start: 48px;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* ATTACHMENTS
|
|
*
|
|
*/
|
|
.fileWrapper__0ccae,
|
|
.embedFull__623de,
|
|
.embedCard__44c9a,
|
|
.container__9271d {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
border-inline-start: 4px solid;
|
|
}
|
|
|
|
.file__0ccae {
|
|
background-color: var(--card-color);
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.withFooter__44c9a {
|
|
border-radius: var(--card-radius) var(--card-radius) 0 0;
|
|
box-shadow: var(--card-header-shadow);
|
|
}
|
|
.withFooter__44c9a .wrapper_c19a55 {
|
|
margin-inline-start: 48px;
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
.footerContainer__44492 {
|
|
background-color: var(--card-color);
|
|
border-radius: 0 0 var(--card-radius) var(--card-radius);
|
|
}
|
|
.footerContainer__44492 .footerIcon__44492 path {
|
|
fill: currentColor;
|
|
}
|
|
|
|
.cta__9271d {
|
|
color: hsl(var(--accent-hsl));
|
|
}
|
|
|
|
.wrapper_d5f3cd,
|
|
.invite__4d3fa,
|
|
.wrapperAudio_cf09d8 {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.inviteSplash_d5f3cd {
|
|
border-top-right-radius: var(--card-radius);
|
|
border-top-left-radius: var(--card-radius);
|
|
}
|
|
|
|
.container_a8e786 {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
.ripple_a8e786 {
|
|
display: none;
|
|
}
|
|
|
|
.playButtonContainer_a8e786 {
|
|
background: hsl(var(--accent-hsl)) !important;
|
|
}
|
|
.playButtonContainer_a8e786:active {
|
|
transform: none;
|
|
}
|
|
.playButtonContainer_a8e786 .playIcon_a8e786 {
|
|
color: var(--accent-text-color) !important;
|
|
}
|
|
|
|
.root_fbc6f7 {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
/* ATTACHMENTS -> TEXT CONTAINER */
|
|
.textContainer__4d95d,
|
|
.footer__4d95d {
|
|
background-color: var(--card-color);
|
|
border: none;
|
|
border-radius: 0 0 var(--card-radius) var(--card-radius);
|
|
}
|
|
|
|
.newMosaicStyle__4d95d .textContainer__4d95d,
|
|
.newMosaicStyle__4d95d .footer__4d95d {
|
|
background-color: var(--card-color);
|
|
border: none;
|
|
}
|
|
.newMosaicStyle__4d95d .textContainer__4d95d {
|
|
border-radius: var(--card-radius) var(--card-radius) 0 0;
|
|
box-shadow: var(--card-header-shadow);
|
|
}
|
|
.newMosaicStyle__4d95d .textContainer__4d95d .hljs {
|
|
background-color: transparent;
|
|
}
|
|
.newMosaicStyle__4d95d .footer__4d95d {
|
|
border-radius: 0 0 var(--card-radius) var(--card-radius);
|
|
}
|
|
|
|
.modalTextContainer__4d95d {
|
|
background-color: var(--popout-color);
|
|
border-radius: var(--popout-radius) var(--popout-radius) 0 0;
|
|
border: none;
|
|
box-shadow: var(--card-header-shadow);
|
|
}
|
|
.modalTextContainer__4d95d .hljs {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* MARKUP
|
|
*
|
|
*/
|
|
.markup__75297 pre {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.markup__75297 code {
|
|
background-color: var(--textarea-block-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.markup__75297 .wrapper_f61d60 {
|
|
background-color: hsla(var(--mention-hsl), 0.25);
|
|
color: hsl(var(--mention-hsl));
|
|
}
|
|
.markup__75297 .wrapper_f61d60:hover {
|
|
background-color: hsla(var(--mention-hsl), 0.475);
|
|
color: hsl(var(--mention-hsl));
|
|
}
|
|
|
|
.spoilerMarkdownContent__299eb {
|
|
background-color: var(--textarea-block-color);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* MESSAGES
|
|
*
|
|
*/
|
|
.message__5126c {
|
|
border-radius: var(--message-radius);
|
|
}
|
|
|
|
.backgroundFlash__5126c:not([style$="0);"]) {
|
|
background-color: hsla(var(--accent-hsl), 0.3) !important;
|
|
transition: 200ms ease-out background-color;
|
|
}
|
|
.backgroundFlash__5126c[style="background-color: rgba(148, 156, 247, 0);"] {
|
|
background-color: hsla(var(--accent-hsl), 0) !important;
|
|
transition: 400ms background-color;
|
|
}
|
|
|
|
.mouse-mode.full-motion .wrapper_c19a55:hover {
|
|
background-color: var(--message-color-hover) !important;
|
|
}
|
|
|
|
.wrapper_c19a55 {
|
|
margin-inline-start: 68px;
|
|
margin-inline-end: 16px;
|
|
background-color: var(--message-color) !important;
|
|
border-radius: var(--message-radius);
|
|
transition: 300ms ease background-color;
|
|
}
|
|
.wrapper_c19a55:not(.groupStart__5126c), .wrapper_c19a55.compact_c19a55 {
|
|
margin-block-start: 2px;
|
|
}
|
|
.wrapper_c19a55.cozy_c19a55, .wrapper_c19a55.compact_c19a55 {
|
|
padding-block: var(--message-padding-top) !important;
|
|
padding-inline: var(--message-padding-side) !important;
|
|
border: 2px solid transparent;
|
|
}
|
|
.wrapper_c19a55.cozy_c19a55 .timestamp_c19a55.alt_c19a55 {
|
|
inset-inline-start: -62px;
|
|
}
|
|
.wrapper_c19a55.compact_c19a55 {
|
|
padding: 4px;
|
|
padding-inline-start: 6px;
|
|
}
|
|
.wrapper_c19a55.compact_c19a55 .timestamp_c19a55 {
|
|
margin-inline-end: 0.75rem;
|
|
}
|
|
.wrapper_c19a55.hasReply_c19a55 .avatar_c19a55 {
|
|
inset-block-start: 28px;
|
|
}
|
|
.wrapper_c19a55.hasReply_c19a55 .avatarDecoration_c19a55 {
|
|
inset-block-start: 26px;
|
|
}
|
|
.wrapper_c19a55 .timestamp_c19a55 {
|
|
color: var(--text-normal);
|
|
}
|
|
.wrapper_c19a55 .timestamp_c19a55.alt_c19a55 {
|
|
color: var(--text-normal);
|
|
}
|
|
.wrapper_c19a55 .channelTextArea__74017 {
|
|
margin: 2px 0;
|
|
}
|
|
.wrapper_c19a55.mentioned__5126c {
|
|
border-color: hsla(var(--mention-hsl), var(--mention-opacity));
|
|
box-shadow: 0px 0px 13px 4px hsla(var(--mention-hsl), var(--mention-opacity));
|
|
}
|
|
.wrapper_c19a55.mentioned__5126c:before {
|
|
display: none;
|
|
}
|
|
.wrapper_c19a55.mentioned__5126c .repliedMessage_c19a55:before {
|
|
border-color: hsl(var(--mention-hsl));
|
|
}
|
|
.wrapper_c19a55.mentioned__5126c .repliedMessageClickableSpine_c19a55 {
|
|
--message-color: hsl(var(--mention-hsl));
|
|
--message-color-hover: hsl(var(--mention-hsl));
|
|
}
|
|
.wrapper_c19a55.replying__5126c {
|
|
border-color: hsla(var(--reply-hsl), var(--reply-opacity));
|
|
box-shadow: 0px 0px 13px 4px hsla(var(--reply-hsl), var(--reply-opacity));
|
|
}
|
|
.wrapper_c19a55.replying__5126c:before {
|
|
display: none;
|
|
}
|
|
|
|
.scrollerSpacer__36d07 {
|
|
height: var(--space-16);
|
|
}
|
|
|
|
.hasThread_c19a55:after {
|
|
display: none;
|
|
}
|
|
|
|
.avatar_c19a55 {
|
|
width: 40px;
|
|
height: 40px;
|
|
inset-block-start: 0;
|
|
inset-inline-start: -50px;
|
|
margin-block-start: 0;
|
|
}
|
|
|
|
.avatarDecoration_c19a55 {
|
|
inset-block-start: -2px;
|
|
inset-inline-start: -54px;
|
|
}
|
|
|
|
.a11y-font-scaled-down .cozy_c19a55 .repliedMessageClickableSpine_c19a55 {
|
|
--gutter: var(--custom-message-margin-horizontal);
|
|
}
|
|
.a11y-font-scaled-down .avatar_c19a55:not(.compact_c19a55) {
|
|
inset-block-start: 0;
|
|
inset-inline-start: -50px;
|
|
}
|
|
.a11y-font-scaled-down .avatarDecoration_c19a55:not(.compact_c19a55) {
|
|
inset-block-start: 0;
|
|
inset-inline-start: -54px;
|
|
}
|
|
.a11y-font-scaled-down .hasReply_c19a55 .avatar_c19a55:not(.compact_c19a55) {
|
|
inset-block-start: 28px;
|
|
}
|
|
.a11y-font-scaled-down .hasReply_c19a55 .avatarDecoration_c19a55:not(.compact_c19a55) {
|
|
inset-block-start: 28px;
|
|
}
|
|
|
|
.messageListItem__5126c + .wrapper_c19a55,
|
|
.divider__908e2 + .wrapper_c19a55 {
|
|
margin-block-start: 2px;
|
|
}
|
|
|
|
.divider__908e2.hasContent__5126c {
|
|
border-block-start: none;
|
|
}
|
|
.divider__908e2.hasContent__5126c:before, .divider__908e2.hasContent__5126c:after {
|
|
position: absolute;
|
|
content: " ";
|
|
width: calc(50% - 60px);
|
|
height: 1px;
|
|
inset-block-start: 0;
|
|
inset-block-end: 0;
|
|
margin: auto 0;
|
|
background-color: var(--background-modifier-accent);
|
|
}
|
|
.divider__908e2.hasContent__5126c:before {
|
|
inset-inline-start: 0;
|
|
}
|
|
.divider__908e2.hasContent__5126c:after {
|
|
inset-inline-end: 0;
|
|
}
|
|
|
|
.content__908e2 {
|
|
width: 120px;
|
|
padding-block: 2px;
|
|
padding-inline: 0;
|
|
background-color: var(--message-color);
|
|
text-align: center;
|
|
}
|
|
|
|
.isUnread__908e2 {
|
|
border-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
.isUnread__908e2 .unreadPill__908e2 {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
color: var(--accent-text-color);
|
|
text-shadow: none;
|
|
}
|
|
.isUnread__908e2 .unreadPillCap__908e2 {
|
|
filter: none;
|
|
}
|
|
.isUnread__908e2 .unreadPillCapStroke__908e2 {
|
|
color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
fill: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
|
|
.repliedMessage_c19a55:before {
|
|
border-color: var(--message-color);
|
|
transform: translateX(-6px);
|
|
}
|
|
|
|
.repliedMessageClickableSpine_c19a55 {
|
|
margin-inline: calc(var(--spine-width) * -1 / 2) calc(var(--reply-spacing) * 2.3);
|
|
border-color: var(--message-color);
|
|
transition: 300ms ease border-color;
|
|
}
|
|
.repliedMessageClickableSpine_c19a55.repliedMessageContentHovered_c19a55 {
|
|
border-color: var(--message-color-hover);
|
|
}
|
|
|
|
.popoutContainer__0f481 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* POLLS
|
|
*
|
|
*/
|
|
.pollContainer_b7e1cb {
|
|
background-color: var(--textarea-block-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.answer__4c520.votedStyles_a1443c .answerInner__4c520 {
|
|
outline-color: hsl(var(--accent-hsl));
|
|
}
|
|
.answer__4c520:not(.votedStyles_a1443c) .answerInner__4c520 {
|
|
outline-color: transparent !important;
|
|
}
|
|
|
|
.answerInner__4c520 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.answerInner__4c520.currentlyVoting__4c520:hover {
|
|
background-color: var(--card-color-hover);
|
|
}
|
|
.answerInner__4c520.currentlyVoting__4c520.selected__4c520 {
|
|
background-color: var(--card-color-select);
|
|
}
|
|
.answerInner__4c520.currentlyVoting__4c520.selected__4c520 circle,
|
|
.answerInner__4c520.currentlyVoting__4c520.selected__4c520 path {
|
|
fill: hsl(var(--accent-hsl));
|
|
}
|
|
.answerInner__4c520.currentlyVoting__4c520 path {
|
|
fill: var(--text-normal);
|
|
}
|
|
|
|
.votePercentageBar__4c520 {
|
|
background-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 1.5) l/0.25);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* MESSAGE REACTIONS
|
|
*
|
|
*/
|
|
.reaction__23977 {
|
|
background-color: var(--message-color);
|
|
border-radius: var(--message-radius);
|
|
border: none;
|
|
}
|
|
.reaction__23977:hover {
|
|
background-color: var(--message-color);
|
|
}
|
|
.reaction__23977.reactionMe__23977 {
|
|
background-color: hsla(var(--accent-hsl), 0.3);
|
|
border-color: transparent;
|
|
}
|
|
.reaction__23977.reactionMe__23977:hover {
|
|
background-color: hsla(var(--accent-hsl), 0.4);
|
|
}
|
|
.reaction__23977.reactionMe__23977 .reactionCount__23977 {
|
|
color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
.reaction__23977 .burstGlow__23977 {
|
|
border-radius: var(--message-radius);
|
|
}
|
|
|
|
/* MESSAGE REACTIONS -> REVERT BUTTONS TO REACTION STYLE */
|
|
.container_b7e1cb .children__1647d .lookFilled__201d5 {
|
|
--button-height: 28px;
|
|
--button-padding: 8px;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* ACCOUNT SWITCHER
|
|
*
|
|
*/
|
|
.list__920b8 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/* ACCOUNT SWITCHER -> ADD ACCOUNT */
|
|
.authBox__921c5,
|
|
.navRow__86e92 {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* ADD SERVER MODAL
|
|
*
|
|
*/
|
|
.container__23ba6 {
|
|
--header-primary: #ddd;
|
|
--header-secondary: #aaa;
|
|
--text-normal: #aaa;
|
|
--interactive-normal: #aaa;
|
|
}
|
|
.container__23ba6 .lookBlank__201d5 {
|
|
color: hsl(var(--accent-hsl));
|
|
}
|
|
.container__23ba6 .wrapper__72c38 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.header_c04f35 {
|
|
padding-block: 24px 12px;
|
|
padding-inline: 16px;
|
|
}
|
|
|
|
.templatesList_c04f35 {
|
|
margin-block-start: 0;
|
|
}
|
|
|
|
.container_eb2cd2 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.container_eb2cd2:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
.rowContainer-3t7486 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.rowContainer-3t7486:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* AUTHORIZE APP MODAL
|
|
*
|
|
*/
|
|
.oauth2ModalWrapper__647f0 .content__3d3b0 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.oauth2ModalWrapper__647f0 .footer__3d3b0 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BOT ACTIONS
|
|
*
|
|
*/
|
|
.cardHeader_b44011.inModal_b44011,
|
|
.noItemsSelected__3f339 {
|
|
padding: 8px;
|
|
}
|
|
|
|
.requiredPermissionsBanner__9c74b {
|
|
gap: 16px;
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.requiredPermissionsBanner__9c74b .message__9c74b {
|
|
margin: 0;
|
|
}
|
|
.requiredPermissionsBanner__9c74b .button__201d5 {
|
|
width: 78px;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* CHANGE AVATAR
|
|
*
|
|
*/
|
|
.optionBox_edf440 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.optionBox_edf440:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
.optionBox_edf440 .contentCircle_edf440 {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
.optionBox_edf440 .contentCircle_edf440 .uploadIcon_edf440 {
|
|
color: var(--accent-text-color);
|
|
filter: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* EVENTS
|
|
*
|
|
*/
|
|
.container__4efb4 {
|
|
border: none;
|
|
box-shadow: var(--popout-header-shadow);
|
|
}
|
|
|
|
.eventStatusBrand__08773 {
|
|
color: hsl(var(--accent-hsl));
|
|
}
|
|
|
|
.card__88264 {
|
|
padding: 0;
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.card__88264:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
.card__88264 .container_b5010b,
|
|
.card__88264 .footer__88264 {
|
|
padding: 16px;
|
|
}
|
|
.card__88264 .container_b5010b {
|
|
box-shadow: var(--card-header-shadow);
|
|
}
|
|
.card__88264 .rsvpCount_b5010b {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
.card__88264 .divider__88264 {
|
|
display: none;
|
|
}
|
|
|
|
/* EVENTS -> CREATE EVENT */
|
|
.selectedProgressBar__5537c {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
|
|
.previewCard_f70348 {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--card-radius) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* IMAGE VIEWER
|
|
*
|
|
*/
|
|
.actionButtons_cc1819,
|
|
.closeButton__6088c {
|
|
--popout-radius: 23px;
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
.closeButton__6088c {
|
|
width: 38px;
|
|
height: 38px;
|
|
background-color: transparent;
|
|
}
|
|
.closeButton__6088c .buttonInner_aec7ab {
|
|
background-color: var(--popout-color);
|
|
border: none;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* MODALS
|
|
*
|
|
*/
|
|
.root__49fc1 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(calc(var(--popout-blur) * 1.25)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
.root__49fc1.root__9c3be {
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
.root__49fc1.small__49fc1 {
|
|
min-height: 75px;
|
|
}
|
|
.root__49fc1.container_ac6cb0, .root__49fc1.forcedTransparency__8a837 {
|
|
background-color: transparent !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.root__49fc1 .modalBg_b824c5 {
|
|
background-color: var(--popout-color);
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
.root__49fc1.popout_cba592 {
|
|
backdrop-filter: blur(var(--popout-blur));
|
|
}
|
|
.root__49fc1 .header__49fc1 {
|
|
background-color: transparent;
|
|
box-shadow: var(--popout-header-shadow);
|
|
}
|
|
.root__49fc1 .header__49fc1 .modalTitle_f061f6 {
|
|
margin-block-end: 0;
|
|
}
|
|
.root__49fc1 .header__49fc1 .close__49fc1,
|
|
.root__49fc1 .header__49fc1 .iconButton-2rHy7x {
|
|
--button-height: 32px;
|
|
position: absolute;
|
|
width: var(--button-height);
|
|
height: var(--button-height);
|
|
inset-block-start: 12px;
|
|
inset-inline-end: 12px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.root__49fc1 .header__49fc1 .close__49fc1 .contents__201d5 {
|
|
height: 24px;
|
|
}
|
|
.root__49fc1 .header__49fc1 .close__49fc1 svg {
|
|
height: 24px !important;
|
|
transform: scale(0.85);
|
|
}
|
|
.root__49fc1 .header__49fc1 .iconButton-2rHy7x {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.root__49fc1 .header__49fc1 .iconButton-2rHy7x .icon-3DnmvF {
|
|
height: 24px;
|
|
transform: scale(0.85);
|
|
}
|
|
.root__49fc1 .content__49fc1 {
|
|
padding: 16px;
|
|
}
|
|
.root__49fc1 .modalBody_b824c5 {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.root__49fc1 .footer__49fc1, .root__49fc1 .modalFooter_ababa2, .root__49fc1 .modalFooter__2bb83 {
|
|
background-color: transparent !important;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.backdrop__78332 {
|
|
background-color: rgba(0, 0, 0, 0.3) !important;
|
|
backdrop-filter: blur(calc(var(--popout-blur) * 1.4)) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.carouselModal_d3a6f0 {
|
|
--popout-blur: 0px;
|
|
--popout-shadow: none;
|
|
backdrop-filter: blur(0px) saturate(100%) brightness(1);
|
|
}
|
|
|
|
/* MODALS -> V2 MODALS */
|
|
.container__8a031 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(calc(var(--popout-blur) * 1.25)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* QUEST MODAL
|
|
*
|
|
*/
|
|
.modalContent_b824c5, .modalContent__8fb25 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.contentFooterPortrait_e40371 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* QUICKSWITCHER
|
|
*
|
|
*/
|
|
.quickswitcher_ac6cb0 .input_ac6cb0 {
|
|
margin-block-end: 16px;
|
|
min-height: 42px;
|
|
height: 42px;
|
|
border-radius: 21px;
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border: none;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
color: var(--textarea-text-color);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
font-size: 1.1em;
|
|
}
|
|
.quickswitcher_ac6cb0 .input_ac6cb0:has(input:focus, textarea:focus) {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
|
|
outline: none !important;
|
|
}
|
|
.quickswitcher_ac6cb0 .scroller_ac6cb0 {
|
|
margin-block-start: 0;
|
|
background-color: transparent;
|
|
}
|
|
.quickswitcher_ac6cb0 .result__71961 {
|
|
border-radius: var(--list-item-radius);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* REACTIONS
|
|
*
|
|
*/
|
|
.scroller_b7f4b4 {
|
|
background-color: var(--sidebar-color) !important;
|
|
}
|
|
.scroller_b7f4b4 .reactionDefault_b7f4b4,
|
|
.scroller_b7f4b4 .reactionSelected_b7f4b4 {
|
|
border-radius: var(--button-radius);
|
|
}
|
|
|
|
.reactors_b7f4b4 {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SCREENSHARE SETTINGS
|
|
*
|
|
*/
|
|
/*
|
|
*
|
|
* SERVER QUESTIONS
|
|
*
|
|
*/
|
|
.gradient_c08b38 {
|
|
background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.85) 100%);
|
|
}
|
|
|
|
.prompt_fe70ca .navButtons_fe70ca {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.container__0b563 {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.prompt__5d7c9 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.optionButtonWrapper__270d7 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border-color: transparent;
|
|
}
|
|
.optionButtonWrapper__270d7:hover {
|
|
background-color: var(--card-color-hover);
|
|
}
|
|
.optionButtonWrapper__270d7.selected__270d7 {
|
|
background-color: var(--card-color-select);
|
|
border-color: hsl(var(--accent-hsl));
|
|
}
|
|
|
|
.optionButton__270d7 {
|
|
background-color: transparent;
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.optionButton__270d7:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
.checkIcon__270d7, .memberCount__270d7 {
|
|
background-color: hsl(var(--accent-hsl));
|
|
}
|
|
.checkIcon__270d7 path, .memberCount__270d7 path {
|
|
fill: var(--accent-text-color);
|
|
}
|
|
|
|
.memberCount__270d7 .text-xs\/normal_cf4812 {
|
|
color: var(--accent-text-color) !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* UPLOAD MODAL
|
|
*
|
|
*/
|
|
.uploadModal_b78547 {
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.75) !important;
|
|
backdrop-filter: blur(calc(var(--popout-blur) * 1.4));
|
|
}
|
|
|
|
.uploadDropModal_b78547 .inner_b78547 {
|
|
border: none;
|
|
}
|
|
|
|
.footer_b78547 {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/* UPLOAD -> SOUNDBOARD */
|
|
.multiInput-wONk3i + .section-3xOOsh:nth-last-of-type(2) {
|
|
margin-block-end: 0;
|
|
}
|
|
|
|
.fakeInput-1_6lq6 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.handleFrame-1Fjy30:before, .handleFrame-1Fjy30:after {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER PROFILE
|
|
*
|
|
*/
|
|
.userProfileModalInner_c69a7b.userProfileInnerThemedNonPremium_c69a7b {
|
|
background: none;
|
|
}
|
|
|
|
.fullSizeOverlayBackground_c69a7b {
|
|
border: none;
|
|
}
|
|
|
|
.badgeList_ec3b75 {
|
|
height: var(--button-height);
|
|
padding-block: 0;
|
|
padding-inline: 4px;
|
|
border-radius: var(--button-radius);
|
|
}
|
|
|
|
.note_fcb628 {
|
|
margin: 0;
|
|
}
|
|
.note_fcb628 .textarea_dde0a8 {
|
|
border-radius: 11px;
|
|
}
|
|
.note_fcb628 .textarea_dde0a8:focus {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
|
|
}
|
|
|
|
.connectedAccountContainer_e6abe8 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.connectedAccountContainer_e6abe8:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
/* USER PROFILE -> LISTS */
|
|
.listRow__9d78f {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.listRow__9d78f:hover {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* APP DIRECTORY
|
|
*
|
|
*/
|
|
.directoryContainer_da3f59 {
|
|
height: calc(100% - var(--app-margin) * 1.5);
|
|
margin-block: calc(var(--app-margin) / 2) var(--app-margin);
|
|
margin-inline: var(--app-margin);
|
|
background-color: var(--main-content-color) !important;
|
|
border-radius: var(--app-radius);
|
|
backdrop-filter: blur(var(--app-blur));
|
|
}
|
|
|
|
/* APP DIRECTORY -> CATEGORIES */
|
|
.category_d7acc7, .category_d169f5 {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--interactive-hover);
|
|
border-radius: 24px;
|
|
}
|
|
.category_d7acc7:hover, .category_d169f5:hover {
|
|
background-color: var(--background-modifier-selected);
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
/* APP DIRECTORY -> CARDS */
|
|
.card__84e3e,
|
|
.card_e90143, .container_d9c848 {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--popout-radius) !important;
|
|
border: none !important;
|
|
box-shadow: var(--popout-shadow-border) !important;
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.card__84e3e:hover,
|
|
.card_e90143:hover, .container_d9c848:hover {
|
|
background-color: var(--card-color-hover) !important;
|
|
box-shadow: var(--popout-shadow-border) !important;
|
|
}
|
|
|
|
.linkCard_b4a57c, .container_f9d8eb {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/* APP DIRECTORY -> BOT INFO */
|
|
.headerBanner_a1eac2 {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
|
|
.commandList_a1eac2,
|
|
.commandName_e0307d {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* BROWSE CHANNELS
|
|
*
|
|
*/
|
|
.pageBody__41ed7,
|
|
.header__0b563 {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.container_bc0d35 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/* BROWSE CHANNELS -> CHANNELS */
|
|
.channelRow_e4503a {
|
|
--button-height: 34px;
|
|
background-color: var(--card-color);
|
|
border: none;
|
|
transition: var(--default-time) var(--default-animation) background-color;
|
|
}
|
|
.channelRow_e4503a.firstChannel_e4503a {
|
|
border-start-start-radius: var(--card-radius);
|
|
border-start-end-radius: var(--card-radius);
|
|
border-block-start: 1px solid var(--card-border-color);
|
|
}
|
|
.channelRow_e4503a.firstChannel_e4503a.lastChannel_e4503a {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.channelRow_e4503a.lastChannel_e4503a {
|
|
border-end-start-radius: var(--card-radius);
|
|
border-end-end-radius: var(--card-radius);
|
|
}
|
|
.channelRow_e4503a:not(.disabled_e4503a):hover {
|
|
background-color: var(--card-color-hover);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* CHANNELS AND ROLES
|
|
*
|
|
*/
|
|
.container__0b563 {
|
|
background-color: transparent !important;
|
|
}
|
|
.container__0b563 .chat_f75fb0 {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* HOME TAB
|
|
*
|
|
*/
|
|
.container_c68a2c {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.container_c68a2c .icon_ac2d0d:before {
|
|
position: absolute;
|
|
content: " ";
|
|
width: calc(100% + 8px);
|
|
height: calc(100% - 24px);
|
|
inset-block-start: -4px;
|
|
inset-inline-start: -4px;
|
|
background-color: var(--card-color);
|
|
border-radius: 16px 16px 0 0;
|
|
z-index: -1;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* HOME TAB -> ACTIVE NOW */
|
|
.emptyStateContainer__08276 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
/* HOME TAB -> YOUR HIGHLIGHTS */
|
|
.container__3c265.background__4cf17 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* RECENT MEMBERS
|
|
*
|
|
*/
|
|
.container_c791b2 {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.mainTableContainer__09a38 {
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.searchHeaderContainer__98d1c {
|
|
padding-block: var(--space-8) var(--space-16);
|
|
padding-inline: 0;
|
|
}
|
|
|
|
.table_b4ec0b {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.memberRowContainer__71c22 td:first-child {
|
|
border-start-start-radius: var(--list-item-radius);
|
|
border-end-start-radius: var(--list-item-radius);
|
|
}
|
|
.memberRowContainer__71c22 td:last-child {
|
|
border-start-end-radius: var(--list-item-radius);
|
|
border-end-end-radius: var(--list-item-radius);
|
|
}
|
|
.memberRowContainer__71c22 .otherRoles__71c22,
|
|
.memberRowContainer__71c22 .button__71c22 {
|
|
background-color: var(--background-modifier-active);
|
|
}
|
|
|
|
.paginationContainer_e8f197 {
|
|
margin-block-start: var(--space-16);
|
|
padding: 0;
|
|
border-block-start: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* PREMIUM MEMBERSHIP
|
|
*
|
|
*/
|
|
.scrollerContent__808a1 {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.container__808a1 {
|
|
background-color: var(--main-content-color);
|
|
}
|
|
|
|
.content__808a1:before {
|
|
display: none;
|
|
}
|
|
|
|
.cardContainerWithoutTopIndicator__3efc4 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.cardContainerWithoutTopIndicator__3efc4 .tierInfoContainer__3efc4,
|
|
.cardContainerWithoutTopIndicator__3efc4 .subscriptionPerks__3efc4 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER BOOST
|
|
*
|
|
*/
|
|
.container__89463 {
|
|
background-color: var(--main-content-color);
|
|
border-start-end-radius: var(--app-radius);
|
|
border-end-end-radius: var(--app-radius);
|
|
}
|
|
|
|
.contentContainer__89463,
|
|
.sidebarContainer__89463 {
|
|
background: transparent;
|
|
}
|
|
|
|
.container__5573a {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--popout-radius) !important;
|
|
border: none !important;
|
|
box-shadow: var(--popout-shadow-border) !important;
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.container__5573a:hover {
|
|
background-color: var(--card-color-hover) !important;
|
|
box-shadow: var(--popout-shadow-border) !important;
|
|
}
|
|
.container__5573a.active__5573a {
|
|
--card-color: var(--card-color-select);
|
|
}
|
|
|
|
.container__3f864 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.container__1dc40 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER DISCOVERY
|
|
*
|
|
*/
|
|
.container_a592e1 {
|
|
background-color: var(--main-content-color);
|
|
}
|
|
|
|
/* SERVER DISCOVERY -> SIDEBAR */
|
|
.container__551b0 {
|
|
background: transparent;
|
|
}
|
|
|
|
.navItem__551b0 {
|
|
border-radius: var(--list-item-radius);
|
|
}
|
|
|
|
/* SERVER DISCOVERY -> HEADER BAR */
|
|
.headerBar__8a7fc:after {
|
|
display: none;
|
|
}
|
|
|
|
.backdrop__8a7fc {
|
|
background: var(--popout-color);
|
|
backdrop-filter: blur(var(--app-blur));
|
|
}
|
|
|
|
/* SERVER DISCOVERY -> CARDS */
|
|
.card__4cb8a {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--card-radius) !important;
|
|
border: none !important;
|
|
}
|
|
.card__4cb8a:hover {
|
|
background-color: var(--card-color-hover) !important;
|
|
border: none;
|
|
}
|
|
.card__4cb8a svg {
|
|
filter: none;
|
|
}
|
|
.card__4cb8a .iconMask__4cb8a {
|
|
background-color: var(--card-color-hover) !important;
|
|
}
|
|
|
|
/* SERVER DISCOVERY -> SEARCH RESULTS */
|
|
.category__97499 {
|
|
border-radius: var(--list-item-radius);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER GUIDE
|
|
*
|
|
*/
|
|
.row_d13feb {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.row_d13feb:hover {
|
|
background-color: var(--card-color-hover);
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.container_d3846c {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.container_dca174 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SHOP
|
|
*
|
|
*/
|
|
.container_adb50a {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.tab_d804ff {
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.tab_d804ff.selected_d804ff {
|
|
background-color: hsl(var(--accent-hsl));
|
|
color: var(--accent-text-color);
|
|
}
|
|
.tab_d804ff.selected_d804ff .text-sm\/semibold_cf4812,
|
|
.tab_d804ff.selected_d804ff .text-xs\/normal_cf4812 {
|
|
color: var(--accent-text-color) !important;
|
|
}
|
|
|
|
.sortDropdown_bb26d9 .text-sm\/medium_cf4812 {
|
|
color: var(--button-text-color) !important;
|
|
}
|
|
.sortDropdown_bb26d9 .contents__201d5 svg:last-child {
|
|
margin-inline-start: 8px;
|
|
}
|
|
|
|
.card__8833c:hover .cardContent__8833c {
|
|
box-shadow: none;
|
|
outline: none;
|
|
transform: none;
|
|
}
|
|
|
|
.productCard__79d38 {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--popout-radius) !important;
|
|
border: none !important;
|
|
box-shadow: var(--popout-shadow-border) !important;
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.productCard__79d38:hover {
|
|
background-color: var(--card-color-hover) !important;
|
|
box-shadow: var(--popout-shadow-border) !important;
|
|
}
|
|
|
|
.roleTag__9cd44 {
|
|
padding-block: 8px;
|
|
padding-inline: 16px;
|
|
background-color: var(--background-modifier-selected);
|
|
border-radius: 20px;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* ADD GAME POPOUT
|
|
*
|
|
*/
|
|
/*
|
|
*
|
|
* APPS AND COMMANDS
|
|
*
|
|
*/
|
|
.contentWrapper__9c62c {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
.container_cb32c7 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.container_cb32c7:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
.rowContainer_cb32c7 {
|
|
border-radius: 0;
|
|
}
|
|
.rowContainer_cb32c7:first-child {
|
|
border-top-left-radius: var(--card-radius);
|
|
border-top-right-radius: var(--card-radius);
|
|
}
|
|
.rowContainer_cb32c7:last-child {
|
|
border-bottom-left-radius: var(--card-radius);
|
|
border-bottom-right-radius: var(--card-radius);
|
|
}
|
|
|
|
.container__19cf2 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
/* APPS AND COMMANDS -> APP */
|
|
.container__7bdb0 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.profileAndVideoContainer_e80fe9 {
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.overviewContainerNoVideo__95856 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.overviewContainerWithVideo__95856 {
|
|
margin-block-start: -4px;
|
|
background-color: var(--card-color);
|
|
border-bottom-left-radius: var(--card-radius);
|
|
border-bottom-right-radius: var(--card-radius);
|
|
}
|
|
|
|
.videoCover__95856 {
|
|
border-top-left-radius: var(--card-radius);
|
|
border-top-right-radius: var(--card-radius);
|
|
}
|
|
|
|
.commandContainer_c94584 {
|
|
background-color: transparent;
|
|
}
|
|
.commandContainer_c94584 .command_c94584 {
|
|
background-color: var(--card-color);
|
|
}
|
|
.commandContainer_c94584 .command_c94584:hover {
|
|
background-color: var(--card-color-hover);
|
|
}
|
|
.commandContainer_c94584 .command_c94584:first-child {
|
|
border-top-left-radius: var(--card-radius);
|
|
border-top-right-radius: var(--card-radius);
|
|
}
|
|
.commandContainer_c94584 .command_c94584:last-child {
|
|
border-bottom-left-radius: var(--card-radius);
|
|
border-bottom-right-radius: var(--card-radius);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* AUTOCOMPLETE
|
|
*
|
|
*/
|
|
.autocomplete__13533 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
.autocomplete__13533 .wrapper_b1e4f3 {
|
|
background-color: transparent;
|
|
}
|
|
.autocomplete__13533 .base__13533 {
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
.autocomplete__13533 .base__13533.selected-3H3-RC {
|
|
background-color: var(--background-modifier-hover) !important;
|
|
}
|
|
.autocomplete__13533 .option_a19535 {
|
|
background-color: var(--card-color) !important;
|
|
}
|
|
|
|
.container_d5ae15 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
position: relative;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.container_d5ae15::before {
|
|
position: absolute;
|
|
content: " ";
|
|
inset: 0;
|
|
background-color: var(--popout-color);
|
|
border-radius: inherit;
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.container_d5ae15 .autocompleteShadow_d5ae15 {
|
|
box-shadow: none !important;
|
|
}
|
|
.container_d5ae15 .autocompleteArrow-2CRgr2 {
|
|
background-color: var(--popout-color) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.container_d5ae15 .header_d5ae15 {
|
|
background-color: transparent;
|
|
box-shadow: var(--card-header-shadow);
|
|
}
|
|
.container_d5ae15 .sectionTag_d5ae15 {
|
|
background-color: transparent !important;
|
|
}
|
|
.container_d5ae15 .row_d5ae15 {
|
|
padding-inline-start: 4px;
|
|
}
|
|
.container_d5ae15 .row_d5ae15 .rowInner_d5ae15 {
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* CONTEXT MENU
|
|
*
|
|
*/
|
|
.menu_c1e9c4 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
position: relative;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
/* CONTEXT MENU -> NESTED WORKAROUND */
|
|
}
|
|
.menu_c1e9c4::before {
|
|
position: absolute;
|
|
content: " ";
|
|
inset: 0;
|
|
background-color: var(--popout-color);
|
|
border-radius: inherit;
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.menu_c1e9c4 .item_c1e9c4 {
|
|
border-radius: calc(var(--popout-radius) - var(--space-8));
|
|
}
|
|
.menu_c1e9c4 .item_c1e9c4.focused_c1e9c4 {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
.menu_c1e9c4 .wrapper_f563df {
|
|
margin-block-end: var(--space-8);
|
|
padding: 0;
|
|
}
|
|
.menu_c1e9c4 .button_f563df {
|
|
background-color: var(--card-color);
|
|
}
|
|
.menu_c1e9c4 .button_f563df:hover {
|
|
background-color: var(--card-color-hover);
|
|
}
|
|
.menu_c1e9c4#image-context {
|
|
background-color: var(--popout-color);
|
|
backdrop-filter: blur(var(--popout-blur));
|
|
box-shadow: var(--popout-shadow);
|
|
}
|
|
.menu_c1e9c4#image-context:before {
|
|
display: none;
|
|
}
|
|
|
|
/*.submenu_c1e9c4 {
|
|
&:before {
|
|
width: calc(100% - var(--space-16));
|
|
inset-inline: var(--space-8);
|
|
}
|
|
}*/
|
|
.submenuPaddingContainer_ce8328 {
|
|
padding: 0;
|
|
}
|
|
|
|
.layerContainer__59d0d .backdrop__78332 + .layer_bc663c + .layer__59d0d .menu_c1e9c4 {
|
|
backdrop-filter: blur(var(--popout-blur));
|
|
}
|
|
|
|
.layer__59d0d ~ .layer__59d0d .menu_c1e9c4 {
|
|
backdrop-filter: blur(var(--popout-blur));
|
|
}
|
|
|
|
/* CONTEXT MENU -> CHECKBOX */
|
|
.icon_c1e9c4 {
|
|
filter: none !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* EMOJI PICKER
|
|
*
|
|
*/
|
|
.wrapper_c0e32c,
|
|
.emojiPicker_c0e32c {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.contentWrapper__08434 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
.wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c) {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
/* EMOJI PICKER -> HEADER */
|
|
.navButton__08434:hover, .navButton__0565e:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
.navButton__08434.navButtonActive__08434, .navButton__08434 .navButtonActive_b003de, .navButton__0565e.navButtonActive__08434, .navButton__0565e .navButtonActive_b003de {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
|
|
.header_c0e32c,
|
|
.header__8ef02,
|
|
.header_fed6d3 {
|
|
background-color: transparent;
|
|
box-shadow: var(--popout-header-shadow) !important;
|
|
}
|
|
|
|
.diversitySelectorOptions_a45a2a {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* EMOJI PICKER -> HEADER -> SEARCH BAR */
|
|
.container_fea832 {
|
|
min-height: var(--input-height);
|
|
height: var(--input-height);
|
|
border-radius: var(--input-radius);
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border: none;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
color: var(--textarea-text-color);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.container_fea832:has(input:focus, textarea:focus) {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
|
|
outline: none !important;
|
|
}
|
|
|
|
/* EMOJI PICKER -> EMOJIS */
|
|
.container_fed6d3 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.wrapper__14245 {
|
|
position: sticky;
|
|
background-color: transparent;
|
|
backdrop-filter: blur(var(--popout-blur));
|
|
}
|
|
|
|
.inspector_aeaaeb {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.wrapper__4e6ce {
|
|
background-color: var(--sidebar-color);
|
|
}
|
|
.wrapper__4e6ce .unicodeShortcut_b9ee0c {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
border-radius: 0;
|
|
border-end-start-radius: var(--popout-radius);
|
|
}
|
|
|
|
.emojiItem_fc7141 {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.emojiItem_fc7141.emojiItemSelected_fc7141 {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
/* EMOJI PICKER -> GIFS */
|
|
.searchBar_fed6d3 {
|
|
min-height: var(--input-height);
|
|
height: var(--input-height);
|
|
border-radius: var(--input-radius);
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border: none;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
color: var(--textarea-text-color);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.searchBar_fed6d3:has(input:focus, textarea:focus) {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
|
|
outline: none !important;
|
|
}
|
|
|
|
.result__2dc39 {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.result__2dc39:after {
|
|
border-radius: inherit;
|
|
}
|
|
.result__2dc39:hover:after {
|
|
box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px #2f3136 !important;
|
|
}
|
|
.result__2dc39 .gif__2dc39 {
|
|
border-radius: inherit;
|
|
}
|
|
.result__2dc39 .categoryFade_d02962,
|
|
.result__2dc39 .categoryFadeBlurple_d02962 {
|
|
border-radius: inherit;
|
|
}
|
|
.result__2dc39 .categoryFadeBlurple_d02962 {
|
|
background-color: hsla(var(--accent-hsl), 0.8) !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* INCOMING CALL
|
|
*
|
|
*/
|
|
/*
|
|
*
|
|
* INVITE POPOUT
|
|
*
|
|
*/
|
|
.inviteBannerUpsell-1t_LYM {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* LISTENING ALONG POPOUT
|
|
*
|
|
*/
|
|
.container__56cd1:before {
|
|
position: fixed;
|
|
width: calc(100% - 16px);
|
|
height: 100%;
|
|
margin-inline-start: 16px;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* LIST POPOUTS
|
|
*
|
|
*/
|
|
.container__3dde2 {
|
|
border: none;
|
|
}
|
|
.container__3dde2 .item__97e86 {
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
|
|
.overflowRolesPopout__48c1c .overflowRolesPopoutArrow__48c1c {
|
|
background-color: var(--popout-color) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.overflowRolesPopout__48c1c .overflowRolesPopoutHeaderIcon__48c1c path {
|
|
fill: var(--header-secondary);
|
|
}
|
|
.overflowRolesPopout__48c1c .overflowRolesPopoutHeaderText__48c1c {
|
|
color: var(--header-secondary);
|
|
}
|
|
.overflowRolesPopout__48c1c .role_dfa8b6, .overflowRolesPopout__48c1c .role__5d7c9 {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* MEMBERS LIST ACTIVITY POPOUT
|
|
*
|
|
*/
|
|
.popout_af3b89 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
.popoutContentWrapper_af3b89,
|
|
.interactionsContainer_af3b89 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.shareToChannelButton_af3b89 {
|
|
padding-inline-end: 0;
|
|
border-inline-end: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* MESSAGES POPOUT
|
|
*
|
|
*/
|
|
.messagesPopoutWrap__432f4 {
|
|
max-height: 80vh !important;
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
.header__432f4 {
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: var(--popout-header-shadow);
|
|
}
|
|
|
|
.messagesPopout__432f4 {
|
|
padding-block: 16px 0;
|
|
padding-inline: 8px 0;
|
|
}
|
|
|
|
.footer__432f4 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.friendRequestsButton_c7a32c {
|
|
background-color: var(--button-background);
|
|
border-radius: var(--button-radius);
|
|
border: var(--button-outline);
|
|
color: var(--button-text-color);
|
|
border: var(--button-outline);
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
}
|
|
|
|
.box__376cb {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
.box__376cb:has(.wrapper_c19a55) {
|
|
padding-block-end: var(--space-12);
|
|
}
|
|
|
|
/* MESSAGES POPOUT -> PINNED MESSAGES */
|
|
.messageGroupWrapper__432f4 {
|
|
margin-block-end: 16px;
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.messageGroupWrapper__432f4 .wrapper_c19a55 {
|
|
margin-inline-start: 56px !important;
|
|
margin-inline-end: 0 !important;
|
|
background-color: var(--message-color);
|
|
border-radius: var(--message-radius);
|
|
}
|
|
.messageGroupWrapper__432f4 .wrapper_c19a55 .contents_c19a55,
|
|
.messageGroupWrapper__432f4 .wrapper_c19a55 .container_b7e1cb {
|
|
overflow: hidden;
|
|
}
|
|
.messageGroupWrapper__432f4 .actionButtons__432f4 {
|
|
inset-inline-end: calc(16px + var(--message-padding-side));
|
|
}
|
|
.messageGroupWrapper__432f4 .jumpButton__432f4 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--button-radius);
|
|
}
|
|
|
|
/* MESSAGES POPOUT -> FOR YOU */
|
|
.friendRequestsButton_c7a32c {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
.friendRequestsButton_c7a32c:hover {
|
|
background-color: var(--background-modifier-active);
|
|
}
|
|
|
|
.container__0f711 {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.row__6fddf:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
/* MESSAGES POPOUT -> MENTIONS */
|
|
.channelHeader__5d903 {
|
|
background-color: transparent;
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
margin-block: 4px;
|
|
margin-inline: 0;
|
|
padding-block: 12px;
|
|
padding-inline: 28px 16px;
|
|
overflow: hidden;
|
|
}
|
|
.channelHeader__5d903::before {
|
|
position: absolute;
|
|
content: " ";
|
|
width: 100%;
|
|
height: 100%;
|
|
inset: 0;
|
|
background: linear-gradient(var(--popout-color)), var(--app-bg);
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat;
|
|
border-radius: inherit;
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.channelHeader__5d903:before {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.button__06eda {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
.button__06eda:hover {
|
|
background-color: var(--background-modifier-selected) !important;
|
|
}
|
|
|
|
.messageContainer__95796 {
|
|
padding-block: 16px;
|
|
padding-inline: 0;
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.messageContainer__95796 .wrapper_c19a55 {
|
|
margin-inline-start: 60px;
|
|
margin-inline-end: 0;
|
|
overflow: visible;
|
|
}
|
|
|
|
/* MESSAGES POPOUT -> UNREADS */
|
|
.container__9497c {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
.container__9497c .messagesPopoutWrap__432f4 {
|
|
background-color: unset;
|
|
border-radius: unset;
|
|
box-shadow: unset;
|
|
backdrop-filter: unset;
|
|
}
|
|
.container__9497c .wrapper_c19a55 {
|
|
overflow: visible;
|
|
}
|
|
|
|
.tutorial__2692d {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.messages__1ccd1 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* MESSAGES POPOUT -> INBOX */
|
|
.container__8cb2e {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* NOISE SUPPRESSION
|
|
*
|
|
*/
|
|
/*
|
|
*
|
|
* PICTURE IN PICTURE
|
|
*
|
|
*/
|
|
/*
|
|
*
|
|
* REGION SELECT POPOUT
|
|
*
|
|
*/
|
|
.regionSelectPopout__8de63 {
|
|
padding: 6px;
|
|
}
|
|
.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1 {
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1:focus {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SEARCH POPOUT
|
|
*
|
|
*/
|
|
.container__16eb0 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
.key__61c93 {
|
|
height: 20px;
|
|
padding-block: 0;
|
|
padding-inline: 6px;
|
|
line-height: 20px;
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
box-shadow: none !important;
|
|
}
|
|
.key__61c93:active {
|
|
height: 20px;
|
|
padding-block-end: 0;
|
|
background-color: var(--card-color-hover) !important;
|
|
border: none !important;
|
|
transform: none;
|
|
}
|
|
|
|
.focused__55c99 {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.queryContainer__55c99 {
|
|
border: none;
|
|
box-shadow: var(--popout-header-shadow);
|
|
}
|
|
|
|
.resultsGroup__56fec:before {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SOUNDBOARD PICKER
|
|
*
|
|
*/
|
|
.premiumPromo__3a1b6 {
|
|
background-color: var(--popout-color);
|
|
border-radius: var(--popout-radius);
|
|
opacity: 1;
|
|
backdrop-filter: blur(var(--popout-blur));
|
|
}
|
|
|
|
.soundButton__9be63 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.soundButton__9be63 .buttonOverlayBackground__9be63 {
|
|
background-color: var(--card-color);
|
|
opacity: 1;
|
|
}
|
|
|
|
.keybindHint__46002 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SPECTATOR MENU
|
|
*
|
|
*/
|
|
.scroller_d6b206 .memberListItem_ec58fe {
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
.scroller_d6b206 .memberListItem_ec58fe:not(.popoutDisabled_ec58fe):hover {
|
|
background-color: var(--background-modifier-hover) !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* STICKERS POPOUT
|
|
*
|
|
*/
|
|
.containerBackground_d4ced7 {
|
|
border: none;
|
|
}
|
|
.containerBackground_d4ced7:after {
|
|
border-top-color: var(--popout-color);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* STREAM PREVIEW POPOUT
|
|
*
|
|
*/
|
|
.streamPreview__6da2d:before {
|
|
width: 252px;
|
|
inset-inline-start: 16px;
|
|
}
|
|
.streamPreview__6da2d .previewContainer__6da2d {
|
|
background-color: transparent !important;
|
|
box-shadow: var(--card-header-shadow);
|
|
border: none !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SUMMARIES POPOUT
|
|
*
|
|
*/
|
|
.topicsPillContainer__0f481 {
|
|
inset-block-start: var(--space-8);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
.topicsDropdownBase__0f481 {
|
|
overflow: hidden;
|
|
background-color: transparent;
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
}
|
|
.topicsDropdownBase__0f481::before {
|
|
position: absolute;
|
|
content: " ";
|
|
width: 100%;
|
|
height: 100%;
|
|
inset: 0;
|
|
background: linear-gradient(var(--popout-color)), var(--app-bg);
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat;
|
|
border-radius: inherit;
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
|
|
.topicsDropdownHeading__0f481 {
|
|
background-color: transparent;
|
|
border-start-start-radius: var(--popout-radius);
|
|
border-start-end-radius: var(--popout-radius);
|
|
box-shadow: var(--card-header-shadow);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* THREADS POPOUT
|
|
*
|
|
*/
|
|
.container_d9c882 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
.container_d9c882 .header_d9c882 {
|
|
background-color: transparent;
|
|
box-shadow: var(--card-header-shadow);
|
|
border: none;
|
|
}
|
|
.container_d9c882 .header_d9c882 .button_a22cb0 {
|
|
--button-height: var(--input-height);
|
|
}
|
|
.container_d9c882 .wrapper__72c38 {
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
}
|
|
.container_d9c882 .container__6764b {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.container_d9c882 .container__6764b:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
.popout__76f04 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
.popout__76f04 .row__76f04 {
|
|
border-radius: var(--list-item-radius);
|
|
}
|
|
.popout__76f04 .row__76f04:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
.popout__76f04 .more__76f04 {
|
|
color: hsl(var(--accent-hsl));
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER POPOUT
|
|
*
|
|
*/
|
|
.outer_c0bea0:not(.custom-user-profile-theme) {
|
|
--background-surface-high: var(--popout-color) !important;
|
|
--user-profile-overlay-background: var(--profile-gradient-primary-color) !important;
|
|
--profile-gradient-primary-color: var(--popout-color) !important;
|
|
--profile-gradient-secondary-color: var(--popout-color) !important;
|
|
--profile-avatar-border-color: var(--popout-color) !important;
|
|
--profile-body-background-color: var(--popout-color) !important;
|
|
--bg-surface-overlay: var(--profile-gradient-primary-color) !important;
|
|
--bg-mod-faint: var(--profile-body-background-color) !important;
|
|
}
|
|
.outer_c0bea0:not(.custom-user-profile-theme).theme-light {
|
|
--textarea-color: 0,0,0;
|
|
--textarea-text-color: hsl(0,0%,30%);
|
|
--textarea-placeholder-color: hsl(0,0%,40%);
|
|
--background-modifier-selected: hsl(0,0%,0%,0.125);
|
|
}
|
|
.outer_c0bea0:not(.custom-user-profile-theme):before {
|
|
background-color: var(--profile-gradient-primary-color);
|
|
}
|
|
|
|
.custom-user-profile-theme {
|
|
--card-color: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-6));
|
|
}
|
|
.custom-user-profile-theme .lookFilled__201d5 {
|
|
--button-background: var(--profile-gradient-button-color);
|
|
--button-text-color: var(--white-500);
|
|
--accent-button-action: var(--white-500);
|
|
}
|
|
|
|
.user-profile-popout {
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
.user-profile-popout.custom-user-profile-theme .inner_c0bea0 {
|
|
border-radius: calc(var(--popout-radius) - 2px);
|
|
}
|
|
.user-profile-popout:not(.custom-user-profile-theme) {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
.outer_c0bea0 {
|
|
overflow: initial;
|
|
}
|
|
.outer_c0bea0.user-profile-modal-v2 {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.outer_c0bea0 * {
|
|
text-shadow: none;
|
|
}
|
|
.outer_c0bea0 svg {
|
|
filter: none;
|
|
}
|
|
.outer_c0bea0 .menus_ce8328 > .menu_c1e9c4:before {
|
|
display: none;
|
|
}
|
|
|
|
.inner_c0bea0 {
|
|
border-radius: calc(var(--popout-radius) / 1.25);
|
|
}
|
|
.inner_c0bea0:before {
|
|
border-radius: inherit;
|
|
}
|
|
.inner_c0bea0 .wrapper__44b0c circle {
|
|
fill: var(--profile-avatar-border-color);
|
|
}
|
|
.inner_c0bea0 .wrapper__72c38 {
|
|
border-radius: 18px;
|
|
border: none;
|
|
}
|
|
.inner_c0bea0 .input__75098::-webkit-input-placeholder {
|
|
color: var(--textarea-placeholder-color);
|
|
}
|
|
|
|
.wrapper-C1y4Sz {
|
|
border-radius: calc(var(--popout-radius) / 1.25) calc(var(--popout-radius) / 1.25) 0 0;
|
|
}
|
|
|
|
.banner__68edb {
|
|
border-radius: calc(var(--popout-radius) / 1.25) calc(var(--popout-radius) / 1.25) 0 0;
|
|
}
|
|
|
|
.container__8061a {
|
|
padding: 2px;
|
|
background-color: var(--card-color) !important;
|
|
border-radius: 12px;
|
|
border: none;
|
|
}
|
|
|
|
.overlayBackground_c69a7b {
|
|
border-radius: calc(var(--popout-radius) / 1.25);
|
|
}
|
|
|
|
.biteSizeInnerThemed_c69a7b {
|
|
padding-block-end: 0;
|
|
}
|
|
|
|
.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .outer_ab8609,
|
|
.inner_ab8609 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
|
|
.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .outer_ab8609 {
|
|
border: none !important;
|
|
}
|
|
.statusBubbleOuter_a82ccc:before, .statusBubbleOuter_a82ccc:after, .statusBubbleOuter_af9888:before, .statusBubbleOuter_af9888:after, .outer_ab8609:before, .outer_ab8609:after {
|
|
border: inherit !important;
|
|
}
|
|
|
|
.inner_ab8609 {
|
|
backdrop-filter: blur(var(--popout-blur));
|
|
}
|
|
|
|
.custom-theme-background .menu_c1e9c4 {
|
|
border: none;
|
|
}
|
|
|
|
.activity__5be3e {
|
|
border-radius: var(--popout-radius);
|
|
}
|
|
|
|
.role_dfa8b6, .role__5d7c9 {
|
|
background-color: var(--background-modifier-selected);
|
|
border-radius: 11px;
|
|
border: none;
|
|
}
|
|
|
|
.note_c90ad7 {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0;
|
|
}
|
|
.note_c90ad7 .input__75098 {
|
|
height: unset;
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
}
|
|
.note_c90ad7 .textarea_dde0a8 {
|
|
padding: 4px 10px;
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
}
|
|
.note_c90ad7 .textarea_dde0a8::-webkit-input-placeholder {
|
|
color: var(--textarea-placeholder-color);
|
|
}
|
|
.note_c90ad7 .textarea_dde0a8:focus {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
|
|
}
|
|
|
|
/* USER POPOUT -> STATUS AREA */
|
|
.menu-KSaHL1:before {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* VOICE CONNECTED
|
|
*
|
|
*/
|
|
/*
|
|
*
|
|
* SERVER FOLDERS
|
|
*
|
|
*/
|
|
.hiddenVisually_b18fe2 {
|
|
background-color: transparent;
|
|
}
|
|
.hiddenVisually_b18fe2.hover__48112 {
|
|
background-color: var(--server-folder-color);
|
|
}
|
|
|
|
.folderGroupBackground__48112,
|
|
.folderPreviewWrapper__48112 {
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
}
|
|
|
|
.unreadMentionsIndicatorTop_ef3116 + .itemsContainer_ef3116 .hiddenVisually_b18fe2 {
|
|
background-color: var(--server-folder-color);
|
|
}
|
|
|
|
.folderPreviewWrapper__48112[style*="background-color: rgba(88, 101, 242, 0.4)"] {
|
|
background-color: hsla(var(--accent-hsl), 0.4) !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVERS LIST
|
|
*
|
|
*/
|
|
.wrapper_ef3116 {
|
|
margin-block-end: calc(var(--custom-app-panels-height, 0) + 10px);
|
|
background-color: transparent;
|
|
}
|
|
.wrapper_ef3116 .tree_ef3116:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.scroller_ef3116 {
|
|
padding-block-start: var(--space-12);
|
|
background-color: transparent !important;
|
|
}
|
|
.scroller_ef3116 svg {
|
|
filter: none;
|
|
}
|
|
|
|
.platform-win .scroller_ef3116 {
|
|
padding-block-start: var(--space-12) !important;
|
|
}
|
|
|
|
.childWrapper__6e9f8,
|
|
.circleIconButton__5bc7e {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
|
|
color: var(--accent-text-color) !important;
|
|
}
|
|
|
|
.mention__3b95d {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
color: var(--accent-text-color);
|
|
}
|
|
|
|
.numberBadge__463b7 {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
|
|
color: var(--accent-text-color) !important;
|
|
}
|
|
|
|
.iconBadge__650eb.participating__64cf0 {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
.iconBadge__650eb.participating__64cf0 path {
|
|
fill: var(--accent-text-color);
|
|
}
|
|
.iconBadge__650eb.isCurrentUserConnected__650eb {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
color: var(--accent-text-color);
|
|
}
|
|
|
|
.item__58105 {
|
|
background-color: var(--notification-color);
|
|
}
|
|
|
|
.footer__214dc {
|
|
margin-block-start: 8px;
|
|
padding-block-start: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.gradient__214dc {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTING AUDIT LOG
|
|
*
|
|
*/
|
|
.auditLog__43dab {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|
|
.auditLog__43dab .header__43dab,
|
|
.auditLog__43dab .changeDetails__43dab {
|
|
background-color: transparent;
|
|
}
|
|
.auditLog__43dab .headerExpanded__43dab {
|
|
box-shadow: var(--popout-header-shadow);
|
|
}
|
|
.auditLog__43dab .divider__43dab {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS AUTOMOD
|
|
*
|
|
*/
|
|
.editCard_a25a68 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.editCard_a25a68:before {
|
|
display: none;
|
|
}
|
|
.editCard_a25a68.active_ef2ec5 {
|
|
background-color: var(--card-color) !important;
|
|
}
|
|
.editCard_a25a68 .ruleIconContainer_c5e6a1 {
|
|
background-color: var(--card-color);
|
|
}
|
|
.editCard_a25a68 .actionContainer_bc4513 {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
.collapseable__217b7 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.collapseable__217b7:active {
|
|
background-color: var(--card-color) !important;
|
|
}
|
|
.collapseable__217b7:before {
|
|
display: none;
|
|
}
|
|
|
|
.actionContainer_c5e6a1 {
|
|
margin-block-start: 28px;
|
|
}
|
|
|
|
.stepCountIcon_b6c6eb {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
.mentionLimitContainer_ed9c90 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.stepperContainer_ed9c90 {
|
|
padding: 0;
|
|
min-height: var(--input-height);
|
|
height: var(--input-height);
|
|
border-radius: var(--input-radius);
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border: none;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
color: var(--textarea-text-color);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.stepperContainer_ed9c90:has(input:focus, textarea:focus) {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
|
|
outline: none !important;
|
|
}
|
|
.stepperContainer_ed9c90 .stepper_ed9c90 {
|
|
border-radius: var(--input-radius);
|
|
}
|
|
.stepperContainer_ed9c90 .iconWrapper__0d13e {
|
|
background-color: transparent;
|
|
}
|
|
.stepperContainer_ed9c90 .iconWrapper__0d13e .icon_bb7288 {
|
|
width: var(--input-height);
|
|
height: var(--input-height);
|
|
}
|
|
.stepperContainer_ed9c90 .input__75098 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS BANNED USERS
|
|
*
|
|
*/
|
|
.scrollerContainer__4b8d8 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS CONTENT MODERATION
|
|
*
|
|
*/
|
|
.triggerMainContainer_b6c6eb {
|
|
margin-block: 8px;
|
|
margin-inline: 0;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
.keywordListContainer__09e76,
|
|
.actionContainer__6446f {
|
|
padding-block: 12px;
|
|
padding-inline: 16px;
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.keywordListContainer__09e76:hover,
|
|
.actionContainer__6446f:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
.actionContainer__6446f .actionContainer__6446f {
|
|
padding: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.keywordsTextArea__6a631 {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border-radius: 18px;
|
|
border: none;
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.keywordsTextArea__6a631:focus {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
|
|
}
|
|
.keywordsTextArea__6a631::-webkit-input-placeholder {
|
|
color: var(--textarea-placeholder-color);
|
|
}
|
|
|
|
.dividerContainer__1abf5 {
|
|
margin-block: 6px 0;
|
|
margin-inline: auto;
|
|
}
|
|
.dividerContainer__1abf5 .dividierIcon__1abf5 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS DISCOVERY
|
|
*
|
|
*/
|
|
.checklist__5afba, .checklistContainer-12xGp5 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.header__99871, .checklistHeader-3liG7E {
|
|
background-color: transparent;
|
|
box-shadow: var(--card-header-shadow);
|
|
border: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS EMOJI
|
|
*
|
|
*/
|
|
.emojiRow_e7d73e:before {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
.emojiRow_e7d73e .input__75098 {
|
|
padding-block: 0;
|
|
padding-inline: 12px;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS SERVER INSIGHTS
|
|
*
|
|
*/
|
|
.memberInsightsContainer_cfaf72 {
|
|
padding: 0;
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.memberInsightsContainer_cfaf72 .insightsHeader_cfaf72 {
|
|
background-color: transparent;
|
|
box-shadow: var(--card-header-shadow);
|
|
border: none;
|
|
}
|
|
.memberInsightsContainer_cfaf72 .divider_cfaf72 {
|
|
display: none;
|
|
}
|
|
.memberInsightsContainer_cfaf72 .tips_cfaf72 {
|
|
margin: 16px;
|
|
}
|
|
.memberInsightsContainer_cfaf72 .insightsActions_cfaf72 {
|
|
margin-block: 0 16px;
|
|
margin-inline: 16px;
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.developerPortalCtaWrapper__540ed {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
.error__4cd16 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER LISTS
|
|
*
|
|
*/
|
|
.container__33507 {
|
|
height: auto;
|
|
}
|
|
|
|
.card__4bb93:before {
|
|
background-color: var(--card-color-hover);
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.card__4bb93.active:before {
|
|
background-color: var(--card-color-hover);
|
|
opacity: 1;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS PARTNER PROGRAM
|
|
*
|
|
*/
|
|
.featureCard__7dd5e {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.featureCard__7dd5e .featureIcon__7dd5e {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
.checklistContainer-12xGp5 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.checklistHeader-3liG7E {
|
|
background-color: transparent;
|
|
box-shadow: var(--card-header-shadow);
|
|
border: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS PERMISSIONS
|
|
*
|
|
*/
|
|
.settingCard__1a4ef {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.settingCard__1a4ef.active_dd864e {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|
|
.settingCard__1a4ef.active_dd864e .cardContent_f62fce {
|
|
box-shadow: var(--card-header-shadow);
|
|
}
|
|
|
|
.cardFolder_dd864e {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.group__344e6 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.item__344e6 {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.selected__344e6.deny__344e6 {
|
|
background-color: hsla(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%, 0.65);
|
|
border-radius: var(--card-radius) 0 0 var(--card-radius);
|
|
}
|
|
.selected__344e6.passthrough__344e6 {
|
|
background-color: hsla(217, 8%, 41%, 0.65);
|
|
}
|
|
.selected__344e6.allow__344e6 {
|
|
background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%, 0.65);
|
|
border-radius: 0 var(--card-radius) var(--card-radius) 0;
|
|
}
|
|
|
|
.background-3X6N7I {
|
|
padding: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.roleDot-1Rh5WS {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS ROLES
|
|
*
|
|
*/
|
|
.container_d8f25b {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.container_d8f25b:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
.roleRow__5f97b .button__292b6 {
|
|
background-color: var(--background-modifier-active);
|
|
}
|
|
.roleRow__5f97b:hover .button__292b6 {
|
|
background-color: var(--background-modifier-active) !important;
|
|
}
|
|
.roleRow__5f97b:hover .button__292b6:hover {
|
|
background-color: var(--background-modifier-hover) !important;
|
|
}
|
|
|
|
/* SERVER SETTINGS ROLES -> EDIT ROLE */
|
|
.titleContainer_e29cd7 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.header_c6bf1b {
|
|
background-color: transparent;
|
|
}
|
|
.header_c6bf1b.stickyHeaderElevated_c6bf1b {
|
|
--popout-radius: 0;
|
|
overflow: hidden;
|
|
background-color: transparent;
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
}
|
|
.header_c6bf1b.stickyHeaderElevated_c6bf1b::before {
|
|
position: absolute;
|
|
content: " ";
|
|
width: 100%;
|
|
height: 100%;
|
|
inset: 0;
|
|
background: linear-gradient(var(--popout-color)), var(--app-bg);
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat;
|
|
border-radius: inherit;
|
|
box-shadow: var(--popout-shadow-border);
|
|
filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.header_c6bf1b.stickyHeaderElevated_c6bf1b::before {
|
|
filter: blur(var(--app-blur)) saturate(100%) brightness(1);
|
|
}
|
|
|
|
.titleContainer_e29cd7 {
|
|
position: sticky;
|
|
}
|
|
|
|
.header_c6bf1b {
|
|
padding-block: 60px 0;
|
|
padding-inline: 8px;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS MEMBERSHIP SCREENING
|
|
*
|
|
*/
|
|
.enableContainer-1J91Aq {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.settingsFormItem-25zW3t {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.settingsFormItem-25zW3t .settingsFormFieldWrapper-U99c9i {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.backgroundContainer_eaaeee {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.requirementContainer__0a749 {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border-radius: var(--input-radius);
|
|
}
|
|
|
|
.fieldBackground_d48a51 {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important;
|
|
border-radius: var(--input-radius) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.containerFooter_eaaeee {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.fieldBackground_eaaeee {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.fieldBackground_eaaeee.withFooter_eaaeee {
|
|
box-shadow: var(--card-header-shadow);
|
|
}
|
|
|
|
.fieldFooterContainer_eaaeee {
|
|
background-color: var(--card-color);
|
|
border-radius: 0 0 var(--card-radius) var(--card-radius);
|
|
}
|
|
|
|
.sidebarFixedContainer-2fX672 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
/* SERVER SETTINGS MEMBERSHIP SCREENING -> PREVIEW */
|
|
.guildSidebar_b962dc {
|
|
background-color: var(--sidebar-color);
|
|
}
|
|
|
|
.modal_b962dc .formFieldWrapper-2LV3S6 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS SAFETY SETUP
|
|
*
|
|
*/
|
|
.changelog_abe1fa {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.safetyChecklist_eae0ef {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS STICKERS
|
|
*
|
|
*/
|
|
.tier_a36dee {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.tier_a36dee .grid_d87d30 {
|
|
padding-block: 0 16px;
|
|
padding-inline: 16px;
|
|
}
|
|
|
|
.tierHeaderLocked_a36dee,
|
|
.tierHeaderUnlocked_a36dee {
|
|
background-color: transparent !important;
|
|
box-shadow: var(--popout-header-shadow);
|
|
}
|
|
|
|
.tierBody_a36dee {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.wrapper__83b1d {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.wrapper__83b1d:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
.background_c44edb {
|
|
color: var(--card-color) !important;
|
|
}
|
|
|
|
.foreground_c44edb {
|
|
color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
|
|
.theme-dark .tierInProgress_c44edb {
|
|
background-color: var(--card-color);
|
|
}
|
|
.theme-dark .tierAccomplished_c44edb,
|
|
.theme-dark .tierCurrent_c44edb,
|
|
.theme-dark .tierFirst_c44edb {
|
|
background: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SERVER SETTINGS SERVER TEMPLATE
|
|
*
|
|
*/
|
|
.descriptionBox__981f7 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
|
|
.enableContainer__5ea8c {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius) var(--card-radius) 0 0;
|
|
box-shadow: var(--card-header-shadow);
|
|
}
|
|
|
|
.previewContainer__74a6a {
|
|
background-color: var(--card-color);
|
|
border-radius: 0 0 var(--card-radius) var(--card-radius);
|
|
}
|
|
.previewContainer__74a6a .welcomeChannel__74a6a {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.previewContainer__74a6a .welcomeChannel__74a6a .channelIcon__74a6a {
|
|
background-color: var(--background-modifier-selected);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.optionContainer__949ab {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.optionContainer__949ab:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS ACTIVITY STATUS
|
|
*
|
|
*/
|
|
.notDetected_b53c4e {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--card-radius) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.game_b53c4e {
|
|
box-shadow: 0 1px 0 0 var(--background-modifier-accent) !important;
|
|
}
|
|
.game_b53c4e .gameNameInput_b53c4e {
|
|
border: none;
|
|
}
|
|
.game_b53c4e .gameNameInput_b53c4e:hover, .game_b53c4e .gameNameInput_b53c4e:focus {
|
|
min-height: auto;
|
|
height: auto;
|
|
border-radius: var(--input-radius);
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border: none;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
color: var(--textarea-text-color);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.game_b53c4e .gameNameInput_b53c4e:hover:has(input:focus, textarea:focus), .game_b53c4e .gameNameInput_b53c4e:focus:has(input:focus, textarea:focus) {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
|
|
outline: none !important;
|
|
}
|
|
.game_b53c4e .lastPlayed_b53c4e {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS APPEARANCE
|
|
*
|
|
*/
|
|
.displayContainer_a1d343,
|
|
.colorThemesBackground__965a6 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS AUTHORIZED APPS
|
|
*
|
|
*/
|
|
.headingCard__92059 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.authedAppV2__92059 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
.authedAppV2__92059 .headerV2__92059 {
|
|
background-color: transparent;
|
|
box-shadow: var(--card-header-shadow);
|
|
border: none;
|
|
}
|
|
|
|
.actionMenuButton__8dc78 {
|
|
background-color: var(--card-color-hover);
|
|
border-radius: 16px;
|
|
}
|
|
.actionMenuButton__8dc78:hover, .actionMenuButton__8dc78[aria-expanded=true] {
|
|
background-color: var(--card-color-select);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS BILLING
|
|
*
|
|
*/
|
|
.paymentPane__01014 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
.paymentPane__01014 > .paymentRow__01014 {
|
|
background-color: transparent;
|
|
box-shadow: var(--card-header-shadow);
|
|
border: none;
|
|
}
|
|
.paymentPane__01014 .paginator__01014 {
|
|
background-color: transparent !important;
|
|
}
|
|
.paymentPane__01014 .bottomDivider__01014.scrollerBase_d125d2 {
|
|
border-block-end: none;
|
|
}
|
|
|
|
.payment_e9cb00 {
|
|
background-color: transparent !important;
|
|
}
|
|
.payment_e9cb00.bottomDivider__01014 {
|
|
border-bottom-color: hsla(0, 0%, 100%, 0.1);
|
|
}
|
|
|
|
.expandedInfo_e9cb00 {
|
|
background-color: var(--card-color) !important;
|
|
border-radius: var(--card-radius) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.pageButtonPrev__2d021,
|
|
.pageButtonNext__2d021,
|
|
.pageIndicator__2d021 {
|
|
background-color: var(--card-color);
|
|
border: none;
|
|
}
|
|
|
|
.pageButtonPrev__2d021:not(.disabled__2d021):hover,
|
|
.pageButtonNext__2d021:not(.disabled__2d021):hover {
|
|
background-color: var(--card-color-hover);
|
|
}
|
|
|
|
.pageButtonPrev__2d021 {
|
|
border-radius: 21px 0 0 21px;
|
|
}
|
|
|
|
.pageButtonNext__2d021 {
|
|
border-radius: 0 21px 21px 0;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS CONNECTIONS
|
|
*
|
|
*/
|
|
.connection__41de9 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
padding: 0;
|
|
}
|
|
.connection__41de9 .connectionHeader__41de9 {
|
|
background-color: transparent;
|
|
box-shadow: var(--card-header-shadow);
|
|
border: none;
|
|
padding: var(--space-16);
|
|
}
|
|
.connection__41de9 .container__35859 {
|
|
width: auto;
|
|
margin-block-end: var(--space-16);
|
|
margin-inline: var(--space-16);
|
|
}
|
|
|
|
.connectionOptions__41de9,
|
|
.metadataContainer__41de9,
|
|
.container_f652ac {
|
|
margin-inline: var(--space-16);
|
|
}
|
|
|
|
.connectionOptions__41de9:last-child {
|
|
margin-block-end: var(--space-16);
|
|
}
|
|
|
|
.metadataContainer__41de9 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS DEVICES
|
|
*
|
|
*/
|
|
.session__956ff {
|
|
padding: 16px;
|
|
background-color: var(--card-color);
|
|
}
|
|
.session__956ff:first-of-type {
|
|
margin-block-start: 12px;
|
|
border-radius: var(--card-radius) var(--card-radius) 0 0;
|
|
}
|
|
.session__956ff:last-of-type {
|
|
border-radius: 0 0 var(--card-radius) var(--card-radius);
|
|
border-block-end: none;
|
|
}
|
|
.session__956ff:only-child {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS FAMILY CENTER
|
|
*
|
|
*/
|
|
.container__5dbf8 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.container__8cc9a {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.container__5b321, .container__5b321 .row__0624f {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
.container__5b321 .iconContainer__0624f {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
.box_f8c98c, .box_d9914b {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
.box_f8c98c .stepNumber_d9914b, .box_d9914b .stepNumber_d9914b {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
.enableCard__74f90 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS GAME OVERLAY
|
|
*
|
|
*/
|
|
.wrapper_e03935 {
|
|
border-radius: var(--card-radius);
|
|
border-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
.wrapper_e03935 .option_e03935 {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
.wrapper_e03935 .option_e03935:hover, .wrapper_e03935 .option_e03935.selected_e03935 {
|
|
background-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
border-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS KEYBINDS
|
|
*
|
|
*/
|
|
.keybindInput__2636e {
|
|
min-height: var(--input-height);
|
|
height: var(--input-height);
|
|
border-radius: var(--input-radius);
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important;
|
|
border: none !important;
|
|
box-shadow: var(--liquid-glass-shadow);
|
|
color: var(--textarea-text-color);
|
|
transition: var(--transition-time) var(--transition-type);
|
|
}
|
|
.keybindInput__2636e:has(input:focus, textarea:focus) {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)) !important;
|
|
outline: none !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS MY ACCOUNT
|
|
*
|
|
*/
|
|
.accountProfileCard_a9178b {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
.accountProfileCard_a9178b .wrapper__44b0c {
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: var(--popout-shadow);
|
|
}
|
|
.accountProfileCard_a9178b .wrapper__44b0c svg {
|
|
filter: none;
|
|
}
|
|
.accountProfileCard_a9178b .background_a9178b {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
.accountProfileCard_a9178b .background_a9178b .fieldList_a9178b {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.credentialList__6c75d {
|
|
margin-block-end: 16px;
|
|
padding: 8px;
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.credentialItem__6c75d {
|
|
border-radius: calc(var(--card-radius) / 1.65);
|
|
border-block-start: none;
|
|
}
|
|
.credentialItem__6c75d:not(:last-child) {
|
|
margin-block-end: 0;
|
|
}
|
|
.credentialItem__6c75d:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS NITRO
|
|
*
|
|
*/
|
|
.expandedProgressBarContainerSettingsPage__2c345,
|
|
.giftCard_a45ed3 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS PARYT MODE
|
|
*
|
|
*/
|
|
.achievementContainer_f8824b {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.achievementContainer_f8824b:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
|
|
.container__8e75f {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border: none;
|
|
}
|
|
.container__8e75f:hover {
|
|
background-color: var(--card-color-hover);
|
|
border: none;
|
|
}
|
|
.container__8e75f .container_e6b065 {
|
|
background-color: var(--card-color);
|
|
}
|
|
|
|
.container_e48555 .container_e6b065 {
|
|
background-color: rgba(0, 0, 0, 0.35);
|
|
}
|
|
.container_e48555 .text-md\/semibold_cf4812,
|
|
.container_e48555 .text-xs\/medium_cf4812 {
|
|
color: var(--text-normal) !important;
|
|
}
|
|
|
|
.comboNameplate__257af .comboMultiplier__257af {
|
|
color: hsl(var(--accent-hsl)) !important;
|
|
}
|
|
|
|
.progressBar-1T6LYX {
|
|
background-color: hsl(var(--accent-hsl)) !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS PROFILE
|
|
*
|
|
*/
|
|
.upsellOverlayContainer__0f7dc {
|
|
border-radius: var(--card-radius);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.upsellOverlay__0f7dc {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.swatch-35F5kl {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
|
|
.bioTextArea__6a919 {
|
|
background-color: rgba(var(--textarea-color), var(--textarea-alpha));
|
|
border-radius: var(--textarea-radius);
|
|
border: none;
|
|
}
|
|
|
|
.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d {
|
|
border: none;
|
|
box-shadow: var(--popout-shadow);
|
|
}
|
|
.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d:hover {
|
|
box-shadow: var(--popout-shadow), inset 0 0 120px rgba(0, 0, 0, 0.75);
|
|
}
|
|
.profileBannerPreview-3mLIdO .fakeActivityWrapper-2i1oU- {
|
|
padding-block: 0;
|
|
padding-inline: 16px;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS SERVER BOOST
|
|
*
|
|
*/
|
|
.card__1bfce {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.cardHeader__1bfce {
|
|
padding: var(--space-16);
|
|
border-block-end: none;
|
|
}
|
|
|
|
.boostRow__1bfce {
|
|
margin-inline: var(--space-8);
|
|
background-color: var(--card-color-hover);
|
|
}
|
|
.boostRow__1bfce:nth-of-type(2) {
|
|
border-start-start-radius: calc(var(--card-radius) - var(--space-8));
|
|
border-start-end-radius: calc(var(--card-radius) - var(--space-8));
|
|
}
|
|
.boostRow__1bfce.boostRowLast__1bfce {
|
|
margin-block-end: var(--space-8);
|
|
border-end-start-radius: calc(var(--card-radius) - var(--space-8));
|
|
border-end-end-radius: calc(var(--card-radius) - var(--space-8));
|
|
}
|
|
|
|
.card_a12047 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.card__4b63d {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
.listItem_a04c02 {
|
|
background-color: var(--card-color);
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
box-shadow: var(--popout-shadow-border);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* USER SETTINGS VOICE & VIDEO
|
|
*
|
|
*/
|
|
.cameraWrapper_d41d5f {
|
|
background: var(--card-color);
|
|
border-radius: var(--card-radius);
|
|
border-color: hsla(var(--accent-hsl), var(--accent-opacity));
|
|
border-width: 2px;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SETTINGS CONTENT AREA
|
|
*
|
|
*/
|
|
.contentRegion__23e6b {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.container__9a9f9 {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
|
|
.contentRegionScroller__23e6b {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* SETTINGS CONTENT AREA V2 */
|
|
.layer__960e4 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.modalContentInner_e44912 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.content_e9e3ed,
|
|
.contentHeader_e9e3ed {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.scrim__40128 {
|
|
background-color: transparent;
|
|
backdrop-filter: blur(5px);
|
|
}
|
|
|
|
/*
|
|
*
|
|
* SETTINGS SIDEBAR
|
|
*
|
|
*/
|
|
.standardSidebarView__23e6b {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--popout-color);
|
|
box-shadow: var(--popout-shadow-border), var(--popout-shadow);
|
|
backdrop-filter: blur(var(--popout-blur)) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
margin-block-start: var(--custom-app-top-bar-height);
|
|
}
|
|
|
|
.sidebarRegionScroller__23e6b {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.platform-win .contentRegionScroller__23e6b {
|
|
margin-block-start: 0;
|
|
}
|
|
|
|
.side_aa8da2 .item_aa8da2 {
|
|
border-radius: var(--list-item-radius);
|
|
}
|
|
|
|
.selectedBackground_e681d1 {
|
|
display: none;
|
|
}
|
|
|
|
/* SETTINGS SIDEBAR V2 */
|
|
.sidebar__409aa {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.fixedContent__409aa:after {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* DISCORD SHOP HOME VIEW
|
|
*
|
|
*/
|
|
.shop__6db1d {
|
|
border-start-end-radius: var(--app-radius);
|
|
border-end-end-radius: var(--app-radius);
|
|
}
|
|
|
|
.shop__08415,
|
|
.shop__6db1d {
|
|
background-color: var(--main-content-color);
|
|
}
|
|
|
|
.page__1feb0,
|
|
.shop__08415 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.heroBanner_e16ab1,
|
|
.shopBanner__7f856 {
|
|
border-radius: var(--card-radius);
|
|
}
|
|
|
|
.shopViewWrapper__6db1d .scrollerBase_d125d2 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.darkCardBackground_c3d04b,
|
|
.lightCardBackground_c3d04b {
|
|
background-color: transparent;
|
|
border-block-start: none;
|
|
}
|
|
|
|
.preview_c3d04b {
|
|
box-shadow: var(--card-header-shadow);
|
|
}
|
|
|
|
.productCardContainer_fcbddd {
|
|
border-radius: var(--popout-radius);
|
|
border: none;
|
|
background-color: var(--card-color);
|
|
box-shadow: var(--popout-shadow-border);
|
|
backdrop-filter: blur(0px) saturate(var(--liquid-glass-saturation)) brightness(1.1);
|
|
}
|
|
.productCardContainer_fcbddd:hover {
|
|
inset-block-start: unset;
|
|
}
|
|
.productCardContainer_fcbddd .avatarContainer_c3d04b {
|
|
box-shadow: var(--card-header-shadow);
|
|
}
|
|
.productCardContainer_fcbddd .cardText_c3d04b {
|
|
width: 100%;
|
|
inset-inline-start: 0;
|
|
inset-block-end: 0;
|
|
}
|
|
.productCardContainer_fcbddd .cardTextBlur_c23530 {
|
|
border-radius: 0 0 var(--card-radius) var(--card-radius);
|
|
}
|
|
.productCardContainer_fcbddd .cardBackground_c23530 {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.footerGradient_fcbddd {
|
|
--background-base-lowest: var(--card-color-hover);
|
|
}
|
|
|
|
.footerInfoContainer_fcbddd * {
|
|
text-shadow: 0px 0px 3px hsla(0, 0%, 0%, 0.6) !important;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* VISUAL REFRESH
|
|
*
|
|
*/
|
|
.visual-refresh.refresh-fast-follow-guild-bg .bg__960e4 {
|
|
background: transparent;
|
|
}
|
|
.visual-refresh.refresh-fast-follow-guild-bg .wrapper_ef3116 {
|
|
background: transparent;
|
|
}
|
|
|
|
.align-chat-input .container__2637a .scrollerBase_d125d2,
|
|
.align-chat-input .privateChannels_e6b769 .scrollerBase_d125d2 {
|
|
margin-block-end: 0;
|
|
}
|
|
.align-chat-input .scrollerSpacer__36d07 {
|
|
height: var(--space-24);
|
|
}
|
|
.align-chat-input .attachWrapper__0923f {
|
|
padding: 0;
|
|
}
|
|
.align-chat-input .attachButtonInner__0923f,
|
|
.align-chat-input .button__24af7:not(.noHover__24af7),
|
|
.align-chat-input .emojiButton__04eed {
|
|
border-radius: var(--space-16);
|
|
}
|
|
|
|
/*# sourceMappingURL=main.css.map */ |