diff --git a/de/home/.var/app/dev.vencord.Vesktop/config/vesktop/themes/source.css b/de/home/.var/app/dev.vencord.Vesktop/config/vesktop/themes/source.css index 09c09c9..896d4b6 100644 --- a/de/home/.var/app/dev.vencord.Vesktop/config/vesktop/themes/source.css +++ b/de/home/.var/app/dev.vencord.Vesktop/config/vesktop/themes/source.css @@ -1,7 +1,7 @@ :root { /* APP ELEMENTS */ --app-bg: transparent; -/* --app-bg: url(https://i.imgur.com/bgmVeyt.jpg); */ +/* --app-bg: url(https://i.ibb.co/5h7854Wy/bgmVeyt.jpg);*/ --app-blur: 6px; --app-margin: 24px; --app-radius: 10px; @@ -17,7 +17,7 @@ --accent-hsl: var(--accent-hue),calc(var(--accent-saturation) * var(--saturation-factor)),var(--accent-lightness); --accent-opacity: 1; --accent-text-color: hsl(0,0%,0%); - --accent-secondary-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 0.1) l / 0.35); + --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; @@ -60,9 +60,9 @@ --input-height: 36px; --input-radius: calc(var(--input-height) / 2); /* CARD SETTINGS */ - --card-color: hsl(0,0%,0%,0.4); - --card-color-hover: hsl(0,0%,0%,0.5); - --card-color-select: hsl(0,0%,0%,0.625); + --card-color: hsl(0,0%,100%,0.1); + --card-color-hover: hsl(0,0%,100%,0.15); + --card-color-select: hsl(0,0%,100%,0.19); --card-radius: var(--app-radius); --card-header-shadow: 0px 3px 9px 0px hsl(0,0%,0%,0.25); /* BUTTON SETTINGS */ @@ -75,6 +75,9 @@ /* SWITCH SETTINGS */ --switch-slider-color: hsla(218,4.6%,46.9%,0.85); --switch-knob-color: hsl(0,0%,13%); + /* CHAT SEARCH BAR SETTINGS */ + --chat-search-size: 32px; + --chat-search-pill-size: 22px; /* POPOUT SETTINGS */ --popout-color: hsl(0,0%,0%,0.55); --popout-blur: 8px; @@ -107,32 +110,33 @@ --text-normal: var(--interactive-normal); } -.visual-refresh.theme-dark, .visual-refresh.theme-light { - /* TEXT COLOR SETTINGS */ - --text-primary: hsl(0,0%,100%); - --text-secondary: hsl(0,0%,77%); - /* CHANNEL COLOR SETTINGS */ - --channels-default: hsl(0,0%,62%); - --channel-icon: hsl(0,0%,62%); - /* 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; - --text-brand: hsl(var(--accent-hsl)); - --text-link: hsl(var(--accent-hsl)); +@supports (color: color-mix(in lch, red, blue)) { + .visual-refresh.theme-dark, + .visual-refresh .theme-dark { + /* TEXT COLOR SETTINGS */ + --text-primary: hsl(0,0%,100%); + --text-secondary: hsl(0,0%,77%); + --channels-default: hsl(0,0%,62%); + --channel-icon: hsl(0,0%,62%); + /* 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; + --text-brand: hsl(var(--accent-hsl)); + --text-link: hsl(var(--accent-hsl)); + } } - /* * * APP ELEMENTS @@ -142,17 +146,16 @@ body { background-color: transparent; } -.appMount__51fd7 { - background: none !important; -/* background: var(--app-bg) !important;*/ +._51fd70792ee2e563-appMount { + background: var(--app-bg) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } -.appMount__51fd7 * { +._51fd70792ee2e563-appMount * { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } -.appMount__51fd7 svg { +._51fd70792ee2e563-appMount svg { filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.5)); } @@ -162,33 +165,34 @@ body { text-shadow: none; } -.layers__160d8 { +._160d8e55254637e5-layers { margin: calc(var(--app-margin) / 2) var(--app-margin) var(--app-margin) var(--app-margin); overflow: hidden; z-index: 1; backdrop-filter: blur(var(--app-blur)); } -.typeMacOS__421ed + .app_a3002d .layers__160d8 { +._421edea01cb52e16-typeMacOS + .a3002d7de5be5280-app ._160d8e55254637e5-layers { margin: var(--app-margin); } -.app__160d8, -.bg__960e4 { +._160d8e55254637e5-app, +._960e4207cea8323e-bg { background-color: transparent; } -.container_a2f514 { +.a2f5142ba8328dfd-container { background: var(--app-bg); background-repeat: no-repeat; background-position: center; background-size: cover; } -.container_a2f514 .content_a2f514 { +.a2f5142ba8328dfd-container .a2f5142ba8328dfd-content { padding: 16px; background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); } @@ -197,77 +201,73 @@ body { * TITLE BAR * */ -.titleBar__421ed { +._421edea01cb52e16-titleBar { height: 24px; } -.titleBar__421ed.withFrame__421ed { +._421edea01cb52e16-titleBar._421edea01cb52e16-withFrame { margin-top: 0; } -.titleBar__421ed.typeMacOS__421ed { +._421edea01cb52e16-titleBar._421edea01cb52e16-typeMacOS { top: var(--app-margin); left: var(--app-margin); } -.titleBar__421ed.typeMacOS__421ed .macButtons__421ed { +._421edea01cb52e16-titleBar._421edea01cb52e16-typeMacOS ._421edea01cb52e16-macButtons { width: 72px; border-top-left-radius: var(--app-radius); } -.titleBar__421ed.typeMacOS__421ed .macButtons__421ed .macButton__421ed { +._421edea01cb52e16-titleBar._421edea01cb52e16-typeMacOS ._421edea01cb52e16-macButtons ._421edea01cb52e16-macButton { cursor: pointer; } -.wordmarkWindows__421ed { +._421edea01cb52e16-wordmarkWindows { color: hsl(0, 0%, 100%); } -.platform-osx .wrapper_ef3116 { - margin-top: 0; - padding-top: 35px; -} -.platform-osx .tree_ef3116 { - margin-top: 32px; -} - /* * * CHANNELS LIST * */ -.platform-win .sidebar_c48ade { +.platform-win ._5e434347c823b592-sidebar { border-radius: 0; } -.sidebar_c48ade { +._5e434347c823b592-sidebar { background-color: var(--sidebar-color); } -.sidebar_c48ade .container__2637a { +._5e434347c823b592-sidebar ._2637a2609f343032-container { background-color: transparent; } -.sidebar_c48ade .link__2ea32 { +._5e434347c823b592-sidebar ._2ea32c412048f708-link { border-radius: var(--list-item-radius); } -.sidebar_c48ade .voiceChannelsButton__29444:hover { +._5e434347c823b592-sidebar .voiceChannelsButton__29444:hover { background-color: var(--background-modifier-hover); } -.header_f37cb1 { +.f37cb1984c371ee5-header { background-color: transparent !important; box-shadow: var(--popout-header-shadow); } -.header_f37cb1 .communityInfoPill_f37cb1 { +.f37cb1984c371ee5-header .f37cb1984c371ee5-communityInfoPill { background-color: var(--card-color); border-radius: var(--card-radius); } -.content__07f91 { +._07f9193042954787-content { border-radius: var(--list-item-radius); } -.container_e88f3f { +.e88f3fec6ea23bee-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } +._0d0f9ddd12a3ace3-progressContainer { + background-color: var(--card-color); +} + /* CHANNELS LIST -> ACTION BUTTONS */ .actionButton-2ae9DJ { background-color: var(--background-modifier-hover); @@ -286,19 +286,19 @@ body { * PANELS * */ -.panels_c48ade { +._5e434347c823b592-panels { background-color: transparent; } -.actionButtons_e131a9 .button__201d5 path[fill] { +.e131a99484292a19-actionButtons ._201d5e8a3c09670a-button path[fill] { fill: currentColor !important; } -.actionButtons_e131a9 .button__201d5 path[stroke] { +.e131a99484292a19-actionButtons ._201d5e8a3c09670a-button path[stroke] { stroke: currentColor !important; } -.avatarSpeaking__07f91 { - box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower); +[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)"]._55bab3f0b2555838-userAvatar { + box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower) !important; } .container_bd9e38 { @@ -332,42 +332,42 @@ body { border-radius: var(--popout-radius); } -.container_e131a9, -.container__37e49, +.e131a99484292a19-container, +._37e49614b9f110a9-container, .content__37e49, -.activityPanel_c48ade { +._5e434347c823b592-activityPanel { background: transparent !important; } -.container_e131a9 .disabledButtonWrapper__201d5 { +.e131a99484292a19-container ._201d5e8a3c09670a-disabledButtonWrapper { --button-padding: 0; border-radius: var(--button-radius); } -.avatarWrapper__37e49 { +._37e49614b9f110a9-avatarWrapper { margin-left: -4px; padding-left: 4px; } -.avatarWrapper__37e49:hover { +._37e49614b9f110a9-avatarWrapper:hover { border-radius: 20px; } -.listeningAlong_e0cf27 { +.e0cf275d59896c00-listeningAlong { border-top: none; border-bottom-color: var(--background-modifier-accent); } /* PANELS -> QUEST */ -.wrapper__0d616 { +._0d6162a4e6a4b802-wrapper { background-color: transparent !important; border-radius: 0; } -.contentWrapper__0d616 { +._0d6162a4e6a4b802-contentWrapper { background-color: transparent !important; border-radius: 0; } -.contentWrapper__0d616:after { +._0d6162a4e6a4b802-contentWrapper:after { box-shadow: none !important; } @@ -375,25 +375,21 @@ body { display: none; } -.wrapper_a86e4f { - border-radius: 8px; -} - -.heroAssetWrapper__636a2 { +._24e2c2ebe64fd7d3-heroAssetWrapper { border-radius: 0 !important; } -.heroAssetWrapper__636a2 { +._24e2c2ebe64fd7d3-heroAssetWrapper { filter: none !important; } -.legibilityGradient__636a2 { +._24e2c2ebe64fd7d3-legibilityGradient { background: none; border-radius: 0; } -.heroAssetDarken__636a2, -.heroAssetTint__636a2 { +.heroAssetDarken__24e2c, +.heroAssetTint__24e2c { background-color: transparent !important; border-radius: 0; } @@ -403,21 +399,25 @@ body { * PRIVATE CHANNELS * */ -.privateChannels__35e86, -.scroller__99e7c { +.e6b7699ce8339e1c-privateChannels, +._99e7cad8d4c55236-scroller { background-color: transparent !important; } -.searchBar__35e86 { +._99e7cad8d4c55236-scroller { + margin-bottom: 0; +} + +.e6b7699ce8339e1c-searchBar { height: 56px; box-shadow: var(--popout-header-shadow); } -.searchBar__35e86 .searchBarComponent__35e86 { +.e6b7699ce8339e1c-searchBar .searchBarComponent_e6b769 { background-color: rgba(var(--textarea-color), var(--textarea-alpha)); border-radius: 14px; } -.channel__972a0 { +._972a0d22c8afa7f0-channel { border-radius: var(--list-item-radius); } @@ -426,59 +426,76 @@ body { * CHAT AREA * */ -.chat_f75fb0, -.noChannel__01d5c { +.f75fb00fb7356cbe-chat, +._01d5c7193c9f2ff4-noChannel { background-color: var(--main-content-color) !important; } -.chatContent_f75fb0 { +.f75fb00fb7356cbe-chat.f75fb00fb7356cbe-threadSidebarOpen { + border-radius: 0 var(--app-radius) var(--app-radius) 0; +} + +.f75fb00fb7356cbe-chatContent { background-color: transparent; } -.content_f75fb0:before { +.cb9592ad77576717-channelChatWrapper { + background-color: transparent; +} + +.f75fb00fb7356cbe-content:before { display: none; } -.chatGradientBase__36d07, -.chatTypingGradientAtBottom__36d07, -.chatTypingGradientNotAtBottom__36d07 { +._36d072eab2b2e737-chatGradientBase, +._36d072eab2b2e737-chatTypingGradientAtBottom, +._36d072eab2b2e737-chatTypingGradientNotAtBottom { background: transparent; } -.chatTypingGradientAtBottom__36d07, -.chatTypingGradientNotAtBottom__36d07 { +._36d072eab2b2e737-chatTypingGradientAtBottom, +._36d072eab2b2e737-chatTypingGradientNotAtBottom { height: var(--space-24); } -.emptyChannelIcon__00de6 { +._00de6f6c14b53606-emptyChannelIcon { background-color: var(--message-color); } -.button__6e3f1 { +.fc817765600a960a-button { color: hsl(var(--accent-hsl)); } -.role_b4b2c3 { +.b4b2c318c99fc487-role { background-color: var(--message-color); border-radius: 12px; } -.role_b4b2c3:hover { +.b4b2c318c99fc487-role:hover { background-color: var(--message-color-hover); } -.jumpToPresentBar__0f481 { +._0f481cbbd7530492-jumpToPresentBar { bottom: 10px; - padding-bottom: 0; - border-radius: var(--message-radius); + background-color: var(--popout-color); + border-radius: var(--popout-radius); + border: none; + backdrop-filter: blur(var(--popout-blur)); } -.jumpToPresentBar__0f481 .spinner__0b5bb { +._0f481cbbd7530492-jumpToPresentBar ._0f481cbbd7530492-barButtonBase { + color: var(--text-normal); +} +._0f481cbbd7530492-jumpToPresentBar ._46696d17714f10ab-spinner { --spinner-size: auto; } -.jumpToPresentBar__0f481 .spinnerItem-2HfQC8 { +._0f481cbbd7530492-jumpToPresentBar .spinnerItem-2HfQC8 { background-color: var(--accent-text-color); } -.barButtonBase__0f481 { +._0f481cbbd7530492-newMessagesBar { + background-color: hsl(var(--accent-hsl), var(--accent-opacity)); + border: none; +} +._0f481cbbd7530492-newMessagesBar ._0f481cbbd7530492-barButtonBase { color: var(--accent-text-color); } @@ -487,42 +504,42 @@ body { * VOICE & VIDEO CALL * */ -.wrapper__1405b .buttonSection__1405b:first-child > .attachedCaretButtonContainer_f1ceac > div:first-child .colorable_f1ceac { +._1405b3b8e8eb5fd0-wrapper ._1405b3b8e8eb5fd0-buttonSection:first-child > .f1ceaca61b18918e-attachedCaretButtonContainer > div:first-child .f1ceaca61b18918e-colorable { --button-radius: calc(var(--popout-radius) / 1.2) 4px 4px calc(var(--popout-radius) / 1.2); } -.buttonSection__1405b { +._1405b3b8e8eb5fd0-buttonSection { position: relative; padding: 5px; background-color: var(--popout-color); backdrop-filter: blur(var(--popout-blur)); border: none; } -.buttonSection__1405b .colorable_f1ceac { +._1405b3b8e8eb5fd0-buttonSection .f1ceaca61b18918e-colorable { --button-background: var(--background-modifier-active); --button-radius: calc(var(--popout-radius) / 1.2); height: 42px; padding: 0 10px; } -.buttonSection__1405b .colorable_f1ceac svg { +._1405b3b8e8eb5fd0-buttonSection .f1ceaca61b18918e-colorable svg { filter: none; } -.buttonSection__1405b .contextMenuNub_f1ceac { +._1405b3b8e8eb5fd0-buttonSection .f1ceaca61b18918e-contextMenuNub { padding: 0 2px; border-radius: 4px calc(var(--popout-radius) / 1.2) calc(var(--popout-radius) / 1.2) 4px; } -.colorable_f1ceac.disconnect_f1ceac { +.f1ceaca61b18918e-colorable.f1ceaca61b18918e-disconnect { --button-background: hsl(var(--alert-hsl)); --button-radius: var(--popout-radius); --button-text-color: var(--alert-text-color); height: 52px; padding: 0 10px; } -.colorable_f1ceac.disconnect_f1ceac:after { +.f1ceaca61b18918e-colorable.f1ceaca61b18918e-disconnect:after { border-radius: inherit; } -.colorable_f1ceac svg { +.f1ceaca61b18918e-colorable svg { filter: none; } @@ -531,28 +548,28 @@ body { * DIRECT MESSAGES * */ -.wrapper_cb9592.minimum_cb9592, .wrapper_cb9592.video_cb9592 { +.cb9592ad77576717-wrapper.cb9592ad77576717-minimum, .cb9592ad77576717-wrapper.cb9592ad77576717-video { background-color: transparent; box-shadow: var(--popout-header-shadow); } -.wrapper_cb9592 .callContainer_cb9592 { +.cb9592ad77576717-wrapper .cb9592ad77576717-callContainer { background-color: transparent; } -.wrapper_cb9592 .container__9293f { +.cb9592ad77576717-wrapper ._9293f6b2fc12398a-container { box-shadow: none; } -.wrapper_cb9592 .tile__90dc5 { +.cb9592ad77576717-wrapper ._90dc5e06d05dc634-tile { border-radius: var(--card-radius); } -.controlButton__1405b svg { +._1405b3b8e8eb5fd0-controlButton svg { filter: none; } -.border__2f4f7 { +._2f4f7eb58b61c328-border { border-radius: var(--card-radius); } -.border__2f4f7.speaking__2f4f7 { +._2f4f7eb58b61c328-border._2f4f7eb58b61c328-speaking { box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower); } @@ -563,20 +580,20 @@ body { [style].user-profile-sidebar:not(.custom-user-profile-theme) { background-color: var(--sidebar-color); } -[style].user-profile-sidebar .inner_c0bea0 { +[style].user-profile-sidebar .c0bea05627c5dc35-inner { border-radius: 0; } -[style].user-profile-sidebar .inner_c0bea0 .banner__68edb { +[style].user-profile-sidebar .c0bea05627c5dc35-inner ._68edb95846a37624-banner { border-radius: 0; } -[style].user-profile-sidebar .inner_c0bea0 * { +[style].user-profile-sidebar .c0bea05627c5dc35-inner * { text-shadow: none; } -[style].user-profile-sidebar .inner_c0bea0 svg { +[style].user-profile-sidebar .c0bea05627c5dc35-inner svg { filter: none; } -.overlay__325ce .button__201d5 { +._3b2602e558ef3de0-overlay ._201d5e8a3c09670a-button { --button-height: 36px !important; --button-padding: 0 12px; --button-background: transparent !important; @@ -589,18 +606,19 @@ body { * FORMAT TOOLBAR * */ -.toolbar_bba883 { +.bba88350df28dff1-toolbar { background-color: var(--popout-color) !important; border-radius: var(--popout-radius) !important; box-shadow: var(--popout-shadow) !important; + border: none !important; backdrop-filter: blur(var(--popout-blur)); overflow: hidden; } -.toolbar_bba883 .button__201d5 { +.bba88350df28dff1-toolbar ._201d5e8a3c09670a-button { --button-radius: 0; --button-background: transparent; } -.toolbar_bba883 .button__201d5:after { +.bba88350df28dff1-toolbar ._201d5e8a3c09670a-button:after { --button-action-color: #fff; } @@ -609,44 +627,44 @@ body { * MEMBERS LIST * */ -.container_c8ffbb { +.c8ffbb79449f399c-container { background-color: transparent; } -.members_c8ffbb, .members_c8ffbb > div { +.c8ffbb79449f399c-members, .c8ffbb79449f399c-members > div { background-color: transparent; } -.member__5d473 { +._5d473ecff348c314-member { background-color: transparent; } -.layout__91a9d { +._91a9d7f7e5248a56-layout { border-radius: var(--list-item-radius); } -.botTag__82f07 { +._82f0793afa59e5dc-botTag { border-radius: 5px !important; } -.botTag__82f07.botTagRegular__82f07 { +._82f0793afa59e5dc-botTag._82f0793afa59e5dc-botTagRegular { background-color: hsla(var(--accent-hsl), var(--accent-opacity)); color: var(--accent-text-color); } -.botTag__82f07 .botText__82f07 { +._82f0793afa59e5dc-botTag ._82f0793afa59e5dc-botText { text-shadow: none; } -.botTag__82f07 svg { +._82f0793afa59e5dc-botTag svg { filter: none !important; } -.botTag__82f07 path { +._82f0793afa59e5dc-botTag path { fill: var(--accent-text-color); } /* MEMBERS LIST -> ACTIVITIES */ -.container__0f2e8 { +._0f2e83213c878a13-container { background-color: var(--background-modifier-hover); } -.container__0f2e8:hover { +._0f2e83213c878a13-container:hover { background-color: var(--background-modifier-active); } @@ -655,12 +673,12 @@ body { * SEARCH RESULTS * */ -.searchResultsWrap_a9e706 { +.a9e7064fdee8e9b0-searchResultsWrap { background-color: rgba(var(--main-rgb), calc((var(--sidebar-opacity) - var(--main-content-opacity)) / (1 - var(--main-content-opacity)))); } /* SEARCH RESULTS -> HEADER */ -.searchHeader_f3b986 { +.f3b986a284a18c78-searchHeader { background-color: transparent; box-shadow: var(--popout-header-shadow); } @@ -670,25 +688,25 @@ body { } /* SEARCH RESULTS -> MESSAGES */ -.searchResult__02a39:before, .searchResult__02a39:after { +._02a39cb2980ceaaf-searchResult:before, ._02a39cb2980ceaaf-searchResult:after { display: none; } -.searchResult__02a39 .wrapper_c19a55 { +._02a39cb2980ceaaf-searchResult .c19a557985eb7793-wrapper { margin-left: 50px; margin-right: 0; } -.buttonsContainer__02a39 { +._02a39cb2980ceaaf-buttonsContainer { top: 16px; right: 8px; } -.buttonsContainer__02a39 .button__02a39 { +._02a39cb2980ceaaf-buttonsContainer ._02a39cb2980ceaaf-button { background-color: var(--card-color); border-radius: var(--button-radius); } /* SEARCH RESULTS -> PAGINATION */ -.activeButton_c15210 { +.c1521037ef09de7e-activeButton { background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important; color: var(--accent-text-color) !important; } @@ -698,52 +716,52 @@ body { * MAIN TEXTAREA * */ -.form_f75fb0 { +.f75fb00fb7356cbe-form { margin-top: 0; } -.form_f75fb0:before { +.f75fb00fb7356cbe-form:before { display: none; } -.channelBottomBarArea_f75fb0 { +.f75fb00fb7356cbe-channelBottomBarArea { margin: 12px 0; gap: var(--space-16); } -.channelTextArea__74017, -.wrapper__44df5 { +._740174f3d6a2c8fe-channelTextArea, +._44df51b030bd5ece-wrapper { --textarea-alpha: 0.1; margin: 0; background: rgba(var(--textarea-color), var(--textarea-alpha)); border-radius: var(--textarea-radius); } -.channelTextArea__74017 .scrollableContainer__74017, -.wrapper__44df5 .scrollableContainer__74017 { +._740174f3d6a2c8fe-channelTextArea ._740174f3d6a2c8fe-scrollableContainer, +._44df51b030bd5ece-wrapper ._740174f3d6a2c8fe-scrollableContainer { background-color: transparent; } -.channelTextArea__74017 .placeholder__1b31f, -.wrapper__44df5 .placeholder__1b31f { +._740174f3d6a2c8fe-channelTextArea ._1b31f471f0bb10ab-placeholder, +._44df51b030bd5ece-wrapper ._1b31f471f0bb10ab-placeholder { color: var(--textarea-placeholder-color); } -.channelTextArea__74017 .editor__1b31f, -.wrapper__44df5 .editor__1b31f { +._740174f3d6a2c8fe-channelTextArea ._1b31f471f0bb10ab-editor, +._44df51b030bd5ece-wrapper ._1b31f471f0bb10ab-editor { color: var(--textarea-text-color); } -.channelTextAreaDisabled__74017 .scrollableContainer__74017 { +._740174f3d6a2c8fe-channelTextAreaDisabled ._740174f3d6a2c8fe-scrollableContainer { opacity: 1; } -.wrapper__44df5 { +._44df51b030bd5ece-wrapper { padding: 12px 0; } -.upload_aa605f { +.aa605f19898fe32e-upload { background-color: var(--message-color); border-radius: var(--message-radius); } -.typing_b88801 { +.b8880176888cc928-typing { position: absolute; width: calc(100% - 32px); height: 24px; @@ -753,51 +771,71 @@ body { margin-top: 0; margin-right: 0 !important; } -.stackedBars__74017 { +.b8880176888cc928-typing.b8880176888cc928-inTextChannel { + top: -12px; +} +._740174f3d6a2c8fe-stackedBars { background-color: transparent; border-bottom: 1px solid var(--background-modifier-accent); } -.stackedBars__74017 .replyBar__841c8 { +._740174f3d6a2c8fe-stackedBars ._841c8f861f7b2704-replyBar { background: transparent; } -.mentionButton__841c8 { +._841c8f861f7b2704-mentionButton { --text-link: hsl(var(--accent-hsl)); } -.threadSuggestionBar__841c8 { +._841c8f861f7b2704-threadSuggestionBar { background-color: transparent; } -.colorLink__201d5, .colorLink_fbc755 { +._201d5e8a3c09670a-colorLink, .colorLink_c9946a { color: hsl(var(--accent-hsl)); } -.fakeLink_ada32f { +.ada32f6ad5a36c58-fakeLink { color: hsl(var(--accent-hsl)); } -.inlineCode_ada32f, -.before_inlineCode_ada32f, -.after_inlineCode_ada32f { +.ada32f6ad5a36c58-before_inlineCode, +.ada32f6ad5a36c58-after_inlineCode { background-color: var(--textarea-block-color); } -.inlineCode_ada32f { +.ada32f6ad5a36c58-before_inlineCode { color: var(--textarea-block-text-color); } +._0923f156a0410684-attachWrapper { + padding: 0; +} + +._0923f156a0410684-attachButton:not(._24af7f4d0326ba4f-noHover):hover { + background-color: transparent; +} + +._24af7f4d0326ba4f-button:not(._24af7f4d0326ba4f-noHover), +._0923f156a0410684-attachButtonInner, +._04eede68d145ae81-emojiButton { + border-radius: 16px; +} + /* MAIN TEXTAREA -> APPS AND COMMANDS BUTTON */ .channelAppLauncher_e6e74f { margin: 0; } -.channelAppLauncher_e6e74f .button_e6e74f { +.channelAppLauncher_e6e74f .e6e74fd4d1221f53-button { background: rgba(var(--textarea-color), var(--textarea-alpha)); border-radius: var(--textarea-radius) !important; } +.e6e74fd4d1221f53-buttonContainer { + background-color: transparent; +} + /* MAIN TEXTAREA -> SPAM FILTER */ -.spamBanner_a2eac3 { +.a2eac324d62a31c3-spamBanner { --textarea-alpha: 0.1; background-color: rgba(var(--textarea-color), var(--textarea-alpha)); border-radius: var(--textarea-radius); @@ -808,11 +846,11 @@ body { * THREAD * */ -.chatTarget__01ae2 { +._01ae244280823725-chatTarget { background-color: transparent; overflow: hidden; } -.chatTarget__01ae2:before { +._01ae244280823725-chatTarget:before { content: " "; position: absolute; width: calc(100% + var(--app-margin) * 2); @@ -831,18 +869,36 @@ body { pointer-events: none; } -.floating__01ae2 { +._01ae244280823725-floating { border-left-color: rgba(255, 255, 255, 0.1); } -.container__01ae2 { +._01ae244280823725-container { border-radius: var(--app-radius); } -.resizeHandle__01ae2 { +._01ae244280823725-resizeHandle { background-color: transparent; } +.fb64c9a451c49797-container { + background-color: transparent; +} + +.fb64c9a451c49797-chat:before { + display: none; +} + +.fb64c9a451c49797-submitContainer { + margin: 12px var(--space-xs); +} +.fb64c9a451c49797-submitContainer ._740174f3d6a2c8fe-channelTextArea { + width: 100%; +} +.fb64c9a451c49797-submitContainer ._740174f3d6a2c8fe-sansAttachButtonCreateThread { + padding-inline-start: 24px; +} + /* * * BETTERDISCORD PLUGIN -> ChannelDms @@ -973,7 +1029,7 @@ body { background-color: transparent !important; } -.hasCounter.membersWrap_c8ffbb .members_c8ffbb { +.hasCounter.c8ffbb79449f399c-membersWrap .c8ffbb79449f399c-members { margin-top: 41px !important; } @@ -1057,7 +1113,7 @@ body { left: unset; } -.base_c48ade:has(#bd-notices .bd-notice) { +._5e434347c823b592-base:has(#bd-notices .bd-notice) { margin-top: 0; } @@ -1112,6 +1168,22 @@ body { font-weight: 500; } +.bd-notification { + background-color: var(--popout-color); + border-radius: var(--popout-radius); + box-shadow: var(--popout-shadow); + border: none; + backdrop-filter: blur(var(--popout-blur)); +} + +.bd-notification-footer { + background-color: transparent; +} + +[style*="background-color: var(--bd-brand)"].bd-notification-progress { + background-color: hsl(var(--accent-hsl)) !important; +} + /* * * BETTERDISCORD ADDONS @@ -1143,6 +1215,7 @@ body { } .bd-search-wrapper { + min-height: auto; height: auto; border-radius: var(--input-radius); background-color: rgba(var(--textarea-color), var(--textarea-alpha)); @@ -1150,8 +1223,9 @@ body { color: var(--textarea-text-color); transition: var(--transition-time) var(--transition-type); } -.bd-search-wrapper:focus { +.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); @@ -1225,7 +1299,7 @@ body { .vc-rdb-review:hover { background-color: var(--message-color-hover) !important; } -.vc-rdb-review .avatar_c19a55 { +.vc-rdb-review .c19a557985eb7793-avatar { left: -52px !important; } @@ -1241,16 +1315,31 @@ body { border: none !important; box-shadow: none !important; } -.vc-rdb-input .placeholder__1b31f { +.vc-rdb-input ._1b31f471f0bb10ab-placeholder { color: var(--textarea-placeholder-color); } -.vc-rdb-input .editor__1b31f { +.vc-rdb-input ._1b31f471f0bb10ab-editor { color: var(--textarea-text-color); } -.vc-rdb-input .buttons__74017 { +.vc-rdb-input ._740174f3d6a2c8fe-buttons { margin-right: 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 @@ -1262,7 +1351,7 @@ body { padding-top: 10px; border-bottom: 1px solid var(--background-modifier-accent) !important; } -.vc-settings-tab-bar .item_b3f026 { +.vc-settings-tab-bar .aa8da23faa27393c-item { margin: 8px; padding: 2px 8px; border-radius: var(--button-radius); @@ -1271,24 +1360,28 @@ body { font-size: 16px; color: var(--interactive-normal) !important; } -.vc-settings-tab-bar .item_b3f026:hover { +.vc-settings-tab-bar .aa8da23faa27393c-item:hover { background-color: var(--background-modifier-hover) !important; color: var(--interactive-hover) !important; } -.vc-settings-tab-bar .item_b3f026.selected_b3f026 { +.vc-settings-tab-bar .aa8da23faa27393c-item.aa8da23faa27393c-selected { background-color: var(--background-modifier-selected) !important; color: var(--interactive-active) !important; } -.vc-settings-tab-bar .item_b3f026:first-child { +.vc-settings-tab-bar .aa8da23faa27393c-item:first-child { margin-left: 0; } -.vc-settings-tab-bar .item_b3f026:last-child { +.vc-settings-tab-bar .aa8da23faa27393c-item:last-child { margin-right: 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; @@ -1329,115 +1422,116 @@ body { * FORUM * */ -.container_f369db { +.f369dba7416c67f0-container { background: transparent; } -.header_f369db { +.f369dba7416c67f0-header { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.header_f369db.headerWithMatchingPosts_f369db { +.f369dba7416c67f0-header.f369dba7416c67f0-headerWithMatchingPosts { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } -.matchingPostsRow_f369db { +.f369dba7416c67f0-matchingPostsRow { background-color: var(--card-color); border-radius: 0 0 var(--card-radius) var(--card-radius); } -.container_ca49a1, .descriptionContainer_ca49a1 { +.ca49a1898ddc29e3-container, .ca49a1898ddc29e3-descriptionContainer { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.tagsContainer_f369db { +.f369dba7416c67f0-tagsContainer { padding: 16px 0 0; } -.sortDropdown_f369db .contents__201d5 { +.f369dba7416c67f0-sortDropdown ._201d5e8a3c09670a-contents { color: var(--accent-text-color); } -.sortDropdownText_f369db { +.f369dba7416c67f0-sortDropdownText { color: inherit !important; } -.container_f8b2d2 { +.f8b2d28182186b83-container { padding: 0; background-color: transparent; border-radius: 0; box-shadow: none; } -.container_f8b2d2 .menu_c1e9c4 { +.f8b2d28182186b83-container .c1e9c47c23f12ca3-menu { min-width: unset; } -.container_f8b2d2 .menu_c1e9c4 .groupLabel_c1e9c4 { +.f8b2d28182186b83-container .c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-groupLabel { padding-top: 0; } -.tagsButton_f369db { +.f369dba7416c67f0-tagsButton { --button-padding: 0 8px 0 12px; } -.tagsButton_f369db.tagsButtonWithCount_f369db { +.f369dba7416c67f0-tagsButton.f369dba7416c67f0-tagsButtonWithCount { --button-padding: 0 8px; } -.tagsButton_f369db .tagsButtonInner_f369db { +.f369dba7416c67f0-tagsButton .f369dba7416c67f0-tagsButtonInner { color: inherit; } -.tagsButton_f369db svg { +.f369dba7416c67f0-tagsButton svg { color: var(--accent-text-color); } -.countContainer_f369db { +.f369dba7416c67f0-countContainer { background-color: var(--accent-text-color); } -.countContainer_f369db .countText_f369db { +.f369dba7416c67f0-countContainer .f369dba7416c67f0-countText { color: hsl(var(--accent-hsl)); } -.container__5808f { +._5808f3d86030cee1-container { padding: 16px 16px 8px; background-color: var(--popout-color) !important; border-radius: var(--popout-radius) !important; box-shadow: var(--popout-shadow) !important; + border: none !important; backdrop-filter: blur(var(--popout-blur)); } -.container__5808f .header__5808f { +._5808f3d86030cee1-container ._5808f3d86030cee1-header { padding: 0; } -.container__5808f .countContainer__5808f { +._5808f3d86030cee1-container ._5808f3d86030cee1-countContainer { background-color: hsl(var(--accent-hsl)); } -.container__5808f .countContainer__5808f .countText__5808f { +._5808f3d86030cee1-container ._5808f3d86030cee1-countContainer ._5808f3d86030cee1-countText { color: var(--accent-text-color); } -.card_f369db { +.f369dba7416c67f0-card { padding-bottom: 16px; } -[style*="height: 558px"].card_f369db { +[style*="height: 558px"].f369dba7416c67f0-card { padding-bottom: 0; } /* FORUM -> PILLS */ -.pill_a2c9e8 { +.a2c9e80f6531ccc2-pill { background-color: var(--card-color) !important; border: none; } -.pill_a2c9e8.clickable_a2c9e8:hover { +.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-clickable:hover { background-color: var(--card-color-hover) !important; } -.pill_a2c9e8.selected_a2c9e8 { +.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-selected { background-color: hsl(var(--accent-hsl), 0.3) !important; } -.pill_a2c9e8.selected_a2c9e8:hover { +.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-selected:hover { background-color: hsl(var(--accent-hsl), 0.4) !important; } -.pill_a2c9e8.selected_a2c9e8 .lineClamp1__92431 { +.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-selected .lineClamp1__92431 { color: hsl(var(--accent-hsl)); } @@ -1446,14 +1540,14 @@ body { * FORUM NEW POST * */ -.container_d9be46.collapsed_d9be46 { +.d9be463a3c35b91e-container.d9be463a3c35b91e-collapsed { height: auto; } -.container_d9be46 .titleContainer_d9be46 { +.d9be463a3c35b91e-container .d9be463a3c35b91e-titleContainer { min-height: 0; gap: 8px; } -.container_d9be46 .prefixElement_d9be46 { +.d9be463a3c35b91e-container .d9be463a3c35b91e-prefixElement { position: absolute; display: flex; width: var(--button-height); @@ -1462,11 +1556,11 @@ body { justify-content: center; z-index: 2; } -.container_d9be46 .prefixElement_d9be46 div[role=button], -.container_d9be46 .prefixElement_d9be46 svg { +.d9be463a3c35b91e-container .d9be463a3c35b91e-prefixElement div[role=button], +.d9be463a3c35b91e-container .d9be463a3c35b91e-prefixElement svg { height: inherit; } -.container_d9be46 .input__0f084, .container_d9be46 .input__0ed4f { +.d9be463a3c35b91e-container ._0f0849b61557225e-input { margin: 0; height: var(--button-height); padding: 0 10px; @@ -1475,57 +1569,57 @@ body { text-shadow: none; cursor: text; } -.container_d9be46 .input__0f084::-webkit-input-placeholder, .container_d9be46 .input__0ed4f::-webkit-input-placeholder { +.d9be463a3c35b91e-container ._0f0849b61557225e-input::-webkit-input-placeholder { font-weight: inherit; } -.container_d9be46 .forumPostFormButton_d9be46 { +.d9be463a3c35b91e-container .forumPostFormButton_d9be46 { margin: 0; height: var(--button-height); } -.container_d9be46 .lookFilled__201d5 { +.d9be463a3c35b91e-container ._201d5e8a3c09670a-lookFilled { height: var(--button-height); } -.container_d9be46 .contentContainer_d9be46 { +.d9be463a3c35b91e-container .d9be463a3c35b91e-contentContainer { padding-left: 0; padding-right: 86px; } -.container_d9be46 .form_d9be46 { +.d9be463a3c35b91e-container .d9be463a3c35b91e-form { margin-left: 40px; margin-right: 0; } -.container_d9be46 .formContainer_d9be46 { +.d9be463a3c35b91e-container .d9be463a3c35b91e-formContainer { position: relative; display: block; } -.container_d9be46 .channelTextArea__74017 { +.d9be463a3c35b91e-container ._740174f3d6a2c8fe-channelTextArea { margin: 16px 0 0; background-color: transparent; } -.container_d9be46 .inner__74017 { +.d9be463a3c35b91e-container ._740174f3d6a2c8fe-inner { --textarea-alpha: 0.1; padding: 8px 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 { +.d9be463a3c35b91e-container ._740174f3d6a2c8fe-inner::-webkit-input-placeholder { color: var(--textarea-placeholder-color); } -.container__94439 { +._9443936bd3681b09-container { position: absolute; top: calc(var(--button-height) + 16px); right: 16px; } -.container__94439 .uploadInput__94439 { +._9443936bd3681b09-container ._9443936bd3681b09-uploadInput { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.container__94439 .imageSmall__41ea0 { +._9443936bd3681b09-container ._41ea06378162693a-imageSmall { border-radius: var(--card-radius); } -.container__94439 .badge__94439 { +._9443936bd3681b09-container ._9443936bd3681b09-badge { background-color: hsl(var(--accent-hsl)); border-width: 4px; color: var(--accent-text-color); @@ -1536,58 +1630,58 @@ body { * FORUM POSTS * */ -.container__9a337, .container_faa96b { +._9a337c84ff86a914-container, .faa96b2163f6a142-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none !important; } -.container__9a337:hover, .container_faa96b:hover { +._9a337c84ff86a914-container:hover, .faa96b2163f6a142-container:hover { background-color: var(--card-color-hover); box-shadow: none; transform: none; } -.container__9a337.isOpen__9a337, .container_faa96b.isOpen__9a337, .container__9a337.isOpen_faa96b, .container_faa96b.isOpen_faa96b { +._9a337c84ff86a914-container._9a337c84ff86a914-isOpen, .faa96b2163f6a142-container._9a337c84ff86a914-isOpen, ._9a337c84ff86a914-container.faa96b2163f6a142-isOpen, .faa96b2163f6a142-container.faa96b2163f6a142-isOpen { background-color: var(--card-color-select) !important; } -.pinIcon__08166 { +._08166c4389c22135-pinIcon { background-color: hsl(var(--accent-hsl)); } -.pinIcon__08166 svg { +._08166c4389c22135-pinIcon svg { filter: none; } -.pinIcon__08166 path { +._08166c4389c22135-pinIcon path { fill: var(--accent-text-color); } -.contentPreview__9a337, -.textContentFooter__9a337 { +._9a337c84ff86a914-contentPreview, +._9a337c84ff86a914-textContentFooter { background-color: var(--card-color-hover); } -.contentPreview__9a337 { +._9a337c84ff86a914-contentPreview { border-radius: var(--card-radius); border: none; } -.textContentFooter__9a337 { +._9a337c84ff86a914-textContentFooter { background: transparent !important; } -.container__9a337:not(.isOpen__9a337):not(.isOpen_faa96b):hover .contentPreview__9a337, .container_faa96b:not(.isOpen__9a337):not(.isOpen_faa96b):hover .contentPreview__9a337 { +._9a337c84ff86a914-container:not(._9a337c84ff86a914-isOpen):not(.faa96b2163f6a142-isOpen):hover ._9a337c84ff86a914-contentPreview, .faa96b2163f6a142-container:not(._9a337c84ff86a914-isOpen):not(.faa96b2163f6a142-isOpen):hover ._9a337c84ff86a914-contentPreview { background-color: var(--card-color); } -.box_ee23ac { +.ee23ac2acd215184-box { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.box_ee23ac:after { +.ee23ac2acd215184-box:after { left: 50px; } -.buttons__34c2c .button__201d5 { +._34c2c51cfce1632e-buttons ._201d5e8a3c09670a-button { --button-padding: 0; } @@ -1596,17 +1690,17 @@ body { * HEADER BAR * */ -.container__9293f { +._9293f6b2fc12398a-container { box-shadow: var(--popout-header-shadow); } -.container__9293f:before { +._9293f6b2fc12398a-container:before { display: none; } -.container__9293f.themed__9293f { +._9293f6b2fc12398a-container._9293f6b2fc12398a-themed { background-color: transparent; } -.children__9293f:after { +._9293f6b2fc12398a-children:after { display: none; } @@ -1632,44 +1726,69 @@ body { * HEADER SEARCH BAR * */ -.searchBar__97492 { - padding: 0 4px; - background-color: rgba(var(--textarea-color), var(--textarea-alpha)); - border-radius: 12px; +._974928fe84ca9647-search .DraftEditor-root .DraftEditor-editorContainer { + height: var(--chat-search-size); } -.searchBar__97492 .searchBarComponent__35e86 { - padding: 0 8px; - border-radius: 14px; +._974928fe84ca9647-search .DraftEditor-root .public-DraftStyleDefault-block { + display: flex; + height: var(--chat-search-size); + line-height: var(--chat-search-size); + font-size: 15px; } -.searchBar__97492 .DraftEditor-editorContainer .searchFilter_bd8186, -.searchBar__97492 .DraftEditor-editorContainer .searchFilter_bd8186 + span[data-offset-key], -.searchBar__97492 .DraftEditor-editorContainer .searchAnswer_bd8186 span[data-offset-key] { - background-color: var(--textarea-block-color) !important; - color: var(--textarea-block-text-color); +._974928fe84ca9647-search .DraftEditor-root .public-DraftStyleDefault-block span { + line-height: var(--chat-search-size); + font-size: 15px; } -.searchBar__97492 .DraftEditor-editorContainer .searchFilter_bd8186 { - margin-right: 2px; - padding: 0 4px 0 8px; - border-radius: 10px 0 0 10px; +._974928fe84ca9647-search .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner { + height: var(--chat-search-size); + line-height: var(--chat-search-size); + font-size: 15px; } -.searchBar__97492 .DraftEditor-editorContainer .searchFilter_bd8186:only-child { - padding: 0 8px; - border-radius: 11px; -} -.searchBar__97492 .DraftEditor-editorContainer .searchAnswer_bd8186 { - background-color: transparent; -} -.searchBar__97492 .DraftEditor-editorContainer .searchFilter_bd8186 + span[data-offset-key], -.searchBar__97492 .DraftEditor-editorContainer .searchAnswer_bd8186 span[data-offset-key] { - display: inline-block; - height: 20px; - margin: 0 2px 0 -2px; - padding: 0px 8px 0px 0; - border-radius: 0 11px 11px 0; +._974928fe84ca9647-search .public-DraftEditor-content > div[data-contents=true] { + height: inherit; } -.searchFilter_bd8186 { - background-color: var(--attachment-color) !important; +._974928fe84ca9647-searchBar { + height: var(--chat-search-size); + padding: 0 4px; + background-color: rgba(var(--textarea-color), var(--textarea-alpha)); + border-radius: calc(var(--chat-search-size) / 2); + border: none; +} + +.DraftEditor-editorContainer { + height: var(--chat-search-size); +} + +.bd818628221af7aa-searchToken, +.bd818628221af7aa-searchFilter + span[data-offset-key], +.bd818628221af7aa-searchAnswer span[data-offset-key] { + --chat-search-size: var(--chat-search-pill-size); + display: flex; + height: var(--chat-search-pill-size); + margin: auto 0; + background-color: var(--textarea-block-color); + border: none; + color: var(--textarea-block-text-color); +} + +.bd818628221af7aa-searchToken.bd818628221af7aa-searchFilter { + padding: 0 4px 0 8px; + border-radius: calc(var(--chat-search-pill-size) / 2) 0 0 calc(var(--chat-search-pill-size) / 2); +} +.bd818628221af7aa-searchToken.bd818628221af7aa-searchAnswer { + border-radius: 0 calc(var(--chat-search-pill-size) / 2) calc(var(--chat-search-pill-size) / 2) 0; +} +.bd818628221af7aa-searchToken.bd818628221af7aa-searchAnswer span[data-offset-key] { + margin-top: -1px; + padding-right: 4px; + background-color: transparent; +} + +.bd818628221af7aa-searchFilter + span[data-offset-key], +.bd818628221af7aa-searchAnswer span[data-offset-key] { + padding-right: 4px; + border-radius: 0 calc(var(--chat-search-pill-size) / 2) calc(var(--chat-search-pill-size) / 2) 0; } /* @@ -1677,22 +1796,22 @@ body { * BUTTONS * */ -.button__201d5 { +._201d5e8a3c09670a-button { border-radius: var(--button-radius) !important; } -.button__201d5 * { +._201d5e8a3c09670a-button * { 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 { +._201d5e8a3c09670a-button .cf48127484dbde85-text-sm\/medium, +._201d5e8a3c09670a-button .cf48127484dbde85-text-sm\/semibold, +._201d5e8a3c09670a-button .cf48127484dbde85-text-sm\/bold, +._201d5e8a3c09670a-button .cf48127484dbde85-text-md\/semibold { color: inherit !important; } -.sizeSmall__201d5, -.sizeMedium__201d5, -.sizeLarge__201d5, +._201d5e8a3c09670a-sizeSmall, +._201d5e8a3c09670a-sizeMedium, +._201d5e8a3c09670a-sizeLarge, .sizeXlarge__6885c { height: var(--button-height); min-height: var(--button-height); @@ -1700,9 +1819,9 @@ body { padding: var(--button-padding); } -.lookFilled__201d5, -.lookOutlined__201d5, -.lookLink__201d5, +._201d5e8a3c09670a-lookFilled, +._201d5e8a3c09670a-lookOutlined, +._201d5e8a3c09670a-lookLink, .lookInverted_a299dc { --button-background: hsla(var(--accent-hsl),var(--accent-opacity)); --button-text-color: var(--accent-text-color); @@ -1712,9 +1831,9 @@ body { color: var(--button-text-color) !important; border: var(--button-outline) !important; } -.lookFilled__201d5:after, -.lookOutlined__201d5:after, -.lookLink__201d5:after, +._201d5e8a3c09670a-lookFilled:after, +._201d5e8a3c09670a-lookOutlined:after, +._201d5e8a3c09670a-lookLink:after, .lookInverted_a299dc:after { position: absolute; content: " "; @@ -1728,73 +1847,73 @@ body { pointer-events: none; transition: var(--default-time) var(--default-animation) opacity; } -.lookFilled__201d5:hover:after, -.lookOutlined__201d5:hover:after, -.lookLink__201d5:hover:after, +._201d5e8a3c09670a-lookFilled:hover:after, +._201d5e8a3c09670a-lookOutlined:hover:after, +._201d5e8a3c09670a-lookLink:hover:after, .lookInverted_a299dc:hover:after { opacity: 0.075; } -.lookFilled__201d5:active:after, -.lookOutlined__201d5:active:after, -.lookLink__201d5:active:after, +._201d5e8a3c09670a-lookFilled:active:after, +._201d5e8a3c09670a-lookOutlined:active:after, +._201d5e8a3c09670a-lookLink: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, +._201d5e8a3c09670a-lookFilled ._201d5e8a3c09670a-contents, +._201d5e8a3c09670a-lookFilled .defaultColor__77578, +._201d5e8a3c09670a-lookFilled .defaultColor_e9e35f, +._201d5e8a3c09670a-lookFilled ._4bd5201c86a2042b-defaultColor, +._201d5e8a3c09670a-lookOutlined ._201d5e8a3c09670a-contents, +._201d5e8a3c09670a-lookOutlined .defaultColor__77578, +._201d5e8a3c09670a-lookOutlined .defaultColor_e9e35f, +._201d5e8a3c09670a-lookOutlined ._4bd5201c86a2042b-defaultColor, +._201d5e8a3c09670a-lookLink ._201d5e8a3c09670a-contents, +._201d5e8a3c09670a-lookLink .defaultColor__77578, +._201d5e8a3c09670a-lookLink .defaultColor_e9e35f, +._201d5e8a3c09670a-lookLink ._4bd5201c86a2042b-defaultColor, +.lookInverted_a299dc ._201d5e8a3c09670a-contents, .lookInverted_a299dc .defaultColor__77578, .lookInverted_a299dc .defaultColor_e9e35f, -.lookInverted_a299dc .defaultColor__4bd52 { +.lookInverted_a299dc ._4bd5201c86a2042b-defaultColor { 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, +._201d5e8a3c09670a-lookFilled ._201d5e8a3c09670a-contents svg, +._201d5e8a3c09670a-lookFilled .defaultColor__77578 svg, +._201d5e8a3c09670a-lookFilled .defaultColor_e9e35f svg, +._201d5e8a3c09670a-lookFilled ._4bd5201c86a2042b-defaultColor svg, +._201d5e8a3c09670a-lookOutlined ._201d5e8a3c09670a-contents svg, +._201d5e8a3c09670a-lookOutlined .defaultColor__77578 svg, +._201d5e8a3c09670a-lookOutlined .defaultColor_e9e35f svg, +._201d5e8a3c09670a-lookOutlined ._4bd5201c86a2042b-defaultColor svg, +._201d5e8a3c09670a-lookLink ._201d5e8a3c09670a-contents svg, +._201d5e8a3c09670a-lookLink .defaultColor__77578 svg, +._201d5e8a3c09670a-lookLink .defaultColor_e9e35f svg, +._201d5e8a3c09670a-lookLink ._4bd5201c86a2042b-defaultColor svg, +.lookInverted_a299dc ._201d5e8a3c09670a-contents svg, .lookInverted_a299dc .defaultColor__77578 svg, .lookInverted_a299dc .defaultColor_e9e35f svg, -.lookInverted_a299dc .defaultColor__4bd52 svg { +.lookInverted_a299dc ._4bd5201c86a2042b-defaultColor svg { filter: none; } -.lookLink__201d5 { +._201d5e8a3c09670a-lookLink { --button-background: transparent; --button-text-color: hsla(var(--accent-hsl),var(--accent-opacity)); --button-action-color: transparent; } -.lookLink__201d5:hover .contents__201d5 { +._201d5e8a3c09670a-lookLink:hover ._201d5e8a3c09670a-contents { 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 { +.f1ceaca61b18918e-colorable { --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 { +.f1ceaca61b18918e-colorable:after { position: absolute; content: " "; width: 100%; @@ -1807,36 +1926,36 @@ body { pointer-events: none; transition: var(--default-time) var(--default-animation) opacity; } -.colorable_f1ceac:hover:after { +.f1ceaca61b18918e-colorable:hover:after { opacity: 0.075; } -.colorable_f1ceac:active:after { +.f1ceaca61b18918e-colorable:active:after { opacity: 0.15; } -.colorable_f1ceac.primaryDark_f1ceac { +.f1ceaca61b18918e-colorable.f1ceaca61b18918e-primaryDark { --button-background: hsla(var(--accent-hsl),var(--accent-opacity)); --button-text-color: var(--accent-text-color); } -.colorable_f1ceac.red_f1ceac { +.f1ceaca61b18918e-colorable.f1ceaca61b18918e-red { --button-background: hsla(var(--alert-hsl),var(--alert-opacity)); --button-text-color: var(--alert-text-color); } -.colorable_f1ceac.white_f1ceac { +.f1ceaca61b18918e-colorable.f1ceaca61b18918e-white { --button-background: #fff; --button-text-color: #060607; } -.colorable_f1ceac.primaryLight_f1ceac { +.f1ceaca61b18918e-colorable.primaryLight_f1ceac { --button-text-color: #060607; } -.colorable_f1ceac.activeLight_f1ceac { +.f1ceaca61b18918e-colorable.f1ceaca61b18918e-activeLight { --button-background: var(--background-modifier-active); --button-text-color: #060607; } -.colorable_f1ceac .centerIcon_f1ceac { +.f1ceaca61b18918e-colorable .f1ceaca61b18918e-centerIcon { color: var(--button-text-color) !important; } -.colorRed__201d5 { +._201d5e8a3c09670a-colorRed { --button-background: hsla(var(--alert-hsl),var(--alert-opacity)); --button-text-color: var(--alert-text-color); --button-action-color: var(--alert-action-color); @@ -1852,7 +1971,7 @@ body { } /* BUTTONS -> BUTTON V2 */ -.button_a22cb0 { +.a22cb0c66246f5d3-button { --button-background: hsla(var(--accent-hsl),var(--accent-opacity)); --button-text-color: var(--accent-text-color); --button-outline: none; @@ -1861,7 +1980,7 @@ body { color: var(--button-text-color) !important; border: var(--button-outline) !important; } -.button_a22cb0:after { +.a22cb0c66246f5d3-button:after { position: absolute; content: " "; width: 100%; @@ -1874,13 +1993,13 @@ body { pointer-events: none; transition: var(--default-time) var(--default-animation) opacity; } -.button_a22cb0:hover:after { +.a22cb0c66246f5d3-button:hover:after { opacity: 0.075; } -.button_a22cb0:active:after { +.a22cb0c66246f5d3-button:active:after { opacity: 0.15; } -.button_a22cb0 .buttonChildrenWrapper_a22cb0 { +.a22cb0c66246f5d3-button .a22cb0c66246f5d3-buttonChildrenWrapper { min-width: 0 !important; height: var(--button-height); padding: 0 !important; @@ -1888,39 +2007,39 @@ body { color: inherit; overflow: visible; } -.button_a22cb0 .buttonChildrenWrapper_a22cb0 svg { +.a22cb0c66246f5d3-button .a22cb0c66246f5d3-buttonChildrenWrapper svg { height: var(--button-height); } -.button_a22cb0 .text-sm\/medium_cf4812, -.button_a22cb0 .text-md\/medium_cf4812, -.button_a22cb0 .text-lg\/medium_cf4812 { +.a22cb0c66246f5d3-button .cf48127484dbde85-text-sm\/medium, +.a22cb0c66246f5d3-button .cf48127484dbde85-text-md\/medium, +.a22cb0c66246f5d3-button .cf48127484dbde85-text-lg\/medium { text-shadow: none; } /* BUTTONS -> BUTTON V2 -> COLORS */ -.primary_a22cb0 { +.a22cb0c66246f5d3-primary { --button-background: hsl(var(--accent-hsl)); --button-text-color: var(--accent-text-color); } -.secondary_a22cb0 { +.a22cb0c66246f5d3-secondary { --button-background: var(--accent-secondary-color); --button-text-color: var(--accent-secondary-text-color); } -.critical-primary_a22cb0 { +.critical-a22cb0c66246f5d3-primary { --button-background: hsl(var(--alert-hsl)); --button-text-color: var(--alert-text-color); } -.critical-secondary_a22cb0 { +.critical-a22cb0c66246f5d3-secondary { --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, +.a22cb0c66246f5d3-sm, +.a22cb0c66246f5d3-md, .lg_a22cb0 { min-width: var(--button-height) !important; height: var(--button-height) !important; @@ -1935,43 +2054,43 @@ body { * CARDS * */ -.card__73069, -.cardPrimary__73069, +._730694f5672c9601-card, +._730694f5672c9601-cardPrimary, .backgroundAccent__4cd16 { background-color: var(--card-color) !important; border-radius: var(--card-radius) !important; border: none !important; } -.cardPrimary__73069 { +._730694f5672c9601-cardPrimary { border-style: solid !important; border-width: 1px !important; border-color: transparent !important; } -.cardPrimary__73069 .cardHeader_b44011 { +._730694f5672c9601-cardPrimary .b440119daa5af4d6-cardHeader { background-color: unset; border-bottom: 1px solid var(--card-color); } -.cardPrimary__73069 .group_f5fff4 { +._730694f5672c9601-cardPrimary .f5fff4b5d8815d51-group { background-color: var(--card-color); border-radius: var(--button-radius); border: none; overflow: hidden; } -.button_e18686 { +._9a4069fa4e39ed8d-button { background-color: var(--card-color) !important; } -.button_e18686:hover { +._9a4069fa4e39ed8d-button:hover { background-color: var(--card-color-hover) !important; } -.cardWrapper_aae012 { +.aae01227de06a74c-cardWrapper { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.cardWrapper_aae012:hover { +.aae01227de06a74c-cardWrapper:hover { background-color: var(--card-color-hover); border: none; } @@ -1980,17 +2099,17 @@ body { background-color: transparent; } -.upsellContainer__4cfe2 { +._73000d97b1b29da5-upsellContainer { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.upsellContainer__4cfe2 .upsellFooter__4cfe2 { +._73000d97b1b29da5-upsellContainer ._73000d97b1b29da5-upsellFooter { background-color: transparent; } .dropsHelpText_e8af36, -.promotionCard_d4883c { +.d4883c8125f433a3-promotionCard { background-color: var(--card-color); border-radius: var(--card-radius); border: none; @@ -2001,29 +2120,29 @@ body { * CHECKBOXES * */ -.checkbox_c4538f { +._09aca73e6d4b214b-checkbox { border-color: hsla(var(--accent-hsl), var(--accent-opacity)); } -.checkbox_c4538f.checked_c4538f { +._09aca73e6d4b214b-checkbox._09aca73e6d4b214b-checked { background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important; border-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important; } -.checkbox_c4538f.checked_c4538f path { +._09aca73e6d4b214b-checkbox._09aca73e6d4b214b-checked path { fill: var(--accent-text-color) !important; } /* CHECKBOXES -> CONTEXT MENU */ -.colorDefault_c1e9c4 .checkbox_c1e9c4 { +.c1e9c47c23f12ca3-colorDefault .c1e9c47c23f12ca3-checkbox { color: hsla(var(--accent-hsl), var(--accent-opacity)); } -.colorDefault_c1e9c4 .check_c1e9c4 { +.c1e9c47c23f12ca3-colorDefault .c1e9c47c23f12ca3-check { color: var(--accent-text-color); } -.colorDefault_c1e9c4.focused_c1e9c4 .checkbox_c1e9c4 { +.c1e9c47c23f12ca3-colorDefault.c1e9c47c23f12ca3-focused .c1e9c47c23f12ca3-checkbox { color: hsla(var(--accent-hsl), var(--accent-opacity)); fill: currentColor; } -.colorDefault_c1e9c4.focused_c1e9c4 .check_c1e9c4 { +.c1e9c47c23f12ca3-colorDefault.c1e9c47c23f12ca3-focused .c1e9c47c23f12ca3-check { color: var(--accent-text-color); fill: currentColor; } @@ -2033,8 +2152,8 @@ body { * INPUTS * */ -.input__0f084, .input__0ed4f, -.copyInput_fffc15 { +._0ed4fc708cdbac0d-inputWrapper, ._72c3859781ebce8f-wrapper { + min-height: var(--input-height); height: var(--input-height); border-radius: var(--input-radius); background-color: rgba(var(--textarea-color), var(--textarea-alpha)); @@ -2042,32 +2161,18 @@ body { color: var(--textarea-text-color); transition: var(--transition-time) var(--transition-type); } -.input__0f084:focus, .input__0ed4f:focus, -.copyInput_fffc15:focus { +._0ed4fc708cdbac0d-inputWrapper:has(input:focus, textarea:focus), ._72c3859781ebce8f-wrapper:has(input:focus, textarea:focus) { background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; } -.input__0f084::-webkit-input-placeholder, .input__0ed4f::-webkit-input-placeholder, -.copyInput_fffc15::-webkit-input-placeholder { - color: var(--textarea-placeholder-color); -} -.input__0f084.multiInput-1VARjC, .input__0ed4f.multiInput-1VARjC, -.copyInput_fffc15.multiInput-1VARjC { +._0ed4fc708cdbac0d-inputWrapper ._0f0849b61557225e-input, ._72c3859781ebce8f-wrapper ._0f0849b61557225e-input { background-color: transparent; } - -.container__0f084 .input__0f084, .container__0f084 .input__0ed4f, -.nameInput_ac72c6 .input__0f084, -.nameInput_ac72c6 .input__0ed4f { - background-color: transparent; +._0ed4fc708cdbac0d-inputWrapper ._0f0849b61557225e-input::-webkit-input-placeholder, ._72c3859781ebce8f-wrapper ._0f0849b61557225e-input::-webkit-input-placeholder { + color: var(--input-placeholder-color); } -.container__0f084 { - min-height: var(--input-height); - background-color: transparent; - border: none; -} - -.multiInput-1VARjC .inputWrapper__0f084 { +.multiInput-1VARjC ._0ed4fc708cdbac0d-inputWrapper, .multiInput-1VARjC ._72c3859781ebce8f-wrapper { margin-right: 8px; } @@ -2083,26 +2188,19 @@ body { padding: 0 12px; } -/* INPUTS -> SEARCH BAR */ -.container__3412a { - height: var(--input-height); - background-color: rgba(var(--textarea-color), var(--textarea-alpha)); - border-radius: var(--input-radius); -} - /* INPUTS -> OPTION PILLS */ -.optionPill__3f413 { +.a16aea1526925c2c-optionPill { background-color: var(--textarea-block-color) !important; border-radius: var(--button-radius); border-color: transparent !important; } -.optionPill__3f413.selectedPill__3f413 { +.a16aea1526925c2c-optionPill.selectedPill__3f413 { border-color: hsl(var(--accent-hsl)) !important; } -.optionPill__3f413.erroredPill__3f413 { +.a16aea1526925c2c-optionPill.erroredPill__3f413 { border-color: hsl(var(--alert-hsl)) !important; } -.optionPill__3f413 .optionPillKey__3f413 { +.a16aea1526925c2c-optionPill .optionPillKey__3f413 { background-color: var(--textarea-block-color) !important; border-top-left-radius: inherit; border-bottom-left-radius: inherit; @@ -2113,23 +2211,23 @@ body { * NOTICES * */ -.notice__5fd4c, .notice__6e2b9 { +.notice__5fd4c, ._6e2b9359c6f84cfd-notice { box-shadow: none; } -.notice__5fd4c.colorInfo__680aa, .notice__6e2b9.colorInfo__680aa, .notice__5fd4c.notice-2olXi7, .notice__6e2b9.notice-2olXi7, .notice__5fd4c.colorBrand1-2u_MN9, .notice__6e2b9.colorBrand1-2u_MN9 { +.notice__5fd4c.colorInfo__680aa, ._6e2b9359c6f84cfd-notice.colorInfo__680aa, .notice__5fd4c.notice-2olXi7, ._6e2b9359c6f84cfd-notice.notice-2olXi7, .notice__5fd4c.colorBrand1-2u_MN9, ._6e2b9359c6f84cfd-notice.colorBrand1-2u_MN9 { background-color: hsla(var(--accent-hsl), var(--accent-opacity)); color: var(--accent-text-color); } -.notice__5fd4c.colorInfo__680aa .closeButton__90904, .notice__6e2b9.colorInfo__680aa .closeButton__90904, .notice__5fd4c.notice-2olXi7 .closeButton__90904, .notice__6e2b9.notice-2olXi7 .closeButton__90904, .notice__5fd4c.colorBrand1-2u_MN9 .closeButton__90904, .notice__6e2b9.colorBrand1-2u_MN9 .closeButton__90904 { +.notice__5fd4c.colorInfo__680aa .closeButton__90904, ._6e2b9359c6f84cfd-notice.colorInfo__680aa .closeButton__90904, .notice__5fd4c.notice-2olXi7 .closeButton__90904, ._6e2b9359c6f84cfd-notice.notice-2olXi7 .closeButton__90904, .notice__5fd4c.colorBrand1-2u_MN9 .closeButton__90904, ._6e2b9359c6f84cfd-notice.colorBrand1-2u_MN9 .closeButton__90904 { opacity: 0.75; } -.notice__5fd4c.colorInfo__680aa .closeButton__90904:hover, .notice__6e2b9.colorInfo__680aa .closeButton__90904:hover, .notice__5fd4c.notice-2olXi7 .closeButton__90904:hover, .notice__6e2b9.notice-2olXi7 .closeButton__90904:hover, .notice__5fd4c.colorBrand1-2u_MN9 .closeButton__90904:hover, .notice__6e2b9.colorBrand1-2u_MN9 .closeButton__90904:hover { +.notice__5fd4c.colorInfo__680aa .closeButton__90904:hover, ._6e2b9359c6f84cfd-notice.colorInfo__680aa .closeButton__90904:hover, .notice__5fd4c.notice-2olXi7 .closeButton__90904:hover, ._6e2b9359c6f84cfd-notice.notice-2olXi7 .closeButton__90904:hover, .notice__5fd4c.colorBrand1-2u_MN9 .closeButton__90904:hover, ._6e2b9359c6f84cfd-notice.colorBrand1-2u_MN9 .closeButton__90904:hover { opacity: 1; } -.notice__5fd4c.notice-2olXi7, .notice__6e2b9.notice-2olXi7, .notice__5fd4c.colorBrand1-2u_MN9, .notice__6e2b9.colorBrand1-2u_MN9, .notice__5fd4c.colorStreamerMode__6e2b9, .notice__6e2b9.colorStreamerMode__6e2b9 { +.notice__5fd4c.notice-2olXi7, ._6e2b9359c6f84cfd-notice.notice-2olXi7, .notice__5fd4c.colorBrand1-2u_MN9, ._6e2b9359c6f84cfd-notice.colorBrand1-2u_MN9, .notice__5fd4c._6e2b9359c6f84cfd-colorStreamerMode, ._6e2b9359c6f84cfd-notice._6e2b9359c6f84cfd-colorStreamerMode { border-radius: 0; } -.notice__5fd4c.notice-2olXi7 .button-YGmtzG:after, .notice__6e2b9.notice-2olXi7 .button-YGmtzG:after, .notice__5fd4c.colorBrand1-2u_MN9 .button-YGmtzG:after, .notice__6e2b9.colorBrand1-2u_MN9 .button-YGmtzG:after { +.notice__5fd4c.notice-2olXi7 .button-YGmtzG:after, ._6e2b9359c6f84cfd-notice.notice-2olXi7 .button-YGmtzG:after, .notice__5fd4c.colorBrand1-2u_MN9 .button-YGmtzG:after, ._6e2b9359c6f84cfd-notice.colorBrand1-2u_MN9 .button-YGmtzG:after { opacity: 0.15; } /* @@ -2137,85 +2235,52 @@ body { * RADIO BUTTONS * */ -.item__001a7 { +._88a69141dd70013a-item { background-color: var(--card-color) !important; border-radius: var(--card-radius) !important; border: none !important; } -.item__001a7:hover { +._88a69141dd70013a-item:hover { background-color: var(--card-color-hover) !important; border: none; } -[aria-checked=true].item__001a7 { +[aria-checked=true]._88a69141dd70013a-item { background-color: var(--card-color-select) !important; } -[aria-checked=true].item__001a7 path, -[aria-checked=true].item__001a7 .radioIconForeground__001a7 { +[aria-checked=true]._88a69141dd70013a-item path, +[aria-checked=true]._88a69141dd70013a-item .radioIconForeground__88a69 { fill: hsla(var(--accent-hsl), var(--accent-opacity)); } -.item__001a7 .radioBar__001a7 { +._88a69141dd70013a-item ._88a69141dd70013a-radioBar { border-radius: var(--card-radius); } /* RADIO BUTTONS -> CONTEXT MENU */ -[role=menuitemradio][aria-checked=true].item_c1e9c4 .icon_c1e9c4 { +[role=menuitemradio][aria-checked=true].c1e9c47c23f12ca3-item .c1e9c47c23f12ca3-icon { color: hsl(var(--accent-hsl)); } -.icon_c1e9c4 .radioSelection_c1e9c4 { +.c1e9c47c23f12ca3-icon .c1e9c47c23f12ca3-radioSelection { color: currentColor !important; } /* RADIO BUTTONS -> RADIO REFRESH */ -.radioIndicatorChecked__001a7 .refreshIconFill__001a7 { +._88a69141dd70013a-radioIndicatorChecked ._88a69141dd70013a-refreshIconFill { fill: hsl(var(--accent-hsl)); } -.radioIndicatorChecked__001a7 .refreshIconStroke__001a7 { +._88a69141dd70013a-radioIndicatorChecked ._88a69141dd70013a-refreshIconStroke { stroke: hsl(var(--accent-hsl)); } -.radioIndicatorChecked__001a7 .refreshIcon__001a7 { +._88a69141dd70013a-radioIndicatorChecked ._88a69141dd70013a-refreshIcon { fill: var(--accent-text-color); } -/* - * - * SCROLLBARS - * - */ -::-webkit-scrollbar { - width: var(--scrollbar-width) !important; - height: var(--scrollbar-width) !important; - background: transparent !important; - border-color: transparent !important; -} -::-webkit-scrollbar-thumb { - background: rgba(var(--scrollbar-color), var(--scrollbar-opacity)) !important; - border-radius: calc(var(--scrollbar-width) / 2) !important; -} -::-webkit-scrollbar-thumb:hover { - background: rgba(var(--scrollbar-color), var(--scrollbar-opacity-hover)) !important; -} -::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece { - background: transparent !important; - border-color: transparent !important; -} - -.thin__99f8c::-webkit-scrollbar { - width: calc(var(--scrollbar-width) / 2) !important; - height: calc(var(--scrollbar-width) / 2) !important; -} - -.none_d125d2::-webkit-scrollbar { - width: 0 !important; - height: 0 !important; -} - /* * * SELECT MENUS * */ -.wrapper__3f413.wrapper__3412a { +.a16aea1526925c2c-wrapper._72c3859781ebce8f-wrapper { min-height: var(--input-height); height: var(--input-height); padding: var(--input-padding); @@ -2224,31 +2289,32 @@ body { border: none; } -.select__3f413 { +.a16aea1526925c2c-select { padding: 6px 6px 6px 12px; } -.select__3f413 .subtitle_e9c087 { +.a16aea1526925c2c-select .subtitle_e9c087 { color: var(--text-muted); } -.popout__3f413 { +.a16aea1526925c2c-popout { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); border: none; } -.popout__3f413:not(.popoutPositionTop__3f413) { +.a16aea1526925c2c-popout:not(.a16aea1526925c2c-popoutPositionTop) { margin-top: 8px; } -.popout__3f413.popoutPositionTop__3f413 { +.a16aea1526925c2c-popout.a16aea1526925c2c-popoutPositionTop { margin-bottom: 8px; border-radius: var(--popout-radius); } -.popout__3f413 .option__3f413:hover { +.a16aea1526925c2c-popout .a16aea1526925c2c-option:hover { background-color: var(--background-modifier-hover); } -.popout__3f413 [aria-selected=true].option__3f413 { +.a16aea1526925c2c-popout [aria-selected=true].a16aea1526925c2c-option { background-color: var(--background-modifier-selected) !important; } @@ -2257,14 +2323,14 @@ body { * SLIDERS * */ -.bar_a562c8 { +.a562c840daab72a7-bar { background-color: var(--background-modifier-selected) !important; } -.bar_a562c8 .barFill_a562c8 { +.a562c840daab72a7-bar .a562c840daab72a7-barFill { background-color: hsla(var(--accent-hsl), calc(var(--accent-opacity) * 0.8)); } -.grabber_a562c8 { +.a562c840daab72a7-grabber { background-color: hsla(var(--accent-hsl), var(--accent-opacity)); border-color: hsla(var(--accent-hsl), var(--accent-opacity)); box-shadow: var(--popout-shadow); @@ -2275,20 +2341,20 @@ body { * SWITCHES * */ -.container__6f89e { +._3f21e80f8677ec40-container { background-color: var(--switch-slider-color) !important; } -.container__6f89e .slider__6f89e rect { +._3f21e80f8677ec40-container ._3f21e80f8677ec40-slider rect { fill: var(--switch-knob-color) !important; } -.container__6f89e .slider__6f89e path { +._3f21e80f8677ec40-container ._3f21e80f8677ec40-slider path { fill: var(--switch-slider-color) !important; } -.container__6f89e.checked__6f89e { +._3f21e80f8677ec40-container._3f21e80f8677ec40-checked { --switch-slider-color: hsla(var(--accent-hsl),var(--accent-opacity)); --switch-knob-color: var(--accent-text-color); } -.container__6f89e svg { +._3f21e80f8677ec40-container svg { filter: none; } @@ -2320,11 +2386,11 @@ body { * TAB BAR * */ -.tabBar__133bf, .tabBar_f8303a, .tabBar_d6f9e9, .tabBar__81b3e, .tabBar_d1d9f3 { +._133bf5eea8e33a34-tabBar, .f8303a11ec48bef3-tabBar, .d6f9e90c3456ac40-tabBar, ._81b3e843d09e285a-tabBar, .d1d9f3257b6b604c-tabBar { padding: 16px 0; gap: 24px; } -.tabBar__133bf .item_b3f026, .tabBar_f8303a .item_b3f026, .tabBar_d6f9e9 .item_b3f026, .tabBar__81b3e .item_b3f026, .tabBar_d1d9f3 .item_b3f026 { +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item { min-width: 40px; margin: 0; padding: 2px 8px; @@ -2335,21 +2401,21 @@ body { font-size: 16px; color: var(--interactive-normal) !important; } -.tabBar__133bf .item_b3f026:first-child, .tabBar_f8303a .item_b3f026:first-child, .tabBar_d6f9e9 .item_b3f026:first-child, .tabBar__81b3e .item_b3f026:first-child, .tabBar_d1d9f3 .item_b3f026:first-child { +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item:first-child, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item:first-child, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item:first-child, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item:first-child, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item:first-child { margin-left: 0; } -.tabBar__133bf .item_b3f026:after, .tabBar_f8303a .item_b3f026:after, .tabBar_d6f9e9 .item_b3f026:after, .tabBar__81b3e .item_b3f026:after, .tabBar_d1d9f3 .item_b3f026:after { +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item:after, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item:after, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item:after, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item:after, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item:after { display: none; } -.tabBar__133bf .item_b3f026:hover, .tabBar_f8303a .item_b3f026:hover, .tabBar_d6f9e9 .item_b3f026:hover, .tabBar__81b3e .item_b3f026:hover, .tabBar_d1d9f3 .item_b3f026:hover { +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item:hover, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item:hover, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item:hover, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item:hover, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item:hover { background-color: var(--background-modifier-hover) !important; color: var(--interactive-hover) !important; } -.tabBar__133bf .item_b3f026.selected_b3f026, .tabBar_f8303a .item_b3f026.selected_b3f026, .tabBar_d6f9e9 .item_b3f026.selected_b3f026, .tabBar__81b3e .item_b3f026.selected_b3f026, .tabBar_d1d9f3 .item_b3f026.selected_b3f026 { +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected { background-color: var(--background-modifier-selected) !important; color: var(--interactive-active) !important; } -.tabBar__133bf .item_b3f026 + .item_b3f026, .tabBar_f8303a .item_b3f026 + .item_b3f026, .tabBar_d6f9e9 .item_b3f026 + .item_b3f026, .tabBar__81b3e .item_b3f026 + .item_b3f026, .tabBar_d1d9f3 .item_b3f026 + .item_b3f026 { +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item + .aa8da23faa27393c-item, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item + .aa8da23faa27393c-item, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item + .aa8da23faa27393c-item, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item + .aa8da23faa27393c-item, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item + .aa8da23faa27393c-item { margin-left: 0; } @@ -2366,6 +2432,7 @@ body { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); border-radius: 16px; color: var(--text-normal); @@ -2385,40 +2452,49 @@ body { * TOOLTIP * */ -.tooltip__382e7 { +.c36707910f687430-tooltip, ._4e35b986167c457d-tooltip { background-color: var(--tooltip-color) !important; border-radius: var(--tooltip-radius); } -.tooltip__382e7 .tooltipPointer__382e7 { +.c36707910f687430-tooltip .c36707910f687430-tooltipPointer, ._4e35b986167c457d-tooltip .c36707910f687430-tooltipPointer { border-top-color: var(--tooltip-color) !important; } -.tooltip__382e7 .tooltipContent__382e7, -.tooltip__382e7 .guildNameText_b1f768, -.tooltip__382e7 .clickCTA__0f481 { +.c36707910f687430-tooltip .c36707910f687430-tooltipContent, ._4e35b986167c457d-tooltip .c36707910f687430-tooltipContent, +.c36707910f687430-tooltip .b1f768426adf64d9-guildNameText, +._4e35b986167c457d-tooltip .b1f768426adf64d9-guildNameText, +.c36707910f687430-tooltip ._0f481cbbd7530492-clickCTA, +._4e35b986167c457d-tooltip ._0f481cbbd7530492-clickCTA { color: var(--tooltip-text-color); text-shadow: none; } -.tooltip__382e7 .anchor-1MIwyf { +.c36707910f687430-tooltip .anchor-1MIwyf, ._4e35b986167c457d-tooltip .anchor-1MIwyf { color: var(--tooltip-text-color); text-decoration: underline; } -.tooltip__382e7 .tooltipText__0ca35, .tooltip__382e7 .emojiTooltipText__040f0, -.tooltip__382e7 .activityIcon_b1f768 { +.c36707910f687430-tooltip .tooltipText__0ca35, .c36707910f687430-tooltip ._040f07d21e1fb0d6-emojiTooltipText, ._4e35b986167c457d-tooltip .tooltipText__0ca35, ._4e35b986167c457d-tooltip ._040f07d21e1fb0d6-emojiTooltipText, +.c36707910f687430-tooltip .b1f768426adf64d9-activityIcon, +._4e35b986167c457d-tooltip .b1f768426adf64d9-activityIcon, +.c36707910f687430-tooltip .cf48127484dbde85-text-sm\/medium, +._4e35b986167c457d-tooltip .cf48127484dbde85-text-sm\/medium { color: var(--tooltip-text-color) !important; text-shadow: none; } -.tooltip__382e7 .muteText_b1f768 { +.c36707910f687430-tooltip .b1f768426adf64d9-muteText, ._4e35b986167c457d-tooltip .b1f768426adf64d9-muteText { color: var(--accent-text-color) !important; } +._4e35b986167c457d-caretIcon { + display: none; +} + /* TOOLTIP -> UPSELLS */ -.reactionTooltip_b49891, +.b49891f8a231dbff-reactionTooltip, .upsellTooltipWrapper__675aa { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.reactionTooltip_b49891:before, +.b49891f8a231dbff-reactionTooltip:before, .upsellTooltipWrapper__675aa:before { position: absolute; content: " "; @@ -2433,7 +2509,7 @@ body { pointer-events: none; z-index: -1; } -.reactionTooltip_b49891.caretTopCenter__675aa:after, +.b49891f8a231dbff-reactionTooltip.caretTopCenter__675aa:after, .upsellTooltipWrapper__675aa.caretTopCenter__675aa:after { border-bottom-color: var(--popout-color); } @@ -2443,44 +2519,44 @@ body { * ACTIVITY LIST * */ -.nowPlayingColumn__133bf, -.container__7d20c { +._133bf5eea8e33a34-nowPlayingColumn, +._7d20cf18f8a2784c-container { background-color: transparent; } -.scroller__7d20c { +._7d20cf18f8a2784c-scroller { margin-left: 0; } -.emptyCard__7e549 { +._7e549558f336cddb-emptyCard { background-color: var(--card-color); border-radius: var(--card-radius); } -.interactive_bf1984 { +.bf1984a18b3ec6f0-interactive { background-color: var(--card-color) !important; border-radius: var(--card-radius) !important; border: none !important; } -.interactive_bf1984:hover { +.bf1984a18b3ec6f0-interactive:hover { background-color: var(--card-color-hover) !important; border: none; } -.interactive_bf1984.active_bf1984 { +.bf1984a18b3ec6f0-interactive { background-color: var(--card-color-select) !important; } -.interactive_bf1984 .inset_bf1984 { +.bf1984a18b3ec6f0-interactive .bf1984a18b3ec6f0-inset { background-color: transparent; } -.interactive_bf1984 .section__00943 { +.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-section { margin-bottom: 2px; background-color: var(--background-modifier-hover); border-radius: var(--card-radius); } -.interactive_bf1984 .section__00943:last-of-type { +.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-section:last-of-type { margin-bottom: 0; } -.interactive_bf1984 .separator__00943 { +.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-separator { display: none; } @@ -2489,21 +2565,21 @@ body { * ADD FRIEND * */ -.addFriendInputWrapper__72ba7 { +._72ba79a5dfa2ce86-addFriendInputWrapper { padding: 0; background-color: transparent; border: none; } -.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 { +._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendInput { padding: 0; } -.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 .input__0f084, .addFriendInputWrapper__72ba7 .addFriendInput__72ba7 .input__0ed4f { +._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendInput ._0f0849b61557225e-input { padding: 0 12px; } -.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 .input__0f084::-webkit-input-placeholder, .addFriendInputWrapper__72ba7 .addFriendInput__72ba7 .input__0ed4f::-webkit-input-placeholder { +._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendInput ._0f0849b61557225e-input::-webkit-input-placeholder { color: var(--textarea-placeholder-color); } -.addFriendInputWrapper__72ba7 .addFriendHint__72ba7 { +._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendHint { height: var(--input-height); line-height: var(--input-height); top: 1px; @@ -2516,31 +2592,27 @@ body { * FRIENDS LIST * */ -.container__133bf { +._133bf5eea8e33a34-container { background-color: var(--main-content-color) !important; } -.tabBody__133bf:before { +._133bf5eea8e33a34-tabBody:before { display: none; } -.blockedIgnoredSettingsNotice__6811a { +._6811a89c5c687a9a-blockedIgnoredSettingsNotice { background-color: var(--card-color); border-radius: var(--card-radius); } -.searchBar__5ec2f { - background-color: rgba(var(--textarea-color), var(--textarea-alpha)); - border-radius: 17px; -} -.peopleListItem_cc6179:hover { +.cc61794aab086a2e-peopleListItem:hover { background-color: var(--card-color-hover); border-radius: var(--list-item-radius); } -.peopleListItem_cc6179.active_cc6179 { +.cc61794aab086a2e-peopleListItem.cc61794aab086a2e-active { background-color: var(--card-color-select); } -.peopleListItem_cc6179 .actionButton_f8fa06 { +.cc61794aab086a2e-peopleListItem .f8fa068db52f043f-actionButton { background-color: var(--background-modifier-active); } @@ -2549,10 +2621,11 @@ body { * LIBRARY * */ -.container_ad5cdf { +._8a529c8f8d8148a5-container { background-color: var(--main-content-color); } -.container_ad5cdf .container__33507 { +._8a529c8f8d8148a5-container .container__33507 { + min-height: auto; height: auto; border-radius: var(--input-radius); background-color: rgba(var(--textarea-color), var(--textarea-alpha)); @@ -2560,37 +2633,38 @@ body { color: var(--textarea-text-color); transition: var(--transition-time) var(--transition-type); } -.container_ad5cdf .container__33507:focus { +._8a529c8f8d8148a5-container .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 { +.f391e3680aff100a-list .f391e3680aff100a-sectionTitle { color: var(--header-secondary); } -.messageRequestItem_abb9ad:hover, .messageRequestItem_abb9ad.selected_f391e3, .messageRequestItem_abb9ad.selected_dcc822 { +.abb9ad4c358e5829-messageRequestItem:hover, .abb9ad4c358e5829-messageRequestItem.f391e3680aff100a-selected, .abb9ad4c358e5829-messageRequestItem.dcc822f5d1a23123-selected { border-radius: var(--card-radius); } -.messageRequestItem_abb9ad:hover { +.abb9ad4c358e5829-messageRequestItem:hover { background-color: var(--card-color-hover); } -.messageRequestItem_abb9ad.selected_f391e3, .messageRequestItem_abb9ad.selected_dcc822 { +.abb9ad4c358e5829-messageRequestItem.f391e3680aff100a-selected, .abb9ad4c358e5829-messageRequestItem.dcc822f5d1a23123-selected { background-color: var(--card-color-select); } -.messageRequestItem_abb9ad .actionButton-3GQIiT { +.abb9ad4c358e5829-messageRequestItem .actionButton-3GQIiT { background-color: var(--background-modifier-active); } /* MESSAGE REQUESTS -> PREVIEW */ -.container__01ae2 { +._01ae244280823725-container { background-color: var(--main-content-color); } -.chat_ee72fa:before { +.a44415a3320e67de-chat:before { display: none; } @@ -2599,20 +2673,20 @@ body { * NITRO * */ -.applicationStore_f07d62 { +.f07d62e29a48ceee-applicationStore { background-color: var(--main-content-color); } -.premiumContainer__11813 .button__201d5, -.settingsContainer-36qZZ9 .button__201d5, -.card_ac86f6 .button__201d5 { +.premiumContainer__11813 ._201d5e8a3c09670a-button, +.settingsContainer-36qZZ9 ._201d5e8a3c09670a-button, +.ac86f68ab746d5ff-card ._201d5e8a3c09670a-button { --button-background: hsla(0,0%,100%,0.15); --button-text-color: #fff; --button-action-color: #fff; } .settingsContainer-36qZZ9, -.card_ac86f6 { +.ac86f68ab746d5ff-card { border-radius: var(--card-radius); } @@ -2621,19 +2695,20 @@ body { * MESSAGES ACTIONS * */ -.wrapper_f7ecac { +.f7ecaca5c80dbf3a-wrapper { background-color: var(--popout-color) !important; border-radius: var(--popout-radius) !important; box-shadow: var(--popout-shadow) !important; + border: none !important; backdrop-filter: blur(var(--popout-blur)); } -.message__89466 { +.fd14e024a43b9049-message { padding: 0; background-color: transparent !important; box-shadow: none !important; } -.message__89466 .wrapper_c19a55 { +.fd14e024a43b9049-message .c19a557985eb7793-wrapper { margin-left: 48px; margin-right: 0; } @@ -2643,97 +2718,101 @@ body { * ATTACHMENTS * */ -.attachment_b52bef, -.embedFull__623de, -.embedCard__44c9a, -.container__9271d { +._0ccaee68b77c7469-fileWrapper, +._623de82e76ad7f82-embedFull, +._44c9ad8d149f0821-embedCard, +._9271d23503a01b50-container { background-color: var(--card-color); border-radius: var(--card-radius); } -.withFooter__44c9a { +._44c9ad8d149f0821-withFooter { border-radius: var(--card-radius) var(--card-radius) 0 0; box-shadow: var(--card-header-shadow); } -.withFooter__44c9a .wrapper_c19a55 { +._44c9ad8d149f0821-withFooter .c19a557985eb7793-wrapper { margin-left: 48px; margin-right: 0; } -.footerContainer__44492 { +._444920e965051ae6-footerContainer { background-color: var(--card-color); border-radius: 0 0 var(--card-radius) var(--card-radius); } -.footerContainer__44492 .footerIcon__44492 path { +._444920e965051ae6-footerContainer ._444920e965051ae6-footerIcon path { fill: currentColor; } -.cta__9271d { +._9271d23503a01b50-cta { color: hsl(var(--accent-hsl)); } -.wrapper_d5f3cd, +.d5f3cd116f175f35-wrapper, .invite__4d3fa, -.wrapperAudio_cf09d8 { +.cf09d85aafe7e124-wrapperAudio { background-color: var(--card-color) !important; border-radius: var(--card-radius); border: none; } -.inviteSplash_d5f3cd { +.d5f3cd116f175f35-inviteSplash { border-top-right-radius: var(--card-radius); border-top-left-radius: var(--card-radius); } -.container_a8e786 { +.a8e786485f0c32f8-container { background-color: var(--card-color); } -.ripple_a8e786 { +.a8e786485f0c32f8-ripple { display: none; } -.playButtonContainer_a8e786 { +.a8e786485f0c32f8-playButtonContainer { background: hsl(var(--accent-hsl)) !important; } -.playButtonContainer_a8e786:active { +.a8e786485f0c32f8-playButtonContainer:active { transform: none; } -.playButtonContainer_a8e786 .playIcon_a8e786 { +.a8e786485f0c32f8-playButtonContainer .a8e786485f0c32f8-playIcon { color: var(--accent-text-color) !important; } +.fbc6f7283f697ba7-root { + background-color: var(--card-color); +} + /* ATTACHMENTS -> TEXT CONTAINER */ -.textContainer__4d95d, -.footer__4d95d { +._4d95d73152192cf9-textContainer, +._4d95d73152192cf9-footer { 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 { +._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-textContainer, +._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-footer { background-color: var(--card-color); border: none; } -.newMosaicStyle__4d95d .textContainer__4d95d { +._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-textContainer { border-radius: var(--card-radius) var(--card-radius) 0 0; box-shadow: var(--card-header-shadow); } -.newMosaicStyle__4d95d .textContainer__4d95d .hljs { +._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-textContainer .hljs { background-color: transparent; } -.newMosaicStyle__4d95d .footer__4d95d { +._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-footer { border-radius: 0 0 var(--card-radius) var(--card-radius); } -.modalTextContainer__4d95d { +._4d95d73152192cf9-modalTextContainer { 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 { +._4d95d73152192cf9-modalTextContainer .hljs { background-color: transparent; } @@ -2742,24 +2821,24 @@ body { * MARKUP * */ -.markup__75297 pre { +._752971923a1e6683-markup pre { border-radius: var(--card-radius); } -.markup__75297 code { +._752971923a1e6683-markup code { background-color: var(--textarea-block-color); border-radius: var(--card-radius); border: none; } -.markup__75297 .wrapper_f61d60 { +._752971923a1e6683-markup .f61d60ed65f9a128-wrapper { background-color: hsla(var(--mention-hsl), 0.25); color: hsl(var(--mention-hsl)); } -.markup__75297 .wrapper_f61d60:hover { +._752971923a1e6683-markup .f61d60ed65f9a128-wrapper:hover { background-color: hsla(var(--mention-hsl), 0.475); color: hsl(var(--mention-hsl)); } -.spoilerMarkdownContent__54ab5 { +._299eb87491f4b6d1-spoilerMarkdownContent { background-color: var(--textarea-block-color); } @@ -2768,77 +2847,81 @@ body { * MESSAGES * */ -.backgroundFlash__5126c:not([style$="0);"]) { +._5126c0cd07f243a0-backgroundFlash:not([style$="0);"]) { background-color: hsla(var(--accent-hsl), 0.3) !important; transition: 200ms ease-out background-color; } -[style="background-color: rgba(148, 156, 247, 0);"].backgroundFlash__5126c { +[style="background-color: rgba(148, 156, 247, 0);"]._5126c0cd07f243a0-backgroundFlash { background-color: hsla(var(--accent-hsl), 0) !important; transition: 400ms background-color; } -.wrapper_c19a55 { +.c19a557985eb7793-wrapper { margin-left: 68px; margin-right: 16px; background-color: var(--message-color) !important; border-radius: var(--message-radius); } -.wrapper_c19a55:not(.groupStart__5126c), .wrapper_c19a55.compact_c19a55 { +.c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart), .c19a557985eb7793-wrapper.c19a557985eb7793-compact { margin-top: 2px; } -.wrapper_c19a55.cozy_c19a55, .wrapper_c19a55.compact_c19a55 { +.c19a557985eb7793-wrapper.c19a557985eb7793-cozy, .c19a557985eb7793-wrapper.c19a557985eb7793-compact { padding: var(--message-padding-top) var(--message-padding-side) !important; padding-right: 8px !important; border: 2px solid transparent; } -.wrapper_c19a55.cozy_c19a55 .timestamp_c19a55.alt_c19a55 { +.c19a557985eb7793-wrapper.c19a557985eb7793-cozy .c19a557985eb7793-timestamp.c19a557985eb7793-alt { left: -62px; } -.wrapper_c19a55.compact_c19a55 { +.c19a557985eb7793-wrapper.c19a557985eb7793-compact { padding: 4px; padding-left: 6px; } -.wrapper_c19a55.compact_c19a55 .timestamp_c19a55 { +.c19a557985eb7793-wrapper.c19a557985eb7793-compact .c19a557985eb7793-timestamp { margin-right: 0.75rem; } -.wrapper_c19a55.hasReply_c19a55 .avatar_c19a55 { +.c19a557985eb7793-wrapper.c19a557985eb7793-hasReply .c19a557985eb7793-avatar { top: 28px; } -.wrapper_c19a55.hasReply_c19a55 .avatarDecoration_c19a55 { +.c19a557985eb7793-wrapper.c19a557985eb7793-hasReply .c19a557985eb7793-avatarDecoration { top: 26px; } -.wrapper_c19a55 .timestamp_c19a55 { +.c19a557985eb7793-wrapper .c19a557985eb7793-timestamp { color: var(--text-normal); } -.wrapper_c19a55 .timestamp_c19a55.alt_c19a55 { +.c19a557985eb7793-wrapper .c19a557985eb7793-timestamp.c19a557985eb7793-alt { color: var(--text-normal); } -.wrapper_c19a55 .channelTextArea__74017 { +.c19a557985eb7793-wrapper ._740174f3d6a2c8fe-channelTextArea { margin: 2px 0; } -.wrapper_c19a55.mentioned__5126c { +.c19a557985eb7793-wrapper._5126c0cd07f243a0-mentioned { 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 { +.c19a557985eb7793-wrapper._5126c0cd07f243a0-mentioned:before { display: none; } -.wrapper_c19a55.mentioned__5126c .repliedMessage_c19a55:before { +.c19a557985eb7793-wrapper._5126c0cd07f243a0-mentioned .c19a557985eb7793-repliedMessage:before { border-color: hsl(var(--mention-hsl)); } -.wrapper_c19a55.replying__5126c { +.c19a557985eb7793-wrapper._5126c0cd07f243a0-replying { 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 { +.c19a557985eb7793-wrapper._5126c0cd07f243a0-replying:before { display: none; } -.hasThread_c19a55:after { +._36d072eab2b2e737-scrollerSpacer { + height: var(--space-16); +} + +.c19a557985eb7793-hasThread:after { display: none; } -.avatar_c19a55 { +.c19a557985eb7793-avatar { width: 40px; height: 40px; top: 0; @@ -2846,25 +2929,25 @@ body { margin-top: 0; } -.avatarDecoration_c19a55 { +.c19a557985eb7793-avatarDecoration { top: -2px; left: -54px; } -.a11y-font-scaled-down .avatar_c19a55:not(.compact_c19a55) { +.a11y-font-scaled-down .c19a557985eb7793-avatar:not(.c19a557985eb7793-compact) { top: 0; left: -50px; } -.messageListItem__5126c + .wrapper_c19a55, -.divider__908e2 + .wrapper_c19a55 { +._5126c0cd07f243a0-messageListItem + .c19a557985eb7793-wrapper, +._908e20001ad67812-divider + .c19a557985eb7793-wrapper { margin-top: 2px; } -.divider__908e2.hasContent__5126c { +._908e20001ad67812-divider._5126c0cd07f243a0-hasContent { border-top: none; } -.divider__908e2.hasContent__5126c:before, .divider__908e2.hasContent__5126c:after { +._908e20001ad67812-divider._5126c0cd07f243a0-hasContent:before, ._908e20001ad67812-divider._5126c0cd07f243a0-hasContent:after { position: absolute; content: " "; width: calc(50% - 60px); @@ -2874,48 +2957,48 @@ body { margin: auto 0; background-color: var(--background-modifier-accent); } -.divider__908e2.hasContent__5126c:before { +._908e20001ad67812-divider._5126c0cd07f243a0-hasContent:before { left: 0; } -.divider__908e2.hasContent__5126c:after { +._908e20001ad67812-divider._5126c0cd07f243a0-hasContent:after { right: 0; } -.content__908e2 { +._908e20001ad67812-content { width: 120px; padding: 2px 0; background-color: var(--message-color); text-align: center; } -.isUnread__908e2 { +._908e20001ad67812-isUnread { border-color: hsla(var(--accent-hsl), var(--accent-opacity)); } -.isUnread__908e2 .unreadPill__908e2 { +._908e20001ad67812-isUnread ._908e20001ad67812-unreadPill { background-color: hsla(var(--accent-hsl), var(--accent-opacity)); color: var(--accent-text-color); text-shadow: none; } -.isUnread__908e2 .unreadPillCap__908e2 { +._908e20001ad67812-isUnread ._908e20001ad67812-unreadPillCap { filter: none; } -.isUnread__908e2 .unreadPillCapStroke__908e2 { +._908e20001ad67812-isUnread ._908e20001ad67812-unreadPillCapStroke { color: hsla(var(--accent-hsl), var(--accent-opacity)); fill: hsla(var(--accent-hsl), var(--accent-opacity)); } -.repliedMessage_c19a55:before { +.c19a557985eb7793-repliedMessage:before { border-color: var(--message-color); transform: translateX(-6px); } -.popoutContainer__0f481 { +._0f481cbbd7530492-popoutContainer { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.popoutContainer__0f481:before { +._0f481cbbd7530492-popoutContainer:before { position: absolute; content: " "; width: 100%; @@ -2935,38 +3018,38 @@ body { * POLLS * */ -.pollContainer_b7e1cb { +.b7e1cb0370c2dd0e-pollContainer { background-color: var(--textarea-block-color); border-radius: var(--card-radius); border: none; } -.answer__4c520.votedStyles_a1443c .answerInner__4c520 { +._4c5209741d147f1b-answer.a1443c28bb4b5d23-votedStyles ._4c5209741d147f1b-answerInner { outline-color: hsl(var(--accent-hsl)); } -.answer__4c520:not(.votedStyles_a1443c) .answerInner__4c520 { +._4c5209741d147f1b-answer:not(.a1443c28bb4b5d23-votedStyles) ._4c5209741d147f1b-answerInner { outline-color: transparent !important; } -.answerInner__4c520 { +._4c5209741d147f1b-answerInner { background-color: var(--card-color); border-radius: var(--card-radius); } -.answerInner__4c520.currentlyVoting__4c520:hover { +._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting:hover { background-color: var(--card-color-hover); } -.answerInner__4c520.currentlyVoting__4c520.selected__4c520 { +._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting._4c5209741d147f1b-selected { background-color: var(--card-color-select); } -.answerInner__4c520.currentlyVoting__4c520.selected__4c520 circle, -.answerInner__4c520.currentlyVoting__4c520.selected__4c520 path { +._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting._4c5209741d147f1b-selected circle, +._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting._4c5209741d147f1b-selected path { fill: hsl(var(--accent-hsl)); } -.answerInner__4c520.currentlyVoting__4c520 path { +._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting path { fill: var(--text-normal); } -.votePercentageBar__4c520 { +._4c5209741d147f1b-votePercentageBar { background-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 1.5) l/0.25); } @@ -2975,30 +3058,30 @@ body { * MESSAGE REACTIONS * */ -.reaction__23977 { +._23977d5b7cef7361-reaction { background-color: var(--message-color); border-radius: var(--message-radius); border: none; } -.reaction__23977:hover { +._23977d5b7cef7361-reaction:hover { background-color: var(--message-color); } -.reaction__23977.reactionMe__23977 { +._23977d5b7cef7361-reaction._23977d5b7cef7361-reactionMe { background-color: hsla(var(--accent-hsl), 0.3); border-color: transparent; } -.reaction__23977.reactionMe__23977:hover { +._23977d5b7cef7361-reaction._23977d5b7cef7361-reactionMe:hover { background-color: hsla(var(--accent-hsl), 0.4); } -.reaction__23977.reactionMe__23977 .reactionCount__23977 { +._23977d5b7cef7361-reaction._23977d5b7cef7361-reactionMe ._23977d5b7cef7361-reactionCount { color: hsla(var(--accent-hsl), var(--accent-opacity)); } -.reaction__23977 .burstGlow__23977 { +._23977d5b7cef7361-reaction ._23977d5b7cef7361-burstGlow { border-radius: var(--message-radius); } /* MESSAGE REACTIONS -> REVERT BUTTONS TO REACTION STYLE */ -.container_b7e1cb .children__1647d .lookFilled__201d5 { +.b7e1cb0370c2dd0e-container ._1647d698ce7feb4d-children ._201d5e8a3c09670a-lookFilled { --button-height: 28px; --button-padding: 0 8px; } @@ -3008,14 +3091,14 @@ body { * ACCOUNT SWITCHER * */ -.list__920b8 { +._920b86c5b761e645-list { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } /* ACCOUNT SWITCHER -> ADD ACCOUNT */ -.authBox__921c5, +._921c50dc4baa4b4f-authBox, .navRow__86e92 { background-color: transparent !important; } @@ -3025,33 +3108,33 @@ body { * ADD SERVER MODAL * */ -.container__024d4 { +.container__23ba6 { --header-primary: #ddd; --header-secondary: #aaa; --text-normal: #aaa; --interactive-normal: #aaa; } -.container__024d4 .lookBlank__201d5 { +.container__23ba6 ._201d5e8a3c09670a-lookBlank { color: hsl(var(--accent-hsl)); } -.container__024d4 .inputWrapper__0f084 { +.container__23ba6 ._0ed4fc708cdbac0d-inputWrapper, .container__23ba6 ._72c3859781ebce8f-wrapper { background-color: transparent; } -.header_c04f35 { +.c04f357ea00ccf57-header { padding: 24px 16px 12px; } -.templatesList_c04f35 { +.c04f357ea00ccf57-templatesList { margin-top: 0; } -.container_eb2cd2 { +.eb2cd27996d667df-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.container_eb2cd2:hover { +.eb2cd27996d667df-container:hover { background-color: var(--card-color-hover); border: none; } @@ -3071,7 +3154,7 @@ body { * AUTHORIZE APP MODAL * */ -.oauth2ModalWrapper__647f0 .content__3d3b0 { +.oauth2ModalWrapper__647f0 ._3d3b08df7e9aa942-content { background-color: var(--card-color); border-radius: var(--card-radius); border: none; @@ -3085,21 +3168,21 @@ body { * BOT ACTIONS * */ -.cardHeader_b44011.inModal_b44011, -.noItemsSelected__3f339 { +.b440119daa5af4d6-cardHeader.b440119daa5af4d6-inModal, +._3f3394ef9e05ec1a-noItemsSelected { padding: 8px; } -.requiredPermissionsBanner__9c74b { +._9c74b1a3c940bfce-requiredPermissionsBanner { gap: 16px; background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.requiredPermissionsBanner__9c74b .message__9c74b { +._9c74b1a3c940bfce-requiredPermissionsBanner ._9c74b1a3c940bfce-message { margin: 0; } -.requiredPermissionsBanner__9c74b .button__201d5 { +._9c74b1a3c940bfce-requiredPermissionsBanner ._201d5e8a3c09670a-button { width: 78px; } @@ -3130,7 +3213,7 @@ body { * EVENTS * */ -.container__4efb4 { +._4efb4560fd616a25-container { border: none; box-shadow: var(--popout-header-shadow); } @@ -3139,36 +3222,36 @@ body { color: hsl(var(--accent-hsl)); } -.card__88264 { +._8826425bb0684b12-card { padding: 0; background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.card__88264:hover { +._8826425bb0684b12-card:hover { background-color: var(--card-color-hover); border: none; } -.card__88264 .container_b5010b, -.card__88264 .footer__88264 { +._8826425bb0684b12-card .b5010be6beaa8120-container, +._8826425bb0684b12-card ._8826425bb0684b12-footer { padding: 16px; } -.card__88264 .container_b5010b { +._8826425bb0684b12-card .b5010be6beaa8120-container { box-shadow: var(--card-header-shadow); } -.card__88264 .rsvpCount_b5010b { +._8826425bb0684b12-card .b5010be6beaa8120-rsvpCount { background-color: var(--background-modifier-selected); } -.card__88264 .divider__88264 { +._8826425bb0684b12-card ._8826425bb0684b12-divider { display: none; } /* EVENTS -> CREATE EVENT */ -.selectedProgressBar_f2ceaa { +._5537c0a1a5ad4c18-selectedProgressBar { background-color: hsla(var(--accent-hsl), var(--accent-opacity)); } -.previewCard_f70348 { +.f7034805b8d6babc-previewCard { background-color: var(--card-color) !important; border-radius: var(--card-radius) !important; border: none !important; @@ -3179,30 +3262,31 @@ body { * MODALS * */ -.root__49fc1 { +._49fc18ba07c5025f-root { background-color: var(--popout-color) !important; border-radius: var(--popout-radius) !important; box-shadow: var(--popout-shadow) !important; + border: none !important; } -.root__49fc1.small__49fc1 { +._49fc18ba07c5025f-root._49fc18ba07c5025f-small { min-height: 75px; } -.root__49fc1.container_ac6cb0, .root__49fc1.modal_b0827a, .root__49fc1.forcedTransparency__8a837, .root__49fc1.carouselModal_d2b9a1, .root__49fc1.carouselModal_d3a6f0 { +._49fc18ba07c5025f-root.container_ac6cb0, ._49fc18ba07c5025f-root.modal_b0827a, ._49fc18ba07c5025f-root.forcedTransparency__8a837, ._49fc18ba07c5025f-root.carouselModal_d2b9a1, ._49fc18ba07c5025f-root.d3a6f0de39ff36e9-carouselModal { background-color: transparent !important; box-shadow: none !important; } -.root__49fc1.popout_cba592 { +._49fc18ba07c5025f-root.cba5926a3ea0ad97-popout { backdrop-filter: blur(var(--popout-blur)); } -.root__49fc1 .header__49fc1 { +._49fc18ba07c5025f-root ._49fc18ba07c5025f-header { background-color: transparent; box-shadow: var(--popout-header-shadow); } -.root__49fc1 .header__49fc1 .modalTitle_f061f6 { +._49fc18ba07c5025f-root ._49fc18ba07c5025f-header .f061f614def5a8d6-modalTitle { margin-bottom: 0; } -.root__49fc1 .header__49fc1 .close__49fc1, -.root__49fc1 .header__49fc1 .iconButton-2rHy7x { +._49fc18ba07c5025f-root ._49fc18ba07c5025f-header ._49fc18ba07c5025f-close, +._49fc18ba07c5025f-root ._49fc18ba07c5025f-header .iconButton-2rHy7x { --button-height: 32px; position: absolute; width: var(--button-height); @@ -3212,52 +3296,68 @@ body { margin: 0; padding: 0; } -.root__49fc1 .header__49fc1 .close__49fc1 .contents__201d5 { +._49fc18ba07c5025f-root ._49fc18ba07c5025f-header ._49fc18ba07c5025f-close ._201d5e8a3c09670a-contents { height: 24px; } -.root__49fc1 .header__49fc1 .close__49fc1 svg { +._49fc18ba07c5025f-root ._49fc18ba07c5025f-header ._49fc18ba07c5025f-close svg { height: 24px !important; transform: scale(0.85); } -.root__49fc1 .header__49fc1 .iconButton-2rHy7x { +._49fc18ba07c5025f-root ._49fc18ba07c5025f-header .iconButton-2rHy7x { display: flex; justify-content: center; align-items: center; } -.root__49fc1 .header__49fc1 .iconButton-2rHy7x .icon-3DnmvF { +._49fc18ba07c5025f-root ._49fc18ba07c5025f-header .iconButton-2rHy7x .icon-3DnmvF { height: 24px; transform: scale(0.85); } -.root__49fc1 .content__49fc1, .root__49fc1 .content-3BqJRb { +._49fc18ba07c5025f-root ._49fc18ba07c5025f-content { padding: 16px; } -.root__49fc1 .modalBody_ababa2 { +._49fc18ba07c5025f-root .modalBody_ababa2 { background-color: transparent; } -.root__49fc1 .footer__49fc1, .root__49fc1 .modalFooter_ababa2, .root__49fc1 .modalFooter__2bb83 { +._49fc18ba07c5025f-root ._49fc18ba07c5025f-footer, ._49fc18ba07c5025f-root .modalFooter_ababa2, ._49fc18ba07c5025f-root .modalFooter__2bb83 { background-color: transparent !important; box-shadow: none; } -.backdrop__78332 { +._783321f3468cf9e8-backdrop { background-color: rgba(0, 0, 0, 0.3) !important; backdrop-filter: blur(calc(var(--popout-blur) * 1.4)) !important; opacity: 1 !important; } +/* MODALS -> V2 MODALS */ +._8a031a135bfcb9ba-container { + background-color: var(--popout-color); + border-radius: var(--popout-radius); + box-shadow: var(--popout-shadow); + border: none; + backdrop-filter: blur(var(--popout-blur)); +} +._8a031a135bfcb9ba-container ._8a031a135bfcb9ba-header .a22cb0c66246f5d3-button { + --button-padding: 0; + --button-background: transparent; + --button-text-color: var(--control-icon-icon-only-default); +} + /* * * QUICKSWITCHER * */ -.quickswitcher_ac6cb0 { +.ac6cb02cd15b4b3b-quickswitcher { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); } -.quickswitcher_ac6cb0 .input_ac6cb0 { +.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-input { margin-bottom: 16px; + min-height: 42px; height: 42px; border-radius: 21px; background-color: rgba(var(--textarea-color), var(--textarea-alpha)); @@ -3266,17 +3366,15 @@ body { transition: var(--transition-time) var(--transition-type); font-size: 1.1em; } -.quickswitcher_ac6cb0 .input_ac6cb0:focus { +.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-input:has(input:focus, textarea:focus) { background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; } -.quickswitcher_ac6cb0 .scroller_ac6cb0 { +.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-scroller { margin-top: 0; background-color: transparent; } -.quickswitcher_ac6cb0 .scroller_ac6cb0::-webkit-scrollbar-track { - background-color: transparent !important; -} -.quickswitcher_ac6cb0 .result__71961 { +.ac6cb02cd15b4b3b-quickswitcher ._71961da99d37ac57-result { border-radius: var(--list-item-radius); } @@ -3285,15 +3383,15 @@ body { * REACTIONS * */ -.scroller_cc2dff { +.b7f4b43fe1b6e285-scroller { background-color: var(--sidebar-color) !important; } -.scroller_cc2dff .reactionDefault_cc2dff, -.scroller_cc2dff .reactionSelected_cc2dff { +.b7f4b43fe1b6e285-scroller .b7f4b43fe1b6e285-reactionDefault, +.b7f4b43fe1b6e285-scroller .b7f4b43fe1b6e285-reactionSelected { border-radius: var(--button-radius); } -.reactors_cc2dff { +.b7f4b43fe1b6e285-reactors { background-color: transparent !important; } @@ -3307,37 +3405,38 @@ body { * SERVER QUESTIONS * */ -.gradient_c08b38 { +.c08b38911b1dcc2f-gradient { background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.85) 100%); } -.prompt_fe70ca { +.fe70ca6739eeb5f0-prompt { background-color: var(--popout-color) !important; border-radius: var(--popout-radius) !important; box-shadow: var(--popout-shadow) !important; + border: none !important; backdrop-filter: blur(var(--popout-blur)); } -.prompt_fe70ca .navButtons_fe70ca { +.fe70ca6739eeb5f0-prompt .fe70ca6739eeb5f0-navButtons { background-color: transparent; } -.optionButton__270d7 { +._270d7a28db32b312-optionButton { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.optionButton__270d7:hover { +._270d7a28db32b312-optionButton:hover { background-color: var(--card-color-hover); border: none; } -.checkIcon__270d7, .memberCount__270d7 { +._270d7a28db32b312-checkIcon, ._270d7a28db32b312-memberCount { background-color: hsl(var(--accent-hsl)); } -.checkIcon__270d7 path, .memberCount__270d7 path { +._270d7a28db32b312-checkIcon path, ._270d7a28db32b312-memberCount path { fill: var(--accent-text-color); } -.memberCount__270d7 .text-xs\/normal_cf4812 { +._270d7a28db32b312-memberCount .cf48127484dbde85-\/normal { color: var(--accent-text-color) !important; } @@ -3346,22 +3445,23 @@ body { * UPLOAD MODAL * */ -.uploadModal_dbca3c { +.uploadModal_b78547 { height: 100%; background-color: rgba(0, 0, 0, 0.75) !important; backdrop-filter: blur(calc(var(--popout-blur) * 1.4)); } -.uploadDropModal_dbca3c .bgScale_dbca3c { +.b7854763c4a57c63-uploadDropModal .b7854763c4a57c63-bgScale { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; } -.uploadDropModal_dbca3c .inner_dbca3c { +.b7854763c4a57c63-uploadDropModal .b7854763c4a57c63-inner { border: none; } -.footer_dbca3c { +.footer_b78547 { background-color: transparent !important; } @@ -3399,22 +3499,22 @@ body { border-radius: var(--button-radius); } -.note_fcb628 { +.fcb62805acc5d0cc-note { margin: 0; } -.note_fcb628 .textarea_dde0a8 { +.fcb62805acc5d0cc-note .textarea_dde0a8 { border-radius: 11px; } -.note_fcb628 .textarea_dde0a8:focus { +.fcb62805acc5d0cc-note .textarea_dde0a8:focus { background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); } -.connectedAccountContainer_e6abe8 { +.e6abe833ac70fcae-connectedAccountContainer { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.connectedAccountContainer_e6abe8:hover { +.e6abe833ac70fcae-connectedAccountContainer:hover { background-color: var(--card-color-hover); border: none; } @@ -3441,25 +3541,6 @@ body { } /* APP DIRECTORY -> SEARCH BAR */ -.search_aabd24 { - height: 48px; - border-radius: 24px; - background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important; - border: none !important; - color: var(--textarea-text-color); - transition: var(--transition-time) var(--transition-type); -} -.search_aabd24:focus-within { - background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)) !important; -} -.search_aabd24 .searchBoxInput__56498 { - background-color: transparent !important; - color: var(--textarea-text-color); -} -.search_aabd24 .searchBoxInput__56498::-webkit-input-placeholder { - color: var(--textarea-placeholder-color) !important; -} - /* APP DIRECTORY -> CATEGORIES */ .category_d7acc7, .category_d169f5 { background-color: var(--background-modifier-hover); @@ -3509,38 +3590,38 @@ body { * BROWSE CHANNELS * */ -.pageBody__41ed7 { +._41ed70e52483df6d-pageBody { background: transparent; } -.header__0b563 { +._0b56311ebc6682e2-header { background: transparent !important; } -.container_bc0d35 { +.bc0d3515e6cb489a-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } /* BROWSE CHANNELS -> CHANNELS */ -.channelRow_e4503a { +.e4503acec53c64dd-channelRow { --button-height: 34px; background-color: var(--card-color); transition: var(--default-time) var(--default-animation) background-color; } -.channelRow_e4503a.firstChannel_e4503a { +.e4503acec53c64dd-channelRow.e4503acec53c64dd-firstChannel { border-radius: var(--card-radius) var(--card-radius) 0 0; border-top: 1px solid var(--card-border-color); } -.channelRow_e4503a.firstChannel_e4503a.lastChannel_e4503a { +.e4503acec53c64dd-channelRow.e4503acec53c64dd-firstChannel.e4503acec53c64dd-lastChannel { border-radius: var(--card-radius); } -.channelRow_e4503a.lastChannel_e4503a { +.e4503acec53c64dd-channelRow.e4503acec53c64dd-lastChannel { border-radius: 0 0 var(--card-radius) var(--card-radius); border-bottom: 1px solid var(--card-border-color); } -.channelRow_e4503a:not(.disabled_e4503a):hover { +.e4503acec53c64dd-channelRow:not(.e4503acec53c64dd-disabled):hover { background-color: var(--card-color-hover); } @@ -3549,10 +3630,10 @@ body { * CHANNELS AND ROLES * */ -.container__0b563 { +._0b56311ebc6682e2-container { background-color: transparent !important; } -.container__0b563 .chat_f75fb0 { +._0b56311ebc6682e2-container .f75fb00fb7356cbe-chat { background-color: transparent !important; } @@ -3598,38 +3679,38 @@ body { * RECENT MEMBERS * */ -.container_c791b2 { +.c791b281f2fedc32-container { background-color: transparent !important; } -.mainTableContainer__09a38 { +._09a38002c6c2466d-mainTableContainer { box-shadow: none; } -.searchHeaderContainer__98d1c { +._98d1ce21de5c55ca-searchHeaderContainer { padding: 8px 0 16px; } -.table_b4ec0b { +.b4ec0b0549a3448a-table { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.memberRowContainer__71c22 td:first-child { +._71c22426f1aad6f4-memberRowContainer td:first-child { border-top-left-radius: var(--list-item-radius); border-bottom-left-radius: var(--list-item-radius); } -.memberRowContainer__71c22 td:last-child { +._71c22426f1aad6f4-memberRowContainer td:last-child { border-top-right-radius: var(--list-item-radius); border-bottom-right-radius: var(--list-item-radius); } -.memberRowContainer__71c22 .otherRoles__71c22, -.memberRowContainer__71c22 .button__71c22 { +._71c22426f1aad6f4-memberRowContainer ._71c22426f1aad6f4-otherRoles, +._71c22426f1aad6f4-memberRowContainer ._71c22426f1aad6f4-button { background-color: var(--background-modifier-active); } -.paginationContainer_e8f197 { +.e8f197ff80df8bf4-paginationContainer { margin-top: 16px; padding: 0; border-top: none; @@ -3640,25 +3721,25 @@ body { * PREMIUM MEMBERSHIP * */ -.scrollerContent__808a1 { +._808a172f562ea104-scrollerContent { max-width: 100%; } -.container__808a1 { +._808a172f562ea104-container { background-color: var(--main-content-color); } -.content__808a1:before { +._808a172f562ea104-content:before { display: none; } -.cardContainerWithoutTopIndicator__3efc4 { +._3efc4041416bf6dc-cardContainerWithoutTopIndicator { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.cardContainerWithoutTopIndicator__3efc4 .tierInfoContainer__3efc4, -.cardContainerWithoutTopIndicator__3efc4 .subscriptionPerks__3efc4 { +._3efc4041416bf6dc-cardContainerWithoutTopIndicator ._3efc4041416bf6dc-tierInfoContainer, +._3efc4041416bf6dc-cardContainerWithoutTopIndicator ._3efc4041416bf6dc-subscriptionPerks { background-color: transparent; } @@ -3672,48 +3753,48 @@ body { * SERVER DISCOVERY * */ -.container_a592e1 { +.a592e1970a0ce22c-container { background-color: var(--main-content-color); } /* SERVER DISCOVERY -> SIDEBAR */ -.container__551b0 { +._551b0894962ff66f-container { background: transparent; } -.navItem__551b0 { +._551b0894962ff66f-navItem { border-radius: var(--list-item-radius); } /* SERVER DISCOVERY -> HEADER BAR */ -.headerBar__8a7fc:after { +._8a7fc664acf53af6-headerBar:after { display: none; } -.backdrop__8a7fc { +._8a7fc664acf53af6-backdrop { background: var(--popout-color); backdrop-filter: blur(var(--app-blur)); } /* SERVER DISCOVERY -> CARDS */ -.card__4cb8a { +._4cb8ad5be329b603-card { background-color: var(--card-color) !important; border-radius: var(--card-radius) !important; border: none !important; } -.card__4cb8a:hover { +._4cb8ad5be329b603-card:hover { background-color: var(--card-color-hover) !important; border: none; } -.card__4cb8a svg { +._4cb8ad5be329b603-card svg { filter: none; } -.card__4cb8a .iconMask__4cb8a { +._4cb8ad5be329b603-card ._4cb8ad5be329b603-iconMask { background-color: var(--card-color-hover) !important; } /* SERVER DISCOVERY -> SEARCH RESULTS */ -.category__97499 { +._97499d091cc91f18-category { border-radius: var(--list-item-radius); } @@ -3722,50 +3803,50 @@ body { * SERVER SHOP * */ -.container_adb50a { +.adb50a654b4cd212-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.tab_d804ff { +.d804ff2e60e07385-tab { border-radius: var(--card-radius); border: none; box-shadow: none; } -.tab_d804ff.selected_d804ff { +.d804ff2e60e07385-tab.d804ff2e60e07385-selected { 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 { +.d804ff2e60e07385-tab.d804ff2e60e07385-selected .cf48127484dbde85-text-sm\/semibold, +.d804ff2e60e07385-tab.d804ff2e60e07385-selected .cf48127484dbde85-\/normal { color: var(--accent-text-color) !important; } -.sortDropdown_bb26d9 .text-sm\/medium_cf4812 { +.sortDropdown_bb26d9 .cf48127484dbde85-text-sm\/medium { color: var(--button-text-color) !important; } -.sortDropdown_bb26d9 .contents__201d5 svg:last-child { +.sortDropdown_bb26d9 ._201d5e8a3c09670a-contents svg:last-child { margin-left: 8px; } -.card__8833c:hover .cardContent__8833c { +._8833c76cfb7aa93d-card:hover ._8833c76cfb7aa93d-cardContent { box-shadow: none; outline: none; transform: none; } -.productCard__79d38 { +._79d38fa75120d990-productCard { background-color: var(--card-color) !important; border-radius: var(--card-radius) !important; border: none !important; } -.productCard__79d38:hover { +._79d38fa75120d990-productCard:hover { background-color: var(--card-color-hover) !important; border: none; } -.roleTag__9cd44 { +._9cd44893360e390c-roleTag { padding: 8px 16px; background-color: var(--background-modifier-selected); border-radius: 20px; @@ -3776,7 +3857,7 @@ body { * DISCORD SHOP * */ -.shop__08415 { +._084152b107f71237-shop { background-color: var(--main-content-color); } @@ -3785,31 +3866,31 @@ body { border-radius: var(--card-radius); } -.shopCard_c3d04b { +.fcbddd55b8b335a1-productCardContainer { background-color: var(--card-color) !important; border-radius: var(--card-radius) !important; border: none !important; } -.shopCard_c3d04b:hover { +.fcbddd55b8b335a1-productCardContainer:hover { background-color: var(--card-color-hover) !important; border: none; } -.shopCard_c3d04b:hover { +.fcbddd55b8b335a1-productCardContainer:hover { top: unset; box-shadow: none !important; } -.shopCard_c3d04b .avatarContainer_c3d04b { +.fcbddd55b8b335a1-productCardContainer .avatarContainer_c3d04b { box-shadow: var(--card-header-shadow); } -.shopCard_c3d04b .cardText_c3d04b { +.fcbddd55b8b335a1-productCardContainer .cardText_c3d04b { width: 100%; left: 0; bottom: 0; } -.shopCard_c3d04b .cardTextBlur_c23530 { +.fcbddd55b8b335a1-productCardContainer .cardTextBlur_c23530 { border-radius: 0 0 var(--card-radius) var(--card-radius); } -.shopCard_c3d04b .cardBackground_c23530 { +.fcbddd55b8b335a1-productCardContainer .cardBackground_c23530 { background-color: transparent !important; } @@ -3818,13 +3899,13 @@ body { * ADD GAME POPOUT * */ -.addGamePopout_cc46f0 { +.cc46f0f859f26200-addGamePopout { background-color: transparent !important; border-radius: var(--popout-radius) !important; box-shadow: none !important; overflow: hidden; } -.addGamePopout_cc46f0:before { +.cc46f0f859f26200-addGamePopout:before { position: absolute; content: " "; width: 100%; @@ -3844,13 +3925,13 @@ body { * APPS AND COMMANDS * */ -.contentWrapper__9c62c { +._9c62c6ed231468c4-contentWrapper { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.contentWrapper__9c62c:before { +._9c62c6ed231468c4-contentWrapper:before { position: absolute; content: " "; width: 100%; @@ -3865,36 +3946,36 @@ body { z-index: -1; } -.container_cb32c7 { +.cb32c78a53f54371-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.container_cb32c7:hover { +.cb32c78a53f54371-container:hover { background-color: var(--card-color-hover); border: none; } -.rowContainer_cb32c7 { +.cb32c78a53f54371-rowContainer { border-radius: 0; } -.rowContainer_cb32c7:first-child { +.cb32c78a53f54371-rowContainer:first-child { border-top-left-radius: var(--card-radius); border-top-right-radius: var(--card-radius); } -.rowContainer_cb32c7:last-child { +.cb32c78a53f54371-rowContainer:last-child { border-bottom-left-radius: var(--card-radius); border-bottom-right-radius: var(--card-radius); } -.container__19cf2 { +._19cf24ad0aef5ead-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } /* APPS AND COMMANDS -> APP */ -.container__7bdb0 { +._7bdb06a4e863b838-container { background-color: transparent; } @@ -3902,36 +3983,36 @@ body { border-radius: var(--card-radius); border: none; } -.profileAndVideoContainer_e80fe9 .overviewContainerNoVideo__95856 { +.profileAndVideoContainer_e80fe9 ._958562d63bb1e99d-overviewContainerNoVideo { background-color: var(--card-color); border-radius: inherit; } -.profileAndVideoContainer_e80fe9 .overviewContainerWithVideo__95856 { +.profileAndVideoContainer_e80fe9 ._958562d63bb1e99d-overviewContainerWithVideo { margin-top: -4px; background-color: var(--card-color); border-bottom-left-radius: var(--card-radius); border-bottom-right-radius: var(--card-radius); } -.videoCover__95856 { +._958562d63bb1e99d-videoCover { border-top-left-radius: var(--card-radius); border-top-right-radius: var(--card-radius); } -.commandContainer_c94584 { +.c94584907f9d5a22-commandContainer { background-color: transparent; } -.commandContainer_c94584 .command_c94584 { +.c94584907f9d5a22-commandContainer .c94584907f9d5a22-command { background-color: var(--card-color); } -.commandContainer_c94584 .command_c94584:hover { +.c94584907f9d5a22-commandContainer .c94584907f9d5a22-command:hover { background-color: var(--card-color-hover); } -.commandContainer_c94584 .command_c94584:first-child { +.c94584907f9d5a22-commandContainer .c94584907f9d5a22-command:first-child { border-top-left-radius: var(--card-radius); border-top-right-radius: var(--card-radius); } -.commandContainer_c94584 .command_c94584:last-child { +.c94584907f9d5a22-commandContainer .c94584907f9d5a22-command:last-child { border-bottom-left-radius: var(--card-radius); border-bottom-right-radius: var(--card-radius); } @@ -3941,22 +4022,23 @@ body { * AUTOCOMPLETE * */ -.autocomplete__13533 { +._13533e3c5791980f-autocomplete { background-color: var(--popout-color) !important; border-radius: var(--popout-radius) !important; box-shadow: var(--popout-shadow) !important; + border: none !important; backdrop-filter: blur(var(--popout-blur)); } -.autocomplete__13533 .wrapper_b1e4f3 { +._13533e3c5791980f-autocomplete .b1e4f3fb96801b99-wrapper { background-color: transparent; } -.autocomplete__13533 .base__13533 { +._13533e3c5791980f-autocomplete ._13533e3c5791980f-base { border-radius: var(--popout-radius); } -.autocomplete__13533 .base__13533.selected-3H3-RC { +._13533e3c5791980f-autocomplete ._13533e3c5791980f-base.selected-3H3-RC { background-color: var(--background-modifier-hover) !important; } -.autocomplete__13533 .option_a19535 { +._13533e3c5791980f-autocomplete .a195358c0257a1b0-option { background-color: var(--card-color) !important; } @@ -4006,14 +4088,14 @@ body { * CONTEXT MENU * */ -.menu_c1e9c4 { +.c1e9c47c23f12ca3-menu { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; /* CONTEXT MENU -> NESTED WORKAROUND */ } -.menu_c1e9c4:before { +.c1e9c47c23f12ca3-menu:before { position: absolute; content: " "; width: 100%; @@ -4027,37 +4109,37 @@ body { pointer-events: none; z-index: -1; } -.menu_c1e9c4 .item_c1e9c4 { +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item { border-radius: var(--popout-radius); } -.menu_c1e9c4 .item_c1e9c4.focused_c1e9c4 { +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item.c1e9c47c23f12ca3-focused { background-color: var(--background-modifier-selected); } -.menu_c1e9c4 .button_f563df { +.c1e9c47c23f12ca3-menu .f563df886a7377be-button { background-color: var(--card-color); } -.menu_c1e9c4 .button_f563df:hover { +.c1e9c47c23f12ca3-menu .f563df886a7377be-button:hover { background-color: var(--card-color-hover); } -#image-context.menu_c1e9c4 { +#image-context.c1e9c47c23f12ca3-menu { background-color: var(--popout-color); backdrop-filter: blur(var(--popout-blur)); box-shadow: var(--popout-shadow); } -#image-context.menu_c1e9c4:before { +#image-context.c1e9c47c23f12ca3-menu:before { display: none; } -.layerContainer_da8173 .backdrop__78332 + .layer_bc663c + .layer_da8173 .menu_c1e9c4 { +._59d0d7075b521375-layerContainer ._783321f3468cf9e8-backdrop + .bc663cf6190ce9ad-layer + ._59d0d7075b521375-layer .c1e9c47c23f12ca3-menu { backdrop-filter: blur(var(--popout-blur)); } -.layer_da8173 ~ .layer_da8173 .menu_c1e9c4 { +._59d0d7075b521375-layer ~ ._59d0d7075b521375-layer .c1e9c47c23f12ca3-menu { backdrop-filter: blur(var(--popout-blur)); } /* CONTEXT MENU -> CHECKBOX */ -.icon_c1e9c4 { +.c1e9c47c23f12ca3-icon { filter: none !important; } @@ -4066,18 +4148,18 @@ body { * EMOJI PICKER * */ -.contentWrapper__08434, .contentWrapper_eab878, -.emojiPicker_c0e32c { +._084343c4f11eaaab-contentWrapper, .contentWrapper_eab878, +.c0e32c5cffed3d9f-emojiPicker { background-color: transparent; } -.contentWrapper__08434, .contentWrapper_eab878 { +._084343c4f11eaaab-contentWrapper, .contentWrapper_eab878 { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.contentWrapper__08434:before, .contentWrapper_eab878:before { +._084343c4f11eaaab-contentWrapper:before, .contentWrapper_eab878:before { position: absolute; content: " "; width: 100%; @@ -4092,13 +4174,13 @@ body { z-index: -1; } -.wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c) { +.c0e32c5cffed3d9f-wrapper:not(.c0e32c5cffed3d9f-emojiPickerHasTabWrapper) { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c):before { +.c0e32c5cffed3d9f-wrapper:not(.c0e32c5cffed3d9f-emojiPickerHasTabWrapper):before { position: absolute; content: " "; width: 100%; @@ -4114,24 +4196,25 @@ body { } /* EMOJI PICKER -> HEADER */ -.navButton__08434:hover, .navButton__0565e:hover { +._084343c4f11eaaab-navButton:hover, .navButton__0565e:hover { background-color: var(--background-modifier-hover); } -.navButton__08434.navButtonActive__08434, .navButton__0565e.navButtonActive__08434, .navButton__08434.navButtonActive_b003de, .navButton__0565e.navButtonActive_b003de { +._084343c4f11eaaab-navButton._084343c4f11eaaab-navButtonActive, .navButton__0565e._084343c4f11eaaab-navButtonActive, ._084343c4f11eaaab-navButton.navButtonActive_b003de, .navButton__0565e.navButtonActive_b003de { background-color: var(--background-modifier-selected); } -.header_fed6d3, -.header__8ef02, -.header_c0e32c { +.fed6d32841cc2da2-header, +._8ef02eea17068b73-header, +.c0e32c5cffed3d9f-header { background-color: transparent; box-shadow: var(--popout-header-shadow) !important; } -.diversitySelectorOptions_a45a2a { +.a45a2a5d0f4caddc-diversitySelectorOptions { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); border: none; overflow: hidden; @@ -4139,6 +4222,7 @@ body { /* 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)); @@ -4146,49 +4230,52 @@ body { color: var(--textarea-text-color); transition: var(--transition-time) var(--transition-type); } -.container_fea832:focus { +.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 { +.fed6d32841cc2da2-container { background-color: transparent; } -.wrapper__14245 { +._14245bb948377a25-wrapper { position: relative; background-color: transparent; } -.inspector_aeaaeb { +.aeaaeb2a573807f0-inspector { background-color: transparent; } -.wrapper__4e6ce { +._4106ae7c1472c1de-wrapper { top: 60px; background-color: var(--sidebar-color); } -.wrapper__4e6ce .unicodeShortcut_b9ee0c { +._4106ae7c1472c1de-wrapper .b9ee0c229bc0b6bb-unicodeShortcut { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); border-radius: 0; } -.emojiPickerHasTabWrapper_c0e32c .wrapper__4e6ce { +.c0e32c5cffed3d9f-emojiPickerHasTabWrapper ._4106ae7c1472c1de-wrapper { top: 52px; } -.emojiItem_fc7141 { +.fc7141859aaa98b7-emojiItem { border-radius: var(--card-radius); } -.emojiItem_fc7141.emojiItemSelected_fc7141 { +.fc7141859aaa98b7-emojiItem.fc7141859aaa98b7-emojiItemSelected { 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)); @@ -4196,27 +4283,28 @@ body { color: var(--textarea-text-color); transition: var(--transition-time) var(--transition-type); } -.searchBar_fed6d3:focus { +.searchBar_fed6d3:has(input:focus, textarea:focus) { background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; } -.result__2dc39 { +._2dc39186a9b98da4-result { border-radius: var(--card-radius); } -.result__2dc39:after { +._2dc39186a9b98da4-result:after { border-radius: inherit; } -.result__2dc39:hover:after { +._2dc39186a9b98da4-result:hover:after { box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px #2f3136 !important; } -.result__2dc39 .gif__2dc39 { +._2dc39186a9b98da4-result ._2dc39186a9b98da4-gif { border-radius: inherit; } -.result__2dc39 .categoryFade_d02962, -.result__2dc39 .categoryFadeBlurple_d02962 { +._2dc39186a9b98da4-result .d02962a38047ac3c-categoryFade, +._2dc39186a9b98da4-result .d02962a38047ac3c-categoryFadeBlurple { border-radius: inherit; } -.result__2dc39 .categoryFadeBlurple_d02962 { +._2dc39186a9b98da4-result .d02962a38047ac3c-categoryFadeBlurple { background-color: hsla(var(--accent-hsl), 0.8) !important; } @@ -4225,10 +4313,11 @@ body { * INCOMING CALL * */ -.root__2dbe1 { +._2dbe1dc734ff26a5-root { background-color: var(--popout-color) !important; border-radius: var(--popout-radius) !important; box-shadow: var(--popout-shadow) !important; + border: none !important; backdrop-filter: blur(var(--popout-blur)); } @@ -4252,6 +4341,7 @@ body { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); } .container__56cd1:before { @@ -4266,14 +4356,14 @@ body { * LIST POPOUTS * */ -.container__3dde2 { +._3dde27fb71170aa9-container { border: none; background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.container__3dde2:before { +._3dde27fb71170aa9-container:before { position: absolute; content: " "; width: 100%; @@ -4287,17 +4377,17 @@ body { pointer-events: none; z-index: -1; } -.container__3dde2 .item__97e86 { +._3dde27fb71170aa9-container ._97e869e420e80b14-item { border-radius: var(--popout-radius); } -.overflowRolesPopout__48c1c { +._48c1c0768f2a2421-overflowRolesPopout { background-color: transparent !important; border-radius: var(--popout-radius) !important; box-shadow: none !important; overflow: hidden; } -.overflowRolesPopout__48c1c:before { +._48c1c0768f2a2421-overflowRolesPopout:before { position: absolute; content: " "; width: 100%; @@ -4311,17 +4401,17 @@ body { pointer-events: none; z-index: -1; } -.overflowRolesPopout__48c1c .overflowRolesPopoutArrow__48c1c { +._48c1c0768f2a2421-overflowRolesPopout ._48c1c0768f2a2421-overflowRolesPopoutArrow { background-color: var(--popout-color) !important; box-shadow: none !important; } -.overflowRolesPopout__48c1c .overflowRolesPopoutHeaderIcon__48c1c path { +._48c1c0768f2a2421-overflowRolesPopout ._48c1c0768f2a2421-overflowRolesPopoutHeaderIcon path { fill: var(--header-secondary); } -.overflowRolesPopout__48c1c .overflowRolesPopoutHeaderText__48c1c { +._48c1c0768f2a2421-overflowRolesPopout ._48c1c0768f2a2421-overflowRolesPopoutHeaderText { color: var(--header-secondary); } -.overflowRolesPopout__48c1c .role_dfa8b6, .overflowRolesPopout__48c1c .role__5d7c9 { +._48c1c0768f2a2421-overflowRolesPopout .dfa8b6b94cddb191-role, ._48c1c0768f2a2421-overflowRolesPopout ._5d7c9a81ac5dd074-role { background-color: var(--card-color); } @@ -4330,14 +4420,14 @@ body { * MEMBERS LIST ACTIVITY POPOUT * */ -.popout_af3b89 { +.af3b89684c536957-popout { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; filter: none; } -.popout_af3b89:before { +.af3b89684c536957-popout:before { position: absolute; content: " "; width: 100%; @@ -4351,17 +4441,17 @@ body { pointer-events: none; z-index: -1; } -.popout_af3b89 .lookFilled__201d5 path { +.af3b89684c536957-popout ._201d5e8a3c09670a-lookFilled path { fill: currentColor !important; color: currentColor !important; } -.popoutContentWrapper_af3b89, -.interactionsContainer_af3b89 { +.af3b89684c536957-popoutContentWrapper, +.af3b89684c536957-interactionsContainer { background-color: transparent; } -.shareToChannelButton_af3b89 { +.af3b89684c536957-shareToChannelButton { padding-right: 0; border-right: none; } @@ -4371,14 +4461,14 @@ body { * MESSAGES POPOUT * */ -.messagesPopoutWrap__45690 { +.e8b59c4b335dd2fc-messagesPopoutWrap { max-height: 80vh !important; background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.messagesPopoutWrap__45690:before { +.e8b59c4b335dd2fc-messagesPopoutWrap:before { position: absolute; content: " "; width: 100%; @@ -4393,75 +4483,76 @@ body { z-index: -1; } -.header__45690 { +.e8b59c4b335dd2fc-header { background-color: transparent; box-shadow: var(--popout-header-shadow); } -.messagesPopout__45690 { +.e8b59c4b335dd2fc-messagesPopout { padding: 16px 0 0 8px; } -.footer__45690 { +.e8b59c4b335dd2fc-footer { background-color: transparent; } /* MESSAGES POPOUT -> PINNED MESSAGES */ -.messageGroupWrapper__45690 { +.e8b59c4b335dd2fc-messageGroupWrapper { margin-bottom: 16px; background-color: transparent; border: none; } -.messageGroupWrapper__45690 .wrapper_c19a55 { +.e8b59c4b335dd2fc-messageGroupWrapper .c19a557985eb7793-wrapper { margin-left: 56px !important; margin-right: 16px !important; background-color: var(--message-color); border-radius: var(--message-radius); } -.messageGroupWrapper__45690 .wrapper_c19a55 .contents_c19a55, -.messageGroupWrapper__45690 .wrapper_c19a55 .container_b7e1cb { +.e8b59c4b335dd2fc-messageGroupWrapper .c19a557985eb7793-wrapper .c19a557985eb7793-contents, +.e8b59c4b335dd2fc-messageGroupWrapper .c19a557985eb7793-wrapper .b7e1cb0370c2dd0e-container { overflow: hidden; } -.messageGroupWrapper__45690 .actionButtons__45690 { +.e8b59c4b335dd2fc-messageGroupWrapper .e8b59c4b335dd2fc-actionButtons { right: calc(16px + var(--message-padding-side)); } -.messageGroupWrapper__45690 .jumpButton__45690 { +.e8b59c4b335dd2fc-messageGroupWrapper .jumpButton_e8b59c { background-color: var(--card-color); border-radius: var(--button-radius); } /* MESSAGES POPOUT -> FOR YOU */ -.friendRequestsButton__523aa { +._523aa09e59621644-friendRequestsButton { background-color: var(--background-modifier-hover); } -.friendRequestsButton__523aa:hover { +._523aa09e59621644-friendRequestsButton:hover { background-color: var(--background-modifier-active); } -.container__0f711 { +._0f7115b4703f7b3a-container { background-color: transparent; } -.row__6fddf:hover { +._6fddf2ee3574a18a-row:hover { background-color: var(--background-modifier-hover); } /* MESSAGES POPOUT -> MENTIONS */ -.channelHeader__35a7e, -.messageContainer__95796 { +._35a7ecf3aba351b2-channelHeader, +._957962c2bd49881b-messageContainer { background-color: transparent; } -.channelHeader__35a7e { +._35a7ecf3aba351b2-channelHeader { margin: 4px 0; padding: 12px 16px 12px 28px; background-color: transparent; background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); } -.channelHeader__35a7e:before { +._35a7ecf3aba351b2-channelHeader:before { background-color: var(--message-color); border-radius: var(--message-radius); } @@ -4473,23 +4564,23 @@ body { background-color: var(--background-modifier-selected) !important; } -.messageContainer__95796 { +._957962c2bd49881b-messageContainer { padding: 16px 0; } -.messageContainer__95796 .wrapper_c19a55 { +._957962c2bd49881b-messageContainer .c19a557985eb7793-wrapper { margin-left: 60px; margin-right: 0; overflow: visible; } /* MESSAGES POPOUT -> UNREADS */ -.recentMentionsPopout__95796 { +._957962c2bd49881b-recentMentionsPopout { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.recentMentionsPopout__95796:before { +._957962c2bd49881b-recentMentionsPopout:before { position: absolute; content: " "; width: 100%; @@ -4503,11 +4594,11 @@ body { pointer-events: none; z-index: -1; } -.recentMentionsPopout__95796 .wrapper_c19a55 { +._957962c2bd49881b-recentMentionsPopout .c19a557985eb7793-wrapper { overflow: visible; } -.tutorial__2692d { +._2692d04af6567ec8-tutorial { background-color: var(--card-color); border-radius: var(--card-radius); border: none; @@ -4517,7 +4608,7 @@ body { left: 4px; } -.messages__1ccd1 { +._1ccd1ba5cb2270c2-messages { background-color: transparent; } @@ -4526,13 +4617,13 @@ body { * NOISE SUPPRESSION * */ -.noiseCancellationPopout_e131a9 { +.e131a99484292a19-noiseCancellationPopout { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.noiseCancellationPopout_e131a9:before { +.e131a99484292a19-noiseCancellationPopout:before { position: absolute; content: " "; width: 100%; @@ -4557,20 +4648,21 @@ body { * REGION SELECT POPOUT * */ -.regionSelectPopout__5621e { +.regionSelectPopout__8de63 { padding: 6px; background-color: var(--popout-color) !important; border-radius: var(--popout-radius) !important; box-shadow: var(--popout-shadow) !important; + border: none !important; backdrop-filter: blur(var(--popout-blur)); } -.regionSelectPopout__5621e .quickSelectPopoutOption_b852b1 { +.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1 { border-radius: var(--popout-radius); } -.regionSelectPopout__5621e .quickSelectPopoutOption_b852b1:hover { +.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1:hover { background-color: var(--background-modifier-hover); } -.regionSelectPopout__5621e .quickSelectPopoutOption_b852b1:focus { +.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1:focus { background-color: var(--background-modifier-selected); } @@ -4579,14 +4671,15 @@ body { * SEARCH POPOUT * */ -.container__55c99 { +.f1c5c9823fbd3ef8-container { background-color: var(--popout-color) !important; border-radius: var(--popout-radius) !important; box-shadow: var(--popout-shadow) !important; + border: none !important; backdrop-filter: blur(var(--popout-blur)); } -.key_fcddc1 { +._61c9355cca12ab4b-key { height: 20px; padding: 0 6px; line-height: 20px; @@ -4595,7 +4688,7 @@ body { border: none; box-shadow: none !important; } -.key_fcddc1:active { +._61c9355cca12ab4b-key:active { height: 20px; padding-bottom: 0; background-color: var(--card-color-hover) !important; @@ -4603,26 +4696,16 @@ body { transform: none; } -.option__56fec { - border-radius: var(--popout-radius); -} -.option__56fec:after { - display: none; -} -[aria-selected=true].option__56fec { - background-color: var(--background-modifier-hover); -} - -.focused__55c99 { +._55c999adcf6db265-focused { background-color: transparent !important; } -.queryContainer__55c99 { +._55c999adcf6db265-queryContainer { border: none; box-shadow: var(--popout-header-shadow); } -.resultsGroup__56fec:before { +._56fec8e8b8048fe0-resultsGroup:before { display: none; } @@ -4631,13 +4714,13 @@ body { * SOUNDBOARD PICKER * */ -.picker__09f65 { +._09f65b4b8a3f8d26-picker { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.picker__09f65:before { +._09f65b4b8a3f8d26-picker:before { position: absolute; content: " "; width: 100%; @@ -4659,16 +4742,16 @@ body { backdrop-filter: blur(var(--popout-blur)); } -.soundButton__6d4ed { +._9be63f0b86033228-soundButton { background-color: var(--card-color); border-radius: var(--card-radius); } -.soundButton__6d4ed .buttonOverlayBackground__6d4ed { +._9be63f0b86033228-soundButton ._9be63f0b86033228-buttonOverlayBackground { background-color: var(--card-color); opacity: 1; } -.keybindHint__46002 { +._46002dafa54b8395-keybindHint { background-color: var(--card-color); border-radius: var(--card-radius); border: none; @@ -4679,16 +4762,17 @@ body { * SPECTATOR MENU * */ -.scroller_d6b206 { +.d6b206a637c8e59a-scroller { background-color: var(--popout-color) !important; border-radius: var(--popout-radius) !important; box-shadow: var(--popout-shadow) !important; + border: none !important; backdrop-filter: blur(var(--popout-blur)); } -.scroller_d6b206 .memberListItem_ec58fe { +.d6b206a637c8e59a-scroller .memberListItem_ec58fe { border-radius: var(--popout-radius); } -.scroller_d6b206 .memberListItem_ec58fe:not(.popoutDisabled_ec58fe):hover { +.d6b206a637c8e59a-scroller .memberListItem_ec58fe:not(.ec58feb9e769a16d-popoutDisabled):hover { background-color: var(--background-modifier-hover) !important; } @@ -4711,6 +4795,7 @@ body { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); } .containerBackground_d4ced7:after { @@ -4722,13 +4807,13 @@ body { * STREAM PREVIEW POPOUT * */ -.streamPreview__6da2d { +._6da2d8abf659f945-streamPreview { background-color: transparent !important; border-radius: var(--popout-radius) !important; box-shadow: none !important; overflow: hidden; } -.streamPreview__6da2d:before { +._6da2d8abf659f945-streamPreview:before { position: absolute; content: " "; width: 100%; @@ -4742,11 +4827,11 @@ body { pointer-events: none; z-index: -1; } -.streamPreview__6da2d:before { +._6da2d8abf659f945-streamPreview:before { width: 252px; left: 16px; } -.streamPreview__6da2d .previewContainer__6da2d { +._6da2d8abf659f945-streamPreview ._6da2d8abf659f945-previewContainer { background-color: transparent !important; box-shadow: var(--card-header-shadow); border: none !important; @@ -4757,18 +4842,20 @@ body { * THREADS POPOUT * */ -.container_d9c882 { +.d9c8822889d1d4a1-container { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); } -.container_d9c882 .header_d9c882 { +.d9c8822889d1d4a1-container .d9c8822889d1d4a1-header { background-color: transparent; box-shadow: var(--card-header-shadow); border: none; } -.container_d9c882 .searchBox_d9c882 { +.d9c8822889d1d4a1-container .searchBox_d9c882 { + min-height: auto; height: auto; border-radius: var(--input-radius); background-color: rgba(var(--textarea-color), var(--textarea-alpha)); @@ -4776,32 +4863,34 @@ body { color: var(--textarea-text-color); transition: var(--transition-time) var(--transition-type); } -.container_d9c882 .searchBox_d9c882:focus { +.d9c8822889d1d4a1-container .searchBox_d9c882:has(input:focus, textarea:focus) { background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; } -.container_d9c882 .container__6764b { +.d9c8822889d1d4a1-container ._6764bd76e0340219-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.container_d9c882 .container__6764b:hover { +.d9c8822889d1d4a1-container ._6764bd76e0340219-container:hover { background-color: var(--card-color-hover); border: none; } -.popout__76f04 { +._76f047ded9fef6d4-popout { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); } -.popout__76f04 .row__76f04 { +._76f047ded9fef6d4-popout ._76f047ded9fef6d4-row { border-radius: var(--list-item-radius); } -.popout__76f04 .row__76f04:hover { +._76f047ded9fef6d4-popout ._76f047ded9fef6d4-row:hover { background-color: var(--background-modifier-hover); } -.popout__76f04 .more__76f04 { +._76f047ded9fef6d4-popout ._76f047ded9fef6d4-more { color: hsl(var(--accent-hsl)); } @@ -4810,7 +4899,7 @@ body { * USER POPOUT * */ -.outer_c0bea0:not(.custom-user-profile-theme) { +.c0bea05627c5dc35-outer: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; @@ -4820,26 +4909,26 @@ body { --bg-surface-overlay: var(--profile-gradient-primary-color) !important; --bg-mod-faint: var(--profile-body-background-color) !important; } -.outer_c0bea0.theme-light:not(.custom-user-profile-theme) { +.c0bea05627c5dc35-outer.theme-light:not(.custom-user-profile-theme) { --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 { +.c0bea05627c5dc35-outer: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 { +.custom-user-profile-theme ._201d5e8a3c09670a-lookFilled { --button-background: var(--profile-gradient-button-color); --button-text-color: var(--white-500); --accent-button-action: var(--white-500); } -.outer_c0bea0 { +.c0bea05627c5dc35-outer { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; @@ -4847,7 +4936,7 @@ body { border-radius: var(--popout-radius); overflow: initial; } -.outer_c0bea0:before { +.c0bea05627c5dc35-outer:before { position: absolute; content: " "; width: 100%; @@ -4861,30 +4950,30 @@ body { pointer-events: none; z-index: -1; } -.outer_c0bea0 * { +.c0bea05627c5dc35-outer * { text-shadow: none; } -.outer_c0bea0 svg { +.c0bea05627c5dc35-outer svg { filter: none; } -.outer_c0bea0 .menus_af7fb7 > .menu_c1e9c4:before { +.c0bea05627c5dc35-outer .ce832809562bf737-menus > .c1e9c47c23f12ca3-menu:before { display: none; } -.inner_c0bea0 { +.c0bea05627c5dc35-inner { border-radius: calc(var(--popout-radius) / 1.25); } -.inner_c0bea0:before { +.c0bea05627c5dc35-inner:before { border-radius: inherit; } -.inner_c0bea0 .wrapper__44b0c circle { +.c0bea05627c5dc35-inner ._44b0c28be7879b7b-wrapper circle { fill: var(--profile-avatar-border-color); } -.inner_c0bea0 .inputWrapper__0f084 { +.c0bea05627c5dc35-inner ._0ed4fc708cdbac0d-inputWrapper, .c0bea05627c5dc35-inner ._72c3859781ebce8f-wrapper { border-radius: 18px; border: none; } -.inner_c0bea0 .input__0f084::-webkit-input-placeholder, .inner_c0bea0 .input__0ed4f::-webkit-input-placeholder { +.c0bea05627c5dc35-inner ._0f0849b61557225e-input::-webkit-input-placeholder { color: var(--textarea-placeholder-color); } @@ -4892,11 +4981,11 @@ body { border-radius: calc(var(--popout-radius) / 1.25) calc(var(--popout-radius) / 1.25) 0 0; } -.banner__68edb { +._68edb95846a37624-banner { border-radius: calc(var(--popout-radius) / 1.25) calc(var(--popout-radius) / 1.25) 0 0; } -.container__8061a { +._8061a5f9dbf6d829-container { padding: 2px; background-color: var(--card-color) !important; border-radius: 12px; @@ -4911,14 +5000,24 @@ body { padding-bottom: 0; } -.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .outer_ab8609 { +.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .ab86098b36386ff7-outer, +.ab86098b36386ff7-inner { + background-color: var(--card-color); + border-radius: var(--popout-radius); +} + +.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .ab86098b36386ff7-outer { border: none !important; } -.statusBubbleOuter_a82ccc:before, .statusBubbleOuter_af9888:before, .outer_ab8609:before, .statusBubbleOuter_a82ccc:after, .statusBubbleOuter_af9888:after, .outer_ab8609:after { +.statusBubbleOuter_a82ccc:before, .statusBubbleOuter_af9888:before, .ab86098b36386ff7-outer:before, .statusBubbleOuter_a82ccc:after, .statusBubbleOuter_af9888:after, .ab86098b36386ff7-outer:after { border: inherit !important; } -.custom-theme-background .menu_c1e9c4 { +.ab86098b36386ff7-inner { + backdrop-filter: blur(var(--popout-blur)); +} + +.custom-theme-background .c1e9c47c23f12ca3-menu { border: none; } @@ -4926,7 +5025,7 @@ body { border-radius: var(--popout-radius); } -.role_dfa8b6, .role__5d7c9 { +.dfa8b6b94cddb191-role, ._5d7c9a81ac5dd074-role { background-color: var(--background-modifier-selected); border-radius: 11px; border: none; @@ -4936,7 +5035,7 @@ body { margin-left: 0; margin-right: 0; } -.note_c90ad7 .input__0f084, .note_c90ad7 .input__0ed4f { +.note_c90ad7 ._0f0849b61557225e-input { height: unset; font-size: 14px; line-height: 16px; @@ -4963,13 +5062,13 @@ body { * VOICE CONNECTED * */ -.container__50387 { +._50387b5c048bc9e1-container { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.container__50387:before { +._50387b5c048bc9e1-container:before { position: absolute; content: " "; width: 100%; @@ -4989,17 +5088,17 @@ body { * SERVER FOLDERS * */ -.folder__48112 { +.b18fe29d6fe8dd82-hiddenVisually { background-color: transparent; } -.folder__48112.hover__48112 { +.b18fe29d6fe8dd82-hiddenVisually.hover__48112 { background-color: var(--server-folder-color); } -.unreadMentionsIndicatorTop_ef3116 + .itemsContainer_ef3116 .folder__48112 { +.ef3116c2da186559-unreadMentionsIndicatorTop + .ef3116c2da186559-itemsContainer .b18fe29d6fe8dd82-hiddenVisually { background-color: var(--server-folder-color); } -[style*="background-color: rgba(88, 101, 242, 0.4)"].folderIconWrapper__48112 { +[style*="background-color: rgba(88, 101, 242, 0.4)"]._48112cbe77dc5022-folderPreviewWrapper { background-color: hsla(var(--accent-hsl), 0.4) !important; } @@ -5008,48 +5107,46 @@ body { * SERVERS LIST * */ -.wrapper_ef3116 { +.ef3116c2da186559-wrapper { + margin-bottom: calc(var(--custom-app-panels-height, 0) + 10px); background-color: var(--sidebar-color); } -.wrapper_ef3116 .tree_ef3116:focus { +.ef3116c2da186559-wrapper .ef3116c2da186559-tree:focus { outline: none; } -.scroller_ef3116 { +.ef3116c2da186559-scroller { background-color: transparent !important; } -.scroller_ef3116::-webkit-scrollbar { - width: 0 !important; -} -.listItem__650eb svg { +._650eb104245d257b-listItem svg { filter: none; } -.childWrapper__6e9f8, -.circleIconButton__5bc7e { +._6e9f8dce4cc18de3-childWrapper, +._5bc7ed9d4097f6b5-circleIconButton { background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important; color: var(--accent-text-color) !important; } -.mention_c10249 { +._3b95d7d910416e54-mention { background-color: hsla(var(--accent-hsl), var(--accent-opacity)); color: var(--accent-text-color); } -.numberBadge__2b1f5 { +._2b1f52e43a8f1c02-numberBadge { background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important; color: var(--accent-text-color) !important; } -.iconBadge__650eb.participating__64cf0 { +._650eb104245d257b-iconBadge.participating__64cf0 { background-color: hsla(var(--accent-hsl), var(--accent-opacity)); } -.iconBadge__650eb.participating__64cf0 path { +._650eb104245d257b-iconBadge.participating__64cf0 path { fill: var(--accent-text-color); } -.item__58105 { +._581051df43c5ebb6-item { background-color: var(--notification-color); } @@ -5068,20 +5165,20 @@ body { * SERVER SETTING AUDIT LOG * */ -.auditLog__43dab { +._43dab84f7529cb48-auditLog { background-color: var(--card-color); border-radius: var(--card-radius); border: none; overflow: hidden; } -.auditLog__43dab .header__43dab, -.auditLog__43dab .changeDetails__43dab { +._43dab84f7529cb48-auditLog ._43dab84f7529cb48-header, +._43dab84f7529cb48-auditLog ._43dab84f7529cb48-changeDetails { background-color: transparent; } -.auditLog__43dab .headerExpanded__43dab { +._43dab84f7529cb48-auditLog ._43dab84f7529cb48-headerExpanded { box-shadow: var(--popout-header-shadow); } -.auditLog__43dab .divider__43dab { +._43dab84f7529cb48-auditLog ._43dab84f7529cb48-divider { display: none; } @@ -5090,52 +5187,53 @@ body { * SERVER SETTINGS AUTOMOD * */ -.editCard_a25a68 { +.a25a68d7be1be409-editCard { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.editCard_a25a68:before { +.a25a68d7be1be409-editCard:before { display: none; } -.editCard_a25a68.active_ef2ec5 { +.a25a68d7be1be409-editCard.active_ef2ec5 { background-color: var(--card-color) !important; } -.editCard_a25a68 .ruleIconContainer_c5e6a1 { +.a25a68d7be1be409-editCard .c5e6a11cf27336f8-ruleIconContainer { background-color: var(--card-color); } -.editCard_a25a68 .actionContainer_bc4513 { +.a25a68d7be1be409-editCard .bc45130a46a61b36-actionContainer { background-color: var(--card-color); } -.collapseable__217b7 { +._217b73c8e5e3ff6d-collapseable { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.collapseable__217b7:active { +._217b73c8e5e3ff6d-collapseable:active { background-color: var(--card-color) !important; } -.collapseable__217b7:before { +._217b73c8e5e3ff6d-collapseable:before { display: none; } -.actionContainer_c5e6a1 { +.c5e6a11cf27336f8-actionContainer { margin-top: 28px; } -.stepCountIcon_b6c6eb { +.b6c6eb5e65b969d2-stepCountIcon { background-color: var(--card-color); } -.mentionLimitContainer_ed9c90 { +.ed9c90c31c2038a5-mentionLimitContainer { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.stepperContainer_ed9c90 { +.ed9c90c31c2038a5-stepperContainer { 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)); @@ -5143,20 +5241,21 @@ body { color: var(--textarea-text-color); transition: var(--transition-time) var(--transition-type); } -.stepperContainer_ed9c90:focus { +.ed9c90c31c2038a5-stepperContainer:has(input:focus, textarea:focus) { background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; } -.stepperContainer_ed9c90 .stepper_ed9c90 { +.ed9c90c31c2038a5-stepperContainer .ed9c90c31c2038a5-stepper { border-radius: var(--input-radius); } -.stepperContainer_ed9c90 .iconWrapper__0d13e { +.ed9c90c31c2038a5-stepperContainer .iconWrapper__0d13e { background-color: transparent; } -.stepperContainer_ed9c90 .iconWrapper__0d13e .icon_bb7288 { +.ed9c90c31c2038a5-stepperContainer .iconWrapper__0d13e .icon_bb7288 { width: var(--input-height); height: var(--input-height); } -.stepperContainer_ed9c90 .input__0f084, .stepperContainer_ed9c90 .input__0ed4f { +.ed9c90c31c2038a5-stepperContainer ._0f0849b61557225e-input { background-color: transparent; } @@ -5165,7 +5264,7 @@ body { * SERVER SETTINGS BANNED USERS * */ -.scrollerContainer_cdb2b0 { +._4b8d892e5bcb9bd7-scrollerContainer { background-color: var(--card-color); border-radius: var(--card-radius); border: none; @@ -5177,47 +5276,47 @@ body { * SERVER SETTINGS CONTENT MODERATION * */ -.triggerMainContainer_b6c6eb { +.b6c6eb5e65b969d2-triggerMainContainer { margin: 8px 0; padding: 0; border: none; } .keywordListContainer__09e76, -.actionContainer__6446f { +._6446fb2bd9a3c2e5-actionContainer { padding: 12px 16px; background-color: var(--card-color); border-radius: var(--card-radius); border: none; } .keywordListContainer__09e76:hover, -.actionContainer__6446f:hover { +._6446fb2bd9a3c2e5-actionContainer:hover { background-color: var(--card-color-hover); border: none; } -.actionContainer__6446f .actionContainer__6446f { +._6446fb2bd9a3c2e5-actionContainer ._6446fb2bd9a3c2e5-actionContainer { padding: 0; background-color: transparent; } -.keywordsTextArea__6a631 { +._6a63119adb6c6ba0-keywordsTextArea { background-color: rgba(var(--textarea-color), var(--textarea-alpha)); border-radius: 18px; border: none; transition: var(--transition-time) var(--transition-type); } -.keywordsTextArea__6a631:focus { +._6a63119adb6c6ba0-keywordsTextArea:focus { background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); } -.keywordsTextArea__6a631::-webkit-input-placeholder { +._6a63119adb6c6ba0-keywordsTextArea::-webkit-input-placeholder { color: var(--textarea-placeholder-color); } -.dividerContainer__1abf5 { +._1abf5dc345ecb493-dividerContainer { margin: 6px auto 0; } -.dividerContainer__1abf5 .dividierIcon__1abf5 { +._1abf5dc345ecb493-dividerContainer ._1abf5dc345ecb493-dividierIcon { color: var(--text-muted); } @@ -5232,7 +5331,7 @@ body { border: none; } -.header__812a7, .checklistHeader-3liG7E { +._99871ef1d8f8adaa-header, .checklistHeader-3liG7E { background-color: transparent; box-shadow: var(--card-header-shadow); border: none; @@ -5243,13 +5342,13 @@ body { * SERVER SETTINGS EMOJI * */ -.emojiRow_e7d73e:before { +.e7d73e5106887df1-emojiRow:before { background-color: var(--background-modifier-hover); } -.emojiRow_e7d73e .input__0f084, .emojiRow_e7d73e .input__0ed4f { +.e7d73e5106887df1-emojiRow ._0f0849b61557225e-input { padding: 0 12px; } -.emojiRow_e7d73e .emojiAliasPlaceholder_e7d73e { +.e7d73e5106887df1-emojiRow .emojiAliasPlaceholder_e7d73e { height: var(--input-height); line-height: var(--input-height); padding: 1px 12px 0; @@ -5284,7 +5383,7 @@ body { border: none; } -.developerPortalCtaWrapper_bf485f { +._540ed2de1cc1ed38-developerPortalCtaWrapper { background-color: var(--card-color); } @@ -5302,17 +5401,17 @@ body { height: auto; } -.card_b846e5:before { +._4bb93312e84f332e-card:before { background-color: var(--card-color-hover); border-radius: var(--card-radius); } -.active.card_b846e5:before { +.active._4bb93312e84f332e-card:before { background-color: var(--card-color-hover); opacity: 1; } /* SERVER LISTS -> MEMBERS LIST */ -.member-2cj2PI .role_dfa8b6, .member-2cj2PI .role__5d7c9 { +.member-2cj2PI .dfa8b6b94cddb191-role, .member-2cj2PI ._5d7c9a81ac5dd074-role { background-color: var(--background-modifier-active); } @@ -5321,12 +5420,12 @@ body { * SERVER SETTINGS PARTNER PROGRAM * */ -.feature-2IUcBI, .featureCard_bebc5b { +.feature-2IUcBI, ._7dd5e5d187db8f31-featureCard { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.feature-2IUcBI .featureIcon_bebc5b, .featureCard_bebc5b .featureIcon_bebc5b { +.feature-2IUcBI ._7dd5e5d187db8f31-featureIcon, ._7dd5e5d187db8f31-featureCard ._7dd5e5d187db8f31-featureIcon { background-color: var(--card-color); } @@ -5347,18 +5446,18 @@ body { * SERVER SETTINGS PERMISSIONS * */ -.settingCard__1a4ef { +._1a4ef2934d882343-settingCard { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.settingCard__1a4ef.active_dd864e { +._1a4ef2934d882343-settingCard.active_dd864e { background-color: var(--card-color); border-radius: var(--card-radius); border: none; overflow: hidden; } -.settingCard__1a4ef.active_dd864e .cardContent_f62fce { +._1a4ef2934d882343-settingCard.active_dd864e .f62fcea76cf9e158-cardContent { box-shadow: var(--card-header-shadow); } @@ -5366,25 +5465,25 @@ body { background-color: transparent; } -.group__344e6 { +._344e69670924b1be-group { background-color: var(--card-color); border-radius: var(--card-radius); border: none; overflow: hidden; } -.item__344e6 { +._344e69670924b1be-item { cursor: pointer; } -.selected__344e6.deny__344e6 { +._344e69670924b1be-selected._344e69670924b1be-deny { 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 { +._344e69670924b1be-selected._344e69670924b1be-passthrough { background-color: hsla(217, 8%, 41%, 0.65); } -.selected__344e6.allow__344e6 { +._344e69670924b1be-selected._344e69670924b1be-allow { 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; } @@ -5403,32 +5502,32 @@ body { * SERVER SETTINGS ROLES * */ -.container_d8f25b { +.d8f25bf4f76423e6-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.container_d8f25b:hover { +.d8f25bf4f76423e6-container:hover { background-color: var(--card-color-hover); border: none; } -.roleRow__5f97b .button__292b6 { +._5f97b45169dc1b9d-roleRow .button__292b6 { background-color: var(--background-modifier-active); } -.roleRow__5f97b:hover .button__292b6 { +._5f97b45169dc1b9d-roleRow:hover .button__292b6 { background-color: var(--background-modifier-active) !important; } -.roleRow__5f97b:hover .button__292b6:hover { +._5f97b45169dc1b9d-roleRow:hover .button__292b6:hover { background-color: var(--background-modifier-hover) !important; } /* SERVER SETTINGS ROLES -> EDIT ROLE */ -.titleContainer_e29cd7 { +.e29cd7b93c4f1266-titleContainer { position: sticky; overflow: hidden; } -.titleContainer_e29cd7:before { +.e29cd7b93c4f1266-titleContainer:before { content: " "; position: absolute; width: calc(100% + var(--app-margin) * 2); @@ -5447,11 +5546,11 @@ body { pointer-events: none; } -.header_c6bf1b { +.c6bf1b7af480dfda-header { padding: 60px 8px 0; overflow: hidden; } -.header_c6bf1b:before { +.c6bf1b7af480dfda-header:before { content: " "; position: absolute; width: calc(100% + var(--app-margin) * 2); @@ -5492,13 +5591,13 @@ body { border: none; } -.backgroundContainer_eaaeee { +.eaaeee8cdde53fd1-backgroundContainer { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.requirementContainer__0a749 { +._0a749b746753a420-requirementContainer { background-color: rgba(var(--textarea-color), var(--textarea-alpha)); border-radius: var(--input-radius); } @@ -5522,7 +5621,7 @@ body { box-shadow: var(--card-header-shadow); } -.fieldFooterContainer_eaaeee { +.eaaeee8cdde53fd1-fieldFooterContainer { background-color: var(--card-color); border-radius: 0 0 var(--card-radius) var(--card-radius); } @@ -5534,11 +5633,11 @@ body { } /* SERVER SETTINGS MEMBERSHIP SCREENING -> PREVIEW */ -.guildSidebar_b962dc { +.b962dc319e969a3f-guildSidebar { background-color: var(--sidebar-color); } -.modal_b962dc .formFieldWrapper-2LV3S6 { +.b962dc319e969a3f-modal .formFieldWrapper-2LV3S6 { background-color: var(--card-color); border-radius: var(--card-radius); border: none; @@ -5555,7 +5654,7 @@ body { border: none; } -.safetyChecklist_eae0ef { +.eae0ef2ab2653087-safetyChecklist { background-color: var(--card-color); border-radius: var(--card-radius); border: none; @@ -5566,48 +5665,48 @@ body { * SERVER SETTINGS STICKERS * */ -.tier_f15dca { +.a36dee84341ac9f5-tier { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.tier_f15dca .grid_d87d30 { +.a36dee84341ac9f5-tier .d87d306172919de5-grid { padding: 0 16px 16px; } -.tierHeaderLocked_f15dca, -.tierHeaderUnlocked_f15dca { +.a36dee84341ac9f5-tierHeaderLocked, +.a36dee84341ac9f5-tierHeaderUnlocked { background-color: transparent !important; box-shadow: var(--popout-header-shadow); } -.tierBody_f15dca { +.a36dee84341ac9f5-tierBody { background-color: transparent !important; } -.wrapper__83b1d { +._83b1d7042b9be375-wrapper { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.wrapper__83b1d:hover { +._83b1d7042b9be375-wrapper:hover { background-color: var(--card-color-hover); border: none; } -.background_c44edb { +.c44edb7a6ac077d8-background { color: var(--card-color) !important; } -.foreground_c44edb { +.c44edb7a6ac077d8-foreground { color: hsla(var(--accent-hsl), var(--accent-opacity)); } -.theme-dark .tierInProgress_c44edb { +.theme-dark .c44edb7a6ac077d8-tierInProgress { background-color: var(--card-color); } -.theme-dark .tierAccomplished_c44edb, -.theme-dark .tierCurrent_c44edb, -.theme-dark .tierFirst_c44edb { +.theme-dark .c44edb7a6ac077d8-tierAccomplished, +.theme-dark .c44edb7a6ac077d8-tierCurrent, +.theme-dark .c44edb7a6ac077d8-tierFirst { background: hsla(var(--accent-hsl), var(--accent-opacity)); } @@ -5616,7 +5715,7 @@ body { * SERVER SETTINGS SERVER TEMPLATE * */ -.descriptionBox__981f7 { +._981f723644a1a061-descriptionBox { background-color: var(--card-color); border-radius: var(--card-radius); border: none; @@ -5626,32 +5725,32 @@ body { height: auto; } -.enableContainer__5ea8c { +._5ea8ce30885a2f21-enableContainer { background-color: var(--card-color); border-radius: var(--card-radius) var(--card-radius) 0 0; box-shadow: var(--card-header-shadow); } -.previewContainer__5579e { +._74a6a7a80cfedda2-previewContainer { background-color: var(--card-color); border-radius: 0 0 var(--card-radius) var(--card-radius); } -.previewContainer__5579e .welcomeChannel__5579e { +._74a6a7a80cfedda2-previewContainer ._74a6a7a80cfedda2-welcomeChannel { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.previewContainer__5579e .welcomeChannel__5579e .channelIcon__5579e { +._74a6a7a80cfedda2-previewContainer ._74a6a7a80cfedda2-welcomeChannel ._74a6a7a80cfedda2-channelIcon { background-color: var(--background-modifier-selected); border-radius: 50%; } -.optionContainer__949ab { +._949ab4d1e52789e8-optionContainer { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.optionContainer__949ab:hover { +._949ab4d1e52789e8-optionContainer:hover { background-color: var(--card-color-hover); border: none; } @@ -5661,19 +5760,20 @@ body { * USER SETTINGS ACTIVITY STATUS * */ -.notDetected_cc46f0 { +.cc46f0f859f26200-notDetected { background-color: var(--card-color) !important; border-radius: var(--card-radius) !important; border: none !important; } -.game_cc46f0 { +.cc46f0f859f26200-game { box-shadow: 0 1px 0 0 var(--background-modifier-accent) !important; } -.game_cc46f0 .gameNameInput_cc46f0 { +.cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput { border: none; } -.game_cc46f0 .gameNameInput_cc46f0:hover, .game_cc46f0 .gameNameInput_cc46f0:focus { +.cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput:hover, .cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput:focus { + min-height: auto; height: auto; border-radius: var(--input-radius); background-color: rgba(var(--textarea-color), var(--textarea-alpha)); @@ -5681,10 +5781,11 @@ body { color: var(--textarea-text-color); transition: var(--transition-time) var(--transition-type); } -.game_cc46f0 .gameNameInput_cc46f0:focus:focus { +.cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput:hover:has(input:focus, textarea:focus), .cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput:focus:has(input:focus, textarea:focus) { background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)); + outline: none !important; } -.game_cc46f0 .lastPlayed_cc46f0 { +.cc46f0f859f26200-game .cc46f0f859f26200-lastPlayed { color: var(--text-muted); } @@ -5693,22 +5794,22 @@ body { * USER SETTINGS AUTHORIZED APPS * */ -.authedAppV2__50a54 { +._50a5493e9d9cc496-authedAppV2 { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.authedAppV2__50a54 .headerV2__50a54 { +._50a5493e9d9cc496-authedAppV2 ._50a5493e9d9cc496-headerV2 { background-color: transparent; box-shadow: var(--card-header-shadow); border: none; } -.actionMenuButton_d84e0f { +.d84e0fd1f07926c7-actionMenuButton { background-color: var(--card-color-hover); border-radius: 16px; } -.actionMenuButton_d84e0f:hover, [aria-expanded=true].actionMenuButton_d84e0f { +.d84e0fd1f07926c7-actionMenuButton:hover, [aria-expanded=true].d84e0fd1f07926c7-actionMenuButton { background-color: var(--card-color-select); } @@ -5717,31 +5818,31 @@ body { * USER SETTINGS BILLING * */ -.paymentPane__01014 { +._01014d2e38bd7c76-paymentPane { background-color: var(--card-color) !important; border-radius: var(--card-radius) !important; border: none !important; } -.paymentPane__01014 > .paymentRow__01014 { +._01014d2e38bd7c76-paymentPane > ._01014d2e38bd7c76-paymentRow { background-color: transparent; box-shadow: var(--card-header-shadow); border: none; } -.paymentPane__01014 .paginator__01014 { +._01014d2e38bd7c76-paymentPane .paginator__01014 { background-color: transparent !important; } -.paymentPane__01014 .bottomDivider__01014.scrollerBase__99f8c { +._01014d2e38bd7c76-paymentPane ._01014d2e38bd7c76-bottomDivider.d125d22cdfd32cfe-scrollerBase { border-bottom: none; } -.payment_e9cb00 { +.e9cb00d6250845ad-payment { background-color: transparent !important; } -.payment_e9cb00.bottomDivider__01014 { +.e9cb00d6250845ad-payment._01014d2e38bd7c76-bottomDivider { border-bottom-color: hsla(0, 0%, 100%, 0.1); } -.expandedInfo_e9cb00 { +.e9cb00d6250845ad-expandedInfo { background-color: var(--card-color) !important; border-radius: var(--card-radius) !important; border: none !important; @@ -5767,42 +5868,12 @@ body { border-radius: 0 21px 21px 0; } -.connectContainer_c7f964 { - padding: 0; +.c7f964e7e0fc8b47-connection { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.connectContainer_c7f964 .connectHeader_c7f964 { - padding: 16px; - margin-bottom: 0; - background-color: transparent; - box-shadow: var(--card-header-shadow); - border: none; -} -.connectContainer_c7f964 .text-xs\/normal_cf4812 { - padding: 16px 16px 0; -} -.connectContainer_c7f964 .connectionsContainer_c7f964 { - margin-top: 0; - padding: 16px; -} -.connectContainer_c7f964 .accountButtonInner_c7f964 { - background-color: var(--card-color); - border-radius: var(--card-radius); - border: none; -} -.connectContainer_c7f964 .accountButtonInner_c7f964:hover { - background-color: var(--card-color-hover); - border: none; -} - -.connection_c7f964 { - background-color: var(--card-color); - border-radius: var(--card-radius); - border: none; -} -.connection_c7f964 .connectionHeader_c7f964 { +.c7f964e7e0fc8b47-connection .c7f964e7e0fc8b47-connectionHeader { background-color: transparent; box-shadow: var(--card-header-shadow); border: none; @@ -5813,19 +5884,19 @@ body { * USER SETTINGS DEVICES * */ -.session__803f2 { +._803f2f55621144fb-session { padding: 16px; background-color: var(--card-color); } -.session__803f2:first-of-type { +._803f2f55621144fb-session:first-of-type { margin-top: 12px; border-radius: var(--card-radius) var(--card-radius) 0 0; } -.session__803f2:last-of-type { +._803f2f55621144fb-session:last-of-type { border-radius: 0 0 var(--card-radius) var(--card-radius); border-bottom: none; } -.session__803f2:only-child { +._803f2f55621144fb-session:only-child { border-radius: var(--card-radius); } @@ -5834,37 +5905,37 @@ body { * USER SETTINGS FAMILY CENTER * */ -.container__5dbf8 { +._5dbf818b58a61b59-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.container__8cc9a { +._8cc9a9c411c88ba2-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.container__5b321, .container__5b321 .row__0624f { +._5b32177e89c63961-container, ._5b32177e89c63961-container ._0624fc41b766635c-row { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.container__5b321 .iconContainer__0624f { +._5b32177e89c63961-container ._0624fc41b766635c-iconContainer { background-color: var(--background-modifier-hover); } -.box_f8c98c, .box_d9914b { +.f8c98cc3d7c1bc42-box, .d9914bd9cd9c033f-box { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.box_f8c98c .stepNumber_d9914b, .box_d9914b .stepNumber_d9914b { +.f8c98cc3d7c1bc42-box .d9914bd9cd9c033f-stepNumber, .d9914bd9cd9c033f-box .d9914bd9cd9c033f-stepNumber { background-color: var(--background-modifier-hover); } -.enableCard__74f90 { +._74f9030597917893-enableCard { background-color: var(--card-color); border-radius: var(--card-radius); border: none; @@ -5875,14 +5946,14 @@ body { * USER SETTINGS GAME OVERLAY * */ -.wrapper_d2da9c { +.e03935f4f4b2af0c-wrapper { border-radius: var(--card-radius); border-color: hsla(var(--accent-hsl), var(--accent-opacity)); } -.wrapper_d2da9c .option_d2da9c { +.e03935f4f4b2af0c-wrapper .e03935f4f4b2af0c-option { border-radius: var(--card-radius); } -.wrapper_d2da9c .option_d2da9c:hover, .wrapper_d2da9c .option_d2da9c.selected_d2da9c { +.e03935f4f4b2af0c-wrapper .e03935f4f4b2af0c-option:hover, .e03935f4f4b2af0c-wrapper .e03935f4f4b2af0c-option.e03935f4f4b2af0c-selected { background-color: hsla(var(--accent-hsl), var(--accent-opacity)); border-color: hsla(var(--accent-hsl), var(--accent-opacity)); } @@ -5892,11 +5963,8 @@ body { * USER SETTINGS KEYBINDS * */ -.warning__35859 { - border-radius: var(--card-radius); -} - -.keybindInput__2636e { +._2636e15ac7a66a8d-keybindInput { + min-height: var(--input-height); height: var(--input-height); border-radius: var(--input-radius); background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important; @@ -5904,8 +5972,9 @@ body { color: var(--textarea-text-color); transition: var(--transition-time) var(--transition-type); } -.keybindInput__2636e:focus { +._2636e15ac7a66a8d-keybindInput:has(input:focus, textarea:focus) { background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus)) !important; + outline: none !important; } /* @@ -5913,29 +5982,29 @@ body { * USER SETTINGS MY ACCOUNT * */ -.accountProfileCard__1fed1 { +._1fed1dd06c7aabf7-accountProfileCard { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.accountProfileCard__1fed1 .wrapper__44b0c { +._1fed1dd06c7aabf7-accountProfileCard ._44b0c28be7879b7b-wrapper { background-color: transparent; border: none; box-shadow: var(--popout-shadow); } -.accountProfileCard__1fed1 .wrapper__44b0c svg { +._1fed1dd06c7aabf7-accountProfileCard ._44b0c28be7879b7b-wrapper svg { filter: none; } -.accountProfileCard__1fed1 .background__1fed1 { +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-background { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.accountProfileCard__1fed1 .background__1fed1 .fieldList__1fed1 { +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-background ._1fed1dd06c7aabf7-fieldList { background-color: transparent; } -.credentialList__6c75d { +._6c75d92c128c46b0-credentialList { margin-bottom: 16px; padding: 8px; background-color: var(--card-color); @@ -5943,14 +6012,14 @@ body { border: none; } -.credentialItem__6c75d { +._6c75d92c128c46b0-credentialItem { border-radius: calc(var(--card-radius) / 1.65); border-top: none; } -.credentialItem__6c75d:not(:last-child) { +._6c75d92c128c46b0-credentialItem:not(:last-child) { margin-bottom: 0; } -.credentialItem__6c75d:hover { +._6c75d92c128c46b0-credentialItem:hover { background-color: var(--background-modifier-hover); } @@ -5959,26 +6028,26 @@ body { * USER SETTINGS PARYT MODE * */ -.achievementContainer_f8824b { +.f8824b9540b055b4-achievementContainer { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.achievementContainer_f8824b:hover { +.f8824b9540b055b4-achievementContainer:hover { background-color: var(--card-color-hover); border: none; } -.container__8e75f { +._8e75f9d969241b38-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.container__8e75f:hover { +._8e75f9d969241b38-container:hover { background-color: var(--card-color-hover); border: none; } -.container__8e75f .container_e6b065 { +._8e75f9d969241b38-container .e6b06524a3befa54-container { background-color: var(--card-color); } @@ -6002,7 +6071,7 @@ body { pointer-events: none; z-index: -1; } -.container_e48555 .container_e6b065 { +.container_e48555 .e6b06524a3befa54-container { background-color: rgba(0, 0, 0, 0.35); } .container_e48555 .text-md-semibold-3xVVGu, @@ -6010,13 +6079,13 @@ body { color: var(--text-normal) !important; } -.comboNameplate__257af { +._257afd0547709ecc-comboNameplate { background-color: transparent; border-radius: var(--popout-radius); box-shadow: none; overflow: hidden; } -.comboNameplate__257af:before { +._257afd0547709ecc-comboNameplate:before { position: absolute; content: " "; width: 100%; @@ -6030,7 +6099,7 @@ body { pointer-events: none; z-index: -1; } -.comboNameplate__257af .comboMultiplier__257af { +._257afd0547709ecc-comboNameplate ._257afd0547709ecc-comboMultiplier { color: hsl(var(--accent-hsl)) !important; } @@ -6043,12 +6112,12 @@ body { * USER SETTINGS PROFILE * */ -.upsellOverlayContainer__0f7dc { +._0f7dce48ad846f17-upsellOverlayContainer { border-radius: var(--card-radius); overflow: hidden; } -.upsellOverlay__0f7dc { +._0f7dce48ad846f17-upsellOverlay { border-radius: 0; } @@ -6056,7 +6125,7 @@ body { border-radius: var(--card-radius); } -.bioTextArea__6a919 { +._6a919231d4bdfd4f-bioTextArea { background-color: rgba(var(--textarea-color), var(--textarea-alpha)); border-radius: var(--textarea-radius); border: none; @@ -6066,6 +6135,7 @@ body { background-color: var(--popout-color); border-radius: var(--popout-radius); box-shadow: var(--popout-shadow); + border: none; backdrop-filter: blur(var(--popout-blur)); } .profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d { @@ -6084,12 +6154,12 @@ body { * USER SETTINGS SERVER BOOST * */ -.gradient__8e08c { +._8e08ce7f1f1b7f5a-gradient { margin-bottom: 40px; border-radius: var(--card-radius); } -.header__99020 { +._9902028ffbba1d6c-header { background-color: var(--card-color); border-radius: var(--card-radius); border: none; @@ -6099,23 +6169,23 @@ body { display: none; } -.guildContainer__5dba5, -.wrapper__37ae5 { +._5dba5003598d9c70-guildContainer, +._37ae554d51e1c7d1-wrapper { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.wrapper__4d7bb { +._4d7bb356d058f441-wrapper { border-radius: var(--card-radius); } -.wrapper__4d7bb .card__4d7bb { +._4d7bb356d058f441-wrapper ._4d7bb356d058f441-card { background-color: var(--card-color-select); border-radius: var(--card-radius); backdrop-filter: blur(var(--app-blur)); } -.wrapper__5b98e { +._5b98ee5ec86ed598-wrapper { background-color: var(--card-color); border-radius: var(--card-radius); border: none; @@ -6133,371 +6203,408 @@ body { border-width: 2px; } -.backgroundOption__53965 .backgroundOptionRing__53965 { - border-radius: var(--card-radius); - border-color: hsla(var(--accent-hsl), var(--accent-opacity)); -} -.backgroundOption__53965 .backgroundOptionInner__53965 { - background: var(--card-color); - border-radius: var(--card-radius); -} - /* * * SETTINGS CONTENT AREA * */ -.contentRegion__23e6b { +._23e6b439306f125a-contentRegion { background-color: var(--main-content-color); } -.container_fcf29c { +._9a9f981d3524e20f-container { background-color: var(--popout-color) !important; border-radius: var(--popout-radius) !important; box-shadow: var(--popout-shadow) !important; + border: none !important; backdrop-filter: blur(var(--popout-blur)); } +/* SETTINGS CONTENT AREA V2 */ +.e4491282b6a5364a-modal { + backdrop-filter: none; +} + +.e9e3ed8b8badfe05-content, +.e9e3ed8b8badfe05-contentHeader { + background-color: transparent; +} + +._40128e129e4f87de-scrim { + backdrop-filter: blur(var(--app-blur)); +} + /* * * SETTINGS SIDEBAR * */ -.sidebarRegionScroller__23e6b { +._23e6b439306f125a-sidebarRegionScroller { background-color: var(--sidebar-color); } -.side_b3f026 .item_b3f026 { +.aa8da23faa27393c-side .aa8da23faa27393c-item { border-radius: var(--list-item-radius); } -.selectedBackground_e681d1 { +.e681d139d22f277b-selectedBackground { display: none; } +/* SETTINGS SIDEBAR V2 */ +._409aa1aeee28d5f7-fixedContent:after { + display: none; +} + +/* + * + * DISCORD SHOP HOME VIEW + * + */ +._6db1d32c47b6ad72-shop { + background-color: var(--main-content-color); +} + +._1feb0fca744244ab-page, +._084152b107f71237-shop { + background-color: transparent; +} + +._6db1d32c47b6ad72-shopViewWrapper .d125d22cdfd32cfe-scrollerBase { + background-color: transparent; +} + +.darkCardBackground_c3d04b, +.lightCardBackground_c3d04b { + background-color: transparent; + border-top: none; +} + +.preview_c3d04b { + box-shadow: var(--card-header-shadow); +} + /* * * VISUAL REFRESH * */ -.visual-refresh.refresh-fast-follow-guild-bg .bg__960e4 { +.visual-refresh.refresh-fast-follow-guild-bg ._960e4207cea8323e-bg { background: transparent; } -.visual-refresh.refresh-fast-follow-guild-bg .wrapper_ef3116 { +.visual-refresh.refresh-fast-follow-guild-bg .ef3116c2da186559-wrapper { background: transparent; } .visual-refresh body, -.visual-refresh .bg__960e4 { +.visual-refresh ._960e4207cea8323e-bg { background: transparent; } -.visual-refresh .layers__160d8 { +.visual-refresh ._160d8e55254637e5-layers { margin: 0 var(--app-margin) var(--app-margin); backdrop-filter: none; } -.visual-refresh .content_c48ade { +.visual-refresh ._5e434347c823b592-content { border-radius: var(--app-radius); overflow: hidden; backdrop-filter: blur(var(--app-blur)); } -.visual-refresh .wrapper_ef3116 { +.visual-refresh .ef3116c2da186559-wrapper { background-color: transparent; } -.visual-refresh .scroller_ef3116 { +.visual-refresh .ef3116c2da186559-scroller { padding-top: var(--space-12); } -.visual-refresh .sidebar_c48ade { +.visual-refresh ._5e434347c823b592-sidebar { background-color: var(--sidebar-color); } -.visual-refresh .sidebar_c48ade:after { +.visual-refresh ._5e434347c823b592-sidebar:after { display: none; } -.visual-refresh .sidebarList_c48ade { +.visual-refresh ._5e434347c823b592-sidebarList { backdrop-filter: none; border: none; } -.visual-refresh .container_f37cb1 { +.visual-refresh .f37cb1984c371ee5-container { background-color: transparent; } -.visual-refresh .header_f37cb1 { +.visual-refresh .f37cb1984c371ee5-header { border-bottom: none; box-shadow: var(--popout-header-shadow); } -.visual-refresh .container__2637a { - padding-bottom: calc(var(--custom-app-panels-height, 0) + 4px); +.visual-refresh ._2637a2609f343032-container, +.visual-refresh .e6b7699ce8339e1c-privateChannels { + padding-bottom: calc(var(--custom-app-panels-height, 0) + 10px); } -.visual-refresh .panels_c48ade { +.visual-refresh ._5e434347c823b592-panels { background-color: transparent; border: none; box-shadow: var(--popout-header-shadow); } -.visual-refresh .searchBar__35e86 { +.visual-refresh .e6b7699ce8339e1c-searchBar { border-bottom: none; box-shadow: var(--popout-header-shadow); } -.visual-refresh .searchBar__35e86 .lookFilled__201d5 { +.visual-refresh .e6b7699ce8339e1c-searchBar ._201d5e8a3c09670a-lookFilled { --button-background: rgba(var(--textarea-color),var(--textarea-alpha)); --button-text-color: var(--textarea-text-color); } -.visual-refresh [data-has-border=true].chat_f75fb0 { +.visual-refresh [data-has-border=true].f75fb00fb7356cbe-chat { border-top: none; } -.visual-refresh .chat_f75fb0 .scrollerBase_d125d2 { +.visual-refresh .f75fb00fb7356cbe-chat .d125d22cdfd32cfe-scrollerBase { background-color: transparent; } -.visual-refresh .container__9293f { +.visual-refresh ._9293f6b2fc12398a-container { border-bottom: none; } -.visual-refresh .chatContent_f75fb0 { +.visual-refresh .f75fb00fb7356cbe-chatContent { background-color: transparent; } -.visual-refresh .form_f75fb0 { +.visual-refresh .f75fb00fb7356cbe-form { margin-top: 0; } -.visual-refresh .attachButton__0923f { +.visual-refresh ._0923f156a0410684-attachButton { padding: var(--space-12) var(--space-xs) var(--space-12) var(--space-md); } -.visual-refresh .wrapper__44df5 { +.visual-refresh ._44df51b030bd5ece-wrapper { margin: 12px 0; padding: 11px 0; background-color: rgba(var(--textarea-color), var(--textarea-alpha)); border-radius: var(--textarea-radius); border: none; } -.visual-refresh .channelTextArea__74017 { +.visual-refresh ._740174f3d6a2c8fe-channelTextArea { background-color: rgba(var(--textarea-color), var(--textarea-alpha)); border: none; } -.visual-refresh .channelAttachmentArea_b77158 { - padding: 10px; - background-color: transparent; -} -.visual-refresh .upload_aa605f { +.visual-refresh .aa605f19898fe32e-upload { background-color: var(--message-color); border-radius: calc(var(--textarea-radius) / 1.4); border: none; } -.visual-refresh .stackedBars__74017 { +.visual-refresh ._740174f3d6a2c8fe-stackedBars { background-color: transparent; } -.visual-refresh .message__5126c { +.visual-refresh ._5126c0cd07f243a0-message { border-radius: var(--message-radius); } -.visual-refresh .wrapper_d852db, -.visual-refresh .wrapper_fc8177 { +.visual-refresh .d852db00c0588eb9-wrapper, +.visual-refresh .fc817765600a960a-wrapper { background-color: transparent; } -.visual-refresh .header__0b563, -.visual-refresh .pageBody__41ed7, -.visual-refresh .container__0b563 { +.visual-refresh ._0b56311ebc6682e2-header, +.visual-refresh ._41ed70e52483df6d-pageBody, +.visual-refresh ._0b56311ebc6682e2-container { background-color: transparent !important; } -.visual-refresh .prompt__5d7c9 { +.visual-refresh ._5d7c9a81ac5dd074-prompt { background-color: var(--card-color); border-radius: var(--card-radius); border: none; } -.visual-refresh .optionButtonWrapper__270d7 { +.visual-refresh ._270d7a28db32b312-optionButtonWrapper { background-color: var(--card-color); border-radius: var(--card-radius); border-color: transparent; } -.visual-refresh .optionButtonWrapper__270d7:hover { +.visual-refresh ._270d7a28db32b312-optionButtonWrapper:hover { background-color: var(--card-color-hover); } -.visual-refresh .optionButtonWrapper__270d7.selected__270d7 { +.visual-refresh ._270d7a28db32b312-optionButtonWrapper._270d7a28db32b312-selected { background-color: var(--card-color-select); border-color: hsl(var(--accent-hsl)); } -.visual-refresh .optionButton__270d7 { +.visual-refresh ._270d7a28db32b312-optionButton { background-color: transparent; } -.visual-refresh .channelRow_e4503a { +.visual-refresh .e4503acec53c64dd-channelRow { background-color: var(--card-color); border: none; } -.visual-refresh .channelRow_e4503a:not(.disabled_e4503a):hover { +.visual-refresh .e4503acec53c64dd-channelRow:not(.e4503acec53c64dd-disabled):hover { background-color: var(--card-color-hover); } -.visual-refresh .root_bfe55a { +.visual-refresh .bfe55a0aaaf62375-root { background-color: transparent; } -.visual-refresh .callContainer_cb9592 { +.visual-refresh .cb9592ad77576717-callContainer { border: none; } -.visual-refresh .searchResultsWrap_a9e706 { +.visual-refresh .a9e7064fdee8e9b0-searchResultsWrap { background-color: var(--sidebar-color); } -.visual-refresh .searchHeader_f3b986 { +.visual-refresh .f3b986a284a18c78-searchHeader { background-color: transparent; border-bottom: none; } -.visual-refresh .searchResult__02a39 { +.visual-refresh ._02a39cb2980ceaaf-searchResult { background-color: transparent; border: none; } -.visual-refresh .container_f369db { +.visual-refresh .f369dba7416c67f0-container { background-color: transparent; } -.visual-refresh .header_f369db { +.visual-refresh .f369dba7416c67f0-header { background-color: var(--card-color); border: none; } -.visual-refresh .matchingPostsRow_f369db { +.visual-refresh .f369dba7416c67f0-matchingPostsRow { background-color: var(--card-color); border: none; } -.visual-refresh .container_ca49a1 { +.visual-refresh .ca49a1898ddc29e3-container { background-color: var(--card-color); border: none; } -.visual-refresh .container__34c2c { +.visual-refresh ._34c2c51cfce1632e-container { background-color: var(--card-color); border-top: none; } -.visual-refresh .container__9a337, .visual-refresh .container_faa96b { +.visual-refresh ._9a337c84ff86a914-container, .visual-refresh .faa96b2163f6a142-container { background-color: var(--card-color); } -.visual-refresh .container__9a337:hover, .visual-refresh .container_faa96b:hover { +.visual-refresh ._9a337c84ff86a914-container:hover, .visual-refresh .faa96b2163f6a142-container:hover { background-color: var(--card-color-hover); } -.visual-refresh .container_d9be46 .channelTextArea__74017 { +.visual-refresh .d9be463a3c35b91e-container ._740174f3d6a2c8fe-channelTextArea { background-color: transparent; } -.visual-refresh .container_d9be46 .inner__74017 { +.visual-refresh .d9be463a3c35b91e-container ._740174f3d6a2c8fe-inner { padding-left: 16px; } -.visual-refresh .resizeHandle__01ae2 { +.visual-refresh ._01ae244280823725-resizeHandle { background-color: transparent; } -.visual-refresh .container__01ae2 { +.visual-refresh ._01ae244280823725-container { background-color: var(--main-content-color); border: none; } -.visual-refresh .pollContainer_b7e1cb { +.visual-refresh .b7e1cb0370c2dd0e-pollContainer { background-color: var(--textarea-block-color); border: none; } -.visual-refresh .attachment_b52bef, -.visual-refresh .embedFull__623de, -.visual-refresh .embedCard__44c9a, -.visual-refresh .container__9271d { +.visual-refresh ._0ccaee68b77c7469-fileWrapper, +.visual-refresh ._623de82e76ad7f82-embedFull, +.visual-refresh ._44c9ad8d149f0821-embedCard, +.visual-refresh ._9271d23503a01b50-container { background-color: var(--card-color); border-radius: var(--card-radius); border: none; border-left: 4px solid; } -.visual-refresh .file__0ccae { +.visual-refresh ._0ccaee68b77c7469-file { background-color: var(--card-color); border: none; box-shadow: none; } -.visual-refresh .contentWrapper__08434, .visual-refresh .contentWrapper_eab878 { +.visual-refresh ._084343c4f11eaaab-contentWrapper, .visual-refresh .contentWrapper_eab878 { background-color: transparent; border-radius: var(--popout-radius); border: none; box-shadow: none; } -.visual-refresh .contentWrapper__08434 .container__3412a, .visual-refresh .contentWrapper_eab878 .container__3412a { - border: none; -} -.visual-refresh .emojiPicker_c0e32c { +.visual-refresh .c0e32c5cffed3d9f-emojiPicker { background-color: transparent; } -.visual-refresh .header_c0e32c, -.visual-refresh .header__8ef02, -.visual-refresh .header_fed6d3 { +.visual-refresh .c0e32c5cffed3d9f-header, +.visual-refresh ._8ef02eea17068b73-header, +.visual-refresh .fed6d32841cc2da2-header { background-color: transparent; } -.visual-refresh .wrapper__4e6ce { +.visual-refresh ._4106ae7c1472c1de-wrapper { background-color: var(--sidebar-color); } -.visual-refresh .wrapper__14245 { +.visual-refresh ._14245bb948377a25-wrapper { position: sticky; background-color: transparent; backdrop-filter: blur(var(--popout-blur)); } -.visual-refresh .inspector_aeaaeb { +.visual-refresh .aeaaeb2a573807f0-inspector { background-color: transparent; } -.visual-refresh .membersWrap_c8ffbb { +.visual-refresh .c8ffbb79449f399c-membersWrap { background-color: transparent; border-left: none; } -.visual-refresh .container__0f2e8 { +.visual-refresh ._0f2e83213c878a13-container { background-color: var(--background-modifier-hover); } -.visual-refresh .container__0f2e8.selected__0f2e8 { +.visual-refresh ._0f2e83213c878a13-container._0f2e83213c878a13-selected { background-color: var(--background-modifier-selected); } -.visual-refresh .memberInner__5d473 { +.visual-refresh ._5d473ecff348c314-memberInner { height: 100%; } -.visual-refresh .container__133bf { +.visual-refresh ._133bf5eea8e33a34-container { border-top: none; } -.visual-refresh .tabBody__133bf { +.visual-refresh ._133bf5eea8e33a34-tabBody { background-color: transparent; } -.visual-refresh .container__7d20c { +.visual-refresh ._7d20cf18f8a2784c-container { background-color: transparent; } -.visual-refresh .channelHeader__35a7e { +.visual-refresh ._35a7ecf3aba351b2-channelHeader { background-color: var(--popout-color); } -.visual-refresh .messageContainer__95796 { +.visual-refresh ._957962c2bd49881b-messageContainer { background-color: transparent; border: none; } -.visual-refresh .recentMentionsPopout__95796 { +.visual-refresh ._957962c2bd49881b-recentMentionsPopout { background-color: transparent; } -.visual-refresh .messagesPopoutWrap__45690 { +.visual-refresh .e8b59c4b335dd2fc-messagesPopoutWrap { background-color: transparent; } -.visual-refresh .header__45690, -.visual-refresh .container__0f711 { +.visual-refresh .e8b59c4b335dd2fc-header, +.visual-refresh ._0f7115b4703f7b3a-container { background-color: transparent; border: none; } -.visual-refresh .messageGroupWrapper__45690 { +.visual-refresh .e8b59c4b335dd2fc-messageGroupWrapper { background-color: transparent; border: none; } -.visual-refresh .messageGroupWrapper__45690 .wrapper_c19a55 { +.visual-refresh .e8b59c4b335dd2fc-messageGroupWrapper .c19a557985eb7793-wrapper { margin-right: 0 !important; } -.visual-refresh .menu_c1e9c4 { +.visual-refresh .c1e9c47c23f12ca3-menu { border: none; } -.visual-refresh .layer__960e4 { +.visual-refresh ._960e4207cea8323e-layer { background-color: transparent; } -.visual-refresh .standardSidebarView__23e6b { +.visual-refresh ._23e6b439306f125a-standardSidebarView { margin-top: var(--custom-app-top-bar-height); background-color: transparent; border-radius: var(--app-radius); backdrop-filter: blur(var(--app-blur)); overflow: hidden; } -.visual-refresh .sidebarRegionScroller__23e6b { +.visual-refresh ._23e6b439306f125a-sidebarRegionScroller { background-color: var(--sidebar-color); } -.visual-refresh.platform-win .contentRegionScroller__23e6b { +.visual-refresh.platform-win ._23e6b439306f125a-contentRegionScroller { margin-top: 0; } -.visual-refresh .contentRegionScroller__23e6b { +.visual-refresh ._23e6b439306f125a-contentRegionScroller { background-color: transparent; } -.align-chat-input .scrollerSpacer__36d07 { +.align-chat-input ._2637a2609f343032-container .d125d22cdfd32cfe-scrollerBase, +.align-chat-input .e6b7699ce8339e1c-privateChannels .d125d22cdfd32cfe-scrollerBase { + margin-bottom: 0; +} +.align-chat-input ._36d072eab2b2e737-scrollerSpacer { height: var(--space-24); } -.align-chat-input .attachWrapper__0923f { +.align-chat-input ._0923f156a0410684-attachWrapper { padding: 0; } -.align-chat-input .attachButtonInner__0923f, -.align-chat-input .button__24af7:not(.noHover__24af7), -.align-chat-input .emojiButton__04eed { +.align-chat-input ._0923f156a0410684-attachButtonInner, +.align-chat-input ._24af7f4d0326ba4f-button:not(._24af7f4d0326ba4f-noHover), +.align-chat-input ._04eede68d145ae81-emojiButton { border-radius: var(--space-16); }