@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css); @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css); :root { --transparencycolor: 0, 0, 0; --transparencyalpha: 0.15; --messagetransparency: 0.5; --guildchanneltransparency: 0.15; --chatinputtransparency: 0.0; --memberlisttransparency: 0.0; --accentcolor: 190, 78, 180; --settingsicons: 1; --font: "gg sans", "Noto Sans"; --textshadow: transparent; --textbrightest: 255, 255, 255; --textbrighter: 222, 222, 222; --textbright: 200, 200, 200; --textdark: 160, 160, 160; --textdarker: 125, 125, 125; --textdarkest: 90, 90, 90; --background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg); --backgroundposition: center; --backgroundsize: cover; --backgroundblur: 0; --popout: var(--background); --popoutposition: var(--backgroundposition); --popoutsize: var(--backgroundsize); --popoutblur: var(--backgroundblur); --backdrop: rgba(0, 0, 0, 0.85); --backdropposition: center; --backdropsize: cover; --backdropblur: 0; --transparencycolor_v: var(--transparencycolor_s, var(--transparencycolor)); --transparencyalpha_v: var(--transparencyalpha_s, var(--transparencyalpha)); --messagetransparency_v: var(--messagetransparency_s, var(--messagetransparency)); --guildchanneltransparency_v: var(--guildchanneltransparency_s, var(--guildchanneltransparency)); --chatinputtransparency_v: var(--chatinputtransparency_s, var(--chatinputtransparency)); --memberlisttransparency_v: var(--memberlisttransparency_s, var(--memberlisttransparency)); --accentcolor_v: var(--accentcolor_s, var(--accentcolor)); --font_v: var(--font_s, var(--font)); --textshadow_v: var(--textshadow_s, var(--textshadow)); --settingsicons_v: var(--settingsicons_s, var(--settingsicons)); --background_v: var(--background_s, var(--background)); --backgroundposition_v: var(--backgroundposition_s, var(--backgroundposition)); --backgroundsize_v: var(--backgroundsize_s, var(--backgroundsize)); --backgroundblur_v: calc(1px * var(--backgroundblur_s, var(--backgroundblur))); --popout_v: var(--popout_s, var(--popout)); --popoutposition_v: var(--popoutposition_s, var(--popoutposition)); --popoutsize_v: var(--popoutsize_s, var(--popoutsize)); --popoutblur_v: calc(1px * var(--popoutblur_s, var(--popoutblur))); --backdrop_v: var(--backdrop_s, var(--backdrop)); --backdropposition_v: var(--backdropposition_s, var(--backdropposition)); --backdropsize_v: var(--backdropsize_s, var(--backdropsize)); --backdropblur_v: calc(1px * var(--backdropblur_s, var(--backdropblur))); --textbrightest_v: var(--textbrightest_s, var(--textbrightest)); --textbrighter_v: var(--textbrighter_s, var(--textbrighter)); --textbright_v: var(--textbright_s, var(--textbright)); --textdark_v: var(--textdark_s, var(--textdark)); --textdarker_v: var(--textdarker_s, var(--textdarker)); --textdarkest_v: var(--textdarkest_s, var(--textdarkest)); --usechatbubbles: calc(var(--messagetransparency_v) / (var(--messagetransparency_v) + 0.00000000000000000000001)); --accentcolor2: var(--accentcolor_v); --mentioncolor: var(--accentcolor_v); --linkcolor: var(--accentcolor_v); --successcolor: 59, 165, 92; --warningcolor: 250, 166, 26; --dangercolor: 237, 66, 69; } .theme-light, .theme-dark, .theme-amoled { --text-positive: rgb(var(--successcolor)); --text-warning: rgb(var(--warningcolor)); --text-danger: rgb(var(--dangercolor)); --info-positive-background: rgba(var(--successcolor),.1); --info-positive-foreground: rgb(var(--successcolor)); --info-positive-text: #fff; --info-warning-background: rgba(var(--warningcolor),.1); --info-warning-foreground: rgb(var(--warningcolor)); --info-warning-text: #fff; --info-danger-background: rgba(var(--dangercolor),.1); --info-danger-foreground: rgb(var(--dangercolor)); --info-danger-text: #fff; --status-positive: rgb(var(--successcolor)); --status-positive-background: rgb(var(--successcolor)); --status-positive-text: #fff; --status-warning: rgb(var(--warningcolor)); --status-warning-background: rgb(var(--warningcolor)); --status-warning-text: #fff; --status-danger: rgb(var(--dangercolor)); --status-danger-background: rgb(var(--dangercolor)); --status-danger-text: #fff; --header-primary: rgb(var(--textbrightest_v)); --header-secondary: rgb(var(--textbright_v)); --text-normal: rgb(var(--textbrighter_v)); --text-muted: rgb(var(--textdarker_v)); --channels-default: rgb(var(--textdark_v)); --channel-icon: rgb(var(--textdark_v)); --interactive-normal: rgb(var(--textbright_v)); --interactive-hover: rgb(var(--textbrighter_v)); --interactive-active: rgb(var(--textbrightest_v)); --interactive-muted: rgb(var(--textdarkest_v)); --logo-primary: rgb(var(--textbrightest_v)); --focus-primary: rgb(var(--focuscolor, var(--accentcolor_v))) !important; --modal-background: rgba(var(--transparencycolor_v), .2); --modal-footer-background: rgba(var(--transparencycolor_v), .2); --home-background: transparent; --background-accent: rgba(var(--transparencycolor_v), .1); --background-primary: rgba(var(--transparencycolor_v), .2); --background-secondary: rgba(var(--transparencycolor_v), .3); --background-secondary-alt: rgba(var(--transparencycolor_v), .35); --background-tertiary: rgba(var(--transparencycolor_v), .4); --background-floating: rgba(var(--transparencycolor_v), .5); --background-mobile-primary: rgba(var(--transparencycolor_v), .2); --background-mobile-secondary: rgba(var(--transparencycolor_v), .3); --background-modifier-accent: rgba(var(--textbrightest_v),.1); --background-message-automod: rgba(var(--dangercolor),.05); --background-message-automod-hover: rgba(var(--dangercolor),.1); --channeltextarea-background: rgba(var(--transparencycolor_v), .3); --input-background: rgba(var(--transparencycolor_v), .1); --elevation-low: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3); --elevation-high: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); --font-primary: var(--font_v) !important; --font-display: var(--font_v) !important; } html { color: var(--header-primary); } /* ~~~~ 0. TABLE OF CONTENTS ~~~~ */ /* 1. TRANSPARENCY 2. BACKGROUND 3. TITLEBAR 4. GUILDLIST 5. CHANNELLIST 1. GUILDHEADER 2. CHANNELS 3. DMCHANNELS 4. ACCOUNT/VOICE/GOLIVE 6. CHAT 1. CHANNELHEADER 2. MESSAGES 1. MESSAGE 2. EMBEDS 3. NITROGIFT 4. INVITE 3. TEXTAREA 4. AUTOCOMPLETEMENU 5. MEMBERLIST 6. SEARCHPAGE 7. CHAT SIDEBAR 8. CALL 9. UNAVAILABLESCREEN 7. PEOPLES 8. STORE/NITRO 9. LIBRARY 10. DISCOVERY/UNIHUB 11. USERSETTINGS 12. GUILDSETTINGS 13. MODALS 1. USERMODAL 2. GUILDADD/CREATION 3. UPLOADMODAL 4. KEYBOARDSHORTCUTSMODAL 5. QUICKSWITCHER 6. INVITEMODAL/GROUPCREATE 7. LOGINSCREEN 8. DOWNLOADAPPMODAL 9. GUILDBOOSTMODAL 10. REACTIONSMODAL 11. GUILDWELCOMEMODAL 12. GUILDRULESMODAL 13. GUILDFEEDBACKMODAL 14. SCREENSHAREMODAL 15. PHONEVERIFICATIONMODAL 16. NOTIFICATIONSMODAL 17. PODIUMSTARTMODAL 14. POPOUTS 1. CONTEXTMENU 2. USERPOPOUT 3. EMOJIPICKER 4. PINS/MENTIONS 5. SEARCHPOPOUT 6. COLORPICKER 7. ADDROLE 8. EVERYONEMENTION 9. CHANNELFOLLOW 10. CHANNELFOLLOWINFO 11. EMOJIINFO 12. STREAMPREVIEW 13. STREAMINFO 14. PUBLICGUILDANNOUNCEMENT 15. RTCSTATUSPOPOUT 16. PHONE-/EMAILVALIDATION 17. QUICKSELECTPOPOUT 18. WARNINGPOPOUT 19. ACTIVETHREADLISTPOPOUT 20. ROLEMEMBERSPOPOUT 21. FORUMFILTERPOPOUT 22. ACTIVITYSHAREPOPOUT 23. SOUNDBOARD 24. SERVERSURVEY 15. GENERAL 1. TEXT 2. BUTTONS 3. INPUTS 4. SEARCHBARS 5. TAGS 6. IMAGES 7. SCROLLBARS 8. NOTIFICATIONBAR 9. TOOLTIPS 16. BDSUPPORT 17. POWERCORDSUPPORT 18. PLUGINSUPPORT 1. BDFDB 2. DATEVIEWER 3. MEMBERCOUNT 4. LINENUMBERS 5. PERMISSIONVIEWER 6. DIRECTDOWNLOAD 7. BETTERFORMATINGREDUX 8. CHANNELHISTORY 9. CHANNELTABS 10. TYPINGINDICATOR 11. CHANNELDMS 19. UPDATENOTICE 20. WATERMARK */ /* ~~~~ 1. TRANSPARENCY ~~~~ */ body, /* body */ #app-mount .app_b1f720, /* app container */ #app-mount .app_de4237, /* app inner */ #app-mount .loading__2d13d, /* app i18n loading */ #app-mount .wrapper__77675, /* app errorscreen */ #app-mount .bg__12180, /* app background */ #app-mount .layer_f7d46a, /* layer container */ #app-mount .container_f79ab4, /* layer container */ #app-mount .container__7e23c, /* channels inner */ #app-mount .privateChannels__9b518, /* dmchannels */ #app-mount .directoryContainer__36395, /* server app directory */ #app-mount .panels__58331 > *, /* account/voice inner */ #app-mount .chat__52833, /* chat container */ #app-mount .chatContent_f087cb, /* chat channel */ #app-mount .container_b92032, /* chat forums */ #app-mount .container__03ec9, /* chat search */ #app-mount .container__6b2e5, /* chat search inner */ #app-mount .container__694a1, /* chat thread sidebar */ #app-mount .wrapper__11501, /* chat messages loading */ #app-mount .noChannel__28db0, /* nochannel */ #app-mount .members__573eb, /* members */ #app-mount .members__573eb > div, /* members content */ #app-mount .content_f139b1, /* unavailable */ #app-mount .container_bd15da, /* peoples */ #app-mount .container__3673d, /* peoples activity list */ #app-mount .applicationStore__444b9, /* nitro */ #app-mount .shop_b31ed2, /* shop */ #app-mount .containerSidenav_c2b517, /* family control */ #app-mount .pageWrapper_c182d3, /* guilddiscovery */ #app-mount .pageContainer__853b6, /* unihub */ #app-mount .scrollerBase_f742b2, /* scroller */ #app-mount .standardSidebarView__12528, /* settings */ #app-mount .contentRegion__08eba { /* settings content */ background: transparent; } #app-mount .scroller__7c25e { /* peoples activity scroller */ border: none; } #app-mount .sidebarRegion__36437, /* settings sidebar */ #app-mount .sidebar__0OpfR { /* sidebarlist sidebar */ background-color: rgba(var(--transparencycolor_v), calc(0.2 * (var(--transparencyalpha_v) / (var(--transparencyalpha_v) + 0.00000000000000000000001)))); } #app-mount { /* app-mount */ background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v)); } #app-mount .wrapper__216eb { /* guilds container */ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 2)); } #app-mount .sidebar_e031be { /* channels container */ background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v)); } #app-mount .panels__58331 { /* account/voice container */ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) / 1.5)); } #app-mount .container__26baa.themed_b152d4 { /* channelheader container */ background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v)); } #app-mount .chatHeaderBar__3e137 { /* channelheader sub header */ background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v)); } #app-mount .membersWrap__5ca6b { /* members container */ background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v)); } #app-mount .nowPlayingColumn_b025fe { /* peoples now playing */ background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v)); } #app-mount .image_e0cb48 { /* app errorscreen image */ background-image: url(https://discord.com/assets/72eaa596042042be6259.svg); opacity: 0.6; } /* ~~~~ 2. BACKGROUND ~~~~ */ body::before, body::after { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: -1; } body::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); } body::after { backdrop-filter: blur(var(--backgroundblur_v)); } .layer_f7d46a { z-index: 1000; } .container__827e6::before, .layer_f7d46a ~ .layer_f7d46a::before, .root__6d24f::before, .container__827e6::after, .layer_f7d46a ~ .layer_f7d46a::after, .root__6d24f::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: -1; } .container__827e6::before, .layer_f7d46a ~ .layer_f7d46a::before, .root__6d24f::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; } .container__827e6::after, .layer_f7d46a ~ .layer_f7d46a::after, .root__6d24f::after { background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v)); backdrop-filter: blur(var(--backgroundblur_v)); } .uploadArea_c7493d, .backdrop__7b2e0, .backdrop__1a911 { background: transparent !important; opacity: 1 !important; animation: none !important; } .uploadArea_c7493d::before, .backdrop__7b2e0::before, .backdrop__1a911::before, .uploadArea_c7493d::after, .backdrop__7b2e0::after, .backdrop__1a911::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: -2; } .uploadArea_c7493d::before, .backdrop__7b2e0::before, .backdrop__1a911::before { background: var(--backdrop_v) var(--backdropposition_v)/var(--backdropsize_v); background-attachment: fixed; } .uploadArea_c7493d::after, .backdrop__7b2e0::after, .backdrop__1a911::after { backdrop-filter: blur(var(--backdropblur_v)); } .withLayer__29ace { z-index: -1; } /* ~~~~ 3. TITLEBAR ~~~~ */ .titleBar__710b0 { z-index: 5001; } .titleBar__710b0::after { content: ""; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; background-color: rgba(var(--transparencycolor_v), calc(0.1 + var(--guildchanneltransparency_v) * 2)); } .titleBar__710b0:not(.typeMacOS_cacc59)::after { height: 22px; } .titleBar__710b0.typeMacOS_cacc59::after { height: 28px; width: calc(100% - 4px); margin: 2px; border-radius: 5px; } .titleBar__710b0.typeMacOS_cacc59, .titleBar__710b0.typeMacOS_cacc59 .macButtons__40068 { width: 72px; } .titleBar__710b0.typeMacOS_cacc59.typeMacOSWithFrame__376b6 .macButtons__40068 { margin-top: 0; margin-right: 0; } .platform-osx .wrapper__216eb { margin-top: 0; padding-top: 32px; } .platform-osx .standardSidebarView__12528::before { left: 72px; } .winButtonMinMax_caf9c8:hover { background-color: rgba(var(--transparencycolor_v), .2); } /* ~~~~ 4. GUILDLIST ~~~~ */ #app-mount .childWrapper_a6ce15 { /* homebutton/acronym innerwrap */ background-color: rgba(var(--transparencycolor_v), .3); color: var(--text-normal); font-weight: 500; } #app-mount .wrapper__8436d:hover .childWrapper_a6ce15, #app-mount .wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15 { background-color: var(--brand-experiment); text-shadow: 1px 1px var(--textshadow_v); } #app-mount .wrapper__8436d rect[fill] { fill: rgba(var(--transparencycolor_v), .3); } #app-mount .noIcon__06e39 { /* acronym minicontainer */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .circleIconButton__05cf2 { /* guildadd/discovery innerwrap */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .circleIconButton__05cf2.selected_aded59 { background-color: var(--green-360); } #app-mount .guildIconUnavailable__69547, /* guilderror miniicon */ #app-mount .guildsError__32e67 { /* guilderror innerwrap */ background-color: rgba(var(--dangercolor)),.3); } #app-mount .dragInner_d5b34c { /* dragplaceholder */ background-color: rgba(var(--transparencycolor_v), .3); } .wrapper__832f2 { /* folder outerwrap */ margin-bottom: 8px; } #app-mount .folder__17546 { /* folder iconwrap */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .folder__17546.hover__043de { background-color: rgba(var(--transparencycolor_v), .4); } .expandedFolderBackground_b1385f { /* folder background */ background-color: rgba(var(--transparencycolor_v), .2); border-radius: 15px 15px 24px 24px; top: 0; bottom: 0; margin-bottom: 8px; transition: border-radius 3s ease, background-color 1s ease; } .expandedFolderBackground_b1385f.hover__043de { background-color: rgba(var(--transparencycolor_v), .4); } .wrapper__216eb .wrapper__832f2 [role="group"] { /* folder guildwrap */ margin-bottom: -8px; } .wrapper__216eb .wrapper__832f2 [role="group"] .listItem__48528:last-child { margin-bottom: 0; } .bar_edc096 { /* guild/channelbar inner */ box-shadow: 0 2px 6px rgba(var(--transparencycolor_v), .24); } .bar_edc096:not(.mention_dd733a) { background-color: transparent; overflow: hidden; } .bar_edc096:not(.mention_dd733a)::before, .bar_edc096:not(.mention_dd733a)::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } .bar_edc096:not(.mention_dd733a)::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; } .bar_edc096:not(.mention_dd733a)::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1)); backdrop-filter: blur(var(--backgroundblur_v)); } .sidebar_e031be .bar_edc096:not(.mention_dd733a)::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 0.85 + 0.1)); } .wrapper__216eb .bar_edc096:not(.mention_dd733a)::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 1.9 + 0.1)); } /* ~~~~ 5. CHANNELLIST ~~~~ */ #app-mount .sidebar_e031be { /* channels container */ border-radius: 0; } /* ---- 5.1. GUILDHEADER ---- */ .container_f41675 .animatedContainer__0e828 { /* banner wrap */ background: none; box-shadow: none; } .bannerImage_c73a57 { /* banner image */ -webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%); } .bannerImage_c73a57::before { display: none; } .header__77c95, /* header inner */ .searchBar__621ec { /* header searchbar */ box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05); } .searchBar__621ec .searchBarComponent__8f95f { /* header searchbarinner */ background-color: rgba(var(--transparencycolor_v), .2); } .clickable__1383f:not(.hasBanner__04337) .header__77c95:hover, .selected__987e6:not(.hasBanner__04337) .header__77c95 { background-color: rgba(var(--transparencycolor_v), .2); } /* ---- 5.2. CHANNELS ---- */ .wrapper__612a5:hover .link_ddbb36 { /* channel content */ background-color: rgba(var(--transparencycolor_v), .2); } .wrapper__612a5:hover .link_ddbb36 [style*="color: var(--text-muted)"] { color: var(--header-secondary) !important; } .modeSelected__473f1 .link_ddbb36, .modeSelected__473f1:hover .link_ddbb36 { background-color: rgb(var(--accentcolor_v)); text-shadow: 1px 1px var(--textshadow_v); } .modeSelected__473f1 .link_ddbb36 [style*="color: var(--text-muted)"], .modeSelected__473f1:hover .link_ddbb36 [style*="color: var(--text-muted)"] { color: var(--header-secondary) !important; } .modeSelected__473f1 .link_ddbb36 svg, .modeSelected__473f1:hover .link_ddbb36 svg { filter: drop-shadow(1px 1px var(--textshadow_v)); } .icon__67ab4 { /* channel icon */ color: var(--channels-default); } .modeMuted_f0a72e .icon__67ab4 { color: var(--interactive-muted); } .modeMuted_f0a72e:hover .icon__67ab4, .wrapper__612a5:hover .icon__67ab4 { color: var(--interactive-hover); } .modeConnected__52a8f .icon__67ab4, .modeConnected__52a8f:hover .icon__67ab4, .modeSelected__473f1 .icon__67ab4, .modeSelected__473f1:hover .icon__67ab4, .modeUnread_f74c03 .icon__67ab4, .modeUnread_f74c03:hover .icon__67ab4, .modeUnreadImportant__35358 .icon__67ab4, .modeUnreadImportant__35358:hover .icon__67ab4, .notInteractive_e31551.modeConnected__52a8f .icon__67ab4, .notInteractive_e31551.modeSelected__473f1 .icon__67ab4 { color: var(--interactive-active); } .modeConnected__52a8f .subtitle_eb6026, /* channel subtitle */ .modeConnected__52a8f:hover .subtitle_eb6026, .modeSelected__473f1 .subtitle_eb6026, .modeSelected__473f1:hover .subtitle_eb6026, .modeUnread_f74c03 .subtitle_eb6026, .modeUnread_f74c03:hover .subtitle_eb6026, .modeUnreadImportant__35358 .subtitle_eb6026, .modeUnreadImportant__35358:hover .subtitle_eb6026, .notInteractive_e31551.modeConnected__52a8f .subtitle_eb6026, .notInteractive_e31551.modeSelected__473f1 .subtitle_eb6026 { color: var(--interactive-normal); } .spine__88e6d { /* channel thread spine */ color: var(--channels-default); } .wrapper__71278 { /* voicechat limit */ background-color: rgba(var(--transparencycolor_v), .15); } .wrapper__71278 .users__65981 { background-color: transparent; } .wrapper__71278 .total_c01838 { background-color: rgba(var(--transparencycolor_v), .3); } .wrapper__71278 .total_c01838::after { border-right-color: rgba(var(--transparencycolor_v), .3); } .listDefault__4e3fa .clickable_a2c5ad:hover .content__3b07e { background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .streamPreview__965fa { position: relative; background-color: transparent; color: var(--header-secondary); overflow: hidden; } .streamPreview__965fa::before, .streamPreview__965fa::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .streamPreview__965fa::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .streamPreview__965fa::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .previewContainer__1e0bb { background-color: transparent; } #app-mount .watchButton__5a93d { border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .watchButton__5a93d:not([disabled]):hover { border-color: var(--header-primary); color: var(--header-primary); } /* ---- 5.3. DMCHANNELS ---- */ .interactive__0786a:focus-within, /* dmchannel/page inner */ .interactive__0786a:hover { background-color: rgba(var(--transparencycolor_v), .2); } .selected__37292, .selected__37292:focus-within, .selected__37292:hover { background-color: rgb(var(--accentcolor_v)); color: var(--header-primary); text-shadow: 1px 1px var(--textshadow_v); } .selected__37292 svg:not(.svg_a6bf1c) { filter: drop-shadow(1px 1px var(--textshadow_v)); } .empty__086ba { /* loadingplaceholders */ fill: rgba(var(--transparencycolor_v), .4); } /* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */ .panels__58331 > *, /* account/voice inner */ .panels__58331 .wrapper_e832ee > * { /* account/voice inner */ background: none; border: none; } .panels__58331 > *:not(:empty) ~ *:not(:empty) { border-top: 1px solid rgba(var(--transparencycolor_v), .2); } button.button_ae40a4.enabled__214db { /* account/voice panel button */ opacity: 0.7; } button.button_ae40a4.enabled__214db:hover { opacity: 1; background-color: rgb(var(--accentcolor_v)); } .withTagAsButton_e22174:hover, .withTagless__058f8:hover { background-color: rgb(var(--accentcolor_v)); } button.button_ae40a4.enabled__214db:hover svg { filter: drop-shadow(1px 1px var(--textshadow_v)); } .button_b82d53.buttonColor__7bad9 { background-color: rgba(var(--transparencycolor_v), .3); } .button_b82d53.buttonColor__7bad9:hover { background-color: rgb(var(--accentcolor_v)); } .button_b82d53.buttonColor__7bad9.buttonActive_ae686f, .button_b82d53.buttonColor__7bad9.buttonActive_ae686f:hover { background-color: rgb(var(--accentcolor_v)); text-shadow: 1px 1px var(--textshadow_v); } .button_b82d53.buttonColor__7bad9.buttonActive_ae686f svg, .button_b82d53.buttonColor__7bad9.buttonActive_ae686f:hover svg { filter: drop-shadow(1px 1px var(--textshadow_v)); } /* ~~~~ 6. CHAT ~~~~ */ .chat__52833.threadSidebarOpen__62c31 { /* chat threadsidebar open */ border-radius: 0; } .editor_e77931 { /* chat editor */ border: none; } #app-mount .background_c54132 .container_c68a2c, #app-mount .background_c54132 .container__29699, #app-mount .background_c54132 .container__60371, #app-mount .background_c54132 .icon_ac2d0d, #app-mount .background_c54132 .containerCard__95c7a, #app-mount .background_c54132 .containerCard__95c7a:hover, #app-mount .background_c54132 .interactiveCard_d92364, #app-mount .background_c54132 .emptyStateContainer__08276, #app-mount .background_c54132 .card_d4f6c7, #app-mount .container_b92032 .mainCard__0ec2c, #app-mount .container_b92032 .sidebarCard_b6db9d, #app-mount .container__03ec9 .channelRow__538ef { background-color: var(--background-secondary); } @media (max-width: 1300px) { .container__29699, .container__60371 { background: none !important; } } #app-mount .background_c54132 .containerCard__95c7a { border-color: var(--background-secondary); } #app-mount .background_c54132 .container__55cc1:hover, #app-mount .container_b92032 .pill_f055c3, #app-mount .container__03ec9 .channelRow__538ef:hover { background: var(--background-tertiary); } .contentPreview__122fc { /* forum list item */ border-color: rgb(var(--transparencycolor_v)); } #app-mount .textContentFooter_e03480 { /* forum list item footer */ background: linear-gradient(0deg, rgba(var(--transparencycolor_v), .5), rgba(var(--transparencycolor_v), .1)); } .container__68e43 { border-color: var(--background-floating); } .divider__4df9f { /* forum fat divider */ background: var(--background-floating); } #app-mount .container__7d004.isOpen_d88bb6 { /* forum selected post */ background-color: rgb(var(--accentcolor_v)); text-shadow: 1px 1px var(--textshadow_v); } #app-mount .container__7d004.isOpen_d88bb6 .defaultColor__77578, #app-mount .container__7d004.isOpen_d88bb6 [style*="color: var(--header-secondary)"] { color: var(--header-primary) !important; } #app-mount .container__7d004.isOpen_d88bb6 .author__185be a, #app-mount .container__7d004.isOpen_d88bb6 [style*="color: var(--text-muted)"] { color: var(--header-secondary) !important; } /* ---- 6.1. CHANNELHEADER ---- */ .container__26baa.themed_b152d4 { /* header themedcontainer */ box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05); } .input__723c9:focus { /* header dmchannelinput */ background-color: rgba(var(--transparencycolor_v), .2); } .input__723c9:focus, .outer_c57160:hover .input__723c9 { box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor_v), .2); } .children_cde9af::after { /* header topicgradient */ display: none; } .akaBadge__27cd4 { /* header aka */ background-color: rgba(var(--transparencycolor_v), .3); } .searchBar__5a20a { /* header searchbar */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .public-DraftEditorPlaceholder-root { color: rgb(var(--textdarker_v)); } #app-mount .public-DraftEditorPlaceholder-hasFocus { color: var(--header-secondary); } #app-mount .searchFilter_dbda51, #app-mount .searchAnswer__2ccaf { background-color: rgb(var(--accentcolor_v)); text-shadow: 1px 1px var(--textshadow_v); } /* ---- 6.2. MESSAGES ---- */ .clickableAction__9e970:hover .action__94060, /* guidancechannel options */ .row__4f559:hover { background-color: rgba(var(--transparencycolor_v), .4); } .emptyChannelIcon_d45c50 { /* welcomemessage empty channelicon */ position: relative; background: rgba(var(--transparencycolor_v), .4); overflow: hidden; } .emptyChannelIcon_d45c50::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--header-primary); -webkit-mask: url(https://discord.com/assets/1b60cdb56c8c081495ac.svg) center no-repeat; } .button_c7b3ea:hover { /* welcomemessage edit channel */ background-color: rgb(var(--accentcolor_v)); color: var(--interactive-active); text-shadow: 1px 1px var(--textshadow_v); } #app-mount .role__9690d { /* welcomemessage role */ background: transparent; border-color: rgba(var(--textbrighter_v), .6); border-radius: 5px; height: 22px; padding: 0 5px; position: relative; } #app-mount .role__9690d[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter_v), .6) !important; } #app-mount .role__9690d .roleColor_d561c0 { /* welcomemessage rolecircle */ position: absolute; background-color: var(--text-normal); border-radius: 3px; opacity: 0.5; height: 100%; width: 100%; margin: 0; left: 0; top: 0; z-index: -1; } #app-mount .role__9690d:hover .roleColor_d561c0 { opacity: 0.8; } #app-mount .role__9690d .roleColor_d561c0[style*="background-color: rgb(185, 187, 190)"] { background-color: var(--text-normal) !important; } .divider__855e3.hasContent_c79a1f { /* divider hascontent */ border-width: calc(1px * (1 - var(--usechatbubbles))); } .divider__855e3.hasContent_c79a1f::before { content: ""; position: absolute; top: -0.6rem; bottom: -0.6rem; right: -0.2rem; left: 0; background: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.5)); border-radius: 5px; pointer-events: none; z-index: -1; } .content__7191e { /* divider content */ position: absolute; background-color: transparent; padding: 2px 8px; width: unset; } .content__7191e::before, .content__7191e::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; opacity: calc(1 - var(--usechatbubbles)); z-index: -1; } .content__7191e::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; } .content__7191e::after { background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v)); backdrop-filter: blur(var(--backgroundblur_v)); } .unreadPill__1b4fa { /* divider unreadpill */ border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles)); padding-left: calc(4px * var(--usechatbubbles) + 1px * (1 - var(--usechatbubbles))); } .unreadPillCap__44e20 { /* divider unreadpillcap */ opacity: calc(1 - var(--usechatbubbles)); } .hasMore__8db19:hover { background-color: rgba(var(--transparencycolor_v), .2); } .jumpToPresentBar__69174 { /* bar jumptopresent */ bottom: -8px; background-color: transparent; border-bottom: 1px solid var(--background-modifier-accent); overflow: hidden; opacity: 1; } .jumpToPresentBar__69174::before, .jumpToPresentBar__69174::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } .jumpToPresentBar__69174::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; } .jumpToPresentBar__69174::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--backgroundblur_v)); } .messagesWrapper_add28b:has(.jumpToPresentBar__69174) ~ .form_d8a4a1 .channelTextArea_c2094b, .messagesWrapper_add28b:has(.jumpToPresentBar__69174) ~ .form_d8a4a1 .scrollableContainer_ff917f { border-top-right-radius: 0; border-top-left-radius: 0; } /* ==== 6.2.1. MESSAGE ==== */ #app-mount .message_ff43e6 { /* message confirm modal */ background-color: rgba(var(--transparencycolor_v), .2); box-shadow: none; } .message_ccca67, /* message container */ .messagesWrapper_add28b .wrapper_a62503, /* message upload placeholder */ .card_d4f6c7 .wrapper_a62503, /* message home */ .wrapper__6b7d8, /* message loading */ .message__04a5b, /* message mention popout */ .message__15d84, /* message inbox popout */ .message_ff43e6 .wrapper_a62503, /* message settings preview */ .messageGroupCozy__9d016, /* message pin popout */ .message__7e601 .wrapper_a62503 { /* message searchpage */ background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v)) !important; contain: unset; } .message__7e601 .wrapper_a62503 { /* message searchpage */ background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8)) !important; } .message_ccca67.selected_e3bc5d, .mouse-mode .message_ccca67:hover, .mouse-mode.full-motion .message_ccca67:hover, .mouse-mode .wrapper__6b7d8:hover, .mouse-mode.full-motion .wrapper__6b7d8:hover { background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important; } .messageListItem__050f9 > .message_ccca67.groupStart__7b93c { border-top-right-radius: 5px; border-top-left-radius: 5px; } .messageListItem__050f9:has(+ .messageListItem__050f9 > .message_ccca67.groupStart__7b93c) > .message_ccca67, .messageListItem__050f9:has(+ :not(.messageListItem__050f9)) > .message_ccca67 { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .messageListItem__050f9 > .message_ccca67.groupStart__7b93c:before { top: 2px; border-top-left-radius: 5px; } .messageListItem__050f9:has(+ .messageListItem__050f9 > .message_ccca67.groupStart__7b93c) > .message_ccca67:before, .messageListItem__050f9:has(+ :not(.messageListItem__050f9)) > .message_ccca67:before { bottom: 2px; border-bottom-left-radius: 5px; } .backgroundFlash__28f42 .message_ccca67 { /* message jump flash */ position: relative; } .backgroundFlash__28f42 .message_ccca67::before { content: ""; position: absolute; background: var(--message-background-flash, transparent); top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } .backgroundFlash__28f42 .cozyMessage__9f4fd::before { left: calc(-80px * var(--usechatbubbles)); } .message_ccca67.ephemeral_eb5d84, /* message localbot */ .message_ccca67.replying__38514, /* message replying */ .message_ccca67.highlighted_fc800f { /* message highlighted */ background-image: linear-gradient(rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles))))); } .message_ccca67.mentioned_fa6fd2 { /* message mentioned */ background-image: linear-gradient(rgba(var(--mentioncolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles))))); } .message_ccca67.automodMessage__43f24 { /* message automodMessage */ background-image: linear-gradient(rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles))))); } .message_ccca67.mentioned_fa6fd2:before, .message_ccca67.ephemeral_eb5d84:before, .message_ccca67.automodMessage__43f24:before, .message_ccca67.replying__38514:before, .message_ccca67.highlighted_fc800f:before { } .message_ccca67.ephemeral_eb5d84::before, .message_ccca67.replying__38514::before, .message_ccca67.highlighted_fc800f::before { background-color: rgb(var(--accentcolor_v)); } .message_ccca67.mentioned_fa6fd2::before { background-color: rgb(var(--mentioncolor)); } .message_ccca67.automodMessage__43f24::before { background-color: rgb(var(--dangercolor)); } .message_ccca67.mentioned_fa6fd2 .contents_d3ae0d .messageContent_abea64 { border-radius: 3px; background-color: rgba(var(--mentioncolor), calc(0.3 * var(--usechatbubbles))); } #app-mount .avatar__08316, /* message container avatar */ #app-mount .avatar_eb6eba { /* message loading avatar */ position: absolute; top: 2px; left: calc(-70px * var(--usechatbubbles) + 16px); } #app-mount .messageItemBody__8fd54.hasReply__602e2 .avatar__08316, #app-mount .repliedMessage__636d2 ~ * .avatar__08316 { top: 24px; } #app-mount .avatarDecoration__8a0c2 { /* message avatar decoration */ position: absolute; top: 2px; left: calc(-70px * var(--usechatbubbles) + 16px - (6.6666666px * var(--decoration-to-avatar-ratio)/2)); } #app-mount .messageItemBody__8fd54.hasReply__602e2 .avatarDecoration__8a0c2, #app-mount .repliedMessage__636d2 ~ * .avatarDecoration__8a0c2 { top: 24px; } #app-mount .replyBadge__37a84 { /* message reply badge */ background-color: rgba(var(--transparencycolor_v), .5); } #app-mount .spine_d081ec { width: 0px; top: 20px; right: calc(1px * (-32 * var(--usechatbubbles) + -25 * (1 - var(--usechatbubbles)))); left: unset; border: none; } #app-mount .compact_eda3c8 .spine_d081ec { right: 0; } #app-mount .repliedMessage__636d2::before, /* message reply spine */ #app-mount .repliedMessage__636d2::after, #app-mount .spine_d081ec::before, /* message command spine */ #app-mount .spine_d081ec::after { --avatar-size: 38px; --gutter: 16px; --spine-width: 2px; content: ""; display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50%; right: unset; bottom: 0; left: calc(-1 * var(--avatar-size) - (6px * var(--usechatbubbles))); width: calc(var(--avatar-size) - 4px); margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2); border-right: 0 solid var(--background-accent); border-left: var(--spine-width) solid var(--background-accent); } #app-mount .repliedMessage__636d2::before, #app-mount .repliedMessage__636d2::after { border-top: var(--spine-width) solid var(--background-accent); border-bottom: 0 solid var(--background-accent); border-top-left-radius: 6px; } #app-mount .spine_d081ec::before, #app-mount .spine_d081ec::after { border-top: 0 solid var(--background-accent); border-bottom: var(--spine-width) solid var(--background-accent); border-bottom-left-radius: 6px; } #app-mount .compact_eda3c8 .repliedMessage__636d2::before, #app-mount .compact_eda3c8 .repliedMessage__636d2::after, #app-mount .compact_eda3c8 .spine_d081ec::before, #app-mount .compact_eda3c8 .spine_d081ec::after { --avatar-size: 20px; left: calc(-1 * var(--avatar-size)); } #app-mount .repliedMessage__636d2::before, #app-mount .spine_d081ec::before { border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles)))); } #app-mount .repliedMessage__636d2::after, #app-mount .spine_d081ec::after { border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles))); } #app-mount .compact_eda3c8 .repliedMessage__636d2::before, #app-mount .compact_eda3c8 .spine_d081ec::before { border-color: rgba(var(--textbrighter_v), .3); } #app-mount .compact_eda3c8 .repliedMessage__636d2::after, #app-mount .compact_eda3c8 .spine_d081ec::after { border-color: transparent; } #app-mount .cozy_f5c119.hasThread__44ae4::before, /* message thread spine */ #app-mount .cozy_f5c119.hasThread__44ae4::after, #app-mount .compact_eda3c8.hasThread__44ae4::after { --avatar-size: 38px; --gutter: 16px; --spine-width: 2px; content: ""; display: block; position: absolute; top: 2rem; bottom: 29px; left: calc(var(--avatar-size) * (1 - var(--usechatbubbles)) - var(--avatar-size) * var(--usechatbubbles)); width: calc(var(--avatar-size) - 10px + (4px * var(--usechatbubbles))); margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2); border-top: 0 solid var(--background-accent); border-right: 0 solid var(--background-accent); border-bottom: var(--spine-width) solid var(--background-accent); border-left: var(--spine-width) solid var(--background-accent); border-bottom-left-radius: 8px; } #app-mount .cozy_f5c119.hasThread__44ae4::before { border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles)))); } #app-mount .cozy_f5c119.hasThread__44ae4::after { border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles))); } #app-mount .message_ccca67.mentioned_fa6fd2.hasThread__44ae4::before { background-color: transparent; } #app-mount .compact_eda3c8.hasThread__44ae4::after { left: calc(var(--avatar-size) + 11px); width: calc(var(--avatar-size) - 13px); border-color: rgba(var(--textbrighter_v), .3); } #app-mount .compact_eda3c8.hasThread__44ae4 .contents_d3ae0d::before { border-color: rgba(var(--textbrighter_v), .3); } .spine_d081ec { border-color: rgba(var(--textbrighter_v), .3); } .hasThread__44ae4 .spine_d081ec { display: none; } .cozy_f5c119 .header__6a14d::after, /* message container header */ .cozy__32560 .header__115b5::after { /* message loading header */ content: ""; position: absolute; top: 12px; left: -32px; border: 10px solid transparent; border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v)); } .messageGroupWrapper__1fce2 .messageGroupCozy__9d016 .header__6a14d::after { top: 2px; } .message__7e601 .wrapper_a62503 .header__6a14d::after { border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8)); } .cozy_f5c119 .timestamp_c79dd2.alt__6c563 { left: calc(-78px * var(--usechatbubbles)); } .cozy_f5c119 .iconContainer_d0200f { background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v)); border-radius: 50%; left: calc(1px * (-58 * var(--usechatbubbles) + -48 * (1 - var(--usechatbubbles)))); height: 25px !important; width: 25px !important; margin: unset; margin-right: 1rem; padding: 0; } .cozy_f5c119 .blockedSystemMessage_d1b25e .iconContainer_d0200f { background-color: transparent; } .cozy_f5c119 .iconContainer_d0200f::after { content: ""; position: absolute; top: 2px; left: 26px; border: 10px solid transparent; border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v)); } .cozy_f5c119 .blockedSystemMessage_d1b25e .iconContainer_d0200f::after { display: none; } .selected_e3bc5d.message_ccca67.cozy_f5c119 .header__6a14d::after, .mouse-mode .message_ccca67.cozy_f5c119:hover .header__6a14d::after, .mouse-mode.full-motion .message_ccca67.cozy_f5c119:hover .header__6a14d::after, .mouse-mode .wrapper__6b7d8.cozy__32560:hover .header__115b5::after, .mouse-mode.full-motion .wrapper__6b7d8.cozy__32560:hover .header__115b5::after, .selected_e3bc5d.message_ccca67.cozy_f5c119 .iconContainer_d0200f::after, .mouse-mode .message_ccca67.cozy_f5c119:hover .iconContainer_d0200f::after, .mouse-mode.full-motion .message_ccca67.cozy_f5c119:hover .iconContainer_d0200f::after { border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2)); } #app-mount .mentioned_fa6fd2.cozy_f5c119 .header__6a14d::after { border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000)); } #app-mount .ephemeral_eb5d84.cozy_f5c119 .header__6a14d::after, #app-mount .replying__38514.cozy_f5c119 .header__6a14d::after, #app-mount .highlighted_fc800f.cozy_f5c119 .header__6a14d::after { border-right-color: rgba(var(--accentcolor_v), calc(var(--messagetransparency_v) * 100000000000000000000000000000)); } #app-mount .automodMessage__43f24.cozy_f5c119 .header__6a14d::after { border-right-color: rgba(var(--dangercolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000)); } .message__04a5b, .message__15d84, .zalgo__39311 .messageContent_abea64, .zalgo__39311.cozy_f5c119 .header__6a14d, .wrapper__6b7d8, .cozy__32560 .header__115b5 { overflow: visible; } #app-mount .cozyMessage__9f4fd, /* message container cozy */ #app-mount .messagesWrapper_add28b .cozy_f5c119, /* message upload placeholder cozy */ #app-mount .card_d4f6c7 .cozy_f5c119, /* message home cozy */ #app-mount .cozy__32560 { /* message loading cozy */ margin-left: calc(80px * var(--usechatbubbles)); padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles)))); } #app-mount .wrapper_a62503[data-list-item-id*="Uploader"] { margin-top: 1rem; } #app-mount .compact__54d19 { /* message loading compact */ margin-top: .0625rem; } #app-mount .cozy_f5c119 .header__6a14d, #app-mount .cozy_f5c119 .messageContent_abea64, #app-mount .cozy__32560 .header__115b5 { margin-left: 0; padding-left: 0; } .messageContainer_cb3d47 .wrapper_a62503, .messages__1aaa1 .wrapper_a62503, .message_ff43e6 .wrapper_a62503, .messageGroupWrapper__1fce2 .messageGroupCozy__9d016, .message__7e601 .wrapper_a62503 { border-radius: 5px; margin-left: calc(60px * var(--usechatbubbles)); padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles)))); } .messages__1aaa1 .wrapper_a62503 { border-radius: 0; } .interactiveCard_d92364.selected__142a3, .interactiveCard_d92364:active, /* message home message */ .interactiveCard_d92364:hover { border-color: var(--background-secondary); } .feedItemHeader_ec3bdb { border-color: var(--background-primary); } .interactiveCard_d92364.selected__142a3, .interactiveCard_d92364:active .feedItemHeader_ec3bdb, .interactiveCard_d92364:hover .feedItemHeader_ec3bdb { border-color: var(--background-secondary); } .wrapper_c899da { /* message loading wrapper */ background: transparent; } .avatar_eb6eba { /* message loading avatar */ background: rgba(var(--transparencycolor_v), .4); opacity: 1 !important; } .attachment_d24cc3, /* message loading attachment */ .blob__8d5bd { /* message loading blob */ background: rgb(var(--accentcolor_v)); } .expanded_d275c4 { /* message expanded blocked */ background-color: rgba(var(--transparencycolor_v), .2); border-radius: 5px 5px 0 5px; margin-bottom: .5625rem; } #app-mount .reaction__4a43f { /* message reaction */ background-color: rgba(var(--transparencycolor_v), .3); border: none; } #app-mount .reaction__4a43f:hover { background-color: rgba(var(--transparencycolor_v), .4); border: none; } #app-mount .reaction__4a43f.reactionMe__0fffc { background-color: rgba(var(--accentcolor_v), .8); border: none; } #app-mount .reaction__4a43f.reactionMe__0fffc:hover { background-color: rgb(var(--accentcolor_v)); border: none; } #app-mount .reaction__4a43f.reactionMe__0fffc .reactionCount__2c34d { color: #FFF; text-shadow: 1px 1px var(--textshadow_v); } .wrapper__4e6b6 { /* message buttons */ position: relative; background: transparent; } .wrapper__4e6b6::before, .wrapper__4e6b6::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .wrapper__4e6b6::before { background: var(--backgound) var(--backgoundposition)/var(--backgroundsize_v); background-attachment: fixed; } .wrapper__4e6b6::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--backgroundblur_v)); } .button_d4bf9b:hover, .button_d4bf9b.selected__74fee { background-color: rgb(var(--accentcolor_v)); } .bumpBox_b41ccc { /* messageelement publish box */ background-color: rgba(var(--transparencycolor_v), .4); } .markup_a7e664 code { /* messageelement code */ background-color: transparent; border-color: transparent; } .markup_a7e664 pre { /* messageelement pre */ background-color: rgba(var(--transparencycolor_v), .4); border-color: rgba(var(--transparencycolor_v), .1); } .markup_a7e664 .inline, /* messageelement inline */ .after_inlineCode__59586, .before_inlineCode__48f7c, .inlineCode__0cacf { background-color: rgba(var(--transparencycolor_v), .4); } .textContainer__65f57 { /* messageelement plain file text */ background-color: rgba(var(--transparencycolor_v), .4); border-color: rgba(var(--transparencycolor_v), .1); } .footer__90194 { /* messageelement plain file footer */ background-color: rgba(var(--transparencycolor_v), .4); border-color: rgba(var(--transparencycolor_v), .1); } .languageSelector__4840c { /* messageelement plain file popout */ background-color: transparent; border: 1px solid rgba(var(--transparencycolor_v), .3); border-radius: 5px; box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3); overflow: hidden; } .languageSelector__4840c::before, .languageSelector__4840c::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .languageSelector__4840c::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .languageSelector__4840c::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .spoilerContent__383f3 { /* messageelement spoiler */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .spoilerContent__383f3.hidden_f44e41 { /* messageelement hiddenspoiler */ background-color: rgba(var(--transparencycolor_v), .6); } .icon__467d5[style*="/assets/7ed159b6acb6da5d9593.svg"] { /* systemmessage pinicon */ -webkit-mask: url(https://discord.com/assets/7ed159b6acb6da5d9593.svg) center/cover no-repeat; background: var(--channels-default) !important; } .icon__467d5[style*="/assets/a1d461025204711133ec.svg"] { /* systemmessage missedcall */ -webkit-mask: url(https://discord.com/assets/a1d461025204711133ec.svg) center/cover no-repeat; background: var(--channels-default) !important; } .icon__467d5[style*="/assets/7378a83d74ce97d83380.svg"] { /* systemmessage joingroupicon */ -webkit-mask: url(https://discord.com/assets/7378a83d74ce97d83380.svg) center/cover no-repeat; background: rgb(var(--accentcolor_v)) !important; } .icon__467d5[style*="/assets/9f3b9c1b6e5f77294951.svg"] { /* systemmessage recievecallicon */ -webkit-mask: url(https://discord.com/assets/9f3b9c1b6e5f77294951.svg) center/cover no-repeat; background: rgb(var(--accentcolor_v)) !important; } /* ==== 6.2.2. EMBEDS ==== */ #app-mount .embedFull__14919 { /* embed wrapper */ background-color: rgba(var(--transparencycolor_v), .3); border-left-color: rgb(var(--textdarkest_v)); } #app-mount .attachment__06ca3 { /* attachment container */ background-color: rgba(var(--transparencycolor_v), .3); border-color: rgba(var(--transparencycolor_v), .1); margin-left: 18px; } #app-mount .message_ccca67 .attachment__06ca3 { margin-left: 0; } #app-mount .twitchSectionPlayButton_c460f6 { object-position: -999999px -999999px; background: rgba(var(--transparencycolor_v), .4) url('data:image/svg+xml; utf8, '); border-radius: 50%; } #app-mount .twitchSectionPlayButton_c460f6:hover { background-color: rgba(var(--transparencycolor_v), .8); } #app-mount .wrapper_f09ac7 { /* attachment videowrapper */ background-color: rgba(var(--transparencycolor_v), .3); } /* ==== 6.2.3. NITROGIFT ==== */ #app-mount .tile_ebc93b { /* gift container */ background-color: rgba(var(--transparencycolor_v), .2); box-shadow: 0 0 0 rgba(var(--transparencycolor_v), .15); } #app-mount .tile_ebc93b:hover { background-color: rgba(var(--transparencycolor_v), .4); } #app-mount .title__2c78e { /* gift title */ color: var(--header-primary); } #app-mount .description__7d5ad { /* gift description */ color: var(--header-primary); } #app-mount .tagline__9d19f { /* gift tagline */ color: var(--header-secondary); } /* ==== 6.2.4. INVITE ==== */ #app-mount .wrapper__8a5dd { /* invite container */ background-color: rgba(var(--transparencycolor_v), .3); border-color: rgba(var(--transparencycolor_v), .1); } #app-mount .guildIconImage_c1aa48 { /* invite icon */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .guildIconExpired__67d9b { /* erroricon expiredguild */ background-color: rgba(var(--transparencycolor_v), .3); background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg); opacity: 0.7; } #app-mount .guildName__22ec8 { /* invite name */ color: var(--header-primary); } #app-mount .guildDetail_d421fa { /* invite details */ color: var(--channels-default); } #app-mount .invite__2a93b { /* invite group invite */ background-color: rgba(var(--transparencycolor_v), .3); border-color: rgba(var(--transparencycolor_v), .1); } #app-mount .artworkSpotifySessionEnded_c0cf09 { background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg); opacity: .5; } #app-mount .header__1c712 { color: rgb(var(--textdarker_v)); } #app-mount .name__14833, #app-mount .partyStatus__12fc2 { color: var(--header-primary); } #app-mount .moreUsers__4af66 { background-color: rgba(var(--transparencycolor_v), .3); color: var(--header-secondary); } #app-mount .partyMemberEmpty__01e36 { background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .helpIcon_dbf835 { background-color: var(--header-primary); } /* ---- 6.3. TEXTAREA ---- */ .form_d8a4a1 { padding-top: 0; margin-top: 0; } .form_d8a4a1 { /* textarea form */ background: rgba(var(--transparencycolor_v), var(--chatinputtransparency_v)); margin-top: 0; padding-top: 8px; border-top-right-radius: calc(8px * (1 - (var(--memberlisttransparency_v) / (var(--memberlisttransparency_v) + 0.00000000000000000000001)))); border-top-left-radius: calc(8px * (1 - (var(--guildchanneltransparency_v) / (var(--guildchanneltransparency_v) + 0.00000000000000000000001)))); } .threadSidebarOpen__62c31 .form_d8a4a1 { border-top-right-radius: 8px; } .form_d8a4a1::before { display: none; } .channelTextArea_c2094b { /* textarea channeltextarea */ background-color: transparent; border-top-color: var(--background-modifier-accent); } .attachedBars_c1606a { /* textarea reply */ background: rgba(var(--transparencycolor_v), .3); border: none; border-bottom: 1px solid var(--background-modifier-accent); } .replyBar_ed6afc, .threadSuggestionBar__717a3 { background: transparent; } .scrollableContainer_ff917f { /* textarea container */ background-color: rgba(var(--transparencycolor_v), .3); } .sprite__294b3 { /* textarea emojibutton */ transform: none !important; } .wrapper__57349 { /* textarea placeholder */ background-color: rgba(var(--transparencycolor_v), .3); color: var(--text-normal); } .toolbar__894c6 { /* textarea formattoolbar */ background-color: rgb(var(--accentcolor_v)); } .toolbar__894c6::before { border-top-color: rgb(var(--accentcolor_v)); } .divider_d6bbe2 { /* textarea formattoolbar divider */ border-left-color: hsla(0, 0%,100%, .1); } .active__05fbc, /* textarea buttonactive */ .hover_d0ebf2:hover { /* textarea buttonhover */ background-color: hsla(0, 0%, 100%, .2); } .icon__2c9bf { /* textarea buttonicon */ color: #fff; opacity: .7; } .active__05fbc .icon__2c9bf, .hover_d0ebf2:hover .icon__2c9bf { color: #fff; opacity: 1; } #app-mount .optionPill__618f2 { /* textarea command query pill */ background-color: rgba(var(--transparencycolor_v), .5); border-radius: 5px; } #app-mount .optionPillKey__0d1a4 { /* textarea command query pill key */ background-color: transparent; } /* ---- 6.4. AUTOCOMPLETEMENU ---- */ #app-mount .autocomplete__743a5 { /* autocomplete container */ background-color: transparent; overflow: hidden; } #app-mount .autocomplete__743a5::before, #app-mount .autocomplete__743a5::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } #app-mount .autocomplete__743a5::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } #app-mount .autocomplete__743a5::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } .theme-brand .autocomplete__743a5 { background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important; } .theme-brand .autocomplete__743a5::before, .theme-brand .autocomplete__743a5::after { display: none; } #app-mount .bar__8f42e { /* autocomplete command info */ background-color: transparent; } #app-mount .container_b1d738::after { box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor_v), .3); } #app-mount .header_def8e2 { /* autocomplete header */ box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .2), 0 1px 2px 0 rgba(var(--transparencycolor_v), .2); } #app-mount .option__2b069 { /* autocomplete option */ background-color: rgba(var(--transparencycolor_v), .5); } .clickable__0b25f[aria-selected=true] > .base__87e58, /* autocomplete rowselected */ .clickable__0b25f[aria-disabled=false] > .base__87e58:hover { background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .wrapper__35c78 { /* autocomplete categories */ background-color: transparent; } #app-mount .selected__46356, /* autocomplete category selected */ #app-mount .selected__46356:hover { background-color: rgb(var(--accentcolor_v)); } #app-mount .selected__46356 svg { filter: drop-shadow(1px 1px var(--textshadow_v)); } #app-mount .searchSuggestion__0c434:hover { /* gifpicker suggestions */ text-shadow: 1px 1px var(--textshadow_v); } #app-mount .placeholder__99206 { /* gifpicker result placeholder */ background-color: rgba(var(--transparencycolor_v), .3); } /* ---- 6.5. MEMBERLIST ---- */ .member_b44d5d { /* member */ background: transparent; } .avatar__991e2::before { /* emptyavatar */ background-color: rgba(var(--transparencycolor_v), .3); } .memberGroupsPlaceholder__50708, /* loadingplaceholders */ .placeholderAvatar__0282d, .placeholderUsername__3d5c9 { background-color: rgba(var(--transparencycolor_v), .4); } /* ---- 6.6. SEARCHPAGE ---- */ .searchResultsWrap__2e184 { /* searchpage container */ background-color: transparent; } .searchHeader__4d70e, /* searchpage header */ .searchHeader__4d70e ~ .container__6a77d { /* searchpage pagination (BSP) */ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8)); border-radius: 0 0 0 8px; } .searchResult__00093 { /* searchpage searchresult */ background-color: rgba(var(--transparencycolor_v), .2); } .button_ef08e7 { /* searchpage jumpbutton */ background-color: rgba(var(--transparencycolor_v), .4); } .button_ef08e7:hover { background-color: rgb(var(--accentcolor_v)); text-shadow: 1px 1px var(--textshadow_v); } .pageButton_bf9853:hover { background-color: rgba(var(--transparencycolor_v), .4); } .activeButton__70b70 { text-shadow: 1px 1px var(--textshadow_v); } /* ---- 6.7. CHAT SIDEBAR ---- */ .container__694a1 { /* chat sidebar */ border-radius: 0; } .container__694a1.floating__8f631::before, .container__694a1.floating__8f631::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .container__694a1.floating__8f631::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; } .container__694a1.floating__8f631::after { background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v)); backdrop-filter: blur(var(--backgroundblur_v)); } .chatTarget_f14a03.notFloating__20d50 ~ .container__694a1 { overflow: visible; } .chatTarget_f14a03.notFloating__20d50 ~ .container__694a1 .container__26baa.themed_b152d4::before { content: ""; position: absolute; display: block; top: 0; bottom: 0; left: -8px; width: 8px; background: inherit; box-shadow: inherit; pointer-events: none; } .chatTarget_f14a03.notFloating__20d50 ~ .container__694a1 .container__26baa.themed_b152d4::after { content: ""; position: absolute; display: block; top: 10px; bottom: 10px; left: -3.5px; width: 1px; background: var(--background-modifier-accent); pointer-events: none; } /* ---- 6.8. CALL ---- */ #app-mount .wrapper__9a9e4 { z-index: 1002; } #app-mount .root__46d4f { /* popout inner */ background-color: transparent; border: none; } .root__46d4f::before, .root__46d4f::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .root__46d4f::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .root__46d4f::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .wrapper__6bf2d { /* call voice wrapper */ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8)); } #app-mount .callContainer__1477d { /* call voice wrapper inner */ background-color: rgba(var(--transparencycolor_v), calc((1 - (var(--guildchanneltransparency_v) * 0.8)) * 0.8)); } #app-mount .root__3eef0 { /* call root */ color: var(--header-primary); } .videoWrapper__3ffda { /* call video wrapper */ background-color: rgba(var(--transparencycolor_v), .3); } .video__3237a { /* call video */ background-color: transparent; } .tile_a411a4, /* call user video voicechannel */ .tile_f5f57f { /* call user video dm */ background-color: rgba(var(--transparencycolor_v), .3); } .gradientContainer_cdada6 { /* call gradientcontainer */ display: none; } .participantsButton__11fa3 { /* call participantsbutton */ background-color: rgba(0, 0, 0, .3); } .participantsButton__11fa3:hover { background-color: rgba(0, 0, 0, .6); } .centerButton__8316e, .colorable__4f530.primaryDark_ec74a7 { background-color: rgba(var(--transparencycolor_v), .5); } .centerButton__8316e:hover, .colorable__4f530.primaryDark_ec74a7:hover { background-color: rgb(var(--accentcolor_v)); } .button_c5d028 { background-color: rgba(var(--transparencycolor_v), .4); } .button_c5d028:hover { background-color: rgba(var(--transparencycolor_v), .6); } .controlButton__863c7.colorable__4f530.red__45e65 { background-color: rgba(var(--dangercolor)),.5); } .controlButton__863c7.colorable__4f530.red__45e65:hover { background-color: rgb(var(--dangercolor)); } .regionSelectPopout_a270cb { width: 170px; } .container_ffbc98 { /* call podium wrapper */ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8)); } .callContainer__486b0 { /* call podium inner */ background-color: transparent; } .scroller__3c95c { /* call podium scroller */ background-color: transparent; } .rowContainer__05af6 { /* call podium row */ background-color: transparent; } .participants__921a9 { /* call podium participants */ background-color: transparent; } .tileContainer__9f7be:hover { /* call podium participant */ background-color: rgb(var(--accentcolor_v)); } .container__92aae { /* call podium requests */ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.3)); } .headerContainer__73bce { /* call podium requests header */ box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05); } /* ---- 6.9. UNAVAILABLESCREEN ---- */ .category_e63beb, /* loadingplaceholders */ .channelIcon__3418d, .channelName__33472 { background: rgba(var(--transparencycolor_v), .4); } .splashImage__14eaa { /* screen image */ opacity: 0.7; } /* ~~~~ 7. PEOPLES ~~~~ */ .addFriendInputWrapper__2b30b { /* peoples add friend */ background-color: rgba(var(--transparencycolor_v), .1); border-color: rgba(var(--transparencycolor_v), .3); } .addFriendInputWrapper__2b30b:hover:not(:focus-within) { border-color: rgb(var(--transparencycolor_v)); } .container__048f4 { /* peoples explore option */ border: none; } .container__048f4:hover { background-color: var(--background-floating); } .peopleListItem_dab480 .actionButton__2b4bb { /* peoples actionbutton */ background-color: rgba(var(--transparencycolor_v), .1); } .peopleListItem_dab480 .actionButton__2b4bb:hover { background-color: rgb(var(--accentcolor_v)); } .peopleListItem_dab480 .actionButton__2b4bb:hover svg{ filter: drop-shadow(1px 1px var(--textshadow_v)); } .peopleListItem_dab480.active__6b8ff, .peopleListItem_dab480:hover { background-color: rgba(var(--transparencycolor_v), .3); } .peopleListItem_dab480.active__6b8ff .actionButton__2b4bb, .peopleListItem_dab480:hover .actionButton__2b4bb { background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .outer_a41cf3, /* playing card */ #app-mount .wrapper__3c6d5 { /* playing card */ background-color: rgba(var(--transparencycolor_v), .2); border: unset; } #app-mount .outer_a41cf3.active__76f42, #app-mount .outer_a41cf3.interactive__46c44:hover, #app-mount .outer_a41cf3.active__76f42, #app-mount .outer_a41cf3.interactive__46c44:hover { background-color: rgba(var(--transparencycolor_v), .4); } #app-mount .inset__61d5b { /* playing card inner */ background-color: rgba(var(--transparencycolor_v), .2); } .emptyCard__204d9 { /* playing empty card */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .partyMemberOverflow_fa82b9 { background: rgba(var(--transparencycolor_v), .5); } #app-mount .partyMemberBackground_b2e343, #app-mount .partyMemberUnknown__333f2 { background-color: rgba(var(--transparencycolor_v), .5); } #app-mount .partyMemberUnknownIcon__0df13 { color: var(--channels-default); } #app-mount .popout_c6d10c { /* playing popout */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 8px 16px 0 rgba(var(--transparencycolor_v), .3); overflow: hidden; } .popout_c6d10c::before, .popout_c6d10c::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popout_c6d10c::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .popout_c6d10c::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3)); backdrop-filter: blur(var(--popoutblur_v)); } .memberListItem_e5797c:not(.popoutDisabled_c9ae8c):hover { background-color: rgba(var(--transparencycolor_v), .2); } /* ~~~~ 7. STORE/NITRO ~~~~ */ #app-mount .loading__0c7a7 { /* loading */ background: transparent; } .marketingHeader__04f82 { /* marketingheader */ background-color: rgba(var(--transparencycolor_v), .3); } .detailsBlock__319f5 { /* billing details */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .categoryHeader__15de0, /* categoryheader */ #app-mount .premiumApplicationsHeader__1f431 { border-color: var(--background-modifier-accent); color: var(--header-primary); } #app-mount .tier1Banner__85188 { /* tier1banner container */ background-color: rgba(var(--transparencycolor_v), .3); color: #fff; } .smallCarousel__34abe { background-color: rgba(var(--transparencycolor_v), .3); border-radius: 5px; } #app-mount .item_d7f2df { /* gamepreview previewitem */ background-color: rgba(var(--transparencycolor_v), .3); } .arrow_f5c530 { /* gamepreview prev/nextarrow (big) */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .themedPagination__13dbb .arrow_fe649b { /* gamepreview prev/nextarrow (small) */ color: var(--header-primary); } #app-mount .themedPagination__13dbb .dot__6356c { /* gamepreview itemdot (small) */ background-color: var(--header-primary); } #app-mount .root__3d5e9 { /* gameinfo sectioncontainer */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .header_afb288 { /* gameinfo sectionheader */ color: var(--header-primary); } #app-mount .section__42ceb { /* gameinfo subsection */ border-bottom-color: var(--background-modifier-accent); } #app-mount .playerOverflow__1cc3e { background-color: rgba(var(--transparencycolor_v), .3); color: var(--header-secondary); } #app-mount .description_ca572a { /* gameinfo subsectiondescription */ color: var(--header-secondary); } #app-mount .description_ca572a strong, #app-mount .username__36a02 { /* gameinfo subsectionusername */ color: var(--header-primary); } #app-mount .smallHeader_fd9bd3 { /* gameinfo subsectionheader */ color: var(--header-secondary); } #app-mount .text__59d24 { /* gameinfo subsectiontext */ color: var(--header-primary); } #app-mount .iconCircle__8b128 { background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .circle_d5fad2 { color: var(--header-primary); } #app-mount .blurb__7d206 { /* section description */ color: var(--text-normal); } #app-mount .description__8e1e3 { /* section subdescription */ color: var(--header-secondary); } #app-mount .requirements_a9df40 { /* requirements */ color: var(--text-normal); } #app-mount .requirementKey__30bf3 { /* requirements key */ color: rgb(var(--textdarker_v)); } #app-mount .content__7a876 { /* requirements rating */ color: rgb(var(--textdarker_v)); } #app-mount .bodySection_ae0d90 { /* sidebar section */ background-color: rgba(var(--transparencycolor_v), .2); border-top-color: var(--background-modifier-accent); } #app-mount .actionText__1ae94 { /* sidebar header */ color: var(--text-normal); } #app-mount .purchaseUnitOperatingSystem_d1e3ee { /* sidebar OSicon */ color: rgb(var(--textdarkest_v)); } #app-mount .price_f6c36e, /* sidebar price */ #app-mount .listingPrice_ec8e58 { color: var(--header-primary); } #app-mount .title_a81dd3 { /* sidebar subtitle */ color: var(--header-primary); } #app-mount .skuNormal__1aa9d { /* sidebar pricerow */ border-bottom-color: var(--background-modifier-accent); } #app-mount .name__71fd4 { /* sidebar pricename */ color: var(--header-secondary); } #app-mount .sku_e2d34f:hover .name__71fd4 { color: var(--header-primary); } #app-mount .price_afc9b2 { /* sidebar priceamount */ background-color: rgba(var(--transparencycolor_v), .3); color: var(--header-primary); } #app-mount .label__8394d { /* sidebar label */ color: rgb(var(--textdarker_v)); } #app-mount .info__087e0 { /* sidebar labelinfo */ color: var(--header-primary); } #app-mount .content__89089 { /* invitecard container */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .name__3864a { /* invitecard guildname */ color: var(--header-secondary); } #app-mount .memberInfo__775c1 { /* invitecard memberinfo */ color: rgb(var(--textdarker_v)); } .premiumSubscriptionAccountCredit_a4f9de { /* abonnements abocard */ background-color: rgba(var(--transparencycolor_v), .4); } #app-mount .row__670b4 { /* features row */ background-color: rgba(var(--transparencycolor_v), .2); color: var(--header-secondary); } #app-mount .featureIcon_ff61f6 { /* features featureicon */ color: var(--header-secondary); } /* ~~~~ 9. LIBRARY ~~~~ */ .header__119bc { /* library table header */ background-color: transparent; border-bottom-color: var(--background-modifier-accent); position: relative; } .header__119bc::before, .header__119bc::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .header__119bc::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; } .header__119bc::after { background-color: rgba(var(--transparencycolor_v), .4); backdrop-filter: blur(var(--backgroundblur_v)); } #app-mount .headerCellSorted__19516 { color: var(--header-primary); } .rowWrapperActive__789cb { background-color: rgba(var(--transparencycolor_v), .2); } .rowWrapper__801a0 + .rowWrapper__801a0 .row__8780b { border-top-color: var(--background-modifier-accent); } #app-mount .rate__087a0 { color: var(--text-muted); } #app-mount .background__31e4d { /* library usagebar */ stroke: rgb(var(--transparencycolor_v), .5); } #app-mount .usageInfo__719bc { /* gamelibrary usageinfo */ color: var(--header-secondary); } #app-mount .installationPath_dade94 { /* library game row path */ box-shadow: 0 1px 0 0 var(--background-accent); } #app-mount .rowTitle_b5204a { /* library game row title */ color: var(--text-normal); } #app-mount .rowBody__03a1f { /* library game row body */ color: var(--text-muted); } #app-mount .defaultLocationCheckbox_a39f40 { /* library location checkbox */ color: var(--header-primary); } #app-mount .defaultIndicator__5e476 { /* library location indicator */ background-color: rgba(var(--transparencycolor_v), .5); color: var(--header-primary); } #app-mount .applicationName__1a359 { /* library application name */ color: var(--header-primary); } #app-mount .applicationSubText_b13073 { /* library application subtext */ color: var(--text-muted); } /* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */ #app-mount .pageWrapper_c182d3, /* guilddiscovery container */ #app-mount .pageContainer__853b6 { /* unihub container */ color: var(--header-primary); } #app-mount .pageWrapper_c182d3 .searchBox__02d0b, /* guilddiscovery searchbox */ #app-mount .pageContainer__853b6 .searchBox_f2dfb6 { /* unihub searchbox */ background-color: #fff; } #app-mount .card__86773, /* guilddiscovery card */ #app-mount .card__73022 { /* unihub card */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .iconMask__4092e, /* guilddiscovery iconmask */ #app-mount .iconMask_da0856 { /* unihub iconmask */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .card__86773:hover, #app-mount .iconMask__4092e:hover, #app-mount .card__73022:hover, #app-mount .iconMask_da0856:hover { background-color: rgba(var(--transparencycolor_v), .4); } #app-mount .cardPlaceholder__6e28f { /* guildcard placeholder */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .loading_d8cf2a { /* guildcard loading */ background-color: rgba(var(--transparencycolor_v), .5); } .footerImage__2c3fd { opacity: .5; } .actionButtonsContainer_e45110 { /* guildcard action button */ position: relative; background: transparent; } .actionButtonsContainer_e45110::before, .actionButtonsContainer_e45110::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 4px; pointer-events: none; } .actionButtonsContainer_e45110::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; } .actionButtonsContainer_e45110::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--backgroundblur_v)); } .spinner__6ee08 { /* guildcard loading spinner */ background: transparent; transform: none; top: calc(50% - 24px); left: calc(50% - 24px); } .spinner__6ee08::before, .spinner__6ee08::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 8px; pointer-events: none; } .spinner__6ee08::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; } .spinner__6ee08::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.4)); backdrop-filter: blur(var(--backgroundblur_v)); } #app-mount .addEntryCard_d9422a { /* add entry card */ background-color: rgba(var(--transparencycolor_v),.2); border-color: var(--interactive-normal); } #app-mount .addEntryCard_d9422a:hover { background-color: rgba(var(--transparencycolor_v),.4); border-color: var(--interactive-active); } .emptyContainer__00d9a { /* search no results */ background-color: rgba(var(--transparencycolor_v), .4); } .placeholder_ab7387 { /* search placeholder */ background-color: rgba(var(--transparencycolor_v), .4); } /* ~~~~ 11. USERSETTINGS ~~~~ */ #app-mount .side_b4b3f6 .themed_b957e8.item__48dda:active:not(.disabled__2717e), /* sideitems */ #app-mount .topPill__63ad4 .themed_b957e8.item__48dda:active:not(.disabled__2717e), /* tabitems */ #app-mount .side_b4b3f6 .themed_b957e8.item__48dda:hover:not(.disabled__2717e), /* sideitems */ #app-mount .topPill__63ad4 .themed_b957e8.item__48dda:hover:not(.disabled__2717e) { /* tabitems */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda, #app-mount .topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda, #app-mount .side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda:active, #app-mount .topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda:active, #app-mount .side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda:hover, #app-mount .topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda:hover { background-color: rgb(var(--accentcolor_v)); color: #fff; text-shadow: 1px 1px var(--textshadow_v); } .sidebar__02e8d:has(.socialLinks_dbdd6f) .side_b4b3f6 .item__48dda::after { filter: drop-shadow(1px 1px var(--textshadow_v)); } .bd-social-link[title="BD" i] .bd-social-logo, .bd-social-link[title="BetterDiscord" i] .bd-social-logo, .bd-social-link[title="BBD" i] .bd-social-logo, .bd-social-link[title="BandagedBD" i] .bd-social-logo { background: var(--interactive-normal); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat; opacity: 1; transition: background .15s ease; } .bd-social-link[title="BD" i]:hover .bd-social-logo, .bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo, .bd-social-link[title="BBD" i]:hover .bd-social-logo, .bd-social-link[title="BandagedBD" i]:hover .bd-social-logo { background: var(--interactive-active); } .bd-social-link[title="BD" i] .bd-social-logo > *, .bd-social-link[title="BetterDiscord" i] .bd-social-logo > *, .bd-social-link[title="BBD" i] .bd-social-logo > *, .bd-social-link[title="BandagedBD" i] .bd-social-logo > * { display: none; } #app-mount .streamerModeEnabledImage__17db6 { background-image: url(https://discord.com/assets/c133c9df9ee4552c188a.svg); opacity: .5; } .contentRegion__08eba div[role="tabpanel"] { /* tabpanel */ width: 100%; } .toolsContainer__4e6ad { /* closebutton wrapper */ margin-right: 37px; } #app-mount .closeButton__8177f { /* closebutton button */ border-color: var(--channels-default); } #app-mount .closeButton__8177f path[fill] { fill: var(--channels-default); } #app-mount .closeButton__8177f:hover { background-color: rgba(var(--accentcolor_v), .2); border-color: var(--header-secondary); } #app-mount .closeButton__8177f:hover path[fill] { fill: var(--header-secondary); } #app-mount .closeButton__8177f:active { border-color: var(--text-normal); } #app-mount .closeButton__8177f:active path[fill] { fill: var(--text-normal); } #app-mount .keybind_a619c1 { /* closebutton keybind */ color: var(--channels-default); } #app-mount .closeButtonBold__2f216 { /* closebutton button bold */ border-color: var(--header-secondary); } #app-mount .closeButtonBold__2f216 path[fill] { fill: var(--header-secondary); } #app-mount .closeButtonBold__2f216:hover { background-color: rgba(var(--accentcolor_v), .4); border-color: var(--text-normal); } #app-mount .closeButtonBold__2f216:hover path[fill] { fill: var(--text-normal); } #app-mount .closeButtonBold__2f216:active { border-color: var(--header-primary); } #app-mount .closeButtonBold__2f216:active path[fill] { fill: var(--header-primary); } #app-mount .keybind_a619c1 { /* closebutton keybind bold */ color: var(--header-secondary); } .cardPrimary_cb7a0e, .cardPrimaryEditable__25559 { /* settingsitems card */ border-color: rgba(var(--transparencycolor_v), .1); } .cardPrimary_cb7a0e { background-color: rgba(var(--transparencycolor_v), .2); } .cardPrimaryEditable__25559 { background-color: rgba(var(--transparencycolor_v), .1); } .cardPrimaryOutline__9df8a { border-color: rgba(var(--transparencycolor_v), .2); } .accountProfileCard__744d8 { /* accountsettings container */ background: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); } .accountProfileCard__744d8::before, .accountProfileCard__744d8::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .accountProfileCard__744d8::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .accountProfileCard__744d8::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } .accountProfileCard__744d8 .avatar__6c108 { /* accountsettings container avatar */ background-color: transparent; border-color: transparent; } .questionMark__6bfbc svg { /* accountsettings questionmark */ filter: drop-shadow(1px 1px var(--textshadow_v)); } #app-mount .background__4e802 { /* accountsettings container */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .fieldList__4e6dd { /* accountsettings settings */ background-color: transparent; } .connectContainer_e331e3 { /* connections container */ background-color: rgba(var(--transparencycolor_v), .4); } .accountButtonInner__00bdd { /* connections connectioninner */ background-color: rgba(var(--transparencycolor_v), .2); } .accountButtonInner__00bdd:hover { background-color: rgb(var(--accentcolor_v)); } .connection__6dbd8 { /* connections connection */ background-color: rgba(var(--transparencycolor_v), .3); } .connectionHeader__2b82f { /* connections connection header */ background-color: rgba(var(--transparencycolor_v), .2); } .guildHeader__30707 { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor_v), .5); } .guildSubscriptionSlot_b76fc6 { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor_v), .3); } .cardWrapper_bc8d2a { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor_v), .2); } .cardWrapper_bc8d2a:hover { background-color: rgba(var(--transparencycolor_v), .4); } .cardWrapper_bc8d2a .card__11580, /* boostsettings suggestioncard inner */ .cardWrapper_bc8d2a .card__11580:hover { background-color: transparent; } #app-mount .gemIndicatorContainer_b03ca0 { /* boostsettings suggestioncard circle */ background-color: transparent; } #app-mount .summaryInfo__3df8a { /* boostsettings past transactions summary */ color: var(--header-primary); } #app-mount .payment_f27ac6 { /* boostsettings past transactions payment */ background-color: transparent; color: var(--header-secondary); } #app-mount .hoverablePayment__4ff3b:hover { background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .paymentHeader__27aff { /* boostsettings past transactions header */ color: var(--header-primary); border-color: var(--background-modifier-accent); } #app-mount .expandedInfo_efc786 { /* boostsettings past transactions expandedinfo */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .paymentText__55e50 { /* boostsettings past transactions paymenttext */ color: var(--header-secondary); } #app-mount .giftIcon__75cfe { /* boostsettings past transactions gifticon */ color: var(--header-primary); } #app-mount .guildHeaderBackground__04920 { background-image: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg); opacity: .75; } #app-mount .emptyGuilds-1cEt2M { background-image: url(https://discord.com/assets/33de08d0b379a019874a.svg); opacity: .75; } #app-mount .paymentPane__541d7 { /* boostsettings past transactions */ background-color: rgba(var(--transparencycolor_v), .3); color: var(--header-primary); } #app-mount .paginator__28ba5 { /* boostsettings past transactions paginator */ background: rgba(var(--transparencycolor_v), .3); color: var(--text-muted); } #app-mount .bottomDivider_c85b47 { /* boostsettings past transactions divider */ border-bottom-color: rgba(var(--transparencycolor_v), .3); } #app-mount .tab_b317f5 { /* boostsettings past transactions tab */ color: var(--text-muted); } #app-mount .externalRowHeader_e723ce { /* boostsettings past transactions extenal row */ color: var(--header-secondary); } #app-mount .emptyStateImage_b41d12 { /* giftinventory no gifts */ background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg); opacity: 0.6; } #app-mount .codeRedemptionRedirect_b3eca7 { /* payment coderedem */ background-color: rgba(var(--transparencycolor_v), .2); border-color: rgba(var(--transparencycolor_v), .1); color: var(--header-primary); } .membershipDialogHouse1__53b1f { /* hypesquad membershipdialogs */ background-color: rgba(156, 132, 239, .8); } .membershipDialogHouse2_a57bdd { background-color: rgba(244, 123, 103, .8); } .membershipDialogHouse3__16fa1 { background-color: rgba(69, 221, 192, .8); } .videoWrapper__530de { background-color: rgba(var(--transparencycolor_v), .4); } .container_ced194 { /* voicesettings voicebarcontainer */ -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg); } .notches__5406c { background: transparent !important; } #app-mount .progress_bcbb99 { /* voicesettings voicebar */ background-color: rgba(var(--transparencycolor_v), .3); } .icon_bf45a6[src="/assets/6762ed8abdaef6a7f6fc.png"], .icon_bf45a6[src="/assets/5af9f85713084d6867a6.png"] { -webkit-mask: url(https://discord.com/assets/6762ed8abdaef6a7f6fc.png) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } .icon_bf45a6[src="/assets/ea67b1321e3d4154e476.png"], .icon_bf45a6[src="/assets/12c09c71eb271a47bcab.png"] { -webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } .cameraWrapper_d3535e { /* voicesettings video */ background-color: rgba(var(--transparencycolor_v), .2); border-color: rgba(var(--transparencycolor_v), .1); } .backgroundOptionInner_a128bb { /* voicesettings background option */ background-color: rgba(var(--transparencycolor_v), .4); } .option__1d8de { /* overlay option */ background-color: rgba(var(--transparencycolor_v), .4); } .option__1d8de:hover, .option__1d8de.selected__4e154 { box-shadow: 0 2px 0 rgba(var(--transparencycolor_v), .3); } .disabled__586d3 { color: rgba(var(--transparencycolor_v), .4); } #app-mount .row__7007e { /* hotkeys row */ box-shadow: inset 0 -1px 0 var(--background-modifier-accent); } #app-mount .card_dc88cd::before { /* settingscard backdrop */ background-color: rgba(var(--transparencycolor_v), .2); border-color: rgba(var(--transparencycolor_v), .1); } #app-mount .button_e1ac5c { /* settingscard removebutton */ background-color: rgba(var(--transparencycolor_v), .3); box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .6), 0 1px 5px 0 rgba(var(--transparencycolor_v), .3); } #app-mount .button_e1ac5c:hover { background-color: rgba(var(--transparencycolor_v), .7); } #app-mount .game__19f4b { /* games card */ box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .gameNameInput__3e1e4:focus, #app-mount .gameNameInput__3e1e4:hover { background-color: rgba(var(--transparencycolor_v), .3); border-color: rgba(var(--transparencycolor_v), .1); } #app-mount .gameName_c1c8a6 { /* games gamename */ color: var(--header-primary); } #app-mount .lastPlayed__0b4ef, /* games lastplayed */ #app-mount .overlayStatusText__668e1 { /* games overlaystatustext */ color: var(--text-muted); } #app-mount .toggleIconOn__18854 .fill__90d85 { /* games overlaystatusicon */ fill: var(--text-muted); } #app-mount .nowPlayingAdd_ab1001 { /* games descriptionhint */ color: var(--header-secondary); } #app-mount .nowPlaying_a3b60b .gameName_c1c8a6 { color: #fff; } #app-mount .nowPlaying_a3b60b .lastPlayed__0b4ef, #app-mount .nowPlaying_a3b60b .overlayStatusText__668e1 { color: #b4e1cd; } #app-mount .nowPlaying_a3b60b .toggleIconOff_b65232 .fill__90d85, #app-mount .nowPlaying_a3b60b .toggleIconOn__18854 .fill__90d85 { fill: #b4e1cd; } #app-mount .notDetected__14b92 { /* games nogame */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .notDetected__14b92 .lastPlayed__0b4ef { color: var(--header-secondary); } #app-mount .addGamePopout__61649 { /* games add game popout */ background-color: transparent; } .addGamePopout__61649::before, .addGamePopout__61649::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .addGamePopout__61649::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .addGamePopout__61649::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.15)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .addGamePopout__61649 .cancelButton_be2641 { color: var(--header-primary); } .preview__30ef4 { /* appearance preview */ background-color: rgba(var(--transparencycolor_v), .2); border-color: rgba(var(--transparencycolor_v), .2); } /* ~~~~ 12. GUILDSETTINGS ~~~~ */ .container__353bc { /* settings confirmnotice */ position: relative; backdrop-filter: blur(var(--backgroundblur_v)); } .container__353bc[style*="background-color: rgba(248, 249, 249"], .container__353bc[style*="background-color: rgba(32, 34, 37"] { background-color: rgba(var(--transparencycolor_v), .7) !important; } .container__353bc[style*="background-color: rgba(248, 249, 249"] .message__702f7, .container__353bc[style*="background-color: rgba(32, 34, 37"] .message__702f7 { color: var(--header-primary) !important; } .container__353bc[style*="background-color: rgba(248, 249, 249"] .resetButton_ae2936 span[style], .container__353bc[style*="background-color: rgba(32, 34, 37"] .resetButton_ae2936 span[style] { color: var(--header-primary) !important; } .container__353bc::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; pointer-events: none; z-index: -1; } .roles__2b5cf { /* rolesettings intro roles */ z-index: 2; } .profileCard_ed501b { /* rolesettings intro profile */ position: relative; z-index: 1; } .profileCard_ed501b::before, .profileCard_ed501b::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .profileCard_ed501b::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .profileCard_ed501b::after { backdrop-filter: blur(var(--popoutblur_v)); } .sidebar__37984 { /* rolesettings sidebar */ background-color: rgba(var(--transparencycolor_v), .1); border: none; } .container__9c57c { /* rolesettings everyone role */ background-color: rgba(var(--transparencycolor_v), .2); } .container__9c57c:hover { background-color: rgba(var(--transparencycolor_v), .4); } .settingCard__9b0ad { /* rolesettings setting card */ background-color: rgba(var(--transparencycolor_v), .2); } .settingCard__9b0ad.active__898cd { /* rolesettings setting card active */ background-color: rgba(var(--transparencycolor_v), .3); } .cardFolder__40dc5 { /* rolesettings setting card body */ background-color: transparent; } .group__6ae8b { /* rolesettings permissions group */ border-color: rgb(var(--transparencycolor_v), .4); } .item_f48d11 { /* rolesettings permissions item */ background: rgb(var(--transparencycolor_v), .2); } .item_f48d11:hover { background: rgb(var(--transparencycolor_v), .4); } .passthrough__91f95.selected__5faae { /* rolesettings permissions passthrough selected */ background: rgb(var(--accentcolor_v)); } .icon_add68a { /* rolesettings everyone role icon */ background-color: rgba(var(--transparencycolor_v), .4); } .titleContainer_d09261, /* rolesettings roles list header */ .header_ee0bd9 { /* rolesettings perms list header */ background-color: transparent; } .titleElevated__2941d, .stickyHeaderElevated_a05798 { box-shadow: none; } .header_ee0bd9::before, .header_ee0bd9::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } .header_ee0bd9::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; } .header_ee0bd9::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v))); backdrop-filter: blur(var(--backgroundblur_v)); } .roleRow_dc2631:hover:not(.roleRowDisableHover_c9454c) { /* rolesettings role row */ background-color: rgba(var(--transparencycolor_v), .2); } .roleRow_dc2631:hover:not(.roleRowDisableHover_c9454c) .circleButton_c3a5df { background-color: rgba(var(--transparencycolor_v), .2); } .roleRow_dc2631:hover:not(.roleRowDisableHover_c9454c) .circleButton_c3a5df:hover { background-color: rgb(var(--accentcolor_v)); } .roleRow_dc2631:before, .roleRow_dc2631:last-child:after { background-color: var(--background-modifier-accent); } .memberRow_d581f4:hover { /* rolesettings member row */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .colorPickerSwatch__343b4.noColor_e34214 { /* rolesettings colorswatch nocolor */ border-color: rgba(var(--textbrightest_v), .3); } #app-mount .colorPickerSwatch__343b4.noColor_e34214 .colorPickerDropperFg__0d1bc { fill: var(--header-primary); } #app-mount .colorPickerSwatch__343b4.noColor_e34214 polyline { stroke: var(--header-primary); } .previewContainer__30793 { /* rolesettings preview */ border: none; } #app-mount .dragged__9d7ad { /* rolesettings dragged */ -webkit-mask: url(https://discord.com/assets/038a865e09c25dc13e30.svg) center/contain no-repeat; background: var(--background-tertiary); } .messageContainer__0add1 { /* rolesettings preview message */ background-color: rgba(var(--transparencycolor_v), .2); } .theme-light .messageContainer__0add1 { display: none; } .addMemberRow_c41402.selectedRow__791f8 { /* rolesettings add member row */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .emojiRow_db53d4:hover .emojiAliasPlaceholderContent_e3b4e8, /* emojisettings alias */ #app-mount .emojiRow_db53d4:focus-within .emojiAliasPlaceholderContent_e3b4e8 { visibility: hidden !important; color: transparent !important; } #app-mount .emojiAliasInput_e70e7c .emojiInput__3270d { /* emojisettings nameinput */ background-color: rgba(var(--transparencycolor_v), .1); margin-top: -1px; margin-left: -8px; } #app-mount .auditLog__9228d { /* auditlogs logitem */ border-color: rgba(var(--transparencycolor_v), .1); color: var(--text-muted); } #app-mount .headerClickable__334f7, /* auditlogs loginner */ #app-mount .headerDefault__31bb1 { background-color: rgba(var(--transparencycolor_v), .2); color: var(--header-secondary); } #app-mount .headerExpanded__05a35 { background-color: rgba(var(--transparencycolor_v), .3); color: var(--header-secondary); } #app-mount .divider__1ee1f { /* auditlogs loginnerdivider */ background-color: var(--background-modifier-accent); } #app-mount .changeDetails_c0aa16 { /* auditlogs logdetails */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .userHook__0708a { /* auditlogs userhook */ color: var(--header-primary); } #app-mount .auditLog__9228d strong { /* auditlogs targets */ color: var(--header-primary); } #app-mount .timestamp__33912 { /* auditlogs timestamp */ color: var(--text-muted); } #app-mount .expandForeground__0d39b { /* auditlogs expandarrow */ stroke: var(--header-secondary); } .themeOverrideLight__786da.icon__2cbfe, /* auditlogs logicon */ .themeOverrideDark__5265d.icon__2cbfe, #app-mount .icon__2cbfe { background: none !important; } .icon__2cbfe::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--header-primary); } .icon__2cbfe.applicationCommand__174f1::before { -webkit-mask: url(https://discord.com/assets/295610bf2d3ec357b4bb.svg); } .icon__2cbfe.autoModerationBlockMessage_bed86d::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__2cbfe.autoModerationRule__2246b::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__2cbfe.targetAll__537b8::before { -webkit-mask: url(https://discord.com/assets/cda90da758440b5e2cbc.svg); } .icon__2cbfe.targetBan__16e32::before { -webkit-mask: url(https://discord.com/assets/559f43e29d80d719b397.svg); } .icon__2cbfe.targetChannel_fa8d22::before { -webkit-mask: url(https://discord.com/assets/fd8bb90a4678f63f6a50.svg); } .icon__2cbfe.targetEmoji__42ae8::before { -webkit-mask: url(https://discord.com/assets/b734b6798a8b89611ee7.svg); } .icon__2cbfe.targetGuild__8c18a::before { -webkit-mask: url(https://discord.com/assets/30039d24e09f9ae53597.svg); } .icon__2cbfe.targetGuildHome_a67826::before { -webkit-mask: url(https://discord.com/assets/bde25f93c922e02f8459.svg); } .icon__2cbfe.targetGuildScheduledEvent__59dc5::before { -webkit-mask: url(https://discord.com/assets/119b4083c9d4fce05f2d.svg); } .icon__2cbfe.targetIntegration_d5ae56::before { -webkit-mask: url(https://discord.com/assets/a82903ac1478ed97b6d4.svg); } .icon__2cbfe.targetInvite__59178::before { -webkit-mask: url(https://discord.com/assets/5cc5c2e0ad18a7c383d8.svg); } .icon__2cbfe.targetMember_d0d6b9::before { -webkit-mask: url(https://discord.com/assets/c53abf7172caf6e94497.svg); } .icon__2cbfe.targetMemberRole_d0d6b9::before { -webkit-mask: url(https://discord.com/assets/63a73b3d5daccfd7a8fc.svg); } .icon__2cbfe.targetMessage_da54e8::before { -webkit-mask: url(https://discord.com/assets/f88edd51273b2e14999a.svg); } .icon__2cbfe.targetPermission__19974::before { -webkit-mask: url(https://discord.com/assets/93b984f7ed0c42796562.svg); } .icon__2cbfe.targetRole__994dd::before { -webkit-mask: url(https://discord.com/assets/842d46ac28c4cc831849.svg); } .icon__2cbfe.targetStageInstance__9d662::before { -webkit-mask: url(https://discord.com/assets/f39f5d92d79071dcd992.svg); } .icon__2cbfe.targetSticker__5d09d::before { -webkit-mask: url(https://discord.com/assets/0020113abbe97807c0be.svg); } .icon__2cbfe.targetVanityUrl_d91f37::before { -webkit-mask: url(https://discord.com/assets/9ecac67adfc57255096c.svg); } .icon__2cbfe.targetWebhook__337c7::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__2cbfe.targetWidget__0ec3d::before { -webkit-mask: url(https://discord.com/assets/fb3b404502ba18187ace.svg); } .icon__2cbfe.thread_a2b0da::before { -webkit-mask: url(https://discord.com/assets/6960c3e51b7f0dcefcc0.svg); } #app-mount .card_fd0d59 { /* integrationsettings card */ border-color: rgba(var(--transparencycolor_v), .1) } #app-mount .card__05cf8 { /* integrationsettings webhook card */ border-color: rgba(var(--transparencycolor_v), .1) } #app-mount .card__39d1a { /* integrationsettings apps card */ border-color: rgba(var(--transparencycolor_v), .1) } #app-mount .card__78185 { /* integrationsettings follows card */ border-color: rgba(var(--transparencycolor_v), .1) } #app-mount .iconWrapper_fda12f { /* integrationsettings icon */ background-color: rgba(var(--transparencycolor_v), .4); } .guildDetails_f464b3 { /* communitysettings intro details */ background-color: rgba(var(--transparencycolor_v), .4); } .featureCard__769f1 { /* communitysettings intro featurecard */ background-color: rgba(var(--transparencycolor_v), .3); } .featureIcon__84893 { /* communitysettings intro featureicon */ background-color: rgba(var(--transparencycolor_v), .3); } .upsellContainer_a5688a { /* communitysettings general upsellcontainer */ background-color: rgba(var(--transparencycolor_v), .2); } .upsellFooter__5106a { /* communitysettings general upsellfooter */ background-color: rgba(var(--transparencycolor_v), .2); } .developerPortalCtaWrapper_a92100 { /* communitysettings analytics info */ background-color: rgba(var(--transparencycolor_v), .3); } .analyticsCard_deaffc { /* communitysettings analytics card */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .card__81c50 { /* communitysettings discovery card */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .iconMask__4618d { /* communitysettings discovery icon */ background-color: rgba(var(--transparencycolor_v), .2); } .splashImage__70476[src="/assets/467602d632b5f9c1ce4b.svg"], .splashImage__70476[src="/assets/d4d9f2bff23beec65b1f.svg"] { background: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg) center/cover no-repeat; opacity: .75; object-position: -999999px -999999px; } .container__17b02 { /* communitysettings discovery checklist */ background-color: rgba(var(--transparencycolor_v), .3); } .header__17969 { /* communitysettings discovery checklist header */ background-color: rgba(var(--transparencycolor_v), .3); } .descriptionBox_bdb07b { /* templatesettings descriptionbox */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .tierHeaderLocked__0ca2e { /* boostsettings tierheaderlocked */ background-color: rgba(var(--transparencycolor_v), .4); color: var(--header-secondary); } #app-mount .tierHeaderUnlocked__960f7 { /* boostsettings tierheaderunlocked */ background-color: rgba(var(--transparencycolor_v), .5); } #app-mount .tierCloseClose_a270d4 { /* boostsettings tiercloseclose */ color: var(--header-primary); } #app-mount .tierBody_fd5f94 { /* boostsettings tierbody */ background-color: rgba(var(--transparencycolor_v), .3); color: var(--header-secondary); } #app-mount .tierInProgress__549bc { /* boostsettings tiermilestone */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .background__092a0 { /* boostsettings tierbar (settings) */ color: rgba(var(--transparencycolor_v), .3); } #app-mount .member__55269 { /* membersettings membercard */ box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .member__55269 .name__7635a { /* membersettings membercardname */ color: var(--header-primary); } #app-mount .member__55269 .tag__1a537 { /* membersettings membercardtag */ color: var(--text-muted); } #app-mount .member__55269 .roleWrapper__0f174 { /* membersettings rolewrapper */ color: rgba(var(--textbrightest_v),.8); } #app-mount .actionButton__96742 { /* membersettings addrolebutton */ border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .member__55269 .overflowIconFg__2b31c { /* membersettings 3-dot icon */ fill: var(--header-primary); } #app-mount .member__55269 .ownerHelpIcon__021a4 { /* membersettings help icon */ color: var(--header-primary); } #app-mount .overflowRolesPopout__03a09, /* membersettings roleoverflow popout */ #app-mount .overflowRolesPopoutArrow_de5244 { background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .2), 0 2px 10px 0 rgba(var(--transparencycolor_v), .2); border: none; border-radius: 3px; overflow: hidden; } .overflowRolesPopout__03a09::before, .overflowRolesPopoutArrow_de5244::before, .overflowRolesPopout__03a09::after, .overflowRolesPopoutArrow_de5244::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .overflowRolesPopout__03a09::before, .overflowRolesPopoutArrow_de5244::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .overflowRolesPopout__03a09::after, .overflowRolesPopoutArrow_de5244::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1)); backdrop-filter: blur(var(--popoutblur_v)); } .overflowRolesPopoutHeaderIcon__4bcc5 path { fill: var(--header-secondary); } .overflowRolesPopoutHeaderText_e8785f { color: var(--header-secondary); } #app-mount .to__23110 { /* membersettings transfer to */ background-color: rgba(var(--transparencycolor_v), .3); box-shadow: 0 0 0 4px rgba(var(--transparencycolor_v), .3); } #app-mount .fromToWrapper__78a65 { background: transparent; } #app-mount .fromToWrapper__78a65::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-mask: url(https://discord.com/assets/a2e6c7df5d20d1aeaacb.svg) 50% 0 no-repeat; background: var(--header-primary); } #app-mount .inviteSettingsInviteRow__130c9 { /* invitesettings invitecard */ box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .bannedUser_f75842 { /* bansettings bancard */ background-color: transparent; box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .bannedUser_f75842:hover { background-color: rgba(var(--transparencycolor_v), .3); } /* ~~~~ 13. MODALS ~~~~ */ .layer_c14d31:nth-child(1), .withLayer__29ace:nth-child(1) { z-index: 1002; } .layer_c14d31:nth-child(2), .withLayer__29ace:nth-child(2) { z-index: 1003; } .layer_c14d31:nth-child(3), .withLayer__29ace:nth-child(3) { z-index: 1004; } .layer_c14d31:nth-child(4), .withLayer__29ace:nth-child(4) { z-index: 1005; } .layer_c14d31:nth-child(5), .withLayer__29ace:nth-child(5) { z-index: 1006; } .layer_c14d31:nth-child(6), .withLayer__29ace:nth-child(6) { z-index: 1007; } .layer_c14d31:nth-child(7), .withLayer__29ace:nth-child(7) { z-index: 1008; } .layer_c14d31:nth-child(8), .withLayer__29ace:nth-child(8) { z-index: 1009; } .layer_c14d31:nth-child(9), .withLayer__29ace:nth-child(9) { z-index: 1010; } .layer__6b5c3 { z-index: 1011; } #app-mount .root_a28985:not(.noBackground__96ddb), /* modal container (foldersettings) */ #app-mount .modal__060da, /* modal container */ #app-mount .bd-modal-root { /* modal bd modal */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; border-radius: 5px; transform: unset !important; } #app-mount .rootWithShadow_d20cd6:not(.noShadow__28f32) { box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); } .root_a28985 > *, .modal__060da > * { z-index: 1; } .root_a28985::before, .modal__060da::before, .bd-modal-root::before, .root_a28985::after, .modal__060da::after, .bd-modal-root::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .root_a28985::before, .modal__060da::before, .bd-modal-root::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .root_a28985::after, .modal__060da::after, .bd-modal-root::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } .root_a28985 .modal__060da::before, .root_a28985.noBackground__96ddb::before, .modal_d2e7a7::before, .root_a28985 .modal__060da::after, .root_a28985.noBackground__96ddb::after, .modal_d2e7a7::after { display: none; } #app-mount .zoomedCarouselModalRoot__32ea8 { background: transparent !important; } #app-mount .modalTextContainer_ce11a8 { /* modal text file */ background-color: rgba(var(--transparencycolor_v), .5); border: none; } #app-mount .footer_e0b400, #app-mount .footer_c33701 { /* modal footer */ background-color: rgba(var(--transparencycolor_v), .2); z-index: 0; } #app-mount .footerSeparator__2af8d { box-shadow: none; } .tabBarContainer_b283be { /* modal tabbarcontainer */ border-top-color: rgba(var(--transparencycolor_v), .3); } #app-mount .modal_6GHvdM .tabBarContainer_b283be { background: rgba(var(--transparencycolor_v), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .1); } #app-mount .content_def88d + .videoContainer__05638 { box-sizing: border-box; height: 100%; } #app-mount .testimonialContainer_de3f46 path[fill="#2B2D31"] { fill: var(--background-secondary); } #app-mount .testimonialContainer_de3f46 .quotes__35cf8 { color: var(--header-secondary); } #app-mount .separator__6f4af { box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v),.3), 0 1px 2px 0 rgba(var(--transparencycolor_v),.3); } #app-mount .divider__4595d { border-color: var(--background-modifier-accent); } #app-mount .message_a61af3 { color: var(--header-secondary); } #app-mount .secondaryButton__0e13c { color: var(--header-primary); } #app-mount .imageUpgrade_d10a46 { background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg); } #app-mount .imageCancel_f3aeb9 { background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg); } #app-mount .imageUnclaimed_a53457 { background-image: url(https://discord.com/assets/41675689ca055858e137.svg); opacity: .5; } #app-mount .imageUnverified__7fad2 { background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg); opacity: .5; } #app-mount .divider__65336 { border-color: var(--background-modifier-accent); } #app-mount .backButtonColor__4cae5 { color: var(--header-primary); } #app-mount .checkboxLabel_a11995 { color: var(--header-secondary); } /* ---- 13.1. USERMODAL ----- */ .listRow__50619:hover { background-color: rgba(var(--transparencycolor_v), .2); } .emptyIcon__7b2a1 { /* body emptypic */ opacity: .5; } .profileColors_ac6ab4 .mask_d5067d circle { fill: transparent; } /* ---- 13.2. GUILDADD/CREATION ----- */ .container__9dd63, /* create modal item */ .guildRow_f51201 { /* hub modal item */ background-color: rgb(var(--transparencycolor_v), .2); border: none; } .container__9dd63:hover, .guildRow_f51201:hover { background-color: rgb(var(--transparencycolor_v), .4); } .text__67f81, /* create modal text */ .guildName_ceefc4 { /* hub modal text */ color: var(--header-secondary); } .container__9dd63:hover .text__67f81, .guildRow_f51201:hover .guildName_ceefc4 { color: var(--header-primary); } .arrow__5e540, /* create modal arrow */ .guildName_ceefc4 ~ img { /* hub modal arrow */ object-position: -999999px -999999px; -webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.svg) center/cover no-repeat; background: var(--header-secondary); } .container__9dd63:hover .arrow__5e540, .guildRow_f51201:hover .guildName_ceefc4 ~ img { background: var(--header-primary); } .input__0c568 { /* modal invite input */ background: transparent; } .inputInner__61a8f { /* modal invite input inner */ border: 1px solid var(--deprecated-text-input-border); } /* ---- 13.3. UPLOADMODAL ---- */ #app-mount .uploadModal__6eb75 { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; border-radius: 10px; } .uploadModal__6eb75::before, .uploadModal__6eb75::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 10px; pointer-events: none; z-index: -1; } .uploadModal__6eb75::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .uploadModal__6eb75::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } .uploadModalIn_c0e1db .uploadDropModal_cfadae { width: unset; } .uploadModalIn_c0e1db .uploadDropModal_cfadae .inner__7afe9 .title__76592, .uploadModalIn_c0e1db .uploadDropModal_cfadae .inner__7afe9 .instructions_e266ce { text-shadow: 1px 1px var(--textshadow_v); } .uploadModal__6eb75 .inner__7afe9 { /* modal channeltextarea */ background-color: rgba(var(--transparencycolor_v), .3); } .uploadModal__6eb75 .footer_f06dbb { /* modal footer */ background-color: rgba(var(--transparencycolor_v), .2); box-shadow: none; } .uploadModal__6eb75 .inner__7afe9 .file__068e1 .icon__4bc4d.image_c29be6 { box-shadow: 0 2px 8px rgba(var(--transparencycolor_v), .4); } /* ---- 13.4. KEYBOARDSHORTCUTSMODAL ---- */ #app-mount .keyboardShortcutsModal__44538 { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; overflow: hidden; } .keyboardShortcutsModal__44538::before, .keyboardShortcutsModal__44538::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .keyboardShortcutsModal__44538::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .keyboardShortcutsModal__44538::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .modalTitle__3df11 { /* modal title */ color: var(--header-primary); } #app-mount .modalSubtitle_f39977 { /* modal subtitle */ border-color: var(--background-modifier-accent); color: var(--text-normal); } #app-mount .keyboardShortcutList_a3e292 .keybindGroup__00ce0 .keybindDescription_c0b6a8 { color: var(--header-secondary); } #app-mount .combo__57290 { color: var(--header-primary); } #app-mount .combo__57290 .key__6a8d9 { background-color: var(--text-muted); border: 1px solid rgba(0, 0, 0, .4); box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .4); color: var(--header-primary); } #app-mount .combo__57290 .key__6a8d9:active { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6); border: 1px solid rgb(0, 0, 0); color: var(--header-secondary); } /* ---- 13.5. QUICKSWITCHER ---- */ #app-mount .quickswitcher_b5bb0a { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; overflow: hidden; flex: 1 1 auto; } .quickswitcher_b5bb0a::before, .quickswitcher_b5bb0a::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .quickswitcher_b5bb0a::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .quickswitcher_b5bb0a::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .emptyState_bdb86c { background: transparent; } #app-mount .emptyState_bdb86c::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(https://discord.com/assets/c586aac99de98cfb010d.svg) center/100px no-repeat; opacity: .5; } .root_a28985 .quickswitcher_b5bb0a::before, .root_a28985 .quickswitcher_b5bb0a::after { display: none; } .scroller_d4b86c { background-color: transparent; } #app-mount .input__2a648 { /* modal input */ background-color: rgba(var(--transparencycolor_v), .4); box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); } #app-mount .result__25f11[aria-selected=true] { /* modal resultselected */ background-color: rgba(var(--transparencycolor_v), .2); } /* ---- 13.6. INVITEMODAL/GROUPCREATE ---- */ #app-mount .contentWrapper_f9bc93 { /* modal guildinvitemodal */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; overflow: hidden; } .contentWrapper_f9bc93::before, .contentWrapper_f9bc93::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .contentWrapper_f9bc93::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .contentWrapper_f9bc93::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .friendSelected__98d91, /* modal groupdmrow */ #app-mount .inviteRow_d6ad74:hover { /* modal guildrow */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .friend__05c43, /* modal groupdmrow */ #app-mount .inviteRowName__60057 { /* modal username */ color: var(--header-secondary); } #app-mount .friendSelected__98d91, #app-mount .inviteRow_d6ad74:hover .inviteRowName__60057 { color: var(--header-primary); } #app-mount .checkBoxLabel__873a9, #app-mount .footerText_f55c0f, #app-mount .subtitle__6fbe4, #app-mount .subText_c87db8 { color: var(--header-secondary); } .tag__69d9d { /* modal added user */ background-color: rgb(var(--accentcolor_v)); color: #fff; text-shadow: 1px 1px var(--textshadow_v); } .pill_c0440d { background-color: rgba(var(--transparencycolor_v), .5); } #app-mount .notFriends__2c41d .errorStateIcon_c94ccf { background-image: url(https://discord.com/assets/07aa1f325ebe8b8af5cb.svg); opacity: 0.6; } #app-mount .noFriends__65b07 .errorStateIcon_c94ccf { background-image: url(https://discord.com/assets/adfe130868d2bcf467b5.svg); opacity: 0.6; } #app-mount .partyFull__72cc0 .errorStateIcon_c94ccf { background-image: url(https://discord.com/assets/53d74eda11a4185c1acd.svg); opacity: 0.6; } #app-mount .noResults__003ea .errorStateIcon_c94ccf { background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg); opacity: 0.6; } /* ---- 13.7. LOGINSCREEN ---- */ #app-mount .wrapper_eebc2d { /* login wrapper */ background: transparent; } .wrapper_eebc2d::before, /* login winbuttonshadow */ .wrapper_eebc2d .rightSplit__89936, /* login background */ .wrapper_eebc2d .canvas_cc985d { /* login movingshadow */ display: none; } #app-mount .authBox__6f336 { /* login modal body */ background-color: transparent; box-shadow: none; color: var(--text-muted); position: relative; overflow: hidden; } #app-mount .authBox__6f336.authBoxExpanded__1da99 { /* login modal body expanded */ background-color: rgba(var(--transparencycolor_v), .5); box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); } #app-mount .navRow_bb8efc { /* modal modal footer */ background-color: rgba(var(--transparencycolor_v), .2); } /* ---- 13.8. DOWNLOADAPPMODAL ---- */ #app-mount .downloadApps_f5dd09 { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; overflow: hidden; } .downloadApps_f5dd09::before, .downloadApps_f5dd09::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .downloadApps_f5dd09::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .downloadApps_f5dd09::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } .downloadApps_f5dd09 .header_e9a858 { color: var(--text-normal); } .downloadApps_f5dd09 .footer__76f39 { color: var(--text-muted); } .downloadApps_f5dd09 .platforms_aed032 .platform__6450e { border-color: var(--header-secondary); } .downloadApps_f5dd09 .platforms_aed032 .platform__6450e p { color: var(--header-secondary); } .downloadApps_f5dd09 .platforms_aed032 .platform__6450e .downloadButton__06261 { background-color: var(--header-secondary); } .downloadApps_f5dd09 .platforms_aed032 .platform__6450e.active__8f9aa .downloadButton__06261 { text-shadow: 1px 1px var(--textshadow_v); } /* ---- 13.9. GUILDBOOSTMODAL ---- */ #app-mount .subscriberCount__6634d { /* modal subcount */ color: var(--header-secondary); } #app-mount .subscriberCount__6634d strong { color: var(--text-normal); } #app-mount .moreSubscribers__19189 { /* modal suboverflow */ background-color: rgba(var(--transparencycolor_v), .3); color: var(--header-primary) } #app-mount .subscribersPopout__56ea5 { /* subpopout container */ background-color: transparent; box-shadow: 0 2px 10px rgba(var(--transparencycolor_v), .2); overflow: hidden; } .subscribersPopout__56ea5::before, .subscribersPopout__56ea5::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .subscribersPopout__56ea5::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .subscribersPopout__56ea5::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .subscribersPopoutUser__897f8 { /* subpopout users */ color: var(--header-secondary); } #app-mount .iconWrapper__0d13e { /* prebuy popout amount icon wrapper */ background: rgba(var(--transparencycolor_v), .3); } .icon_bb7288:hover { /* prebuy popout amount icon */ background: rgb(var(--accentcolor_v)); } /* ---- 13.10. REACTIONSMODAL ---- */ #app-mount .scroller__9a4f3 { /* modal sidebar */ background-color: rgba(var(--transparencycolor_v), .4); } #app-mount .reactors__0f305 { /* modal list */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .reactionDefault_de3361:hover { /* modal reaction */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .reactionSelected__16345 { background-color: rgba(var(--transparencycolor_v), .4); } #app-mount .remove__6bd0e { /* modal remove */ color: var(--interactive-normal); } #app-mount .remove__6bd0e:hover { background-color: rgba(var(--transparencycolor_v), .4); color: var(--interactive-hover); } #app-mount .discriminator_ae757f { /* modal discriminator */ color: var(--text-muted); } /* ---- 13.11. GUILDWELCOMEMODAL ---- */ .optionContainer__0233f { /* modal option */ background-color: rgba(var(--transparencycolor_v), .2); } .optionContainer__0233f:hover { background-color: rgba(var(--transparencycolor_v), .4); } /* ---- 13.12. GUILDRULESMODAL ---- */ .guildSidebar__74787 { /* modal sidebar */ background-color: rgba(var(--transparencycolor_v), .4); } .footer__62371 { /* modal footer */ background: transparent; } .modal_b38209 { /* modal inner */ background-color: rgba(var(--transparencycolor_v), .2); } /* ---- 13.13. GUILDFEEDBACKMODAL ---- */ .root_b4f834 { /* modal items */ background-color: transparent; border-radius: 0; } .option__571e3 { /* modal item */ background-color: rgb(var(--transparencycolor_v), .2); border: none; border-radius: 8px; margin-bottom: 8px; } .option__571e3:hover { background-color: rgb(var(--transparencycolor_v), .4); } /* ---- 13.14. SCREENSHAREMODAL ---- */ #app-mount .sourceThumbnail_f4fa1d { /* modal preview tiles */ background-color: rgba(var(--transparencycolor_v), .4); box-shadow: 0 2px 5px rgba(var(--transparencycolor_v), .2), 0 0 0 1px rgba(var(--transparencycolor_v), .6); } .card__7756d { background-color: rgba(var(--transparencycolor_v), .2); border-color: rgba(var(--transparencycolor_v), .4); } #app-mount .item__126a6 { border-color: rgba(var(--transparencycolor_v), .4); } .selectorButton_ea0609:not(.selectorButtonSelected__707fb) { background-color: rgba(var(--transparencycolor_v), .2); } /* ---- 13.15. PHONEVERIFICATIONMODAL ---- */ .phoneField__47dd1 { background-color: rgba(var(--transparencycolor_v), .2); } .phoneField__47dd1 .inputField_c0d34f { background-color: transparent; } .phoneFieldPopout_a20b2f { position: absolute !important; } /* ---- 13.16. NOTIFICATIONSMODAL ---- */ #app-mount .channelName__4e10b { color: var(--header-primary); } #app-mount .guildName__63225, #app-mount .override_ca20c5, #app-mount .overrideHighlight_d1476f { color: var(--header-secondary); } #app-mount .override_ca20c5:hover { background-color: rgba(var(--backgroundtertiary),.1); } #app-mount .overrideHighlight_d1476f, #app-mount .overrideHighlight_d1476f:hover { background-color: rgba(var(--backgroundtertiary),.3); } #app-mount .checkboxContainer_d69195::before { background-color: rgba(var(--backgroundtertiary),.6); } #app-mount .overridePlaceholder__8cd8a { border: 1px dashed var(--background-floating); } /* ---- 13.17. PODIUMSTARTMODAL ---- */ #app-mount .iconContainer__91d80 { background-color: rgba(var(--transparencycolor_v), .5); } /* ~~~~ 14. POPOUTS ~~~~ */ .layer__6b5c3:nth-child(1) { z-index: 1012; } .layer__6b5c3:nth-child(2) { z-index: 1013; } .layer__6b5c3:nth-child(3) { z-index: 1014; } .layer__6b5c3:nth-child(4) { z-index: 1015; } .layer__6b5c3:nth-child(5) { z-index: 1016; } .layer__6b5c3:nth-child(6) { z-index: 1017; } .layer__6b5c3:nth-child(7) { z-index: 1018; } .layer__6b5c3:nth-child(8) { z-index: 1019; } .layer__6b5c3:nth-child(9) { z-index: 1020; } .layer__6b5c3 ~ .layer_c14d31, .layer__6b5c3 ~ .backdrop__1a911.withLayer__29ace { z-index: 1021; } .translate__02873 { transform: unset !important; } #app-mount .loadingPopout__5e2fa, /* loading popout */ #app-mount .container_f93da8, /* browser popout */ #app-mount .themedPopout_1TrfdI { /* themed popout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); color: var(--header-primary); position: relative; } .loadingPopout__5e2fa::before, .container_f93da8::before, .themedPopout_1TrfdI::before, .loadingPopout__5e2fa::after, .container_f93da8::after, .themedPopout_1TrfdI::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .loadingPopout__5e2fa::before, .container_f93da8::before, .themedPopout_1TrfdI::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .loadingPopout__5e2fa::after, .container_f93da8::after, .themedPopout_1TrfdI::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .divider__65336 { /* popout divider */ border-color: var(--background-modifier-accent); } /* ---- 14.1. CONTEXTMENU ---- */ .menu__088f7, /* contextmenu fixed */ .submenu_aed9ee { /* contextmenu submenu */ background: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); } .menu__088f7::before, .submenu_aed9ee::before, .menu__088f7::after, .submenu_aed9ee::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .menu__088f7::before, .submenu_aed9ee::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .menu__088f7::after, .submenu_aed9ee::after { background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3)); backdrop-filter: blur(var(--popoutblur_v)); } .submenu_aed9ee { position: relative; } .item__183e8.colorDefault_e361cf.focused_dcafb9, .item__183e8.colorDefault_e361cf:hover:not(.hideInteraction__0b569) { background-color: rgba(var(--accentcolor_v), .2) !important; } .item__183e8.colorDanger__08c25.focused_dcafb9, .item__183e8.colorDanger__08c25:hover:not(.hideInteraction__0b569) { background-color: rgba(var(--dangercolor), .2) !important; } .item__183e8.colorSuccess__83966.focused_dcafb9, .item__183e8.colorSuccess__83966:hover:not(.hideInteraction__0b569) { background-color: rgba(var(--successcolor), .2) !important; } .item__183e8.colorBrand__9bb0f.focused_dcafb9, .item__183e8.colorBrand__9bb0f:hover:not(.hideInteraction__0b569) { background-color: rgba(var(--accentcolor_v), .2) !important; } .item__183e8.colorPremium__54bff.focused_dcafb9, .item__183e8.colorPremium__54bff:hover:not(.hideInteraction__0b569) { background-color: rgba(var(--accentcolor2_v), .2) !important; } .item__183e8.colorPremiumGradient__92279.focused_dcafb9, .item__183e8.colorPremiumGradient__92279:hover:not(.hideInteraction__0b569) { background: linear-gradient(90deg, rgba(var(--accentcolor2_v), .2), rgba(var(--accentcolor_v), .2)) !important; } #app-mount .item__183e8 .checkbox__378d3 { /* contextmenu checkbox */ color: rgb(var(--accentcolor_v)); } #app-mount .item__183e8.colorDanger__08c25 .checkbox__378d3 { color: rgb(var(--dangercolor)); } #app-mount .item__183e8.colorSuccess__83966 .checkbox__378d3 { color: rgb(var(--successcolor)); } #app-mount .item__183e8.colorPremium__54bff .checkbox__378d3 { color: rgb(var(--accentcolor2_v)); } #app-mount .item__183e8 .check__8d1bd { /* contextmenu checkmark */ color: #fff; stroke: var(--textshadow_v); } .button_bfb8e1 { /* contextmenu quick reaction button */ background-color: rgba(var(--transparencycolor_v), .3); } .button_bfb8e1:hover { background-color: rgb(var(--accentcolor_v)); } /* ---- 14.2. USERPOPOUT ---- */ .userPopoutOuter__3884e { /* popout container */ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); } .userProfileOuterUnthemed_e14365 { /* popout container */ background: transparent; } .userProfileOuterUnthemed_e14365::before, .userProfileOuterUnthemed_e14365::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .userProfileOuterUnthemed_e14365::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .userProfileOuterUnthemed_e14365::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } .accountProfilePopoutWrapper_d4887f .overlayBackground__2666e { display: block !important; } .profileColors_ac6ab4 { /* popout profilecolors */ --profile-body-background-color: rgba(0,0,0,.4) !important; --profile-body-divider-color: var(--background-modifier-accent) !important; --profile-body-divider-opacity: 1 !important; } #app-mount .userProfileOuterThemed__1fbd7 ::-webkit-scrollbar-thumb { background-color: var(--profile-gradient-secondary-color) !important; } .userProfileInnerThemed__5ab6a::after { content: ""; position: absolute; display: block; background: var(--profile-gradient-primary-color); top: 4px; right: 4px; left: 4px; height: 60px; z-index: 1; } .userProfileInnerThemed__5ab6a::before { z-index: 2; } .userProfileInnerThemed__5ab6a > * { z-index: 3; } .userProfileInnerThemedWithBanner__2152d::after { height: 120px; } .userProfileInner__61cc1 { /* popout inner */ border-radius: 4px; } .userPopoutOuter__3884e .wrapper__3ed10, /* popout avatar */ .userPopoutOuter__3884e .avatarWrapper { /* popout status everywhere */ background-color: transparent; border-color: transparent; box-sizing: content-box; } .root_a99273 { /* body roles */ max-height: 100px; overflow-x: hidden; overflow-y: scroll; } #app-mount .root_a99273::-webkit-scrollbar { width: 4px; } #app-mount .role_d81130 { /* body role */ border-color: rgba(var(--textbrighter_v), .6); border-radius: 5px; padding: 0 5px; position: relative; } #app-mount .role_d81130[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter_v), .6) !important; } #app-mount .rolePillBorder_e3a889:not(.actionButton__96742) { border-width: 0; } #app-mount .role_d81130 .roleName__851c9 { /* body rolename */ position: relative; color: rgb(var(--textbrightest_v)); height: 20px; line-height: 20px; margin: 0; font-weight: normal; z-index: 1000; pointer-events: none; } #app-mount .role_d81130 .roleRemoveButton__20c70 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #app-mount .role_d81130 .roleCircle__61ad8 { /* body rolecircle */ position: absolute; background-color: rgb(var(--textbrighter_v)); border-radius: 3px; opacity: 0.3; height: 100%; width: 100%; margin: 0; left: 0; top: 0; } #app-mount .role_d81130 .roleCircle__61ad8[style*="background-color: rgb(185, 187, 190)"] { background-color: rgb(var(--textbrighter_v)) !important; } #app-mount .role_d81130 .roleCircle__61ad8:not(:only-child):hover { opacity: 1; z-index: 2000; cursor: pointer; } #app-mount .role_d81130 .roleRemoveIcon_c3913a { z-index: 2001; pointer-events: none; } #app-mount .role_d81130 .roleIcon_aa2eb3 { z-index: 1; } .textarea__0461c:focus { /* body note */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .wumpusTooltip_db70b7 { background-color: rgb(var(--accentcolor_v)); color: #fff; text-shadow: 1px 1px var(--textshadow_v); } #app-mount .wumpusTooltip_db70b7::after { border-color: transparent rgb(var(--accentcolor_v)) transparent transparent; } /* ---- 14.3. EMOJIPICKER ---- */ .contentWrapper_e0bb2c, /* picker expression wrapper */ .emojiPicker__5e2e2, /* picker inner */ .diversitySelectorOptions_daea2d { /* picker diversityselector */ background: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); border: none; overflow: hidden; } .contentWrapper_e0bb2c::before, .emojiPicker__5e2e2::before, .diversitySelectorOptions_daea2d::before, .contentWrapper_e0bb2c::after, .emojiPicker__5e2e2::after, .diversitySelectorOptions_daea2d::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .contentWrapper_e0bb2c::before, .emojiPicker__5e2e2::before, .diversitySelectorOptions_daea2d::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .contentWrapper_e0bb2c::after, .emojiPicker__5e2e2::after, .diversitySelectorOptions_daea2d::after { background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } .diversitySelectorOptions_daea2d::before, .diversitySelectorOptions_daea2d::after { border-radius: 5px; } .diversityEmojiItem__48e39:hover { /* picker diversityemoji */ background-color: rgb(var(--accentcolor_v)); } .navButtonActive__0c878 { /* picker navbuttonactive */ background-color: rgb(var(--accentcolor_v)); color: #fff; text-shadow: 1px 1px var(--textshadow_v); } .wrapper__85934 { /* picker sidebar */ background-color: rgba(var(--transparencycolor_v), .2); } .guildIcon_ed1ab4 { /* picker guildicon */ background-color: rgba(var(--transparencycolor_v), .2); } .categoryItemDefaultCategory__6c3db:first-child, .categoryItemDefaultCategory__6c3db:first-child + .categoryItemDefaultCategory__6c3db { margin-bottom: 8px; } .categoryItemDefaultCategory__6c3db:hover, /* picker categoryitem */ .stickerCategory__12120:hover { /* picker stickercategoryitem */ background-color: rgba(var(--transparencycolor_v), .3); } .categoryItemDefaultCategorySelected__7d6e0, /* picker categoryitem selected */ .categoryItemDefaultCategorySelected__7d6e0:hover { background-color: rgb(var(--accentcolor_v)); } .categoryItemDefaultCategorySelected__7d6e0 svg, /* picker categoryitem selected */ .categoryItemDefaultCategorySelected__7d6e0:hover svg { filter: drop-shadow(1px 1px var(--textshadow_v)); } .unicodeShortcut__01a83 { /* picker unicodeemojis shortcut */ background-color: transparent; border: none; overflow: hidden; z-index: 100; } .unicodeShortcut__01a83::before, .unicodeShortcut__01a83::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .unicodeShortcut__01a83::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .unicodeShortcut__01a83::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35)); backdrop-filter: blur(var(--popoutblur_v)); } .inspector__80c84 { /* picker emojiinfowrapper */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .wrapper__91b2c { /* picker categoryheader */ background: transparent; position: static; } #app-mount .imageLoading_fb7de7 { /* picker emoji loading */ background: rgba(var(--transparencycolor_v), .3); border-radius: 10px; } .emojiItem_de65fd.emojiItemSelected__023be { /* picker emoji selected */ background-color: rgb(var(--accentcolor_v)); } .emojiItemDisabled__843ea { /* picker emoji disabled */ filter: none; cursor: no-drop; } .emojiItemDisabled__843ea > * { filter: grayscale(1); } .premiumPromo__9e1ca { /* picker premium warning */ background-color: transparent; opacity: 1; } .premiumPromo__9e1ca::before, .premiumPromo__9e1ca::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; opacity: 0.9; pointer-events: none; z-index: -1; } .premiumPromo__9e1ca::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .premiumPromo__9e1ca::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.29)); backdrop-filter: blur(var(--popoutblur_v)); } .premiumPromoClose_bb9fb2 { -webkit-mask: url(https://discord.com/assets/411dfecce0d7da63ea2b.svg) 50% 50% no-repeat; background: var(--interactive-normal); } .premiumPromoClose_bb9fb2:hover { background: var(--interactive-hover); } .premiumPromoClose_bb9fb2:active { background: var(--interactive-active); } #app-mount .categoryItemDefaultCategorySelected__7d6e0 .categoryIcon_d0a396, #app-mount .categoryItemDefaultCategorySelected__7d6e0:hover .categoryIcon_d0a396 { color: var(--interactive-active); } #app-mount .focused__79359, /* gifpicker result */ #app-mount .result_e1fc74:hover { box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor_v), .3); } #app-mount .placeholder__99206 { background: rgba(var(--textdarkest_v),.6); } #app-mount .endContainer__4078a::after { background-image: url(https://discord.com/assets/6836d88af9197cbd4cbb.svg); opacity: 0.6; } #app-mount .endText__4af65 { color: var(--header-secondary); } #app-mount .emptyHintCard_cac1d9 { background-color: rgba(var(--transparencycolor_v), .2); color: var(--header-secondary); } #app-mount .backButton_d9b964 { /* gifpicker backbutton */ color: var(--interactive-normal); } #app-mount .backButton_d9b964:hover { color: var(--interactive-hover); } #app-mount .backButton_d9b964:active { color: var(--interactive-active); } /* ---- 14.4. PINS/MENTIONS ---- */ .messagesPopoutWrap__10dd1, /* popout wrapper */ .container_eb737e { /* popout wrapper (inbox) */ background-color: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); border: none; overflow: hidden; } .messagesPopoutWrap__10dd1 > *, .container_eb737e > * { z-index: 1000; } .messagesPopoutWrap__10dd1::before, .container_eb737e::before, .messagesPopoutWrap__10dd1::after, .container_eb737e::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .messagesPopoutWrap__10dd1::before, .container_eb737e::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .messagesPopoutWrap__10dd1::after, .container_eb737e::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .messagesPopout__28784 { /* popout innerwrap */ background-color: transparent; } .header__21b33 { /* popout header */ background-color: rgba(var(--transparencycolor_v), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2); } .footer__6b9ef { /* popout footer */ background-color: rgba(var(--transparencycolor_v), .2); } .messageGroupWrapper__1fce2 { background-color: transparent; border: none; overflow: visible; padding: 11px 10px 10px 10px; } .messageGroupWrapper__1fce2 + .messageGroupWrapper__1fce2::before { content: ""; border-top: 1px solid var(--background-modifier-accent); position: absolute; top: -3px; left: 0; width: 100%; } .actionButtons_eb040c { /* popout actionbuttonscontainer */ top: 4px; right: 14px; } .jumpButton__6c38c, /* popout jumpbutton (mentions) */ .jumpButton__309d6 { /* popout jumpbutton (pins) */ background-color: rgba(var(--transparencycolor_v), .4); } .jumpButton__6c38c:hover, .jumpButton__309d6:hover { background-color: rgb(var(--accentcolor_v)); } .jumpButton__6c38c + .jumpButton__6c38c, .jumpButton__309d6 + .jumpButton__309d6 { margin-left: 2px; } .image_bbc9d9 { /* popout emptyimage */ opacity: 0.6; } .image_bbc9d9[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] { background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important; } #app-mount .header__58a85 .tabBar__2aa8e .tab_a8a066.active__7e7af { /* popout active tab */ background-color: rgb(var(--accentcolor_v)); } .secondary__45d4f, /* popout header button */ .tertiary_ad6d80, /* popout message button */ .collapseButton_f8165c { /* popout collapse button */ background-color: rgba(var(--transparencycolor_v), .2); } .secondary__45d4f:hover, .tertiary_ad6d80:hover, .collapseButton_f8165c:hover { background-color: rgba(var(--transparencycolor_v), .4); } .collapseButton_f8165c { position: static; margin-left: 12px; border-radius: 32px; box-sizing: border-box; cursor: pointer; flex-shrink: 0; height: 32px; min-height: 32px; width: 32px; min-width: 32px; padding: 8px; transform: unset !important; } .collapseButton_f8165c.collapsed__1583e svg { transform: rotate(-90deg); } .channelHeader_ea0f89 { /* popout channelheader */ background-color: rgba(var(--transparencycolor_v), .4); padding-right: 16px; border-radius: 5px 5px 0 0; position: static; } .channelHeader_ea0f89:only-child { border-radius: 0; } .messageContainer_cb3d47, /* popout messagecontainer */ .messages__1aaa1 { /* popout messagecontainer (inbox) */ background-color: rgba(var(--transparencycolor_v), .2); border-radius: 0; } .messageContainer_cb3d47:last-child, .messages__1aaa1:last-child { border-radius: 0 0 5px 5px; } .tutorial__5bb77 { /* popout tutorial (inbox) */ background-color: rgba(var(--transparencycolor_v), .4); } .tutorialIcon__51741 { /* popout tutorial (inbox) */ background-color: rgba(var(--transparencycolor_v), .4); } /* ---- 14.5. SEARCHPOPOUT ---- */ #app-mount .container__84c26 { /* popout wrapper */ background-color: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); border: none; overflow: hidden; position: relative; } .container__84c26::before, .container__84c26::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .container__84c26::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .container__84c26::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .queryContainer_c1cb2f { border-bottom-color: var(--background-modifier-accent); color: var(--header-secondary); } #app-mount .queryContainer_c1cb2f strong { color: var(--header-primary); } #app-mount .focused__68b93 { background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .resultsGroup_b221b0::before { border-top-color: var(--background-modifier-accent); } #app-mount .resultsGroup_b221b0 .header__00739, #app-mount .resultsGroup_b221b0 .plusIcon__3ff01, #app-mount .resultsGroup_b221b0 .searchClearHistory__7fe75, #app-mount .resultsGroup_b221b0 .searchLearnMore__17e18 a { color: var(--text-normal); } #app-mount .resultsGroup_b221b0 .header__00739, #app-mount .resultsGroup_b221b0 .plusIcon__3ff01 { color: var(--text-normal); } #app-mount .option__91497::after { display: none; } #app-mount .option__91497:hover, #app-mount .option__91497[aria-selected=true] { background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .option__91497:hover::before, #app-mount .option__91497[aria-selected=true]::before { background-color: rgb(var(--accentcolor_v)); border-radius: 3px; width: 34px; } #app-mount .option__91497:hover .plusIcon__3ff01, #app-mount .option__91497[aria-selected=true] .plusIcon__3ff01 { color: white; opacity: 1; } #app-mount .option__91497 .answer__9ff92, #app-mount .option__91497 .nonText_fbd88d, #app-mount .option__91497 strong { color: var(--text-normal); } #app-mount .option__91497 .filter__851fb { color: var(--text-muted); } #app-mount .option__91497.user__97b4c .displayedNick_ee206c { color: var(--text-normal); } #app-mount .option__91497.user__97b4c .displayUsername__41697 { color: var(--interactive-muted); } #app-mount .searchOption__3c857 .filter__851fb { color: var(--text-normal); } #app-mount .searchOption__3c857 .answer__9ff92 { color: var(--text-muted); } #app-mount .searchResultChannelCategory__3c246, #app-mount .searchResultChannelIcon__80f46 { color: var(--text-muted); } #app-mount .calendarPicker__47c85 .react-datepicker { background: transparent; } #app-mount .calendarPicker__47c85 .react-datepicker__day:not(.react-datepicker__day--outside-month) { border-color: rgba(var(--transparencycolor_v), .5); } #app-mount .calendarPicker__47c85 .react-datepicker__day--outside-month { background: rgba(var(--transparencycolor_v), .5); border-color: transparent; } #app-mount .calendarPicker__47c85 .react-datepicker__header, #app-mount .calendarPicker__47c85 .react-datepicker__month-container, #app-mount .calendarPicker__47c85 .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) { background: rgba(var(--transparencycolor_v), .2); } #app-mount .calendarPicker__47c85 .react-datepicker__header { padding-bottom: 5px; } #app-mount .calendarPicker__47c85 .react-datepicker__navigation { background: transparent; border-color: rgba(var(--textbrightest_v), .5); top: 30px; } #app-mount .calendarPicker__47c85 .react-datepicker__navigation::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) center/6px 12px no-repeat; background-color: rgb(var(--textbrightest_v)); } #app-mount .calendarPicker__47c85 .react-datepicker__navigation--previous { left: 30px; } #app-mount .calendarPicker__47c85 .react-datepicker__navigation--next { right: 30px; } #app-mount .calendarPicker__47c85 .react-datepicker__current-month { border-color: transparent; padding: 10px 0; } #app-mount .calendarPicker__47c85 .react-datepicker__current-month, #app-mount .calendarPicker__47c85 .react-datepicker__day-name, #app-mount .calendarPicker__47c85 .react-datepicker__day:not(.react-datepicker__day--disabled):hover, #app-mount .calendarPicker__47c85 .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month), #app-mount .calendarPicker__47c85 .datePickerHint_d023b6 .hint__460f1, #app-mount .calendarPicker__47c85 .datePickerHint_d023b6 .hintValue__0c960 { color: var(--header-primary); } #app-mount .calendarPicker__47c85 .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) { color: var(--header-secondary); } #app-mount .calendarPicker__47c85 .react-datepicker__day--outside-month { color: var(--text-muted); cursor: no-drop; } #app-mount .datePicker_df63a7 .datePickerHint_d023b6 { margin: 0; padding: 20px; display: flex; justify-content: center; border-top-color: var(--background-modifier-accent); } #app-mount .datePicker_df63a7 .datePickerHint_d023b6 .hint__460f1 { color: var(--text-normal); } #app-mount .datePicker_df63a7 .datePickerHint_d023b6 .hintValue__0c960 { color: var(--header-primary); } #app-mount .datePicker_df63a7 .datePickerHint_d023b6 .hintValue__0c960:hover { text-shadow: 1px 1px var(--textshadow_v); } /* ---- 14.6. COLORPICKER ---- */ #app-mount .customColorPicker_bbc020 { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); border: none; border-radius: 3px; overflow: hidden; } .customColorPicker_bbc020::before, .customColorPicker_bbc020::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .customColorPicker_bbc020::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .customColorPicker_bbc020::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35)); backdrop-filter: blur(var(--popoutblur_v)); } /* ---- 14.7. ADDROLE ---- */ #app-mount .container_cff83e, /* popout userpopout */ #app-mount .container_b1d738 { /* popout channelsettings */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); border: none; border-radius: 3px; overflow: hidden; width: 300px; } .container_cff83e::before, .container_cff83e::after, .container_b1d738::before, .container_b1d738::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .container_cff83e::before, .container_b1d738::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .container_cff83e::after, .container_b1d738::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1)); backdrop-filter: blur(var(--popoutblur_v)); } .focused__87b55, .item__287de:focus:not(.disabled_ef860a), .item__287de:hover:not(.disabled_ef860a), .row__018c3.selected__5fd17 .rowInner__62b94, .row__018c3:focus .rowInner__62b94, .row__018c3:hover .rowInner__62b94 { background: rgba(var(--transparencycolor_v), .4); } #app-mount .container_b1d738 .header_def8e2 { background: rgba(var(--transparencycolor_v), .2); } #app-mount .container_b1d738 .input__1ed7f { color: var(--header-primary); } #app-mount .container_b1d738 .sectionTag__03ea5 { background: transparent; } .autocompleteShadow__09931, .autocompleteArrowWrapper__9f02e, .autocompleteHeaderBackground__79bf0 { display: none; } /* ---- 14.8. EVERYONEMENTION ---- */ .contentWarningPopout__84e38 .animation__60f8d { opacity: 0.6; } #app-mount .footer__068c0 { background-color: rgba(var(--transparencycolor_v), .2); color: var(--text-muted); } /* ---- 14.9. CHANNELFOLLOW ---- */ #app-mount .header_ee0efd { background: rgba(var(--transparencycolor_v), .3); } #app-mount .separator_aab1f8 { box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .3), 0 1px 2px 0 rgba(var(--transparencycolor_v), .3); } .channelContainer__0118d { background-color: rgba(var(--transparencycolor_v), .3); } .channel__7b481 { background-color: rgba(var(--transparencycolor_v), .3); } .channelContainer__0118d .channel__7b481 { background-color: transparent; } /* ---- 14.10. CHANNELFOLLOWINFO ---- */ #app-mount .guildPopout_df13cd { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .guildPopout_df13cd::before, .guildPopout_df13cd::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .guildPopout_df13cd::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .guildPopout_df13cd::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1)); backdrop-filter: blur(var(--popoutblur_v)); } /* ---- 14.11. EMOJIINFO ---- */ #app-mount .popoutContainer__66068 { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .popoutContainer__66068::before, .popoutContainer__66068::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popoutContainer__66068::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .popoutContainer__66068::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } .emojiSection_ab054b { /* popout emojisection */ background-color: transparent; } .guildSection__15ac6 { /* popout emojisection */ background-color: rgba(var(--transparencycolor_v), .2); } /* ---- 14.12. STREAMPREVIEW ---- */ #app-mount .streamPreview__965fa { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .streamPreview__965fa::before, .streamPreview__965fa::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .streamPreview__965fa::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .streamPreview__965fa::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .previewContainer__1e0bb { /* popout preview */ background-color: rgba(var(--transparencycolor_v), .2); } /* ---- 14.13. STREAMINFO ---- */ #app-mount .container__56cd1 { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; overflow: visible !important; } .container__56cd1::before, .container__56cd1::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .container__56cd1::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .container__56cd1::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } /* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */ #app-mount .popout__8e314 { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .popout__8e314::before, .popout__8e314::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popout__8e314::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .popout__8e314::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } /* ---- 14.15. RTCSTATUSPOPOUT ---- */ #app-mount .container__13b2a { /* RTCpopout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); color: var(--header-primary); position: relative; width: 290px; } .container__13b2a::before, .container__13b2a::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .container__13b2a::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .container__13b2a::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .container__13b2a canvas { background-color: rgb(var(--transparencycolor_v)); padding: 5px; border-radius: 5px; } #app-mount .container__13b2a section { background-color: transparent; } #app-mount .container__13b2a section p { color: var(--header-primary); } #app-mount .container__13b2a section strong { color: var(--header-primary); } #app-mount .debugButton__83d1b { color: var(--header-secondary); } #app-mount .krispLogo_d24d1f { -webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.svg) center/contain no-repeat; background-color: var(--header-primary); } /* ---- 14.16. PHONE-/EMAILVALIDATION ---- */ #app-mount .input__14d2f { background-color: rgba(var(--transparencycolor_v), .2); color: var(--header-primary); } #app-mount .phoneFieldPopout_a20b2f .countryName__0959f { color: var(--header-secondary); } #app-mount .phoneFieldPopout_a20b2f .countryCode__7f17e { color: var(--header-primary); } #app-mount .activityInviteEducationArrow_ebc48e { -webkit-mask: url(https://discord.com/assets/6f222b93b4b971e68613.svg) center/contain no-repeat; background: var(--header-primary); } #app-mount .emailVerificationModal_a12ecf .title_de0f4f { color: var(--header-primary); } #app-mount .emailVerificationModal_a12ecf .body_fe5b0e { color: var(--text-muted); } #app-mount .verification_ab2e30 .title_ef7dd4 { color: var(--header-primary); } #app-mount .verification_ab2e30 .body_b1ab5f, #app-mount .verification_ab2e30 .footer_a3e9dc { color: var(--header-secondary); } #app-mount .verificationBlock__2ee71 { background-color: rgba(var(--transparencycolor_v), .1); border: 1px solid rgba(var(--transparencycolor_v), .3); } #app-mount .verificationBlock__2ee71:hover { background-color: rgba(var(--transparencycolor_v), .2); border-color: rgb(var(--transparencycolor_v)); } #app-mount .verification_ab2e30 .image__30914 { background-image: url(https://discord.com/assets/8f8162ee689b2d85996c.svg); opacity: .5; } #app-mount .verificationBlock__2ee71 .image__30914.email__44f2f { background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg); opacity: .5; } #app-mount .verificationBlock__2ee71 .image__30914.phone__0b460 { background-image: url(https://discord.com/assets/e9802d8cbd4efea22c7f.svg); opacity: .5; } #app-mount .verificationBlock__2ee71 .body_b1ab5f { color: var(--header-secondary); } /* ---- 14.17. QUICKSELECTPOPOUT ---- */ #app-mount .quickSelectPopout__56a98, /* quickselect */ #app-mount .popoutList__292da { /* listpopout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); color: var(--header-primary); position: relative; } .quickSelectPopout__56a98::before, .popoutList__292da::before, .quickSelectPopout__56a98::after, .popoutList__292da::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .quickSelectPopout__56a98::before, .popoutList__292da::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .quickSelectPopout__56a98::after, .popoutList__292da::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .selectableItem__5e076 { color: var(--header-primary); } #app-mount .selectableItem__5e076:hover { background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .quickSelectPopoutOption_b852b1:hover { background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .quickSelectPopoutOption_b852b1.selected__683fe { background-color: rgba(var(--transparencycolor_v), .4); } #app-mount .popoutListEmpty__04127 { color: var(--header-primary); } #app-mount .quickSelectArrow__5988b { -webkit-mask: url(https://discord.com/assets/c4643b70509c385fcc83.svg) 50% no-repeat; background: var(--interactive-normal); } /* ---- 14.18. WARNINGPOPOUT ---- */ #app-mount .contentWarningPopout__84e38 { /* popout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; } .contentWarningPopout__84e38::before, .contentWarningPopout__84e38::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .contentWarningPopout__84e38::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .contentWarningPopout__84e38::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } #app-mount .body__86f4c { color: var(--header-secondary); } #app-mount .header__6f1b3 { color: var(--header-primary); } /* ---- 14.19. ACTIVETHREADLISTPOPOUT ---- */ #app-mount .popout__24e32 { /* popout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; } .popout__24e32::before, .popout__24e32::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .popout__24e32::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .popout__24e32::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } /* ---- 14.20. ROLEMEMBERSPOPOUT ---- */ #app-mount .rolePopout_bfb7ac { /* popout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; } .rolePopout_bfb7ac::before, .rolePopout_bfb7ac::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .rolePopout_bfb7ac::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .rolePopout_bfb7ac::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } /* ---- 14.21. FORUMFILTERPOPOUT ---- */ #app-mount .container_a0ef70 { /* popout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; } .container_a0ef70::before, .container_a0ef70::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .container_a0ef70::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .container_a0ef70::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } /* ---- 14.22. ACTIVITYSHAREPOPOUT ---- */ #app-mount .container__79284 { /* popout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; } .container__79284::before, .container__79284::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .container__79284::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .container__79284::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } /* ---- 14.23. SOUNDBOARD ---- */ #app-mount .picker__6dca7 { /* popout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; } .picker__6dca7::before, .picker__6dca7::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .picker__6dca7::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .picker__6dca7::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } /* ---- 14.24. SERVERSURVEY ---- */ .main_e0b3ac .prompt__671aa { background: rgba(var(--transparencycolor_v), .3); } .main_e0b3ac .prompt__671aa .sizeMedium__60c12 { width: unset; } .optionButtonWrapper_c86844:hover, .optionButtonWrapper_c86844.selected__31118 { border-color: rgb(var(--accentcolor_v)); } /* ~~~~ 15. GENERAL ~~~~ */ .highlight { background: rgba(var(--accentcolor_v), .3); } .clickable__03a29:hover .layout_bb8e67 { background-color: rgba(var(--transparencycolor_v), .2); } .clickable__03a29:active .layout_bb8e67 { background: rgb(var(--accentcolor_v)); } .clickable__03a29:active .layout_bb8e67, .selected__7f4cb .layout_bb8e67, .selected__7f4cb:hover .layout_bb8e67, .selected__7f4cb:active .layout_bb8e67 { background-color: rgb(var(--accentcolor_v)); text-shadow: 1px 1px var(--textshadow_v); } .clickable__03a29 .icon_ec85ca { color: inherit; } .clickable__03a29:active .layout_bb8e67 svg, .clickable__03a29.selected__7f4cb .layout_bb8e67 svg { filter: drop-shadow(1px 1px var(--textshadow_v)); } .clickable__03a29:active .premiumIcon__58b74, .clickable__03a29.selected__7f4cb .premiumIcon__58b74 { color: var(--header-primary) !important; } #app-mount .elevationLow__41429, #app-mount .elevationLow_be38de, .lightElevationLow_b62459{ box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3); } #app-mount .elevationHigh__31684, #app-mount .elevationHigh__08882, .lightElevationHigh_c9beeb { box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); } #app-mount .elevationBorderLow_c257e1, #app-mount .elevationBorderLow_d10573, .lightElevationBorderLow__1e5e8 { box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 1px 5px 0 rgba(var(--transparencycolor_v), .3); } #app-mount .elevationBorderHigh__24051, #app-mount .elevationBorderHigh__30406, .lightElevationBorderHigh__68386, .darkElevationBorderHigh__4ef1e { box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); } #app-mount .breadcrumbWrapper__75797 { /* breadcrumbs wrapper */ color: rgba(var(--textbrightest_v),.3); } #app-mount .activeBreadcrumb__56acd { /* breadcrumbs active */ color: rgba(var(--textbrightest_v),.6); } /* ---- 15.1. TEXT ---- */ #app-mount h1.title__4a7a9, #app-mount h2.title__4a7a9 { color: var(--header-primary); } #app-mount h3.title__4a7a9 { color: var(--text-normal); } #app-mount h4.title__4a7a9, #app-mount h5.title__4a7a9, #app-mount h6.title__4a7a9 { color: var(--header-secondary); } #app-mount .text__0e310, #app-mount .title__496be { color: var(--text-muted); } #app-mount .title__4a7a9 { color: var(--header-secondary); } #app-mount .markdown__8e519 { color: var(--text-normal); } #app-mount .markdown__8e519 th { background-color: var(--background-tertiary); border-color: var(--interactive-muted); color: var(--header-primary); } #app-mount .markdown__8e519 td { border-color: var(--interactive-muted); } #app-mount .markdown__8e519 tr { border-color: var(--interactive-muted); color: var(--header-secondary); } #app-mount .markdown__8e519 tr:nth-child(2n) { background-color: var(--background-secondary); } #app-mount .markdown__8e519 .blockquote__6a8b8 { border-left-color: var(--interactive-muted); } #app-mount .markdown__8e519 code { background-color: var(--background-secondary); } #app-mount .markdown__8e519 .codeInline_f5630b { color: var(--text-normal); } /* ---- 15.2. BUTTONS ---- */ .btn__51085.btnPrimary__96a11, .lookFilled__950dd.hoverBrand__252e8.hasHover_dfa15e:hover, .lookFilled__950dd.hoverBrandNew__5984d.hasHover_dfa15e:hover, .lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9):not([style*="background-color"]), .lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9):not([style*="background-color"]) { text-shadow: 1px 1px var(--textshadow_v); } .lookFilled__950dd.hoverBrand__252e8.hasHover_dfa15e:hover svg, .lookFilled__950dd.hoverBrandNew__5984d.hasHover_dfa15e:hover svg, .lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9):not([style*="background-color"]) svg, .lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9):not([style*="background-color"]) svg { filter: drop-shadow(1px 1px var(--textshadow_v)); } #app-mount .lookInverted_a299dc.colorPrimary_ebe632 .spinnerItem_a87807 { background-color: rgb(var(--textdarkest_v)); } #app-mount .lookOutlined__014b5.colorPrimary_ebe632 .spinnerItem_a87807, #app-mount .lookLink_a2da25.colorPrimary_ebe632 .spinnerItem_a87807 { background-color: rgb(var(--textdarkest_v)); } #app-mount .lookFilled__950dd.colorPrimary_ebe632:hover, #app-mount .lookFilled__950dd.hoverPrimary_c2c623.hasHover_dfa15e:hover { background-color: rgba(var(--transparencycolor_v), .4); } #app-mount .lookFilled__950dd.colorPrimary_ebe632:active, #app-mount .lookFilled__950dd.hoverPrimary_c2c623.hasHover_dfa15e:active { background-color: rgba(var(--transparencycolor_v), .6); } #app-mount .lookFilled__950dd.colorPrimary_ebe632, #app-mount .lookFilled__950dd.colorPrimary_ebe632:disabled { background-color: rgba(var(--transparencycolor_v), .2); color: #FFF; } #app-mount .lookInverted_a299dc.colorPrimary_ebe632:hover, #app-mount .lookInverted_a299dc.hoverPrimary_c2c623.hasHover_dfa15e:hover { background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); } #app-mount .lookInverted_a299dc.colorPrimary_ebe632:active, #app-mount .lookInverted_a299dc.hoverPrimary_c2c623.hasHover_dfa15e:active { background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); } #app-mount .lookInverted_a299dc.colorPrimary_ebe632, #app-mount .lookInverted_a299dc.colorPrimary_ebe632:disabled { background-color: #FFF; color: rgba(var(--textdarkest_v)); } #app-mount .lookOutlined__014b5.colorPrimary_ebe632:hover, #app-mount .lookOutlined__014b5.hoverPrimary_c2c623.hasHover_dfa15e:hover { background-color: rgba(var(--textdarkest_v), .05); border-color: rgba(var(--textdarkest_v), .6); } #app-mount .lookOutlined__014b5.colorPrimary_ebe632:active, #app-mount .lookOutlined__014b5.hoverPrimary_c2c623.hasHover_dfa15e:active { background-color: rgba(var(--textdarkest_v), .1); border-color: rgb(var(--textdarkest_v)); } #app-mount .lookOutlined__014b5.colorPrimary_ebe632, #app-mount .lookOutlined__014b5.colorPrimary_ebe632:disabled { border-color: rgba(var(--textdarkest_v), .1); color: rgb(var(--textdarkest_v)); } #app-mount .lookLink_a2da25.colorPrimary_ebe632 { color: rgb(var(--textdarkest_v)); } #app-mount .lookLink_a2da25.colorPrimary_ebe632:hover .contents__322f4, #app-mount .lookLink_a2da25.hoverPrimary_c2c623.hasHover_dfa15e:hover .contents__322f4 { --button--underline-color: rgb(var(--textdarkest_v)); color: rgb(var(--textdarkest_v)); } #app-mount .borderPrimary__386cf { border-color: rgb(var(--textdarkest_v)) !important; } #app-mount .lookInverted_a299dc.colorTransparent__3e3c7 .spinnerItem_a87807 { background-color: rgba(var(--textbrightest_v),.1); } #app-mount .lookFilled__950dd.colorTransparent__3e3c7 .spinnerItem_a87807, #app-mount .lookOutlined__014b5.colorTransparent__3e3c7 .spinnerItem_a87807, #app-mount .lookLink_a2da25.colorTransparent__3e3c7 .spinnerItem_a87807 { background-color: rgb(var(--textbrightest_v)); } #app-mount .lookFilled__950dd.colorTransparent__3e3c7:hover, #app-mount .lookFilled__950dd.hoverTransparent__31061.hasHover_dfa15e:hover { background-color: rgba(var(--textbrightest_v),.05); } #app-mount .lookFilled__950dd.colorTransparent__3e3c7:active, #app-mount .lookFilled__950dd.hoverTransparent__31061.hasHover_dfa15e:active { background-color: rgba(var(--textbrightest_v),.01); } #app-mount .lookFilled__950dd.colorTransparent__3e3c7, #app-mount .lookFilled__950dd.colorTransparent__3e3c7:disabled { background-color: rgba(var(--textbrightest_v),.1); color: rgb(var(--textbrightest_v)); } #app-mount .lookInverted_a299dc.colorTransparent__3e3c7:hover, #app-mount .lookInverted_a299dc.hoverTransparent__31061.hasHover_dfa15e:hover { background-color: rgba(var(--textbrightest_v),.05); } #app-mount .lookInverted_a299dc.colorTransparent__3e3c7:active, #app-mount .lookInverted_a299dc.hoverTransparent__31061.hasHover_dfa15e:active { background-color: rgba(var(--textbrightest_v),.1); } #app-mount .lookInverted_a299dc.colorTransparent__3e3c7, #app-mount .lookInverted_a299dc.colorTransparent__3e3c7:disabled { background-color: rgb(var(--textbrightest_v)); color: rgba(var(--textbrightest_v),.1); } #app-mount .lookOutlined__014b5.hoverTransparent__31061.hasHover_dfa15e:hover { background-color: rgba(var(--textbrighter_v),.1); border-color: rgb(var(--textbrightest_v)); } #app-mount .lookOutlined__014b5.hoverTransparent__31061.hasHover_dfa15e:active { background-color: rgba(var(--textbrightest_v),.1); border-color: rgb(var(--textbrightest_v)); } #app-mount .lookOutlined__014b5.colorTransparent__3e3c7, #app-mount .lookOutlined__014b5.colorTransparent__3e3c7:disabled { background-color: transparent; color: rgb(var(--textbright_v)); } #app-mount .lookLink_a2da25.colorTransparent__3e3c7 { color: rgb(var(--textbright_v)); } #app-mount .lookLink_a2da25.colorTransparent__3e3c7:hover .contents__322f4, #app-mount .lookLink_a2da25.hoverTransparent__31061.hasHover_dfa15e:hover .contents__322f4 { --button--underline-color: rgb(var(--textbright_v)); color: rgb(var(--textbright_v)); } #app-mount .borderTransparent_c5801e { border-color: rgb(var(--textbrightest_v)) !important; } /* ---- 15.3. INPUTS ---- */ input.input_f27786 { /* valueinput bordered */ background-color: rgba(var(--transparencycolor_v), .1); } input.input_f27786:hover:not(:focus) { border-color: rgb(var(--transparencycolor_v)); } #app-mount .prefixInput_e78a57 { background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.3); } #app-mount .prefixInput_e78a57:hover { border-color: rgba(0,0,0,.6); } #app-mount .prefixInputInput_f59287 { color: var(--header-primary); } #app-mount .prefixInputInput_f59287::-webkit-input-placeholder, #app-mount .prefixInputInput_f59287::-moz-placeholder, #app-mount .prefixInputInput_f59287:-ms-input-placeholder, #app-mount .prefixInputInput_f59287::placeholder { color: var(--text-muted); } #app-mount .prefixInputPrefix_fa0059 { color: var(--text-muted); } #app-mount .maxLength_cf9f48 { color: var(--text-muted); } #app-mount .copyInput_f549fd { background-color: var(--deprecated-text-input-bg); } #app-mount .copyInputDefault_e19ebf { border-color: var(--deprecated-text-input-border); } #app-mount .hiddenMessage_e7355b, #app-mount .inputDefault__591c7 { color: var(--header-primary); } #app-mount .hiddenMessage_e7355b::placeholder, #app-mount .inputDefault__591c7::placeholder { color: rgba(var(--textbrightest_v),.3); } .container__2ed72 { /* checkboxswitch */ background-color: rgba(var(--transparencycolor_v), .3) !important; } .container__2ed72 rect[fill] { fill: var(--header-primary) !important; } .container__2ed72 path[fill] { fill: rgb(var(--transparencycolor_v)) !important; } #app-mount .item_b7fb7e { /* radiogroup container */ background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .item_b7fb7e:hover { background-color: rgba(var(--transparencycolor_v), .4); } #app-mount .item_b7fb7e[aria-checked=true] .radioBar__70669 { background: rgb(var(--accentcolor_v)); } #app-mount .item_b7fb7e[aria-checked=true] .radioBar__70669 .radioIconForeground__9ca1e { color: var(--header-primary); } #app-mount .item_b7fb7e .radioBar__70669[style*="--radio-bar-accent-color"] { background: var(--radio-bar-accent-color); border: unset; color: var(--header-primary); } #app-mount .item_b7fb7e[aria-checked=false]:hover .radioBar__70669[style*="--radio-bar-accent-color"] { background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)); } #app-mount .checkboxContainer_d69195::before { /* checkbox container */ background-color: rgba(var(--textdarker_v), .3); } #app-mount .checkboxMute__47021::before { background-color: rgba(var(--transparencycolor_v), .2); } #app-mount .checkbox_fcf2ad { /* checkbox inner */ border-color: rgb(var(--textdark_v)); } #app-mount .checkbox_fcf2ad.checked__16f88 { /* checkbox checked */ background-color: rgb(var(--textbrightest_v)); border-color: rgb(var(--textbrightest_v)); } #app-mount .checkbox_fcf2ad.checked__16f88.round__2ab09 { /* checkbox roundchecked */ background-color: rgb(var(--accentcolor_v)) !important; border-color: rgb(var(--accentcolor_v)) !important; } #app-mount .checkbox_fcf2ad.checked__16f88.round__2ab09 svg { filter: drop-shadow(1px 1px var(--textshadow_v)); } #app-mount .checkbox_fcf2ad.checked__16f88.round__2ab09 path[fill] { fill: #fff; } #app-mount .bar_e58961 { /* slider backgroundbar */ background-color: rgba(var(--transparencycolor_v), .3); } .grabber_e3daf3 { /* slider grabber */ background-color: var(--header-primary); border-color: var(--header-primary); box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor_v), .05), 0 2px 2px 0 rgba(var(--transparencycolor_v), .1), 0 3px 3px 0 rgba(var(--transparencycolor_v), .05); } #app-mount .markValue_c91c4e { /* slider markvalue */ color: var(--text-muted); } #app-mount .defaultValue__8e777 .markValue_c91c4e { color: #43b581; } #app-mount .markDash__54545 { background: transparent; color: rgba(var(--transparencycolor_v), .3); } #app-mount .defaultValue__8e777 .markDash__54545 { color: #43b581; } #app-mount .markDash__54545::before, #app-mount .markDash__54545::after { content: ""; position: absolute; background: currentColor; height: 8px; width: 2px; } #app-mount .markDash__54545::before { top: 14px; } #app-mount .markDash__54545::after { top: 30px; } #app-mount .bubble_f48089 { /* slider bubble */ background-color: rgb(var(--accentcolor_v)); color: #fff; text-shadow: 1px 1px var(--textshadow_v); } #app-mount .bubble_f48089::before { border-top-color: rgb(var(--accentcolor_v)); } #app-mount .container__8267c { /* hotkeyinput container */ background-color: rgba(var(--transparencycolor_v), .1); border-color: rgba(var(--transparencycolor_v), .3); } #app-mount .editIcon__570b4 { /* hotkeyinput editicon */ -webkit-mask: url(https://discord.com/assets/c87be216431a35927431.svg) center/cover no-repeat; background: var(--header-primary); } #app-mount .container_e61cfb .button__0982c { background-color: rgba(var(--transparencycolor_v),.3) !important; color: var(--header-primary) !important; } #app-mount .container_e61cfb.recording_adbccb .button__0982c { background-color: rgba(var(--dangercolor),.1) !important; color: rgb(var(--dangercolor)) !important; } .select_a50fd3 [class*="css-"][class*="-container"] { /* select container */ background-color: transparent; } .lookFilled__9c1ef.select_fe2671, .select_a50fd3 [class*="css-"][class*="-control"] { background-color: rgba(var(--transparencycolor_v), .1); border-color: rgba(var(--transparencycolor_v), .3); color: var(--text-normal); } .lookFilled__9c1ef.select_fe2671:hover { border-color: rgb(var(--transparencycolor_v)); } .lookFilled__9c1ef.select_fe2671:hover.open_cd27aa, .lookFilled__9c1ef.open_cd27aa { border-color: rgb(var(--transparencycolor_v)) rgb(var(--transparencycolor_v)) rgba(var(--transparencycolor_v), .3); } .lookFilled__9c1ef.select_fe2671 .searchInput_d31046 { background: transparent; } .select_a50fd3 [class*="css-"][class*="-control"]:hover, .select_a50fd3 [class*="css-"][class*="-control"]:not(:last-child) { border-color: var(--deprecated-text-input-border-hover); } .select_a50fd3.languageSelector_f25b72 [class*="css-"][class*="-control"] { background-color: rgba(var(--transparencycolor_v), .3); } .select_a50fd3 [class*="css-"][class*="-singleValue"], .select_a50fd3 [class*="css-"][class*="-placeholder"], .select_a50fd3 [class*="css-"][class*="-indicatorContainer"] { color: var(--text-normal); } .option_eb83e4, .css-1gfjib6-option, .css-1yz4bi9-option, .css-ru8b0x-option, .css-1yz4bi9-option { background-color: rgba(var(--transparencycolor_v), .1); color: var(--interactive-normal); } .option_eb83e4:hover, .css-pkcurw-option, .css-rzbxvl-option, .css-1qxn4c5-option, .css-rzbxvl-option { background-color: rgba(var(--transparencycolor_v), .3); color: var(--interactive-hover); } .option_eb83e4:focus, .option_eb83e4.focused_d14fa7, .option_eb83e4.focused_d14fa7:hover, .option_eb83e4[aria-selected=true]:not(.option_eb83e4.multi__8d15f), .css-1gxgi19-option, .css-1ba14n5-option, .css-6qzljd-option, .css-1ba14n5-option { background-color: rgba(var(--transparencycolor_v), .5); color: var(--interactive-active); } .popout_a6e77f::-webkit-scrollbar { display: none; } .popout_a6e77f, .select_a50fd3 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] { background-color: transparent; border: 1px solid rgba(var(--transparencycolor_v), .3); box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3); overflow: hidden; } .popout_a6e77f.scrollerBase_f742b2 > .option_eb83e4 { position: relative; } .popout_a6e77f::before, .popout_a6e77f.scrollerBase_f742b2 > .option_eb83e4::before, .popout_a6e77f.scrollerBase_f742b2 .content__690c5::before, .select_a50fd3 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before, .popout_a6e77f::after, .popout_a6e77f.scrollerBase_f742b2 > .option_eb83e4::after, .popout_a6e77f.scrollerBase_f742b2 .content__690c5::after, .select_a50fd3 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popout_a6e77f::before, .popout_a6e77f.scrollerBase_f742b2 > .option_eb83e4::before, .popout_a6e77f.scrollerBase_f742b2 .content__690c5::before, .select_a50fd3 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .popout_a6e77f::after, .popout_a6e77f.scrollerBase_f742b2 > .option_eb83e4::after, .popout_a6e77f.scrollerBase_f742b2 .content__690c5::after, .select_a50fd3 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } .popout_a6e77f.scrollerBase_f742b2::before, .popout_a6e77f.scrollerBase_f742b2::after { display: none; } /* ---- 15.4. SEARCHBARS ---- */ .container_ec5ce2, /* searchbar inner */ .container__33507 { background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .searchBox__56feb .searchBoxInput__56498::placeholder { color: var(--text-muted); } #app-mount .searchIcon_d1a3c1 { color: var(--text-muted); } #app-mount .filterLabel__82eb8 { color: var(--header-secondary); } #app-mount .searchBox__56feb { background-color: rgba(var(--transparencycolor_v), .3); box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor_v), .2); } /* ---- 15.5. TAGS ---- */ .botTagRegular_c89c9a:not([style]) { /* bottag regular */ text-shadow: 1px 1px var(--textshadow_v); } .botTagRegular_c89c9a:not([style]) svg { filter: drop-shadow(1px 1px var(--textshadow_v)); } .base__5ed84[style*="var(--bdfdb-blurple)"], /* numberbadge */ .base__5ed84[style*="background-color: rgb(88, 101, 242)"], .base__5ed84[style*="background-color: rgb(114, 137, 218)"] { text-shadow: 1px 1px var(--textshadow_v); } .iconBadge__0c126 { /* iconbadge */ background-color: rgba(var(--transparencycolor_v), .3); } /* ---- 15.6. IMAGES ---- */ #app-mount .image__02f7c { background-image: url(https://discord.com/assets/5420f8fd9d89897c6448.svg); opacity: .75; } #app-mount .invalidPoop__9bdd8 { background-color: rgba(var(--transparencycolor_v), .3); background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg); opacity: .5; } #app-mount .sadImage__4d614 { background-image: url(https://discord.com/assets/746284e4cfc7cd6c5e15.svg); opacity: .5; } #app-mount .cancelImage_a17f16 { background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg); opacity: .75; } #app-mount .emptyWumpus_d5031d { background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg); opacity: .5; } #app-mount .authenticationRequiredImage__6e339 { background-image: url(https://discord.com/assets/ac36a2fad758d64ffbfb.svg); opacity: .5; } #app-mount .authenticationSuccessImage_c09e96 { background-image: url(https://discord.com/assets/22a55a08151860da8500.svg); opacity: .5; } #app-mount .authenticationFailImage-3DXXvB { background-image: url(https://discord.com/assets/5fc4852a2acb3abf0a64.svg); opacity: .5; } #app-mount .conflictUploadArt_c68c28 { background-image: url(https://discord.com/assets/27f92332674f9dacc1e9.svg); opacity: .5; } #app-mount .conflictDownloadArt__87c31 { background-image: url(https://discord.com/assets/f6bc645aead00959a690.svg); opacity: .5; } #app-mount .errorArt__7d1bf { background-image: url(https://discord.com/assets/c00cfaed1382bf7f33d4.svg); opacity: .5; } #app-mount .searchIndexBackground__732e0 { background-image: url(https://discord.com/assets/1876c6a6db747137a124.svg); opacity: .5; } #app-mount .resultsBlockedImage_ee0c36 { background-image: url(https://discord.com/assets/83720a1a3ec0963a1f71.svg); opacity: .5; } #app-mount .noResultsImage__1a10e { background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg); opacity: .5; } #app-mount .noResultsImage__1a10e.alt__77d89 { background-image: url(https://discord.com/assets/99d35a435f00582ddf41.svg); opacity: .5; } #app-mount .errorImage__3570d { background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg); opacity: .5; } #app-mount .emptyStateImage_b41d12 { background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg); opacity: .5; } #app-mount .wrapper__77675 { /* crash screen background */ background-image: url(https://discord.com/assets/14223d22c9628be36fc0.svg); } #app-mount .image_e0cb48 { /* crash screen center image */ background-image: url(https://discord.com/assets/72eaa596042042be6259.svg); opacity: .5; } #app-mount .gameIcon_fc710a { background-color: rgba(var(--textbrightest_v), .1); color: var(--header-primary); } #app-mount .noResults__0e6c4 { background-image: url(https://discord.com/assets/c586aac99de98cfb010d.svg); opacity: .5; } #app-mount .art_ba4492 { background-image: url(https://discord.com/assets/1a8d1cce8efe66c22c6d.svg); opacity: .5; } #app-mount .art__773bf { background-image: url(https://discord.com/assets/29306de8953471954035.svg); opacity: .5; } #app-mount .imageUnverified_d28579 { background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg); opacity: .5; } #app-mount .imageUpgrade_d10a46 { background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg); } #app-mount .imageCancel_f3aeb9 { background-image: url(https://discord.com/assets/d12b5c285831f85c5eee.svg); } #app-mount .imageUnclaimed_a53457 { background-image: url(https://discord.com/assets/41675689ca055858e137.svg); opacity: .5; } #app-mount .imageUnverified__7fad2 { background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg); opacity: .5; } #app-mount .emptyPreviewImage_d74d4a { background-image: url(https://discord.com/assets/3a354aac283f909d403d.svg); opacity: .5; } .fullArt__4b6a0, .fullArt__26da5 { opacity: .5; } .image_bbc9d9 { opacity: .5; } .image_bbc9d9[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] { background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important; } .image__08515 { opacity: .5; } .image__08515[style*='url("/assets/d6dfb89ab06b62044dbb.svg")'] { background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg) !important; } .image__08515[style*='url("/assets/75081bdaad2d359c1469.svg")'] { background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg) !important; } .image__08515[style*='url("/assets/0629e34902ae58f8e4ca.svg")'] { background-image: url(https://discord.com/assets/24aa06be5457e66bdd64.svg) !important; } .image__08515[style*='url("/assets/5741692705ba077f4190.svg")'] { background-image: url(https://discord.com/assets/bca918618b884a382ab5.svg) !important; } .image__08515[style*='url("/assets/a72746e7108167af95c8.svg")'] { background-image: url(https://discord.com/assets/01864c39871ce619d855.svg) !important; } .image__08515[style*='url("/assets/ee4637f8627629dd0da5.svg")'] { background-image: url(https://discord.com/assets/532f1d4582d881960783.svg) !important; } .image__08515[style*='url("/assets/c8be48745cf680093019.svg")'] { background-image: url(https://discord.com/assets/295da3fc92e2adb1b852.svg) !important; } .image__08515[style*='url("/assets/5e3480eff150b1cb323e.svg")'] { background-image: url(https://discord.com/assets/cf8f9096a9322f2ae0d7.svg) !important; } .emptyStateImage__1e77e { opacity: .5; } .emptyStateImage__1e77e[src='/assets/39e3f389716400ced39a.svg'] { background-image: url(https://discord.com/assets/1bb2be01aece015602f7.svg); object-position: -999999px -999999px; } .image__08515[style*='url("/assets/c65431f185feb7b00749.svg")'] { background-image: url(https://discord.com/assets/cdc3f4f6fbf3a0f0766f.svg) !important; } .image__08515[style*='url("/assets/a1b0a14d2f22c155a2b3.svg")'] { background-image: url(https://discord.com/assets/c7c4065874955761be3b.svg) !important; } img[src='/assets/73984240bd99493de947.svg'] { background-image: url(https://discord.com/assets/c1875fc8a42a61903ba1.svg); opacity: .5; object-position: -999999px -999999px; } img[src='/assets/387a7c504c96b992872d.svg'] { background-image: url(https://discord.com/assets/1964f50ca0220e98dc32.svg); opacity: .5; object-position: -999999px -999999px; } #app-mount .footerImage_fb15e2 { background-image: url(https://discord.com/assets/a4bee30fe0b5a0f5b3c7.svg); opacity: .5; } #app-mount .imageError__3af5f { opacity: .5; } #app-mount .emptyImage_a1225f { background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg); opacity: .5; } #app-mount .missingEntitlementImage_b096c0 { background-image: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg); opacity: .5; } #app-mount .image__190d5 { background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg); opacity: .5; } #app-mount .image_abaa2d { background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg); opacity: .5; } #app-mount .image__8bdd3 { background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg); opacity: .5; } #app-mount .image__15b80 { background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg); opacity: .5; } /* ---- 15.7. SCROLLBARS ---- */ ::-webkit-scrollbar, #app-mount ::-webkit-scrollbar { width: 8px; height: 8px; } #app-mount .scroller-3vODG7::-webkit-scrollbar { width: 6px; height: 6px; } #app-mount .scroller__73df8::-webkit-scrollbar, #app-mount .scrollbar_b61b2b::-webkit-scrollbar, #app-mount .scroller-2PSBSf::-webkit-scrollbar { width: 4px; height: 4px; } ::-webkit-scrollbar, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, #app-mount ::-webkit-scrollbar, #app-mount ::-webkit-scrollbar-track, #app-mount ::-webkit-scrollbar-track-piece { border-color: transparent !important; background: transparent !important; } ::-webkit-scrollbar-thumb, #app-mount ::-webkit-scrollbar-thumb { border-radius: 10px; border: none; background-color: rgb(var(--accentcolor_v)) !important; } .none__7a473::-webkit-scrollbar-corner, .none__7a473::-webkit-scrollbar-thumb, .none__7a473::-webkit-scrollbar-track, .none__7a473::-webkit-scrollbar, .none_ff9f86::-webkit-scrollbar-corner, .none_ff9f86::-webkit-scrollbar-thumb, .none_ff9f86::-webkit-scrollbar-track, .none_ff9f86::-webkit-scrollbar { display: none; } /* ---- 15.8. NOTIFICATIONBAR ---- */ .base_c0676e .notice__5fd4c powercord-announcement { border-radius: 0; } #app-mount .notice-2FJMB4 { box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3); } #app-mount .notice__99c03 { background-color: rgba(var(--transparencycolor_v), .6); } /* ---- 15.9. TOOLTIPS ---- */ #app-mount .guildNameText__2c549 { color: #fff; } #app-mount .muteText__8f07b { color: #bbb; } #app-mount .tooltipPrimary__51b23, #app-mount .tooltipGrey__3108e, #app-mount .tooltipBlack__867ce { background-color: rgb(var(--accentcolor_v)); color: #fff; text-shadow: 1px 1px var(--textshadow_v); } #app-mount .tooltipPrimary__51b23 .note_e4Jh6_, #app-mount .tooltipGrey__3108e .note_e4Jh6_, #app-mount .tooltipBlack__867ce .note_e4Jh6_ { color: #bbb; } #app-mount .tooltipPrimary__51b23 a, #app-mount .tooltipGrey__3108e a, #app-mount .tooltipBlack__867ce a { filter: brightness(50%); } #app-mount .tooltipPrimary__51b23 .tooltipPointer_f7411c, #app-mount .tooltipGrey__3108e .tooltipPointer_f7411c, #app-mount .tooltipBlack__867ce .tooltipPointer_f7411c { border-top-color: rgb(var(--accentcolor_v)); } .emptyUser__8a436 { background: rgba(var(--transparencycolor_v), .5); } .moreUsers__61edd { background: rgba(var(--transparencycolor_v), .5); } /* ~~~~ 16. BDSUPPORT ~~~~ */ html .bd-toast { background-color: rgb(var(--accentcolor_v)); box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); color: #fff; text-shadow: 1px 1px var(--textshadow_v); } html .bd-toast.icon { background-image: none !important; } html .bd-toast.icon::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff !important; -webkit-mask: url('data:image/svg+xml; utf8, ') center/cover no-repeat; } html .bd-toast.toast-danger.icon::before, html .bd-toast.toast-error.icon::before { -webkit-mask: url('data:image/svg+xml; utf8, ') 6px 50%/20px 20px no-repeat; } html .bd-toast.toast-info.icon::before { -webkit-mask: url('data:image/svg+xml; utf8, ') 6px 50%/20px 20px no-repeat; } html .bd-toast.toast-success.icon::before { -webkit-mask: url('data:image/svg+xml; utf8, ') 6px 50%/20px 20px no-repeat; } html .bd-toast.toast-warning.icon::before, html .bd-toast.toast-warn.icon::before { -webkit-mask: url('data:image/svg+xml; utf8, ') 6px 50%/20px 20px no-repeat; } #app-mount .fav { background: var(--interactive-active); width: 16px; height: 16px; padding: 0; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star_empty.svg) center/contain no-repeat; } #app-mount .fav:hover, #app-mount .fav.active { background: #faa61a; } #app-mount .fav.active { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star.svg) center/contain no-repeat; } #app-mount .bd-tab-item:hover { background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .bd-tab-item.selected { background-color: rgb(var(--accentcolor_v)); color: #fff; text-shadow: 1px 1px var(--textshadow_v); } #app-mount .bd-server-card { /* pubslayer guildcard */ background-color: rgba(var(--transparencycolor_v), .3); } #app-mount .bd-server-icon { /* pubslayer guildicon */ background-color: rgba(var(--transparencycolor_v), .2); border-color: transparent; } #app-mount .bd-server-card:hover, #app-mount .bd-server-icon:hover { background-color: rgba(var(--transparencycolor_v), .4); } .bd-switch-body { /* bd switch */ --switch-color: rgb(var(--transparencycolor_v)); background-color: rgba(var(--transparencycolor_v), .3); } .bd-slider-label { /* bd slider label */ background-color: rgb(var(--accentcolor_v)); color: var(--header-primary); text-shadow: 1px 1px var(--textshadow_v); } .bd-slider-input { /* bd slider input */ background-color: rgba(var(--transparencycolor_v), .3); } .bd-slider-input[type="range"]::-webkit-slider-thumb { background-color: var(--header-primary); border-color: var(--header-primary); box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor_v), .05), 0 2px 2px 0 rgba(var(--transparencycolor_v), .1), 0 3px 3px 0 rgba(var(--transparencycolor_v), .05); } .bd-select { background-color: rgba(var(--transparencycolor_v), .1); border-color: rgba(var(--transparencycolor_v), .3); color: var(--text-normal); border: 1px solid transparent; padding: 8px 8px 8px 12px; cursor: pointer; box-sizing: border-box; display: grid; grid-template-columns: 1fr auto; align-items: center; border-radius: 4px; } .bd-select .bd-select-options { /* bd select popout */ background-color: transparent; border: none; border-radius: 4px; box-shadow: rgba(var(--transparencycolor_v), .3) 0px 2px 5px 0px; box-sizing: border-box; padding: 6px 8px; } .bd-select .bd-select-options::before, .bd-select .bd-select-options::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .bd-select .bd-select-options::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } .bd-select .bd-select-options::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3)); backdrop-filter: blur(var(--popoutblur_v)); } .bd-select .bd-select-option { /* bd select popout option */ display: flex; align-items: center; min-height: 32px; border-radius: 2px; box-sizing: border-box; color: var(--interactive-normal); font-size: 14px; font-weight: 500; line-height: 18px; margin-top: 2px; margin-bottom: 2px; padding: 0 8px; } .bd-select .bd-select-option:hover { background-color: rgba(var(--transparencycolor_v), .2); color: var(--interactive-hover); } .bd-select .bd-select-option.selected { background-color: rgba(var(--transparencycolor_v), .3); color: var(--interactive-active); } .bd-pfbtn { /* addonlist folder button */ text-shadow: 1px 1px var(--textshadow_v); } .bd-server-tag { /* addonlist public list tag */ text-shadow: 1px 1px var(--textshadow_v); } .bd-error-modal-content { padding: 0 10px 16px 10px; } #app-mount .bd-addon-error { background-color: rgba(var(--transparencycolor_v), 0.2); border-color: rgba(var(--transparencycolor_v), 0.2); } #app-mount .bd-addon-error.expanded, #app-mount .bd-addon-error:hover { background-color: rgba(var(--transparencycolor_v), 0.3); } .bd-addon-views .bd-view-button:not(.selected):hover, .bd-addon-controls .bd-button:hover, .bd-controls-basic .bd-button:hover { background: rgba(var(--transparencycolor_v), .3); } .bd-addon-views .bd-view-button:not(.selected):active, .bd-addon-controls .bd-button:active, .bd-controls-basic .bd-button:active { background: rgba(var(--accentcolor_v), .7); } .bd-addon-views .bd-view-button.selected svg { filter: drop-shadow(1px 1px var(--textshadow_v)); } .bd-button { text-shadow: 1px 1px var(--textshadow_v); } .bd-button svg { filter: drop-shadow(1px 1px var(--textshadow_v)); } .bd-button.bd-button-danger svg { filter: unset; } .floating-window.resizable { /* customcss editor detached */ background: rgb(var(--transparencycolor_v)); } html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight { background: rgb(var(--accentcolor_v)); } /* ~~~~ 17. POWERCORDSUPPORT ~~~~ */ html .powercord-toast { background-color: transparent; border: none; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); overflow: hidden; } html .powercord-toast::before, html .powercord-toast::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } html .powercord-toast::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } html .powercord-toast::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } html .powercord-toast .header { background-color: rgba(var(--transparencycolor_v), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2); color: var(--header-primary); } html .powercord-toast .contents .inner { background-color: rgba(var(--transparencycolor_v), .2); border: none; color: var(--header-secondary); } /* ~~~~ 18. PLUGINSUPPORT ~~~~ */ /* ---- 18.1. BDFDB ---- */ html .colorDefault_XdNdIp .bg_8df5St { background: transparent; opacity: 1; } html .colorDefault_XdNdIp .bg_8df5St::before, html .colorDefault_XdNdIp .bg_8df5St::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } html .colorDefault_XdNdIp .bg_8df5St::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } html .colorDefault_XdNdIp .bg_8df5St::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25)); backdrop-filter: blur(var(--popoutblur_v)); } /* ---- 18.2. DATEVIEWER ---- */ #app-mount #dv-mount { background: transparent; z-index: 1; } #app-mount #dv-mount::before, #app-mount #dv-mount::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } #app-mount #dv-mount::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; } #app-mount #dv-mount::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85)); backdrop-filter: blur(var(--backgroundblur_v)); } #app-mount #dv-main { border-top-color: rgba(var(--transparencycolor_v), .2); color: var(--header-primary); } #app-mount #dv-main .dv-date { color: var(--header-secondary); opacity: 1; } /* ---- 18.3. MEMBERCOUNT ---- */ #app-mount #MemberCount { background-color: transparent; width: calc(100% - 8px); margin: 0; line-height: 0; height: 30px; } #MemberCount::before, #MemberCount::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } #MemberCount::before { background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v); background-attachment: fixed; } #MemberCount::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85)); backdrop-filter: blur(var(--backgroundblur_v)); } /* ---- 18.4. LINENUMBERS ---- */ .hljs ol li { border-left-color: var(--background-modifier-accent); } .hljs ol li::before { color: rgb(var(--textdarker_v)); } /* ---- 18.5. PERMISSIONVIEWER ---- */ html #permissions-modal-wrapper { /* modal wrapper */ z-index: 1001; } html #permissions-modal-wrapper #permissions-modal { /* modal container */ background-color: transparent; border: none; box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3); position: relative; overflow: hidden; } html #permissions-modal-wrapper #permissions-modal::before, html #permissions-modal-wrapper #permissions-modal::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } html #permissions-modal-wrapper #permissions-modal::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; } html #permissions-modal-wrapper #permissions-modal::after { background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2)); backdrop-filter: blur(var(--popoutblur_v)); } html #permissions-modal-wrapper .header { background-color: rgba(var(--transparencycolor_v), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2); color: var(--header-primary); } html #permissions-modal-wrapper .modal-body { background-color: transparent; } html #permissions-modal-wrapper .scroller-title { border-bottom: 1px solid rgba(var(--transparencycolor_v), .3); } html #permissions-modal-wrapper .role-side { background-color: rgba(var(--transparencycolor_v), .1); } html #permissions-modal-wrapper .role-item { color: var(--text-normal); } html #permissions-modal-wrapper .role-item:hover { background-color: rgba(var(--transparencycolor_v), .1); } html #permissions-modal-wrapper .role-item.selected { background-color: rgba(var(--transparencycolor_v), .2); } html #permissions-modal-wrapper .perm-side { background-color: transparent; } html #permissions-modal-wrapper .perm-item { box-shadow: inset 0 -1px 0 var(--background-modifier-accent); } html #permissions-modal-wrapper .perm-name { color: var(--header-secondary); } /* ---- 18.6. DIRECTDOWNLOAD ---- */ #files_directDownload .file { background-color: rgba(var(--transparencycolor_v), .4); border-color: rgba(var(--accentcolor_v), .2); border-radius: 6px 6px 0 0; } #files_directDownload .file svg { fill: var(--interactive-active); opacity: 0.5; } #files_directDownload .file svg:hover { opacity: 1; } #files_directDownload .file span { color: var(--header-primary); } #files_directDownload .file .progress-bar { background-color: rgb(var(--accentcolor_v)); } /* ---- 18.7. BETTERFORMATINGREDUX ---- */ .innerDisabled-2mc-iF ~ .bf-toolbar { display: none; } .bf-arrow { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; background: var(--interactive-active) !important; } .bf-toolbar { background: transparent; overflow: hidden; transform: none; top: -50px; } .bf-toolbar::after { content: ""; display: block; position: absolute; width: 100%; height: calc(100% - 15px); pointer-events: none; left: 0px; top: 5px; background-color: rgba(var(--transparencycolor_v), .5); border-radius: 3px; transform: translate(0, 55px); transition: all 200ms ease; z-index: 200; } .bf-toolbar.bf-visible::after, .bf-toolbar.bf-hover:hover::after { transform: translate(0, 0); transition: all 200ms cubic-bezier(0,0,0,1); } .bf-toolbar::before { background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v); background-attachment: fixed; filter: blur(var(--popoutblur_v)); z-index: 100; } .theme-brand .bf-toolbar::after { background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important; } .theme-brand .bf-toolbar::before { display: none; } .bf-toolbar > * { z-index: 300; } .bf-toolbar .format { color: var(--text-normal); } .bf-toolbar .format:hover { background-color: rgb(var(--accentcolor_v)); color: #fff; } /* ---- 18.8 CHANNELHISTORY ---- */ .channelHistoryButtons { top: 4px; left: 310px; } /* ---- 18.9 CHANNELTABS ---- */ html #channelTabs-container { background: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 2)); } html #channelTabs-settingsMenu, html .channelTabs-tabNav > div, html .channelTabs-tab, html .channelTabs-fav { cursor: pointer; } html .channelTabs-tab:not(.channelTabs-selected):hover, html .channelTabs-fav:hover { background: rgba(var(--transparencycolor_v), 0.2); } html #channelTabs-settingsMenu:hover, html .channelTabs-tabContainer .channelTabs-tabNav > div:hover, html .channelTabs-tab.channelTabs-selected, html .channelTabs-tabContainer .channelTabs-newTab:hover { background: rgb(var(--accentcolor_v)); } html #channelTabs-settingsMenu:hover [fill]:not([fill="none"]), html .channelTabs-tabContainer .channelTabs-tabNav > div:hover [fill]:not([fill="none"]), html .channelTabs-tabContainer .channelTabs-newTab:hover [fill]:not([fill="none"]) { fill: var(--header-primary); } html .channelTabs-tabContainer .channelTabs-tabNav > .channelTabs-tabNavClose:hover { background: rgb(var(--dangercolor)); } /* ---- 18.10 TYPINGINDICATOR ---- */ html .typingindicator-guild, html .typingindicator-dms, html .typingindicator-folder { background: rgb(var(--transparencycolor_v), .2); border: 4px solid rgb(var(--transparencycolor_v), .2); box-shadow: unset; right: 8px; bottom: -5px; padding: 2px 0; } /* ---- 18.11 CHANNELDMS ---- */ .ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header { background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v)); } /* ~~~~ 19. UPDATENOTICE ~~~~ */ html:only-child > head + body div.app_b1f720 > div.app_de4237::before { content: "Your Version of BasicBackground by DevilBro is outdated. Please download the newest Version: https://mwittrien.github.io/downloader/?theme=BasicBackground" !important; display: var(--version1_0_5, block) !important; background-color: #4a90e2 !important; box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3) !important; color: var(--header-primary) !important; flex-grow: 0 !important; flex-shrink: 0 !important; font-size: 14px !important; font-weight: 500 !important; height: 36px !important; line-height: 36px !important; opacity: 1 !important; padding-left: 4px !important; padding-right: 28px !important; position: relative !important; text-align: center !important; visibility: unset !important; white-space: pre !important; top: 0 !important; left: 0 !important; bottom: unset !important; right: unset !important; max-width: unset !important; min-width: unset !important; max-height: unset !important; min-height: unset !important; transform: unset !important; animation: unset !important; z-index: 101 !important; pointer-events: none !important; } /* ~~~~ 20. WATERMARK ~~~~ */ html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9 { display: block !important; position: absolute !important; max-width: unset !important; min-width: unset !important; width: 55px !important; max-height: unset !important; min-height: unset !important; height: 16px !important; margin: 0 !important; padding: 3px 9px 3px !important; top: 0 !important; left: 0 !important; bottom: unset !important; right: unset !important; opacity: 1 !important; visibility: visible !important; transform: unset !important; animation: unset !important; } html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9[style*="display: none"] { display: none !important; } html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9 > * { display: none !important; } html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::before { content: "" !important; background: rgb(125,125,125) !important; -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; width: 55px !important; height: 19px !important; display: inline !important; position: absolute !important; top: unset !important; left: unset !important; bottom: unset !important; right: unset !important; opacity: 1 !important; padding: 0 !important; margin: 0 !important; visibility: visible !important; transform: unset !important; animation: unset !important; } html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::after { content: "" !important; background: rgb(125,125,125) !important; -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; width: 242px !important; height: 19px !important; display: inline !important; position: absolute !important; top: unset !important; left: 64px !important; bottom: unset !important; right: unset !important; opacity: 0.1 !important; padding: 0 !important; margin: 0 !important; visibility: visible !important; transform: unset !important; animation: unset !important; transition: opacity .15s ease !important; } html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0:hover > div.wordmark__5b8c9::after { opacity: 1 !important; } html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528::after { content: url('data:image/svg+xml; utf8, ') !important; display: inline !important; position: absolute !important; left: unset !important; bottom: 7px !important; top: unset !important; right: 15px !important; opacity: 0.3 !important; padding: 0 !important; margin: 0 !important; visibility: visible !important; transform: unset !important; animation: unset !important; pointer-events: none !important; z-index: -1 !important; } html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > div.side_b4b3f6 > div.info__755e1 { position: relative !important; } html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > div.side_b4b3f6 > div.info__755e1::after { content: "BasicBackground by" !important; font-size: 12px !important; color: var(--text-muted) !important; cursor: pointer !important; display: inline !important; opacity: 1 !important; padding: 0 !important; margin: 0 !important; cursor: text !important; visibility: visible !important; position: relative !important; top: unset !important; left: unset !important; bottom: unset !important; right: unset !important; transform: unset !important; animation: unset !important; } html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > div.side_b4b3f6 > div.info__755e1::before { content: "DevilBro" !important; font-size: 12px !important; font-weight: 600 !important; color: rgb(var(--accentcolor_v)) !important; display: inline !important; opacity: 1 !important; padding: 0 !important; margin: 0 !important; cursor: pointer !important; visibility: visible !important; position: absolute !important; top: unset !important; left: 117px !important; bottom: 8px !important; right: unset !important; transform: unset !important; animation: unset !important; }