: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 */