@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css); @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/UserBgs.css); @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css); :root { --transparencycolor: 0,0,0; --transparencyalpha: 0.15; --messagetransparency: 0.5; --usechatbubbles: calc(var(--messagetransparency) / (var(--messagetransparency) + 0.00000000000000000000001)); --guildchanneltransparency: 0.15; --memberlisttransparency: 0.0; --font: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; --textshadow: transparent; --accentcolor: 190,78,180; --accentcolor2: var(--accentcolor); --linkcolor: var(--accentcolor); --successcolor: 59,165,92; --warningcolor: 250,166,26; --dangercolor: 237,66,69; --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: unset; --popout: var(--background); --popoutposition: var(--backgroundposition); --popoutsize: var(--backgroundsize); --popoutblur: var(--backgroundblur); --backdrop: rgba(0,0,0,0.85); --backdropposition: var(--backgroundposition); --backdropsize: var(--backgroundsize); --backdropblur: var(--backgroundblur); --bdfdb-green: rgb(var(--successcolor)); --bdfdb-yellow: rgb(var(--warningcolor)); --bdfdb-red: rgb(var(--dangercolor)); } .theme-light, .theme-dark { --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-background: rgb(var(--successcolor)); --status-positive-text: #fff; --status-warning-background: rgb(var(--warningcolor)); --status-warning-text: #fff; --status-danger-background: rgb(var(--dangercolor)); --status-danger-text: #fff; --header-primary: rgb(var(--textbrightest)); --header-secondary: rgb(var(--textbright)); --text-normal: rgb(var(--textbrighter)); --text-muted: rgb(var(--textdarker)); --channels-default: rgb(var(--textdark)); --interactive-normal: rgb(var(--textbright)); --interactive-hover: rgb(var(--textbrighter)); --interactive-active: rgb(var(--textbrightest)); --interactive-muted: rgb(var(--textdarkest)); --logo-primary: rgb(var(--textbrightest)); --background-accent: rgba(var(--transparencycolor), .1); --background-primary: rgba(var(--transparencycolor), .2); --background-secondary: rgba(var(--transparencycolor), .3); --background-secondary-alt: rgba(var(--transparencycolor), .35); --background-tertiary: rgba(var(--transparencycolor), .4); --background-floating: rgba(var(--transparencycolor), .5); --background-modifier-accent: rgba(var(--textbrightest),.1); --elevation-low: 0 1px 5px 0 rgba(var(--transparencycolor), .3); --elevation-high: 0 2px 10px 0 rgba(var(--transparencycolor), .3); --font-primary: var(--font) !important; --font-display: var(--font) !important; } /* ~~~~ 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. CALL 8. UNAVAILABLESCREEN 7. PEOPLES 8. STORE/NITRO 9. LIBRARY 10. DISCOVERY 11. USERSETTINGS 12. GUILDSETTINGS 13. MODALS 1. USERMODAL 2. GUILDADD/CREATION 3. REGIONSELECTMODAL 4. UPLOADMODAL 5. KEYBOARDSHORTCUTSMODAL 6. QUICKSWITCHER 7. INVITEMODAL/GROUPCREATE 8. LOGINSCREEN 9. TERMACCEPTMODAL 10. DOWNLOADAPPMODAL 11. GUILDBOOSTMODAL 12. REACTIONSMODAL 13. GUILDTEMPLATEMODAL 14. GUILDWELCOMEMODAL 15. GUILDRULESMODAL 16. GUILDFEEDBACKMODAL 17. SCREENSHAREMODAL 18. PHONEVERIFICATIONMODAL 19. NOTIFICATIONSMODAL 20. DISCOVERYENTRYMODAL 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 15. GENERAL 1. TEXT 2. BUTTONS 3. INPUTS 4. SEARCHBARS 5. TAGS 6. ICONS 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. BADGESEVERYWHERE 19. UPDATENOTICE 20. WATERMARK */ /* ~~~~ 1. TRANSPARENCY ~~~~ */ body, /* body */ #app-mount .app-1q1i1E, /* app container */ #app-mount .app-2rEoOp, /* app inner */ #app-mount .loading-Ags1CY, /* app i18n loading */ #app-mount .wrapper-1prNyd, /* app errorscreen */ #app-mount .bg-h5JY_x, /* app background */ #app-mount .layer-3QrUeG, /* layer container */ #app-mount .container-3w7J-x, /* channels inner */ #app-mount .privateChannels-1nO12o, /* dmchannels */ #app-mount .panels-j1Uci_ > *, /* account/voice inner */ #app-mount .chat-3bRxxu, /* chat container */ #app-mount .wrapper-3vR61M, /* chat messages loading */ #app-mount .noChannel-Z1DQK7, /* nochannel */ #app-mount .members-1998pB, /* members */ #app-mount .members-1998pB > div, /* members content */ #app-mount .content-MLh4nU, /* unavailable */ #app-mount .container-1D34oG, /* peoples */ #app-mount .container-lRFx4q, /* peoples activity list */ #app-mount .applicationStore-1pNvnv, /* nitro */ #app-mount .pageWrapper-1PgVDX, /* guilddiscovery */ #app-mount .scrollerBase-289Jih, /* scroller */ #app-mount .scroller-2FKFPG, /* scroller old */ #app-mount .standardSidebarView-3F1I7i, /* settings */ #app-mount .contentRegion-3nDuYy { /* settings content */ background: transparent; } #app-mount .scroller-2ZPeAD { /* peoples activity scroller */ border: none; } #app-mount .sidebarRegion-VFTUkN { /* settings sidebar */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .sidebar-_0OpfR { /* sidebarlist sidebar */ background-color: rgba(var(--transparencycolor), .2); } #app-mount { /* app-mount */ background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); } #app-mount .wrapper-3NnKdC { /* guilds container */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2)); } #app-mount .sidebar-2K8pFh { /* channels container */ background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency)); } #app-mount .panels-j1Uci_ { /* account/voice container */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) / 1.5)); } #app-mount .container-1r6BKw.themed-ANHk51 { /* channelheader container */ background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency)); } #app-mount .membersWrap-2h-GB4 { /* members container */ background-color: rgba(var(--transparencycolor), var(--memberlisttransparency)); } #app-mount .tabBar-fg4VK9 { /* members tabbar */ background-color: rgba(var(--transparencycolor), var(--memberlisttransparency)); } #app-mount .nowPlayingColumn-2sl4cE { /* peoples now playing */ background-color: rgba(var(--transparencycolor), var(--memberlisttransparency)); } #app-mount .image-3zK3Wt { /* app errorscreen image */ background-image: url(https://discord.com/assets/e9baf4b505eb54129f832556ea16538e.svg); opacity: 0.6; } /* ~~~~ 2. BACKGROUND ~~~~ */ body::before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--background) var(--backgroundposition)/var(--backgroundsize); filter: blur(var(--backgroundblur)); } .container-16j22k::before, .layer-3QrUeG ~ .layer-3QrUeG::before, .root-3R2ngo::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; filter: blur(var(--backgroundblur)); pointer-events: none; z-index: -1; } .container-16j22k::after, .layer-3QrUeG ~ .layer-3QrUeG::after, .root-3R2ngo::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); pointer-events: none; z-index: -1; } #ace_settingsmenu_container, .uploadArea-3QgLtW, .backdrop-29yll0, .backdrop-1wrmKB { background: var(--backdrop) var(--backdropposition)/var(--backdropsize) !important; filter: blur(var(--backdropblur)); opacity: 1; animation: none; } .withLayer-RoELSG { z-index: -1; } /* ~~~~ 3. TITLEBAR ~~~~ */ .titleBar-AC4pGV { z-index: 5001; } .titleBar-AC4pGV::after { content: ""; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; background-color: rgba(var(--transparencycolor), calc(0.1 + var(--guildchanneltransparency) * 2)); } .titleBar-AC4pGV:not(.typeMacOS-3EmCyP)::after { height: 22px; } .titleBar-AC4pGV.typeMacOS-3EmCyP::after { height: 28px; width: calc(100% - 4px); margin: 2px; border-radius: 5px; } .titleBar-AC4pGV.typeMacOS-3EmCyP, .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC { width: 72px; } .titleBar-AC4pGV.typeMacOS-3EmCyP.typeMacOSWithFrame-3R_i5S .macButtons-2MuSAC { margin-top: 0; margin-right: 0; } .platform-osx .wrapper-3NnKdC { margin-top: 0; padding-top: 32px; } .platform-osx .standardSidebarView-3F1I7i::before { left: 72px; } .winButtonMinMax-PBQ2gm:hover { background-color: rgba(var(--transparencycolor), .2); } /* ~~~~ 4. GUILDLIST ~~~~ */ .childWrapper-anI2G9, /* homebutton/acronym innerwrap */ #bd-pub-button { /* publicbutton innerwrap */ background-color: rgba(var(--transparencycolor), .3); color: var(--text-normal); font-weight: 500; } .wrapper-1BJsBx:hover .childWrapper-anI2G9, .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9, #bd-pub-button:hover { text-shadow: 1px 1px var(--textshadow); } .noIcon-1a_FrS { /* acronym minicontainer */ background-color: rgba(var(--transparencycolor), .3); } .circleIconButton-1QV--U { /* guildadd/discovery innerwrap */ background-color: rgba(var(--transparencycolor), .3); } .guildIconUnavailable-3IYARS, /* guilderror miniicon */ .guildsError-g6NwOI { /* guilderror innerwrap */ background-color: rgba(var(--dangercolor)),.3); } .dragInner-Oq_toX { /* dragplaceholder */ background-color: rgba(var(--transparencycolor), .3); } .wrapper-3Njo_c { /* folder outerwrap */ margin-bottom: 8px; } .folder-1hbNCn { /* folder iconwrap */ background-color: rgba(var(--transparencycolor), .2); } .folder-1hbNCn.hover-qTxTR_ { background-color: rgba(var(--transparencycolor), .4); } .expandedFolderBackground-1cujaW { /* folder background */ background-color: rgba(var(--transparencycolor), .2); border-radius: 15px 15px 24px 24px; top: 0; bottom: 0; margin-bottom: 8px; transition: border-radius 3s ease, background-color 1s ease; } .expandedFolderBackground-1cujaW.hover-qTxTR_ { background-color: rgba(var(--transparencycolor), .4); } .wrapper-3NnKdC .wrapper-3Njo_c [role="group"] { /* folder guildwrap */ margin-bottom: -8px; } .wrapper-3NnKdC .wrapper-3Njo_c [role="group"] .listItem-GuPuDH:last-child { margin-bottom: 0; } .bar-30k2ka { /* guild/channelbar inner */ box-shadow: 0 2px 6px rgba(var(--transparencycolor), .24); } .bar-30k2ka:not(.mention-1f5kbO) { background-color: transparent; overflow: hidden; } .bar-30k2ka:not(.mention-1f5kbO)::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; filter: blur(var(--backgroundblur)); pointer-events: none; z-index: -1; } .bar-30k2ka:not(.mention-1f5kbO)::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); pointer-events: none; z-index: -1; } .sidebar-2K8pFh .bar-30k2ka:not(.mention-1f5kbO)::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 0.85 + 0.1)); } .wrapper-3NnKdC .bar-30k2ka:not(.mention-1f5kbO)::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 1.9 + 0.1)); } /* ~~~~ 5. CHANNELLIST ~~~~ */ #app-mount .sidebar-2K8pFh { /* channels container */ border-radius: 0; } /* ---- 5.1. GUILDHEADER ---- */ .container-1taM1r .animatedContainer-1NSq4T { /* banner wrap */ background: none; box-shadow: none; } .bannerImage-1jOskm { /* banner image */ -webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%); } .bannerImage-1jOskm::before { display: none; } .header-2V-4Sw, /* header inner */ .searchBar-6Kv8R2 { /* header searchbar */ box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05); } .searchBar-6Kv8R2 .searchBarComponent-32dTOx { /* header searchbarinner */ background-color: rgba(var(--transparencycolor), .2); } .clickable-25tGDB:not(.hasBanner-2SrLR3) .header-2V-4Sw:hover, .selected-31Nl7x:not(.hasBanner-2SrLR3) .header-2V-4Sw { background-color: rgba(var(--transparencycolor), .2); } .channelNotice-1-XFjC { /* notice container */ box-shadow: inset 0 -1px 0 rgba(var(--transparencycolor), .3); } .channelNotice-1-XFjC.invite-OjTXrW, .channelNotice-1-XFjC.guildMFAWarning-3GEzs8, .channelNotice-1-XFjC.maxMembersCount-3E4zND, .channelNotice-3DDmsB, #app-mount .channelNotice-3hkOiI { background: transparent; } .channelNotice-1-XFjC.invite-OjTXrW::before { opacity: 0.6; background: url(https://discord.com/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat; } .channelNotice-1-XFjC.guildMFAWarning-3GEzs8::before { opacity: 0.6; background: url(https://discord.com/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat; } .channelNotice-1-XFjC.quickswitcher-35bYg4::before { opacity: 0.6; } .channelNotice-1-XFjC.maxMembersCount-3E4zND::before { opacity: 0.6; background: url(https://discord.com/assets/01f60394adffda20dc7270a1e3c727df.svg) center 16px no-repeat; } .channelNotice-3DDmsB::before { opacity: 0.6; background: url(https://discord.com/assets/1858873f28bdc62dfb3a1f4b67d459bf.svg) center top 20px/153px no-repeat; } #app-mount .channelNotice-3hkOiI::before { opacity: 0.6; background: url(https://discord.com/assets/7065587bd42fd829925bf6aa4b36f5e2.svg) center top 22px/220px no-repeat; } /* ---- 5.2. CHANNELS ---- */ .wrapper-2jXpOf:hover .content-1x5b-n { /* channel content */ background-color: rgba(var(--transparencycolor), .2); } .modeSelected-346R90 .content-1x5b-n, .modeSelected-346R90:hover .content-1x5b-n { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .modeSelected-346R90 .content-1x5b-n svg, .modeSelected-346R90:hover .content-1x5b-n svg { filter: drop-shadow(1px 1px var(--textshadow)); } .icon-1DeIlz { /* channel icon */ color: var(--channels-default); } .modeMuted-onO3r- .icon-1DeIlz { color: var(--interactive-muted); } .modeMuted-onO3r-:hover .icon-1DeIlz, .wrapper-2jXpOf:hover .icon-1DeIlz { color: var(--interactive-hover); } .modeConnected-3IsKId .icon-1DeIlz, .modeConnected-3IsKId:hover .icon-1DeIlz, .modeSelected-346R90 .icon-1DeIlz, .modeSelected-346R90:hover .icon-1DeIlz, .modeUnread-1qO3K1 .icon-1DeIlz, .modeUnread-1qO3K1:hover .icon-1DeIlz, .notInteractive-1X92pj.modeConnected-3IsKId .icon-1DeIlz, .notInteractive-1X92pj.modeSelected-346R90 .icon-1DeIlz { color: var(--interactive-active); } .modeConnected-3IsKId .subtitle-3V1p2E, /* channel subtitle */ .modeConnected-3IsKId:hover .subtitle-3V1p2E, .modeSelected-346R90 .subtitle-3V1p2E, .modeSelected-346R90:hover .subtitle-3V1p2E, .modeUnread-1qO3K1 .subtitle-3V1p2E, .modeUnread-1qO3K1:hover .subtitle-3V1p2E, .notInteractive-1X92pj.modeConnected-3IsKId .subtitle-3V1p2E, .notInteractive-1X92pj.modeSelected-346R90 .subtitle-3V1p2E { color: var(--interactive-normal); } .wrapper-2tAnRe { /* voicechat limit */ background-color: rgba(var(--transparencycolor), .15); } .wrapper-2tAnRe .users-3kndPl { background-color: transparent; } .wrapper-2tAnRe .total-i6us2n { background-color: rgba(var(--transparencycolor), .3); } .wrapper-2tAnRe .total-i6us2n::after { border-right-color: rgba(var(--transparencycolor), .3); } .listDefault-3ir5aS .clickable-1lCRLF:hover .content-1Wq3SX { background-color: rgba(var(--transparencycolor), .2); } /* ---- 5.3. DMCHANNELS ---- */ .channel-2QD9_O:hover .layout-2DM8Md { /* dmchannel/page inner */ background-color: rgba(var(--transparencycolor), .2); } .selected-aXhQR6.channel-2QD9_O .layout-2DM8Md { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .selected-aXhQR6.channel-2QD9_O .layout-2DM8Md svg:not(.svg-2V3M55) { filter: drop-shadow(1px 1px var(--textshadow)); } .empty-388osJ { /* loadingplaceholders */ fill: rgba(var(--transparencycolor), .4); } /* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */ .panels-j1Uci_ > * { /* account/voice inner */ border: none; } .panels-j1Uci_ > * + * { border-top: 1px solid rgba(var(--transparencycolor), .2); } .button-14-BFJ.enabled-2cQ-u7 { /* account/voice panel button */ opacity: 0.7; } .button-14-BFJ.enabled-2cQ-u7:hover { opacity: 1; background-color: rgb(var(--accentcolor)); } .button-14-BFJ.enabled-2cQ-u7:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } .button-1YfofB.buttonColor-7qQbGO { background-color: rgba(var(--transparencycolor), .2); } .button-1YfofB.buttonColor-7qQbGO:hover { background-color: rgba(var(--transparencycolor), .4); } .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp, .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp:hover { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp svg, .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } /* ~~~~ 6. CHAT ~~~~ */ /* ---- 6.1. CHANNELHEADER ---- */ .container-1r6BKw.themed-ANHk51 { /* header themedcontainer */ box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05); } .input-2A_zIr:focus { /* header dmchannelinput */ background-color: rgba(var(--transparencycolor), .2); } .input-2A_zIr:focus, .outer-o9SjPm:hover .input-2A_zIr { box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor), .2); } .children-19S4PO::after { /* header topicgradient */ display: none; } .akaBadge-1M-1Gw { /* header aka */ background-color: rgba(var(--transparencycolor), .3); } .badge-2qGa_k::after { /* header iconbadge red dot */ border: none; } .searchBar-3dMhjb { /* header searchbar */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .public-DraftEditorPlaceholder-root { color: rgb(var(--textdarker)); } #app-mount .public-DraftEditorPlaceholder-hasFocus { color: var(--header-secondary); } #app-mount .searchFilter-2ESiM3, #app-mount .searchAnswer-3Dz2-q { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } /* ---- 6.2. MESSAGES ---- */ .emptyChannelIcon-cc932w { /* welcomemessage empty channelicon */ background-color: rgba(var(--transparencycolor), .4); } .card-1yV8cG { /* welcomemessage first steps card */ background-color: rgba(var(--transparencycolor), .3); } .card-1yV8cG:hover { background-color: rgba(var(--transparencycolor), .5); } .button-18p_f6:hover { /* welcomemessage edit channel */ background-color: rgb(var(--accentcolor)); color: var(--interactive-active); text-shadow: 1px 1px var(--textshadow); } #app-mount .role-1P70N6 { /* welcomemessage role */ background: transparent; border-color: rgba(var(--textbrighter), .6); border-radius: 5px; height: 22px; padding: 0 5px; position: relative; } #app-mount .role-1P70N6[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter), .6) !important; } #app-mount .role-1P70N6 .roleColor-fHISxl { /* 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-1P70N6:hover .roleColor-fHISxl { opacity: 0.8; } #app-mount .role-1P70N6 .roleColor-fHISxl[style*="background-color: rgb(185, 187, 190)"] { background-color: var(--text-normal) !important; } .divider-JfaTT5.hasContent-1cNJDh { /* divider hascontent */ border-color: transparent; } .content-1o0f9g { /* divider content */ background-color: rgba(var(--transparencycolor), .2); width: 100%; text-align: center; } .hasMore-3POVhk:hover { background-color: rgba(var(--transparencycolor), .2); } .jumpToPresentBar-G1R9s6 { /* bar jumptopresent */ background-color: transparent; overflow: hidden; opacity: 1; } .jumpToPresentBar-G1R9s6::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; filter: blur(var(--backgroundblur)); pointer-events: none; z-index: -1; } .jumpToPresentBar-G1R9s6::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); pointer-events: none; z-index: -1; } /* ==== 6.2.1. MESSAGE ==== */ #app-mount .message-2qRu38 { /* message confirm modal */ background-color: rgba(var(--transparencycolor), .2); box-shadow: none; } .message-2qnXI6, /* message container */ .wrapper-1F5TKx, /* message loading */ .message-2DieIs, /* message mention popout */ .message-2g38UB, /* message inbox popout */ .message-2qRu38 .wrapper-2a6GCs, /* message settings preview */ .messageGroupCozy-2iY6cT, /* message pin popout */ .message-1Ng5AR .wrapper-2a6GCs { /* message searchpage */ background-color: rgba(var(--transparencycolor), var(--messagetransparency)) !important; contain: unset; } .message-1Ng5AR .wrapper-2a6GCs { /* message searchpage */ background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8)) !important; } .message-2qnXI6.selected-2P5D_Z, .mouse-mode .message-2qnXI6:hover, .mouse-mode.full-motion .message-2qnXI6:hover, .mouse-mode .wrapper-1F5TKx:hover, .mouse-mode.full-motion .wrapper-1F5TKx:hover { background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important; } .backgroundFlash-24qWLN .message-2qnXI6 { /* message jump flash */ position: relative; } .backgroundFlash-24qWLN .message-2qnXI6::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-24qWLN .cozyMessage-3V1Y8y::before { left: calc(-80px * var(--usechatbubbles)); } .message-2qnXI6.ephemeral-1PsL1r, /* message localbot */ .message-2qnXI6.replying-1x3H0T { /* message replying */ background-image: linear-gradient(rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles))))); } .message-2qnXI6.mentioned-xhSam7 { /* message mentioned */ background-image: linear-gradient(rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles))))); } .message-2qnXI6.ephemeral-1PsL1r::before, .message-2qnXI6.replying-1x3H0T::before, .message-2qnXI6.mentioned-xhSam7::before { background-color: rgb(var(--accentcolor)); } .message-2qnXI6.mentioned-xhSam7 .contents-2mQqc9 .messageContent-2qWWxC { border-radius: 3px; background-color: rgba(var(--accentcolor), calc(0.3 * var(--usechatbubbles))); } #app-mount .avatar-1BDn8e, /* message container avatar */ #app-mount .avatar-2daVqv { /* message loading avatar */ position: absolute; top: 2px; left: calc(-70px * var(--usechatbubbles) + 16px); } #app-mount .repliedMessage-VokQwo ~ * .avatar-1BDn8e { top: 24px; } .container-3FojY8 .avatar-1BDn8e { left: calc(-10px * var(--usechatbubbles)); } #app-mount .replyBadge-r1su3o { /* message reply badge */ background-color: rgba(var(--transparencycolor), .5); } #app-mount .spine-1UneWn { width: 0px; top: 20px; right: calc(1px * (-32 * var(--usechatbubbles) + -25 * (1 - var(--usechatbubbles)))); left: unset; border: none; } #app-mount .compact-T3H92H .spine-1UneWn { right: 0; } #app-mount .repliedMessage-VokQwo::before, /* message reply spine */ #app-mount .repliedMessage-VokQwo::after, #app-mount .spine-1UneWn::before, /* message command spine */ #app-mount .spine-1UneWn::after { --avatar-size: 40px; --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-VokQwo::before, #app-mount .repliedMessage-VokQwo::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-1UneWn::before, #app-mount .spine-1UneWn::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-T3H92H .repliedMessage-VokQwo::before, #app-mount .compact-T3H92H .repliedMessage-VokQwo::after, #app-mount .compact-T3H92H .spine-1UneWn::before, #app-mount .compact-T3H92H .spine-1UneWn::after { --avatar-size: 20px; left: calc(-1*var(--avatar-size)); } #app-mount .repliedMessage-VokQwo::before, #app-mount .spine-1UneWn::before { border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles))); } #app-mount .repliedMessage-VokQwo::after, #app-mount .spine-1UneWn::after { border-color: rgba(var(--textbrighter), calc(0.5 * (1 - var(--usechatbubbles)))); } #app-mount .compact-T3H92H .repliedMessage-VokQwo::before, #app-mount .compact-T3H92H .spine-1UneWn::before { border-color: transparent; } #app-mount .compact-T3H92H .repliedMessage-VokQwo::after, #app-mount .compact-T3H92H .spine-1UneWn::after { border-color: rgba(var(--textbrighter), .3); } .cozy-3I4Ja9.content-2Kddbs { /* message command content */ background-color: rgba(var(--transparencycolor), .3); } .cozy-3raOZG .header-23xsNx::after, /* message container header */ .cozy-12kSNU .header-1oLBbW::after { /* message loading header */ content: ""; position: absolute; top: 12px; left: -32px; border: 10px solid transparent; border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency)); } .cozy-3raOZG .container-3FojY8 .header-23xsNx::after { left: 40px; } .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .header-23xsNx::after { top: 2px; } .message-1Ng5AR .wrapper-2a6GCs .header-23xsNx::after { border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8)); } .cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt { left: calc(-78px * var(--usechatbubbles)); } .cozy-3raOZG .iconContainer-3GkGRf { background-color: rgba(var(--transparencycolor), var(--messagetransparency)); border-radius: 50%; left: calc(1px * (-58 * var(--usechatbubbles) + -48 * (1 - var(--usechatbubbles)))); height: 25px; width: 25px; margin: unset; margin-right: 1rem; padding: 0; } .cozy-3raOZG .blockedSystemMessage-2Rk1ek .iconContainer-3GkGRf { background-color: transparent; } .cozy-3raOZG .iconContainer-3GkGRf::after { content: ""; position: absolute; top: 2px; left: 26px; border: 10px solid transparent; border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency)); } .cozy-3raOZG .blockedSystemMessage-2Rk1ek .iconContainer-3GkGRf::after { display: none; } .selected-2P5D_Z.message-2qnXI6.cozy-3raOZG .header-23xsNx::after, .mouse-mode .message-2qnXI6.cozy-3raOZG:hover .header-23xsNx::after, .mouse-mode.full-motion .message-2qnXI6.cozy-3raOZG:hover .header-23xsNx::after, .mouse-mode .wrapper-1F5TKx.cozy-12kSNU:hover .header-1oLBbW::after, .mouse-mode.full-motion .wrapper-1F5TKx.cozy-12kSNU:hover .header-1oLBbW::after, .selected-2P5D_Z.message-2qnXI6.cozy-3raOZG .iconContainer-3GkGRf::after, .mouse-mode .message-2qnXI6.cozy-3raOZG:hover .iconContainer-3GkGRf::after, .mouse-mode.full-motion .message-2qnXI6.cozy-3raOZG:hover .iconContainer-3GkGRf::after { border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2)); } #app-mount .ephemeral-1PsL1r.cozy-3raOZG .header-23xsNx::after, #app-mount .replying-1x3H0T.cozy-3raOZG .header-23xsNx::after, #app-mount .mentioned-xhSam7.cozy-3raOZG .header-23xsNx::after { border-right-color: rgba(var(--accentcolor), calc(var(--messagetransparency) * 100000000000000000000000000000)); } .message-2DieIs, .message-2g38UB, .zalgo-jN1Ica .messageContent-2qWWxC, .zalgo-jN1Ica.cozy-3raOZG .header-23xsNx, .wrapper-1F5TKx, .cozy-12kSNU .header-1oLBbW { overflow: visible; } .container-3FojY8 { padding: 0; overflow: visible; } #app-mount .cozyMessage-3V1Y8y, /* message container cozy */ #app-mount .cozy-12kSNU { /* message loading cozy */ margin-left: calc(80px * var(--usechatbubbles)); padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles)))); } #app-mount .compact-3Dy1Ya { /* message loading compact */ margin-top: .0625rem; } #app-mount .cozy-3raOZG .header-23xsNx, #app-mount .cozy-3raOZG .messageContent-2qWWxC, #app-mount .cozy-12kSNU .header-1oLBbW { margin-left: 0; padding-left: 0; } .messageContainer-gbhlwo .wrapper-2a6GCs, .messages-3G3erD .wrapper-2a6GCs, .message-2qRu38 .wrapper-2a6GCs, .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT, .message-1Ng5AR .wrapper-2a6GCs { border-radius: 5px; margin-left: calc(60px * var(--usechatbubbles)); padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles)))); } .messages-3G3erD .wrapper-2a6GCs { border-radius: 0; } .avatar-2daVqv { /* message loading avatar */ background: rgba(var(--transparencycolor), .4); opacity: 1 !important; } .attachment-2p5mHK, /* message loading attachment */ .blob-2w7iIK { /* message loading blob */ background: rgb(var(--accentcolor)); } .expanded-13sWhZ { /* message expanded blocked */ background-color: rgba(var(--transparencycolor), .2); border-radius: 5px 5px 0 5px; margin-bottom: .5625rem; } .reaction-1hd86g { /* message reaction */ background-color: rgba(var(--transparencycolor), .3); border: none; } .reaction-1hd86g:hover { background-color: rgba(var(--transparencycolor), .4); } .reaction-1hd86g.reactionMe-wv5HKu { background-color: rgba(var(--accentcolor), .8); } .reaction-1hd86g.reactionMe-wv5HKu:hover { background-color: rgb(var(--accentcolor)); } .reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV { color: #FFF; text-shadow: 1px 1px var(--textshadow); } .reaction-1hd86g:hover { background-color: rgba(var(--transparencycolor), .4); } .wrapper-2aW0bm { /* message buttons */ background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); position: relative; } .wrapper-2aW0bm::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .button-1ZiXG9:hover { /* message button */ background-color: rgba(var(--transparencycolor), .2); } .button-1ZiXG9.selected-LCBEAU { background-color: rgba(var(--transparencycolor), .4); } .bumpBox-1r5p3c { /* messageelement publish box */ background-color: rgba(var(--transparencycolor), .4); } .markup-2BOw-j code { /* messageelement code */ background-color: transparent; border-color: transparent; } .markup-2BOw-j pre { /* messageelement pre */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } .markup-2BOw-j .inline, /* messageelement inline */ .after_inlineCode-1KfVgj, .before_inlineCode-1G9rTK, .inlineCode-2ngu6Y { background-color: rgba(var(--transparencycolor), .4); } .textContainer-C0szpm { /* messageelement plain file text */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } .footer-2yA7Ep { /* messageelement plain file footer */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } .languageSelector-2LVJrh { /* messageelement plain file popout */ background-color: transparent; border: 1px solid rgba(var(--transparencycolor), .3); border-radius: 5px; box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor), .3); overflow: hidden; } .languageSelector-2LVJrh::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); border-radius: 5px; width: unset; height: unset; pointer-events: none; z-index: -1; } .languageSelector-2LVJrh::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); border-radius: 5px; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } #app-mount .spoilerText-3p6IlD { /* messageelement spoiler */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .spoilerText-3p6IlD.hidden-HHr2R9 { /* messageelement hiddenspoiler */ background-color: rgba(var(--transparencycolor), .5); } .icon-2Po-VO[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { /* systemmessage pinicon */ -webkit-mask: url(https://discord.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat; background: var(--channels-default) !important; } .icon-2Po-VO[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { /* systemmessage missedcall */ -webkit-mask: url(https://discord.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat; background: var(--channels-default) !important; } .icon-2Po-VO[style*="/assets/b8029fe196b8f1382e90bbe81dab50dc.svg"] { /* systemmessage joincallicon */ -webkit-mask: url(https://discord.com/assets/b8029fe196b8f1382e90bbe81dab50dc.svg) center/cover no-repeat; background: rgb(var(--accentcolor)) !important; } .icon-2Po-VO[style*="/assets/c30220457097b064286a8759a9b6c4af.svg"] { /* systemmessage recievecallicon */ -webkit-mask: url(https://discord.com/assets/c30220457097b064286a8759a9b6c4af.svg) center/cover no-repeat; background: rgb(var(--accentcolor)) !important; } /* ==== 6.2.2. EMBEDS ==== */ #app-mount .embedFull-2tM8-- { /* embed wrapper */ background-color: rgba(var(--transparencycolor), .3); border-left-color: rgb(var(--textdarkest)); } #app-mount .attachment-33OFj0 { /* attachment container */ background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); margin-left: 18px; } #app-mount .message-2qnXI6 .attachment-33OFj0 { margin-left: 0; } #app-mount .twitchSectionPlayButton-2RamGG { object-position: -999999px -999999px; background: rgba(var(--transparencycolor), .4) url('data:image/svg+xml; utf8, '); border-radius: 50%; } #app-mount .twitchSectionPlayButton-2RamGG:hover { background-color: rgba(var(--transparencycolor), .8); } #app-mount .wrapper-2TxpI8 { /* attachment videowrapper */ background-color: rgba(var(--transparencycolor), .3); } /* ==== 6.2.3. NITROGIFT ==== */ #app-mount .tile-2OwFgW { /* gift container */ background-color: rgba(var(--transparencycolor), .2); box-shadow: 0 0 0 rgba(var(--transparencycolor), .15); } #app-mount .tile-2OwFgW:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .title-1rUb9I { /* gift title */ color: var(--header-primary); } #app-mount .description-1RsfgZ { /* gift description */ color: var(--header-primary); } #app-mount .tagline-2nvxi0 { /* gift tagline */ color: var(--header-secondary); } /* ==== 6.2.4. INVITE ==== */ #app-mount .wrapper-35wsBm { /* invite container */ background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); } #app-mount .guildIconImage-3qTk45 { /* invite icon */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .guildName-2hvnt_ { /* invite name */ color: var(--header-primary); } #app-mount .guildDetail-1nRKNE { /* invite details */ color: var(--channels-default); } #app-mount .invite-18yqGF { /* invite group invite */ background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); } #app-mount .header-Hg_qNF { color: rgb(var(--textdarker)); } #app-mount .name-GG2Mcs, #app-mount .partyStatus-6AjDud { color: var(--header-primary); } #app-mount .moreUsers-1sZP3U { background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .partyMemberEmpty-2iyh5g { background-color: rgba(var(--transparencycolor), .3); } #app-mount .helpIcon-2EyVTp { background-color: var(--header-primary); } /* ---- 6.3. TEXTAREA ---- */ .form-2fGMdU { /* textarea form */ padding-top: 0; margin-top: 0; } .form-2fGMdU::before { display: none; } .channelTextArea-rNsIhG { /* textarea channeltextarea */ background-color: transparent; border-top-color: var(--background-modifier-accent); } .container-2fRDfG { /* textarea reply */ background: rgba(var(--transparencycolor), .3); border: none; border-bottom: 1px solid var(--background-modifier-accent); } .scrollableContainer-2NUZem { /* textarea container */ background-color: rgba(var(--transparencycolor), .3); } .sprite-2iCowe { /* textarea emojibutton */ transform: none !important; } .base-gE7OpD { /* textarea typingusers */ color: var(--text-normal); } .wrapper-39oAo3 { /* textarea placeholder */ background-color: rgba(var(--transparencycolor), .3); color: var(--text-normal); } .toolbar-2bjZV7 { /* textarea formattoolbar */ background-color: rgb(var(--accentcolor)); } .toolbar-2bjZV7::before { border-top-color: rgb(var(--accentcolor)); } .divider-24xeUg { /* textarea formattoolbar divider */ border-left-color: hsla(0, 0%,100%, .1); } .active-2HPddW, /* textarea buttonactive */ .hover-28QbSq:hover { /* textarea buttonhover */ background-color: hsla(0, 0%, 100%, .2); } .icon-KgGMGo { /* textarea buttonicon */ color: #fff; opacity: .7; } .active-2HPddW .icon-KgGMGo, .hover-28QbSq:hover .icon-KgGMGo { color: #fff; opacity: 1; } #app-mount .pill-2pQByF { /* textarea command query pill */ background-color: rgba(var(--transparencycolor), .5); border-radius: 5px; } /* ---- 6.4. AUTOCOMPLETEMENU ---- */ #app-mount .autocomplete-1vrmpx { /* autocomplete container */ background-color: transparent; overflow: hidden; } #app-mount .autocomplete-1vrmpx::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .autocomplete-1vrmpx::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .theme-brand .autocomplete-1vrmpx { background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important; } .theme-brand .autocomplete-1vrmpx::before, .theme-brand .autocomplete-1vrmpx::after { display: none; } #app-mount .bar-AokMp3 { /* autocomplete command info */ background-color: transparent; } #app-mount .container-3ISnnM::after { box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor), .3); } #app-mount .header-1TOWci { /* autocomplete header */ box-shadow: 0 1px 0 0 rgba(var(--transparencycolor), .2), 0 1px 2px 0 rgba(var(--transparencycolor), .2); } #app-mount .selected-1Tbx07 { /* autocomplete rowselected */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .option-1B5ZV8 { /* autocomplete option */ background-color: rgba(var(--transparencycolor), .5); } #app-mount .wrapper-uf3cnO { /* autocomplete categories */ background-color: transparent; } #app-mount .selected-3xBBKs, /* autocomplete category selected */ #app-mount .selected-3xBBKs:hover { background-color: rgb(var(--accentcolor)); } #app-mount .selected-3xBBKs svg { filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .searchSuggestion-2K8OBX:hover { /* gifpicker suggestions */ text-shadow: 1px 1px var(--textshadow); } #app-mount .placeholder-1kJjXI { /* gifpicker result placeholder */ background-color: rgba(var(--transparencycolor), .3); } /* ---- 6.5. MEMBERLIST ---- */ .member-3-YXUe:hover .layout-2DM8Md { /* member inner */ background-color: rgba(var(--transparencycolor), .2); } .selected-aXhQR6.member-3-YXUe .layout-2DM8Md { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .selected-aXhQR6.member-3-YXUe .layout-2DM8Md svg:not(.svg-2V3M55) { filter: drop-shadow(1px 1px var(--textshadow)); } .member-3-YXUe.selected-aXhQR6 .premiumIcon-2IFPOX { color: var(--header-primary) !important; } .avatar-VxgULZ::before { /* emptyavatar */ background-color: rgba(var(--transparencycolor), .3); } .memberGroupsPlaceholder-3mwPub, /* loadingplaceholders */ .placeholderAvatar-damqh6, .placeholderUsername-2B_OA9 { background-color: rgba(var(--transparencycolor), .4); } /* ---- 6.6. SEARCHPAGE ---- */ .searchResultsWrap-3-pOjs { /* searchpage container */ background-color: transparent; } .searchHeader-2XoQg7 { /* searchpage header */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8)); border-radius: 0 0 0 8px; } #app-mount .tab-2j5AEF.selected-2LAck8 { /* searchpage selected tab */ background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .channelName-1JRO3C { /* searchpage channelname */ background-color: transparent; } .searchResult-9tQ1uo { /* searchpage searchresult */ background-color: rgba(var(--transparencycolor), .2); } .button-11zvza { /* searchpage jumpbutton */ background-color: rgba(var(--transparencycolor), .4); } .button-11zvza:hover { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .pageButton-2ruNwd:hover { background-color: rgba(var(--transparencycolor), .4); } .activeButton-rvKcqq { text-shadow: 1px 1px var(--textshadow); } /* ---- 6.7. CALL ---- */ #app-mount .root-3JVdIJ { /* popout inner */ background-color: transparent; border: none; } .root-3JVdIJ::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .root-3JVdIJ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .wrapper-2qzCYF { /* call voice wrapper */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8)); } #app-mount .root-217Brm { /* call root */ color: var(--header-primary); } .videoWrapper-2v09vt { /* call video wrapper */ background-color: rgba(var(--transparencycolor), .3); } .video-1FfuMD { /* call video */ background-color: transparent; } .tile-2naSqK, /* call user video voicechannel */ .tile-2gi3tr { /* call user video dm */ background-color: rgba(var(--transparencycolor), .3); } .gradientContainer-10lXLB { /* call gradientcontainer */ display: none; } .participantsButton-KYW-IW { /* call participantsbutton */ background-color: rgba(0, 0, 0, .3); } .participantsButton-KYW-IW:hover { background-color: rgba(0, 0, 0, .6); } .centerButton-3CaNcJ, .colorable-1bkp8v.primaryDark-3mSFDl { background-color: rgba(var(--transparencycolor), .5); } .centerButton-3CaNcJ:hover, .colorable-1bkp8v.primaryDark-3mSFDl:hover { background-color: rgb(var(--accentcolor)); } .button-3HqqDX { background-color: rgba(var(--transparencycolor), .4); } .button-3HqqDX:hover { background-color: rgba(var(--transparencycolor), .6); } .controlButton-2MhVEL.leaveButton-2YnTyt { background-color: rgba(var(--dangercolor)),.5); } .controlButton-2MhVEL.leaveButton-2YnTyt:hover { background-color: rgb(var(--dangercolor)); } .regionSelectPopout-p9-0_W { width: 170px; } .container-pTf0Ly { /* call podium wrapper */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8)); } .callContainer-3UuV6S { /* call podium inner */ background-color: transparent; } .scroller-1SuHJo { /* call podium scroller */ background-color: transparent; } .container-2t1JyW { /* call podium info */ background-color: transparent; } .rowContainer-2tYerQ { /* call podium row */ background-color: transparent; } .participants-soO0aD { /* call podium participants */ background-color: transparent; } .tileContainer-BaRAZF:hover { /* call podium participant */ background-color: rgb(var(--accentcolor)); } .container-1EOCj2 { /* call podium requests */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.3)); } .headerContainer-3Dbfbk { /* call podium requests header */ box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05); } /* ---- 6.8. UNAVAILABLESCREEN ---- */ .category-2haXBH, /* loadingplaceholders */ .channelIcon-1TvDoP, .channelName-2wrHHc { background: rgba(var(--transparencycolor), .4); } .splashImage-13vBzp { /* screen image */ opacity: 0.7; } /* ~~~~ 7. PEOPLES ~~~~ */ .wrapper-1cBijl { /* friendsadd inputcontainer */ background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); } .wrapper-1cBijl:hover { border-color: rgb(var(--transparencycolor)); } .peopleListItem-2nzedh .actionButton-uPB8Fs { /* peoples actionbutton */ background-color: rgba(var(--transparencycolor), .1); } .peopleListItem-2nzedh .actionButton-uPB8Fs:hover { background-color: rgb(var(--accentcolor)); } .peopleListItem-2nzedh .actionButton-uPB8Fs:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } .peopleListItem-2nzedh:hover { background-color: rgba(var(--transparencycolor), .3); } .peopleListItem-2nzedh:hover .actionButton-uPB8Fs { background-color: rgba(var(--transparencycolor), .3); } #app-mount .outer-1AjyKL { /* playing card */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .outer-1AjyKL.active-1xchHY, #app-mount .outer-1AjyKL.interactive-3B9GmY:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .inset-3sAvek { /* playing card inner */ background-color: rgba(var(--transparencycolor), .2); } .emptyCard-1RJw8n { /* playing empty card */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .partyMemberOverflow-lXnzvu { background: rgba(var(--transparencycolor), .5); } #app-mount .partyMemberBackground-3XOgDv, #app-mount .partyMemberUnknown-fwK2DC { background-color: rgba(var(--transparencycolor), .5); } #app-mount .partyMemberUnknownIcon-1eDbV6 { color: var(--channels-default); } #app-mount .popout-38lTFE { /* playing popout */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 8px 16px 0 rgba(var(--transparencycolor), .3); overflow: hidden; } .popout-38lTFE::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .popout-38lTFE::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover, #app-mount .enabled-1t_Gxm:hover { background-color: rgba(var(--transparencycolor), .2); } /* ~~~~ 7. STORE/NITRO ~~~~ */ .gridItemBadge-1Se-Pu { text-shadow: 1px 1px var(--textshadow); } .marketingHeader-2Iq7qk { /* marketingheader */ background-color: rgba(var(--transparencycolor), .3); } .detailsBlock-FoDTGA { /* billing details */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .categoryHeader-1D7Tqy, /* categoryheader */ #app-mount .premiumApplicationsHeader-Zmkm5e { border-color: var(--background-modifier-accent); color: var(--header-primary); } #app-mount .tier1Banner-1BTgv0 { /* tier1banner container */ background-color: rgba(var(--transparencycolor), .3); color: #fff; } .headerIcon-3bqya6 { /* tier1banner svgtitle */ color: #fff; } .smallCarousel-2e0IQc { background-color: rgba(var(--transparencycolor), .3); border-radius: 5px; } #app-mount .item-3V15ea { /* gamepreview previewitem */ background-color: rgba(var(--transparencycolor), .3); } .arrow-3jRqK8 { /* gamepreview prev/nextarrow (big) */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .themedPagination-3v0Dnu .arrow-vOpU7R { /* gamepreview prev/nextarrow (small) */ color: var(--header-primary); } #app-mount .themedPagination-3v0Dnu .dot-2Q_mMZ { /* gamepreview itemdot (small) */ background-color: var(--header-primary); } #app-mount .root-1bFE0x { /* gameinfo sectioncontainer */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .header-3HFF3R { /* gameinfo sectionheader */ color: var(--header-primary); } #app-mount .section-7tu4tu { /* gameinfo subsection */ border-bottom-color: var(--background-modifier-accent); } #app-mount .playerOverflow-2Hf77M { background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .description-2Ifi6N { /* gameinfo subsectiondescription */ color: var(--header-secondary); } #app-mount .description-2Ifi6N strong, #app-mount .username-2gp_Xw { /* gameinfo subsectionusername */ color: var(--header-primary); } #app-mount .smallHeader-2h-9-U { /* gameinfo subsectionheader */ color: var(--header-secondary); } #app-mount .text-1Z3P6i { /* gameinfo subsectiontext */ color: var(--header-primary); } #app-mount .iconCircle-1dlYo0 { background-color: rgba(var(--transparencycolor), .3); } #app-mount .circle-1nK_79 { color: var(--header-primary); } #app-mount .divider-21LyPb { /* section divider */ border-color: var(--background-modifier-accent); } #app-mount .blurb-1iBKJy { /* section description */ color: var(--text-normal); } #app-mount .description-1AwRKJ { /* section subdescription */ color: var(--header-secondary); } #app-mount .requirements-dEriwm { /* requirements */ color: var(--text-normal); } #app-mount .requirementKey-14DT2D { /* requirements key */ color: rgb(var(--textdarker)); } #app-mount .content-1zhNsr { /* requirements rating */ color: rgb(var(--textdarker)); } #app-mount .content-3FEARf { /* requirements copyright */ color: rgb(var(--textdarker)); } #app-mount .bodySection-jqkkIP { /* sidebar section */ background-color: rgba(var(--transparencycolor), .2); border-top-color: var(--background-modifier-accent); } #app-mount .actionText-3EKWER { /* sidebar header */ color: var(--text-normal); } #app-mount .purchaseUnitOperatingSystem-cnbJPz { /* sidebar OSicon */ color: rgb(var(--textdarkest)); } #app-mount .price-4PDWNj, /* sidebar price */ #app-mount .listingPrice-2GiDSc { color: var(--header-primary); } #app-mount .title-2xCQKy { /* sidebar subtitle */ color: var(--header-primary); } #app-mount .skuNormal-3h1es- { /* sidebar pricerow */ border-bottom-color: var(--background-modifier-accent); } #app-mount .name-u2zgy7 { /* sidebar pricename */ color: var(--header-secondary); } #app-mount .sku-epQEb_:hover .name-u2zgy7 { color: var(--header-primary); } #app-mount .price-NUANu6 { /* sidebar priceamount */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-primary); } #app-mount .label-13UUcd { /* sidebar label */ color: rgb(var(--textdarker)); } #app-mount .info-1Emy1X { /* sidebar labelinfo */ color: var(--header-primary); } #app-mount .content-35aVm0 { /* invitecard container */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .name-3TBxUq { /* invitecard guildname */ color: var(--header-secondary); } #app-mount .memberInfo-1TAaKC { /* invitecard memberinfo */ color: rgb(var(--textdarker)); } .premiumSubscriptionAccountCredit-25i0tQ { /* abonnements abocard */ background-color: rgba(var(--transparencycolor), .4); } #app-mount .row-1bU71H { /* features row */ background-color: rgba(var(--transparencycolor), .2); color: var(--header-secondary); } #app-mount .featureIcon-1f78KU { /* features featureicon */ color: var(--header-secondary); } #app-mount .feature-2w65J5 { /* features feature */ background-color: rgba(var(--transparencycolor), .4); } .featureImage-2L9kA0 { /* features image */ opacity: 0.7; } .banner-WELp4M { /* features xbox promo */ background-color: rgba(var(--transparencycolor), .4); } /* ~~~~ 9. LIBRARY ~~~~ */ .header-39GIC8 { /* library table header */ background-color: transparent; border-bottom-color: var(--background-modifier-accent); position: relative; } .header-39GIC8::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; filter: blur(var(--backgroundblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .header-39GIC8::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), .4); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .headerCellSorted-1JR4Ny { color: var(--header-primary); } .rowWrapperActive-2L7i9f { background-color: rgba(var(--transparencycolor), .2); } .rowWrapper-2fB6P0 + .rowWrapper-2fB6P0 .row-ZLfFhY { border-top-color: var(--background-modifier-accent); } #app-mount .rate-1Gat8e { color: var(--text-muted); } #app-mount .background-yZEZik { /* library usagebar */ stroke: rgb(var(--transparencycolor), .5); } #app-mount .usageInfo-2WQAwr { /* gamelibrary usageinfo */ color: var(--header-secondary); } #app-mount .installationPath-3cStrB { /* library game row path */ box-shadow: 0 1px 0 0 var(--background-accent); } #app-mount .rowTitle-1KYtY7 { /* library game row title */ color: var(--text-normal); } #app-mount .rowBody-3dJTTZ { /* library game row body */ color: var(--text-muted); } #app-mount .defaultLocationCheckbox-3HMIPO { /* library location checkbox */ color: var(--header-primary); } #app-mount .defaultIndicator-3WqGFB { /* library location indicator */ background-color: rgba(var(--transparencycolor), .5); color: var(--header-primary); } #app-mount .applicationName-2toV6z { /* library application name */ color: var(--header-primary); } #app-mount .applicationSubText-2V8LSK { /* library application subtext */ color: var(--text-muted); } #app-mount .emptyWumpus-12J3jI { /* library no games */ background: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg); opacity: 0.6; } /* ~~~~ 10. DISCOVERY ~~~~ */ .categoryItem-1QIroW:hover .itemInner-gPkiWb{ /* guilddiscovery categoryitem */ background-color: rgba(var(--transparencycolor), .2); } .categoryItem-1QIroW.selectedCategoryItem-FHKU_o .itemInner-gPkiWb { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .categoryItem-1QIroW.selectedCategoryItem-FHKU_o .itemInner-gPkiWb svg:not(.svg-2V3M55) { filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .pageWrapper-1PgVDX { /* guilddiscovery container */ color: var(--header-primary); } #app-mount .card-3DjzTQ { /* guildcard container */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .iconMask-3b8GzQ { /* guildcard iconmask */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .card-3DjzTQ:hover, #app-mount .iconMask-3b8GzQ:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .cardPlaceholder-1zrbbe { /* guildcard placeholder */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .loading-17PYl_ { /* guildcard loading */ background-color: rgba(var(--transparencycolor), .5); } .emojiContainer-1u-_sQ { /* search emojicontainer */ background-color: rgba(var(--transparencycolor), .3); } .emptyContainer-1_gwCl { /* search no results */ background-color: rgba(var(--transparencycolor), .4); } .placeholder-2erB-x { /* search placeholder */ background-color: rgba(var(--transparencycolor), .4); } /* ~~~~ 11. USERSETTINGS ~~~~ */ .premiumTabItem-1QTfBr[aria-selected=true], .item-PXvHYJ.selected-3s45Ha[aria-controls="Nitro Server Boost-tab"], .serverBoostTabItem-2hFTIN[aria-selected=true] { text-shadow: 1px 1px var(--textshadow); } .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover:not(.disabled-1Hwwfb), /* sideitems */ .topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover:not(.disabled-1Hwwfb) { /* tabitems */ background-color: rgba(var(--transparencycolor), .2); } .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover, .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } #app-mount .foreground-26ym5y { /* sidebar sideitemlink */ background: var(--interactive-normal); } #app-mount .link-1IoFq-:hover .foreground-26ym5y { 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 { 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; } .contentRegion-3nDuYy div[role="tabpanel"] { /* tabpanel */ width: 100%; } .toolsContainer-1edPuj { /* closebutton wrapper */ margin-right: 37px; } #app-mount .closeButton-1tv5uR { /* closebutton button */ border-color: var(--channels-default); } #app-mount .closeButton-1tv5uR path[fill] { fill: var(--channels-default); } #app-mount .closeButton-1tv5uR:hover { background-color: rgba(var(--accentcolor), .2); border-color: var(--header-secondary); } #app-mount .closeButton-1tv5uR:hover path[fill] { fill: var(--header-secondary); } #app-mount .closeButton-1tv5uR:active { border-color: var(--text-normal); } #app-mount .closeButton-1tv5uR:active path[fill] { fill: var(--text-normal); } #app-mount .keybind-KpFkfr { /* closebutton keybind */ color: var(--channels-default); } #app-mount .closeButtonBold-8kKURP { /* closebutton button bold */ border-color: var(--header-secondary); } #app-mount .closeButtonBold-8kKURP path[fill] { fill: var(--header-secondary); } #app-mount .closeButtonBold-8kKURP:hover { background-color: rgba(var(--accentcolor), .4); border-color: var(--text-normal); } #app-mount .closeButtonBold-8kKURP:hover path[fill] { fill: var(--text-normal); } #app-mount .closeButtonBold-8kKURP:active { border-color: var(--header-primary); } #app-mount .closeButtonBold-8kKURP:active path[fill] { fill: var(--header-primary); } #app-mount .keybindBold-1942Wp { /* closebutton keybind bold */ color: var(--header-secondary); } .cardPrimary-1Hv-to, .cardPrimaryEditable-3KtE4g { /* settingsitems card */ border-color: rgba(var(--transparencycolor), .1); } .cardPrimary-1Hv-to { background-color: rgba(var(--transparencycolor), .2); } .cardPrimaryEditable-3KtE4g { background-color: rgba(var(--transparencycolor), .1); } .cardPrimaryOutline-29Ujqw { border-color: rgba(var(--transparencycolor), .2); } .questionMark-3qBhGj svg { /* accountsettings questionmark new */ filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .avatarUploader-3XDtmn .removeButton-1hcZyG { /* accountsettings removeavatar */ color: var(--header-secondary); } #app-mount .avatarUploader-3XDtmn .removeButton-1hcZyG:hover { color: var(--text-muted); } #app-mount .userSettingsSecurity-3IYeMF .codeCheckbox-1T0TTy { color: var(--text-normal); } #app-mount .background-1QDuV2 { /* accountsettings container */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .fieldList-21DyL8 { /* accountsettings settings */ background-color: rgba(var(--transparencycolor), .4); } .accountList-33MS45 { /* connections container */ background-color: rgba(var(--transparencycolor), .4); } .accountBtn-2Nozo3 .accountBtnInner-sj5jLs { /* connections connectioninner */ background-color: rgba(var(--transparencycolor), .2); } .accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover { background-color: rgb(var(--accentcolor)); } .connection-1fbD7X { /* connections connection */ background-color: rgba(var(--transparencycolor), .3); } .connectionHeader-2MDqhu { /* connections connection header */ background-color: rgba(var(--transparencycolor), .2); } .guildHeader-3nh5RK { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor), .5); } .guildSubscriptionSlots-JPXXvN { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor), .3); } .cardWrapper-2Min21 { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor), .2); } .cardWrapper-2Min21:hover { background-color: rgba(var(--transparencycolor), .4); } .cardWrapper-2Min21 .card-3AyPWq, /* boostsettings suggestioncard inner */ .cardWrapper-2Min21 .card-3AyPWq:hover { background-color: transparent; } #app-mount .gemIndicatorContainer-2jdECl { /* boostsettings suggestioncard circle */ background-color: transparent; } #app-mount .summaryInfo-2QFKUg { /* boostsettings past transactions summary */ color: var(--header-primary); } #app-mount .payment-xT17Mq { /* boostsettings past transactions payment */ background-color: transparent; color: var(--header-secondary); } #app-mount .hoverablePayment-Yc6mK7:hover { background-color: rgba(var(--transparencycolor), .2); } #app-mount .paymentHeader-3QlZQi { /* boostsettings past transactions header */ color: var(--header-primary); border-color: var(--background-modifier-accent); } #app-mount .expandedInfo-3kfShd { /* boostsettings past transactions expandedinfo */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .paymentText-2vaF7U { /* boostsettings past transactions paymenttext */ color: var(--header-secondary); } #app-mount .giftIcon-3DRGI6 { /* boostsettings past transactions gifticon */ color: var(--header-primary); } #app-mount .paymentPane-3bwJ6A { /* boostsettings past transactions */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-primary); } #app-mount .paginator-166-09 { /* boostsettings past transactions paginator */ background: rgba(var(--transparencycolor), .3); color: var(--text-muted); } #app-mount .bottomDivider-1K9Gao { /* boostsettings past transactions divider */ border-bottom-color: rgba(var(--transparencycolor), .3); } #app-mount .tab-1kx2RU { /* boostsettings past transactions tab */ color: var(--text-muted); } #app-mount .externalRowHeader-2-8cG6 { /* boostsettings past transactions extenal row */ color: var(--header-secondary); } .emptyStateImage-2MrSNs { /* giftinventory no gifts */ opacity: 0.6; } #app-mount .codeRedemptionRedirect-1wVR4b { /* payment coderedem */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .1); color: var(--header-primary); } .membershipDialogHouse1-3KhKE- { /* hypesquad membershipdialogs */ background-color: rgba(156, 132, 239, .8); } .membershipDialogHouse2-35h9SY { background-color: rgba(244, 123, 103, .8); } .membershipDialogHouse3-15OBIQ { background-color: rgba(69, 221, 192, .8); } .videoWrapper-3YdgHH { background-color: rgba(var(--transparencycolor), .4); } .container-3PXSwK { /* voicesettings voicebarcontainer */ -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg); } .notches-1sAcEM { background: transparent !important; } #app-mount .progress-1IcQ3A { /* voicesettings voicebar */ background-color: rgba(var(--transparencycolor), .3); } .icon-4lJsMQ[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"], .icon-4lJsMQ[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] { -webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } .icon-4lJsMQ[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"], .icon-4lJsMQ[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { -webkit-mask: url(https://discord.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } .userSettingsVoice-iwdUCU .media-engine-video { /* voicesettings video */ background: transparent; } #app-mount .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC { background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .1); } .option-n0icdO { /* overlay option */ background-color: rgba(var(--transparencycolor), .4); } .option-n0icdO:hover, .option-n0icdO.selected-mKYnfr { box-shadow: 0 2px 0 rgba(var(--transparencycolor), .3); } .disabled-3I9jyo { color: rgba(var(--transparencycolor), .4); } #app-mount .row-2okwlC { /* hotkeys row */ box-shadow: inset 0 -1px 0 var(--background-modifier-accent); } #app-mount .card-FDVird::before { /* settingscard backdrop */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .1); } #app-mount .button-2CgfFz { /* settingscard removebutton */ background-color: rgba(var(--transparencycolor), .3); box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .6), 0 1px 5px 0 rgba(var(--transparencycolor), .3); } #app-mount .button-2CgfFz:hover { background-color: rgba(var(--transparencycolor), .7); } #app-mount .game-1ipmAa { /* games card */ box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .gameNameInput-385LoS:focus, #app-mount .gameNameInput-385LoS:hover { background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); } #app-mount .gameName-1RiWHm { /* games gamename */ color: var(--header-primary); } #app-mount .lastPlayed-3bQ7Bo, /* games lastplayed */ #app-mount .overlayStatusText-L2IACa { /* games overlaystatustext */ color: var(--text-muted); } #app-mount .overlayToggleIconOn-3UNmty .fill-1ugeBG { /* games overlaystatusicon */ fill: var(--text-muted); } #app-mount .nowPlayingAdd-1Kdmh_ { /* games descriptionhint */ color: var(--header-secondary); } #app-mount .nowPlaying-284llR .gameName-1RiWHm { color: #fff; } #app-mount .nowPlaying-284llR .lastPlayed-3bQ7Bo, #app-mount .nowPlaying-284llR .overlayStatusText-L2IACa { color: #b4e1cd; } #app-mount .nowPlaying-284llR .overlayToggleIconOff-1kT42w .fill-1ugeBG, #app-mount .nowPlaying-284llR .overlayToggleIconOn-3UNmty .fill-1ugeBG { fill: #b4e1cd; } #app-mount .notDetected-33MY4s { /* games nogame */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .notDetected-33MY4s .lastPlayed-3bQ7Bo { color: var(--header-secondary); } #app-mount .activeGame-14JI7o .removeGame-2JFGPn { background-image: none; } #app-mount .activeGame-14JI7o .removeGame-2JFGPn::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--header-primary); -webkit-mask: url(https://discord.com/assets/eb69ec9fdd30653a3ade1ab501a7cd3d.svg) center no-repeat; } #app-mount .addGamePopout-2RY8Ju { /* games add game popout */ background-color: transparent; } .addGamePopout-2RY8Ju::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .addGamePopout-2RY8Ju::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.15)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .addGamePopout-2RY8Ju .cancelButton-10XRsm { color: var(--header-primary); } .preview-2nSL_2 { /* appearance preview */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .2); } #app-mount .item-3eFBNF { /* languagesettings row */ border-radius: 5px; box-shadow: 0 1px 0 0 var(--background-modifier-accent); } .item-3eFBNF:hover { background-color: rgba(var(--transparencycolor), .2); } .item-3eFBNF.selected-2DeaDa { background-color: rgba(var(--transparencycolor), .4); } /* ~~~~ 12. GUILDSETTINGS ~~~~ */ .container-2VW0UT { /* settings confirmnotice */ position: relative; } .container-2VW0UT[style*="background-color: rgba(248, 249, 249"], .container-2VW0UT[style*="background-color: rgba(32, 34, 37"] { background-color: rgba(var(--transparencycolor), .7) !important; } .container-2VW0UT::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; filter: blur(var(--backgroundblur)); pointer-events: none; z-index: -1; } .roles-1ti6KV { /* rolesettings intro roles */ z-index: 2; } .profileCard-2RGvbu { /* rolesettings intro profile */ position: relative; z-index: 1; } .profileCard-2RGvbu::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .sidebar-dLM-kh { /* rolesettings sidebar */ background-color: rgba(var(--transparencycolor), .1); border: none; } .container-_phMUq { /* rolesettings everyone role */ background-color: rgba(var(--transparencycolor), .2); } .container-_phMUq:hover { background-color: rgba(var(--transparencycolor), .4); } img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addrolebutton */ -webkit-mask: url(https://discord.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg); background: currentColor; object-position: -999999px -999999px; } .settingCard-3w2mVL { /* rolesettings setting card */ background-color: rgba(var(--transparencycolor), .2); } .settingCard-3w2mVL.active-1ytUzX { /* rolesettings setting card active */ background-color: rgba(var(--transparencycolor), .3); } .cardContent-qqqwo8 { /* rolesettings setting card header */ background-color: rgba(var(--transparencycolor), .2); } .cardFolder-28dwxo { /* rolesettings setting card body */ background-color: transparent; } .group-1WdBVp { /* rolesettings permissions group */ border-color: rgb(var(--transparencycolor), .4); } .item-1yAxl1 { /* rolesettings permissions item */ background: rgb(var(--transparencycolor), .2); } .item-1yAxl1:hover { background: rgb(var(--transparencycolor), .4); } .passthrough-1c2ewQ.selected-2YhbGh { /* rolesettings permissions passthrough selected */ background: rgb(var(--accentcolor)); } .icon-3_8HGa { /* rolesettings everyone role icon */ background-color: rgba(var(--transparencycolor), .4); } .titleContainer-2CXtJo, /* rolesettings role list header */ .header-2mZ9Ov { /* rolesettings perms list header */ background-color: transparent; } .titleElevated-c_kdi7, .stickyHeaderElevated-I6QUOA { box-shadow: none; } .titleContainer-2CXtJo::after, .titleContainer-2CXtJo::before, .header-2mZ9Ov::after, .header-2mZ9Ov::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } .titleContainer-2CXtJo::after, .header-2mZ9Ov::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha))); } .sidebar-dLM-kh .titleContainer-2CXtJo::after, .sidebar-dLM-kh .header-2mZ9Ov::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)) } .titleContainer-2CXtJo::before, .header-2mZ9Ov::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; filter: blur(var(--backgroundblur)); } .roleDot-ZwSovK { /* rolesettings role dot */ border: none; } .roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) { /* rolesettings role row */ background-color: rgba(var(--transparencycolor), .2); } .roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) .circleButton-3RB01i { background-color: rgba(var(--transparencycolor), .2); } .roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT) .circleButton-3RB01i:hover { background-color: rgb(var(--accentcolor)); } .roleRow-30TwGe:before, .roleRow-30TwGe:last-child:after { background-color: var(--background-modifier-accent); } .memberRow-1wwtfV:hover { /* rolesettings member row */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm { /* rolesettings colorswatch nocolor */ border-color: rgba(var(--textbrightest), .3); } #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm .colorPickerDropperFg-3jYKWI { fill: var(--header-primary); } #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm polyline { stroke: var(--header-primary); } .previewContainer-1KQDJS { /* rolesettings preview */ border: none; } .messageContainer-1DiFnQ { /* rolesettings preview message */ background-color: rgba(var(--transparencycolor), .2); } .theme-light .messageContainer-1DiFnQ { display: none; } .addMemberRow-3-w-9X.selectedRow-1QP7qb { /* rolesettings add member row */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse { /* emojisettings nameinput */ background-color: rgba(var(--transparencycolor), .1); } #app-mount .auditLog-3jNbM6 { /* auditlogs logitem */ border-color: rgba(var(--transparencycolor), .1); color: var(--text-muted); } #app-mount .headerClickable-2IVFo9, /* auditlogs loginner */ #app-mount .headerDefault-1wrJcN { background-color: rgba(var(--transparencycolor), .2); color: var(--header-secondary); } #app-mount .headerExpanded-CUEwZ5 { background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .divider-1pnAR2 { /* auditlogs loginnerdivider */ background-color: var(--background-modifier-accent); } #app-mount .changeDetails-bk98pu { /* auditlogs logdetails */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .userHook-3AdCBF { /* auditlogs userhook */ color: var(--header-primary); } #app-mount .auditLog-3jNbM6 strong { /* auditlogs targets */ color: var(--header-primary); } #app-mount .timestamp-1mruiI { /* auditlogs timestamp */ color: var(--text-muted); } #app-mount .expandForeground-1nZ4VR { /* auditlogs expandarrow */ stroke: var(--header-secondary); } .themeOverrideLight-3bx_5B.icon-RTGJu3, /* auditlogs logicon */ .themeOverrideDark-1u5Vo0.icon-RTGJu3, #app-mount .icon-RTGJu3 { background: none !important; } .icon-RTGJu3::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--header-primary); } .icon-RTGJu3.targetAll-13V3n6::before { -webkit-mask: url(https://discord.com/assets/fc3f5f9be1a4db14b02336b7cb02e6ce.svg); } .icon-RTGJu3.targetBan-3mbIPL::before { -webkit-mask: url(https://discord.com/assets/edb23a53ea40ac60f212ebae66e5c5c7.svg); } .icon-RTGJu3.targetChannel-TrRFlx::before { -webkit-mask: url(https://discord.com/assets/343c9ff4c775c66a7d4af1f8691c34e0.svg); } .icon-RTGJu3.targetGuild-mDWfAV::before { -webkit-mask: url(https://discord.com/assets/30af96a386520760ad107c5b77ba002a.svg); } .icon-RTGJu3.targetEmoji-3vhPhM::before { -webkit-mask: url(https://discord.com/assets/7a9bf92329dad473ef0383ae75367215.svg); } .icon-RTGJu3.targetInvite-1RQBlr::before { -webkit-mask: url(https://discord.com/assets/4b33371531a1a89f99296a73fc9ef588.svg); } .icon-RTGJu3.targetMemberRole-jowY3I::before { -webkit-mask: url(https://discord.com/assets/a9098042cb36b955c5021259f1d48f91.svg); } .icon-RTGJu3.targetMember-2iuwxX::before { -webkit-mask: url(https://discord.com/assets/af043346e036ef7b1aac1cf42cd1e699.svg); } .icon-RTGJu3.targetPermission-ZRUN5n::before { -webkit-mask: url(https://discord.com/assets/2a37995eb832bae805190a93ba043857.svg); } .icon-RTGJu3.targetRole-2MoUny::before { -webkit-mask: url(https://discord.com/assets/0176a91b4c44ed05c05af68784e78da8.svg); } .icon-RTGJu3.targetVanityUrl-3OpsYX::before { -webkit-mask: url(https://discord.com/assets/84215a5fec3d9de9960a225143238d74.svg); } .icon-RTGJu3.targetWebhook-1xS7Z7::before { -webkit-mask: url(https://discord.com/assets/a6975850d800aa86162b4aa5f18c41ac.svg); } .icon-RTGJu3.targetWidget-3hFVSM::before { -webkit-mask: url(https://discord.com/assets/4ac0e382cc7b8aa0cb1d6d074b0e8ba5.svg); } .icon-RTGJu3.targetMessage-2kBYMT::before { -webkit-mask: url(https://discord.com/assets/8c85e30795486caa8caacd829703459d.svg); } .icon-RTGJu3.targetIntegration-3rnyMN::before { -webkit-mask: url(https://discord.com/assets/da8463a04b4a289801d2516f50eb4c19.svg); } #app-mount .card-o7rAq- { /* integrationsettings card */ border-color: rgba(var(--transparencycolor), .1) } #app-mount .card-3IImnr { /* integrationsettings webhook card */ border-color: rgba(var(--transparencycolor), .1) } #app-mount .card-1o0mns { /* integrationsettings apps card */ border-color: rgba(var(--transparencycolor), .1) } #app-mount .card-11DMwv { /* integrationsettings follows card */ border-color: rgba(var(--transparencycolor), .1) } .iconWrapper-lS1uig { /* integrationsettings icon */ background-color: rgba(var(--transparencycolor), .4); } #app-mount .footerImage-4UrEF0 { background-image: url(https://discord.com/assets/36d0e0bb009fa362c2533003c0af67b5.svg); opacity: 0.6; } .guildDetails-2p1NmK { /* communitysettings intro details */ background-color: rgba(var(--transparencycolor), .4); } .featureCard-1RR4Tl { /* communitysettings intro featurecard */ background-color: rgba(var(--transparencycolor), .3); } .featureIcon-3p1TC_ { /* communitysettings intro featureicon */ background-color: rgba(var(--transparencycolor), .3); } .checklistContainer-mFJZEJ { /* communitysettings intro checklist */ background-color: rgba(var(--transparencycolor), .3); } .checklistHeader-1KWcEY { /* communitysettings intro checklist header */ background-color: rgba(var(--transparencycolor), .3); } .upsellContainer-L9xv7w { /* communitysettings general upsellcontainer */ background-color: rgba(var(--transparencycolor), .2); } .upsellFooter-ZYsio_ { /* communitysettings general upsellfooter */ background-color: rgba(var(--transparencycolor), .2); } .developerPortalCtaWrapper-2XNafh { /* communitysettings analytics info */ background-color: rgba(var(--transparencycolor), .3); } .analyticsCard-qckucw { /* communitysettings analytics card */ background-color: rgba(var(--transparencycolor), .3); } .backgroundAccent-349kuI { /* communitysettings analytics error */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .card-3_CqkU { /* communitysettings discovery card */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .iconMask-30Tvqs { /* communitysettings discovery icon */ background-color: rgba(var(--transparencycolor), .2); } .perkArt-1SGWbA { /* communitysettings discovery perk */ background-color: rgba(var(--transparencycolor), .4); } .container-2w0lh0 { /* communitysettings discovery checklist */ background-color: rgba(var(--transparencycolor), .3); } .header-2Y0-A- { /* communitysettings discovery checklist header */ background-color: rgba(var(--transparencycolor), .3); } .exampleContainer-3ekFIr, /* communitysettings rules example */ .exampleContainer-25sB-A { /* communitysettings welcome example */ background: transparent; position: relative; } .exampleContainer-3ekFIr > *, .exampleContainer-25sB-A > * { z-index: 1; } .exampleContainer-3ekFIr::after, .exampleContainer-25sB-A::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(var(--transparencycolor), .5); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/discord_window_placeholder.svg) 0 0/cover no-repeat; } #app-mount .exampleModal-2oh58d, /* communitysettings rules examplemodal */ #app-mount .exampleModal-2X2Vf8 { /* communitysettings welcome examplemodal */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; border-radius: 5px; } .exampleModal-2oh58d > *, .exampleModal-2X2Vf8 > * { z-index: 1; } .exampleModal-2oh58d::before, .exampleModal-2X2Vf8::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); filter: blur(var(--popoutblur)); width: unset; height: unset; border-radius: 5px; pointer-events: none; } .exampleModal-2oh58d::after, .exampleModal-2X2Vf8::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; border-radius: 5px; pointer-events: none; } .guildSidebar-339BqP { /* communitysettings rules example sidebar */ background-color: rgba(var(--transparencycolor), .4); margin-right: 0 !important; } .content-BMIBeK { /* communitysettings rules example inner */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .footer-1JuRYY { /* communitysettings rules example footer */ background: transparent; } .exampleTextSingleLine-1kvErc { /* communitysettings rules example line */ background-color: rgba(var(--textbrightest), .3); } .enableContainer-2DIT9Q { /* communitysettings rules enablecontainer */ background-color: rgba(var(--transparencycolor), .3); } .icon-1CGepy { /* communitysettings rules category icon */ background-color: rgba(var(--transparencycolor), .2); } .settingsFormItem-103g1I { /* communitysettings rules form */ background-color: rgba(var(--transparencycolor), .2); } .getStartedWrapper-2AGgRZ { /* communitysettings rules getstarted */ background-color: rgba(var(--transparencycolor), .2); } .exampleRule-32tIs5 { /* communitysettings rules example rule */ background-color: rgba(var(--transparencycolor), .4); } .rulesTextAreaInput-2aGfKB { /* communitysettings rules edit rule */ border-color: rgba(var(--transparencycolor), .3); } .rulesTextAreaInput-2aGfKB:hover:not(:focus) { border-color: rgb(var(--transparencycolor)); } .editCircle-y9c7xP { /* communitysettings rules editcirle */ background-color: rgba(var(--transparencycolor), .4); } .editButton-1MavoF { /* communitysettings rules editbutton */ background-color: rgba(var(--transparencycolor), .4); } .editButton-1MavoF:hover { background-color: rgba(var(--transparencycolor), .6); } .formFieldWrapper-malor5, .settingsFormFieldWrapper-3Y77Pr { /* communitysettings rules form field */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .2); } .editCircle-ityklj { /* communitysettings welcome editcirle */ background-color: rgba(var(--transparencycolor), .4); } .optionContainer-1FtykV { /* communitysettings welcome exampleoption */ background-color: rgba(var(--transparencycolor), .3); } .enableContainer-6E-puu { /* communitysettings welcome previewheader */ background-color: rgba(var(--transparencycolor), .4); } .previewContainer-1SS3uO { /* communitysettings welcome previewcontainer */ background-color: rgba(var(--transparencycolor), .2); } .welcomeChannel-1rFrIO { /* communitysettings welcome welcomechannel */ background-color: rgba(var(--transparencycolor), .4); } .channelIcon-1eKmlw { /* communitysettings welcome channelicon s */ background-color: rgba(var(--transparencycolor), .4); } .descriptionBox-1EKQKL { /* templatesettings descriptionbox */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .tierHeaderLocked-1a2opw { /* boostsettings tierheaderlocked */ background-color: rgba(var(--transparencycolor), .4); color: var(--header-secondary); } #app-mount .tierHeaderUnlocked-2RhWqn { /* boostsettings tierheaderunlocked */ background-color: rgba(var(--transparencycolor), .5); } #app-mount .tierBody-x9kBBp { /* boostsettings tierbody */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .tierInProgress-3mBoXq { /* boostsettings tiermilestone */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .background-3xPPFc { /* boostsettings tierbar (settings) */ color: rgba(var(--transparencycolor), .3); } #app-mount .member-1q7VfX { /* membersettings membercard */ box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .member-1q7VfX .name-8yzEIY { /* membersettings membercardname */ color: var(--header-primary); } #app-mount .member-1q7VfX .tag-1YGWN9 { /* membersettings membercardtag */ color: var(--text-muted); } #app-mount .member-1q7VfX .roleWrapper-1Hde_V { /* membersettings rolewrapper */ color: rgba(var(--textbrightest),.8); } #app-mount .actionButton-VzECiy { /* membersettings addrolebutton */ border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .member-1q7VfX .overflowIconFg-QMRRFI { /* membersettings 3-dot icon */ fill: var(--header-primary); } #app-mount .member-1q7VfX .ownerHelpIcon-3ItaBx { /* membersettings help icon */ color: var(--header-primary); } #app-mount .overflowRolesPopout-140n9i, /* membersettings roleoverflow popout */ #app-mount .overflowRolesPopoutArrow-2O66oH { background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .2), 0 2px 10px 0 rgba(var(--transparencycolor), .2); border: none; border-radius: 3px; overflow: hidden; } .overflowRolesPopout-140n9i::before, .overflowRolesPopoutArrow-2O66oH::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .overflowRolesPopout-140n9i::after, .overflowRolesPopoutArrow-2O66oH::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); width: unset; height: unset; pointer-events: none; z-index: -1; } .overflowRolesPopoutHeaderIcon-6PNEZA path { fill: var(--header-secondary); } .overflowRolesPopoutHeaderText-1SW-y3 { color: var(--header-secondary); } #app-mount .inviteSettingsInviteRow-3p2O-N { /* invitesettings invitecard */ box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .bannedUser-1IalTM { /* bansettings bancard */ box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .bannedUser-1IalTM .username-1b3MVI { /* invitesettings username */ color: var(--header-primary); } #app-mount .bannedUserModal-3RJCOV .reasonHeader-2etdjy { /* invitesettings banmodalreasonheader */ color: var(--text-normal); } #app-mount .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO, #app-mount .bannedUserModal-3RJCOV .reason-YbfGC6, /* invitesettings banmodalreason */ #app-mount .bannedUserModal-3RJCOV .userDiscrim-1D2NlF { /* invitesettings discriminator */ color: var(--text-muted); } /* ~~~~ 13. MODALS ~~~~ */ .layer-2KE1M9:nth-child(1), .withLayer-RoELSG:nth-child(1) { z-index: 1002; } .layer-2KE1M9:nth-child(2), .withLayer-RoELSG:nth-child(2) { z-index: 1003; } .layer-2KE1M9:nth-child(3), .withLayer-RoELSG:nth-child(3) { z-index: 1004; } .layer-2KE1M9:nth-child(4), .withLayer-RoELSG:nth-child(4) { z-index: 1005; } .layer-2KE1M9:nth-child(5), .withLayer-RoELSG:nth-child(5) { z-index: 1006; } .layer-2KE1M9:nth-child(6), .withLayer-RoELSG:nth-child(6) { z-index: 1007; } .layer-2KE1M9:nth-child(7), .withLayer-RoELSG:nth-child(7) { z-index: 1008; } .layer-2KE1M9:nth-child(8), .withLayer-RoELSG:nth-child(8) { z-index: 1009; } .layer-2KE1M9:nth-child(9), .withLayer-RoELSG:nth-child(9) { z-index: 1010; } #app-mount .root-1gCeng, /* modal container (foldersettings) */ #app-mount .modal-yWgWj- { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; border-radius: 5px; } .root-1gCeng > *, .modal-yWgWj- > * { z-index: 1; } .root-1gCeng::before, .modal-yWgWj-::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .root-1gCeng::after, .modal-yWgWj-::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .root-1gCeng .modal-yWgWj-::before, .modal-qgFCbT::before, .root-1gCeng .modal-yWgWj-::after, .modal-qgFCbT::after { display: none; } .header-1TKi98 > .wrapper-1sSZUt { flex: 1 0 auto; } #app-mount .separator-2-RRj_ { box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3); } #app-mount .modalTextContainer-ITvzbi { /* modal text file */ background-color: rgba(var(--transparencycolor), .5); border: none; } #app-mount .footer-2gL1pp { /* modal footer */ background-color: rgba(var(--transparencycolor), .2); box-shadow: none; z-index: 0; } #app-mount .footer-1lnhms { /* modal footer info */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .close-hZ94c6 { /* modal closebutton */ z-index: 2; } .tabBarContainer-1s1u-z { /* modal tabbarcontainer */ border-top-color: rgba(var(--transparencycolor), .3); } #app-mount .modal-6GHvdM .tabBarContainer-1s1u-z { background: rgba(var(--transparencycolor), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1); } #app-mount .separator-19P9q2 { box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3); } #app-mount .divider-3WKGWk { border-color: var(--background-modifier-accent); } #app-mount .subHeader-3TFIST { color: var(--header-secondary); } #app-mount .sectionBody-DUrZPU, #app-mount .subHeader-3FXnUc { color: var(--header-secondary); } #app-mount .message-1F58Gs { color: var(--header-secondary); } #app-mount .secondaryButton-197mr8 { color: var(--header-primary); } #app-mount .imageUpgrade-moI_hv { background-image: url(https://discord.com/assets/81ded87ebac6f9d55e8624a3e5167c8f.svg); } #app-mount .imageCancel-2x4k_k { background: url(https://discord.com/assets/03863b539aec443327ca2ffc51a89dac.svg); } #app-mount .imageUnclaimed-5nJyYs { background-image: url(https://discord.com/assets/3b65c741e596bc0979f7ba0c42de6fff.svg); opacity: .5; } #app-mount .imageUnverified-2NLnW6 { background-image: url(https://discord.com/assets/e260177e5165e6789e30b9592df75424.svg); opacity: .5; } #app-mount .divider-1que2t { border-color: var(--background-modifier-accent); } #app-mount .backButtonColor-N09dXJ { color: var(--header-primary); } #app-mount .checkboxLabel-3WoD3k { color: var(--header-secondary); } /* ---- 13.1. USERMODAL ----- */ #app-mount .root-SR8cQa { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; overflow: hidden; } .root-SR8cQa::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); filter: blur(var(--popoutblur)); background-attachment: fixed; width: unset; height: unset; pointer-events: none; z-index: -1; } .root-SR8cQa::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .topSectionNormal-2-vo2m { /* modal headernormal */ background-color: rgba(var(--transparencycolor), .2); } .topSectionPlaying-1J5E4n { /* modal headerplaying */ text-shadow: 1px 1px var(--textshadow); } .headerFill-adLl4x { /* modal activity */ background-color: rgba(var(--transparencycolor), .1); } .body-3ND3kc { /* modal body */ background-color: transparent; } .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z { /* header tabbarcontainer */ position: relative; border-color: transparent; padding-left: 0; } .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z .tabBar-2MuP6- { padding-left: 20px; } .listRow-hutiT_:hover { background-color: rgba(var(--transparencycolor), .2); } .emptyIcon-pGTAhd { /* body emptypic */ opacity: 0.6; } /* ---- 13.2. GUILDADD/CREATION ----- */ .container-UC8Ug1 { /* modal item */ background-color: rgb(var(--transparencycolor), .2); border: none; } .container-UC8Ug1:hover { background-color: rgb(var(--transparencycolor), .4); } .text-1FOLJS { /* modal text */ color: var(--header-secondary); } .container-UC8Ug1:hover .text-1FOLJS { color: var(--header-primary); } .arrow-hynWUl { /* modal arrow */ object-position: -999999px -999999px; -webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat; background: var(--header-secondary); } .container-UC8Ug1:hover .arrow-hynWUl { background: var(--header-primary); } .input--jS-j2 { /* modal invite input */ background: transparent; } .inputInner-2akrSS { /* modal invite input inner */ border: 1px solid var(--deprecated-text-input-border); } /* ---- 13.3. REGIONSELECTMODAL ---- */ #app-mount .regionSelectModal-12e-57 { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; overflow: hidden; } .regionSelectModal-12e-57::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .regionSelectModal-12e-57::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 { background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .1); } #app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover { background-color: rgba(var(--transparencycolor), .3); } #app-mount .regionSelect-3lf4eE.regionSelectLoading-34I21m { border: 1px solid var(--header-secondary); } #app-mount .regionSelect-3lf4eE button { border: 1px solid var(--header-secondary); } #app-mount .regionSelect-3lf4eE .regionSelectInner-24f4Ce { border: 1px solid var(--header-secondary); } #app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA { color: var(--text-muted); } #app-mount .regionSelectName-2-2FWh { color: var(--text-muted); } #app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover .regionSelectName-2-2FWh { color: var(--text-normal); } #app-mount .regionSelect-3lf4eE:hover button { color: var(--header-primary); } #app-mount .container-1s4HBn.hover-2AGf5p { border-color: var(--deprecated-text-input-border-hover); } #app-mount .flag-16iIBd.vip-3pFIN8::after { border-color: rgba(var(--transparencycolor), .5); } /* ---- 13.4. UPLOADMODAL ---- */ #app-mount .uploadModal-2ifh8j { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; border-radius: 10px; } .uploadModal-2ifh8j::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; border-radius: 10px; z-index: -1; } .uploadModal-2ifh8j::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; border-radius: 10px; z-index: -1; } .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc { width: unset; } .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .title-2Vtl4y, .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .instructions-2Du9gG { text-shadow: 1px 1px var(--textshadow); } .uploadModal-2ifh8j .inner-zqa7da { /* modal channeltextarea */ background-color: rgba(var(--transparencycolor), .3); } .uploadModal-2ifh8j .footer-3mqk7D { /* modal footer */ background-color: rgba(var(--transparencycolor), .2); box-shadow: none; } .uploadModal-2ifh8j .checkbox-1ix_J3.checked-3_4uQ9 { background-color: rgb(var(--accentcolor)) !important; border-color: rgb(var(--accentcolor)) !important; } .uploadModal-2ifh8j .checkbox-1ix_J3.checked-3_4uQ9 path[fill="#5865f2" i], .uploadModal-2ifh8j .checkbox-1ix_J3.checked-3_4uQ9 path[fill="#7289da" i] { fill: #fff !important; } .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j { box-shadow: 0 2px 8px rgba(var(--transparencycolor), .4); } /* ---- 13.5. KEYBOARDSHORTCUTSMODAL ---- */ #app-mount .keyboardShortcutsModal-3piNz7 { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; overflow: hidden; } .keyboardShortcutsModal-3piNz7::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .keyboardShortcutsModal-3piNz7::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .modalTitle-37O4n6 { /* modal title */ color: var(--header-primary); } #app-mount .modalSubtitle-1Pj5nv { /* modal subtitle */ border-color: var(--background-modifier-accent); color: var(--text-normal); } #app-mount .keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w .keybindDescription-2RDbC2 { color: var(--header-secondary); } #app-mount .keybindShortcut-1BD6Z1 { color: var(--header-primary); } #app-mount .keybindShortcut-1BD6Z1 span { 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 .keybindShortcut-1BD6Z1 span:active { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6); border: 1px solid rgb(0, 0, 0); color: var(--header-secondary); } #app-mount .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom g { fill: var(--header-primary); } #app-mount .keybindShortcut-1BD6Z1 span:active .bindArrow-2X3Aom g { fill: var(--header-secondary); } #app-mount .keybindShortcutTipsSelect-HDyfe8:last-of-type::before { background-color: var(--interactive-muted); } #app-mount .tabButton-1n4gNP { background-color: var(--text-muted); border: 1px solid rgb(0, 0, 0, .4); border-radius: 4px; box-shadow: inset 0 -4px 0 rgb(0, 0, 0, .4); color: var(--header-primary); } #app-mount .tabButton-1n4gNP rect[fill="#4F545C"], #app-mount .tabButton-1n4gNP path[fill="#36393F"] { display: none; } /* ---- 13.6. QUICKSWITCHER ---- */ #app-mount .quickswitcher-3JagVE { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; overflow: hidden; } .quickswitcher-3JagVE::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .quickswitcher-3JagVE::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } .scroller-zPkAnE { background-color: transparent; } #app-mount .input-2VB9rf { /* modal input */ background-color: rgba(var(--transparencycolor), .4); box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); } #app-mount .resultFocused-3aIoYe { /* modal resultfocused */ background-color: rgba(var(--transparencycolor), .2); } /* ---- 13.7. INVITEMODAL/GROUPCREATE ---- */ #app-mount .contentWrapper-3WC1ID { /* modal guildinvitemodal */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; overflow: hidden; } .contentWrapper-3WC1ID::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .contentWrapper-3WC1ID::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .friendSelected-1sa4bG, /* modal groupdmrow */ #app-mount .inviteRow-2L02ae:hover { /* modal guildrow */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .friend-3KALPe, /* modal groupdmrow */ #app-mount .inviteRowName-1tVaxu { /* modal username */ color: var(--header-secondary); } #app-mount .friendSelected-1sa4bG, #app-mount .inviteRow-2L02ae:hover .inviteRowName-1tVaxu { color: var(--header-primary); } #app-mount .checkBoxLabel-4PWfpk, #app-mount .footerText-2a7NxZ, #app-mount .subTitle-3TUjmF, #app-mount .subtitle-2P4u9v, #app-mount .subText-bCySlS { color: var(--header-secondary); } .tag-2gHSR7 { /* modal added user */ background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } .pill-1dHPfk { background-color: rgba(var(--transparencycolor), .5); } /* ---- 13.8. LOGINSCREEN ---- */ #app-mount .wrapper-3Q5DdO { /* login wrapper */ background: transparent; } .wrapper-3Q5DdO::before, /* login winbuttonshadow */ .wrapper-3Q5DdO .rightSplit-2US0xy, /* login background */ .wrapper-3Q5DdO .canvas-3XuBXe { /* login movingshadow */ display: none; } .theme-dark.authBox-hW6HRx, /* login modal */ .theme-light.authBox-hW6HRx { background-color: rgba(var(--transparencycolor), .5); box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); color: var(--text-muted); position: relative; overflow: hidden; } /* ---- 13.9. TERMACCEPTMODAL ---- */ #app-mount .modal-DRZfgq { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; overflow: hidden; } .modal-DRZfgq::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .modal-DRZfgq::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } [style*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"], /* modal image */ [src*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"] { filter: brightness(85%) invert(100%); opacity: 0.7; } #app-mount .modal-DRZfgq .checkbox-1ix_J3.checked-3_4uQ9 { /* modal ackcheckbox */ background-color: rgb(var(--accentcolor)); } #app-mount .modal-DRZfgq .checkbox-1ix_J3 [stroke="#5865f2" i], #app-mount .modal-DRZfgq .checkbox-1ix_J3 [stroke="#7289da" i] { stroke: #fff !important; } #app-mount .ack-2yIUvY { /* modal acklabel */ color: var(--header-secondary); } #app-mount .buttonContainer-3S_miP { /* modal footer */ background-color: rgba(var(--transparencycolor), .2); box-shadow: none; } /* ---- 13.10. DOWNLOADAPPMODAL ---- */ #app-mount .downloadApps-wbBFdZ { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; overflow: hidden; } .downloadApps-wbBFdZ::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .downloadApps-wbBFdZ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } .downloadApps-wbBFdZ .header-nJMe-Q { color: var(--text-normal); } .downloadApps-wbBFdZ .footer-1nkeBm { color: var(--text-muted); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 { border-color: var(--header-secondary); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 p { color: var(--header-secondary); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .downloadButton-1bWXpg { background-color: var(--header-secondary); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ .downloadButton-1bWXpg { text-shadow: 1px 1px var(--textshadow); } /* ---- 13.11. GUILDBOOSTMODAL ---- */ #app-mount .perksModal-fSYqOq { /* modal wrapper */ background-color: transparent; } .carouselContainer-2-vIZS { /* modal scrollercontainer */ -webkit-mask: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 60px, rgba(0,0,0,1) calc(100vw - 60px), rgba(0,0,0,0) 100vw); } .carouselGradientEdge-2W94ou { /* modal scrollergradient */ display: none; } #app-mount .subscriberCount-27QHc5 { /* modal subcount */ color: var(--header-secondary); } #app-mount .subscriberCount-27QHc5 strong { color: var(--text-normal); } #app-mount .moreSubscribers-1cuWDE { /* modal suboverflow */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-primary) } #app-mount .subscribersPopout-2CP6Ln { /* subpopout container */ background-color: transparent; box-shadow: 0 2px 10px rgba(var(--transparencycolor), .2); overflow: hidden; } .subscribersPopout-2CP6Ln::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .subscribersPopout-2CP6Ln::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .subscribersPopoutUser-3rC75S { /* subpopout users */ color: var(--header-secondary); } #app-mount .ctaBar-2UsjF2 { /* current boost stats container */ position: relative; background-color: rgba(var(--transparencycolor), .4); background-image: none; } #app-mount .ctaBar-2UsjF2::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(var(--accentcolor)); -webkit-mask: url(https://discord.com/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg); } .guildIcon-3raYf3 { /* current boost stats guild icon */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .perk-2WeBWW { /* modal perkcard */ background-color: rgba(var(--transparencycolor), .4); } #app-mount .headerLogo--hLLAk { color: var(--header-primary); } #app-mount .tierHeaderLocked-1s2JJz { /* modal tierheaderlocked */ background-color: rgba(var(--transparencycolor), .4); color: var(--text-muted); } #app-mount .tierLock-3CSxSX { /* modal tierlock */ color: var(--interactive-muted); } #app-mount .tierHeaderUnlocked-1n-OTI { /* modal tierheaderunlocked */ background-color: rgba(var(--transparencycolor), .5); } #app-mount .tierBody-16Chc9 { /* modal tierbody */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .tierMarkerBackground-3q29am { /* modal tiermilestone */ background: transparent; } #app-mount .tierMarkerInProgress-24LMzJ { background: rgba(var(--transparencycolor), .3) !important; } #app-mount .selectedTier-1JkO7i .tierMarker-5HkGJ_ { box-shadow: 0 4px 8px rgba(var(--transparencycolor), .24); } #app-mount .tierMarkerLabelText-F_zS1F:not(.isAccomplished-2EpZfL):hover { background: rgba(var(--transparencycolor), .3); } #app-mount .barBackground-2EEiLw { /* modal tierbar */ background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(var(--transparencycolor), .3) 3%, rgba(var(--transparencycolor), .3) 30.2%, rgba(0,0,0,0) 30.2%, rgba(0,0,0,0) 36.2%, rgba(var(--transparencycolor), .3) 36.2%, rgba(var(--transparencycolor), .3) 63.5%, rgba(0,0,0,0) 63.5%, rgba(0,0,0,0) 69.5%, rgba(var(--transparencycolor), .3) 69.5%, rgba(var(--transparencycolor), .3) 96.7%, rgba(0,0,0,0) 96.7%, rgba(0,0,0,0) 100%); } .barSecondary-3B1aP2 { background-color: rgb(var(--accentcolor)); } .wrapper-3nSjSv .heading-4znNKq { /* modal boostaddwrapper header */ text-shadow: 1px 1px var(--textshadow); } .tier-1EY-yj { /* modal boostaddwrapper tier */ background-color: rgb(var(--transparencycolor), .3); } #app-mount .giftIcon-ZxlWk5 { /* modal gifticon */ color: var(--header-secondary); margin: 0 18px; } #app-mount .button-38aScr .giftIcon-ZxlWk5 { color: currentColor; } #app-mount .badgeIconWithoutSubscribers-3A9Xol { color: var(--text-muted); } #app-mount .tierPill-1yRO48 { background: rgba(var(--transparencycolor), .3); color: var(--header-primary); } #app-mount .tierPillStar-34rvoJ { color: var(--header-primary); } #app-mount .tierPillGem-3zcO2T { color: var(--interactive-muted); } #app-mount .tierPill-3gJ0eN { background: rgba(var(--transparencycolor), .3); color: var(--header-primary); } #app-mount .perk-2WeBWW { background: rgba(var(--transparencycolor), .2); } .header-1F6gxU { /* prebuy popout header */ background: rgba(var(--transparencycolor), .3); padding-bottom: 10px; margin-bottom: 10px; } #app-mount .iconWrapper-3LVgIo { /* prebuy popout amount icon wrapper */ background: rgba(var(--transparencycolor), .3); } .icon-TYbVk4:hover { /* prebuy popout amount icon */ background: rgb(var(--accentcolor)); } .upsellFooter-6EgwMe { /* prebuy popout footer details */ background: rgba(var(--transparencycolor), .3); } .perksList-1vtwXn { /* prebuy popout perkslist */ background: rgba(var(--transparencycolor), .3); } #app-mount .selectGuild-1Ygl76:hover { background-color: rgba(var(--transparencycolor), .3); } /* ---- 13.12. REACTIONSMODAL ---- */ #app-mount .scroller-1-nKid { /* modal sidebar */ background-color: rgba(var(--transparencycolor), .4); } #app-mount .reactors-Blmlhw { /* modal list */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .reactionDefault-GBA58K:hover { /* modal reaction */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .reactionSelected-1pqISm { background-color: rgba(var(--transparencycolor), .4); } #app-mount .remove-3V-yj8 { /* modal remove */ color: var(--interactive-normal); } #app-mount .remove-3V-yj8:hover { background-color: rgba(var(--transparencycolor), .4); color: var(--interactive-hover); } #app-mount .discriminator-byOsvi { /* modal discriminator */ color: var(--text-muted); } /* ---- 13.13. GUILDTEMPLATEMODAL ---- */ .ctaSection-izWwhs { /* modal ctasection */ background-color: transparent; } .formSection-1NFAGI { /* modal formsection */ background-color: transparent; } .usagePill-2WGS4A { /* modal usagepill 1 */ background-color: rgba(var(--transparencycolor), .3); } .usagePill-_nSrnP { /* modal usagePill 2 */ background-color: rgba(var(--transparencycolor), .3); } .channelsWrapper-2HhUER { /* modal channelswrapper */ background-color: rgba(var(--transparencycolor), .3); } .rolesWrapper-2yOx9S { /* modal roleswrapper */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .role-3paDXR { /* modal role */ border-color: rgba(var(--textbrighter), .6); border-radius: 5px; padding: 0 5px; position: relative; } #app-mount .role-3paDXR[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter), .6) !important; } #app-mount .role-3paDXR .roleName-1JcOmP { /* modal rolename */ color: rgb(var(--textbrightest)); margin: 0; font-weight: normal; position: relative; height: 20px; line-height: 20px; z-index: 1000; pointer-events: none; } #app-mount .role-3paDXR .roleCircle-3DE8xJ { /* modal rolecircle */ position: absolute; background-color: rgb(var(--textbrighter)); border-radius: 3px; opacity: 0.3; height: 100%; width: 100%; left: 0; top: 0; } #app-mount .role-3paDXR .roleCircle-3DE8xJ[style*="background-color: rgb(185, 187, 190)"] { background-color: rgb(var(--textbrighter)) !important; } /* ---- 13.14. GUILDWELCOMEMODAL ---- */ .optionContainer-15srkc { /* modal option */ background-color: rgba(var(--transparencycolor), .2); } .optionContainer-15srkc:hover { background-color: rgba(var(--transparencycolor), .4); } /* ---- 13.15. GUILDRULESMODAL ---- */ .guildSidebar-2OCzWB { /* modal sidebar */ background-color: rgba(var(--transparencycolor), .4); } .modal-f02hVt { /* modal inner */ background-color: rgba(var(--transparencycolor), .2); } /* ---- 13.16. GUILDFEEDBACKMODAL ---- */ .root-2IyrUe { /* modal items */ background-color: transparent; border-radius: 0; } .option-3Ztn6N { /* modal item */ background-color: rgb(var(--transparencycolor), .2); border: none; border-radius: 8px; margin-bottom: 8px; } .option-3Ztn6N:hover { background-color: rgb(var(--transparencycolor), .4); } /* ---- 13.17. SCREENSHAREMODAL ---- */ #app-mount .sourceThumbnail-27dolk { /* modal preview tiles */ background-color: rgba(var(--transparencycolor), .4); box-shadow: 0 2px 5px rgba(var(--transparencycolor), .2), 0 0 0 1px rgba(var(--transparencycolor), .6); } .card-2Mz_4z { background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .4); } #app-mount .item-3T2z1R { border-color: rgba(var(--transparencycolor), .4); } .selectorButton-EEUWed:not(.selectorButtonSelected-t5V9On) { background-color: rgba(var(--transparencycolor), .2); } #app-mount .userListOverflow-cTtEue { background: rgba(var(--transparencycolor), .5); } /* ---- 13.18. PHONEVERIFICATIONMODAL ---- */ .phoneField-38N1bJ { background-color: rgba(var(--transparencycolor), .2); } .phoneField-38N1bJ .inputField-aNPXsv { background-color: transparent; } .phoneFieldPopout-7PzjOO { position: absolute !important; } /* ---- 13.19. NOTIFICATIONSMODAL ---- */ #app-mount .channelName-28iMRJ { color: var(--header-primary); } #app-mount .guildName-3WI6ml, #app-mount .override-2YgiXd, #app-mount .overrideHighlight-YPcBxt { color: var(--header-secondary); } #app-mount .override-2YgiXd:hover { background-color: rgba(var(--backgroundtertiary),.1); } #app-mount .overrideHighlight-YPcBxt, #app-mount .overrideHighlight-YPcBxt:hover { background-color: rgba(var(--backgroundtertiary),.3); } #app-mount .checkboxContainer-2vV9zd::before { background-color: rgba(var(--backgroundtertiary),.6); } #app-mount .overridePlaceholder-14_rPI { border: 1px dashed var(--background-floating); } /* ---- 13.20. DISCOVERYENTRYMODAL ---- */ .checkboxWrapper-SkhIWG.row-3QHy4I { background-color: rgba(var(--transparencycolor),.2); } .checkboxWrapper-SkhIWG.row-3QHy4I:hover:not(.checked-3_4uQ9) { background-color: rgba(var(--transparencycolor),.4); } .checkboxWrapper-SkhIWG.row-3QHy4I.checked-3_4uQ9 { background-color: rgb(var(--accentcolor)); } .checkboxWrapper-SkhIWG.row-3QHy4I.checked-3_4uQ9 .colorStandard-2KCXvj { color: var(--header-primary); } /* ~~~~ 14. POPOUTS ~~~~ */ .layer-v9HyYc:nth-child(1) { z-index: 1002; } .layer-v9HyYc:nth-child(2) { z-index: 1003; } .layer-v9HyYc:nth-child(3) { z-index: 1004; } .layer-v9HyYc:nth-child(4) { z-index: 1005; } .layer-v9HyYc:nth-child(5) { z-index: 1006; } .layer-v9HyYc:nth-child(6) { z-index: 1007; } .layer-v9HyYc:nth-child(7) { z-index: 1008; } .layer-v9HyYc:nth-child(8) { z-index: 1009; } .layer-v9HyYc:nth-child(9) { z-index: 1010; } #app-mount .popout-2iWAc-:not(.noShadow-3pu20z) { box-shadow: 0 0 1px rgba(var(--transparencycolor), .2), 0 1px 4px rgba(var(--transparencycolor), .1); } #app-mount .themedPopout-1TrfdI { /* themed popout (for example mentionpopout) */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); color: var(--header-primary); position: relative; } .themedPopout-1TrfdI::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; border-radius: 5px; z-index: -1; } .themedPopout-1TrfdI::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; border-radius: 5px; z-index: -1; } .selected-2114Fj, /* popout combobox selected */ .selected-2114Fj:hover { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } #app-mount .divider-1que2t { /* popout divider */ border-color: var(--background-modifier-accent); } /* ---- 14.1. CONTEXTMENU ---- */ .styleFlexible-wGDiIL, /* contextmenu flexible */ .styleFixed-sX-yHV, /* contextmenu fixed */ .submenu-2-ysNh { /* contextmenu submenu */ background: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } .styleFlexible-wGDiIL::before, .styleFixed-sX-yHV::before, .submenu-2-ysNh::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .styleFlexible-wGDiIL::after, .styleFixed-sX-yHV::after, .submenu-2-ysNh::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3)); width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .submenu-2-ysNh { position: relative; } .container-1S6Mlq { /* contextmenu searchbar */ background-color: rgba(var(--transparencycolor), .2); } .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j, .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O) { background-color: rgba(var(--transparencycolor), .2) !important; } .item-1tOPte.colorDanger-2qLCe1.focused-3afm-j, .item-1tOPte.colorDanger-2qLCe1:hover:not(.hideInteraction-1iHO1O) { background-color: rgba(var(--dangercolor)), .2) !important; } .item-1tOPte.colorBrand-ROmMP1.focused-3afm-j, .item-1tOPte.colorBrand-ROmMP1:hover:not(.hideInteraction-1iHO1O), .item-1tOPte.colorPremium-p4p7qO.focused-3afm-j, .item-1tOPte.colorPremium-p4p7qO:hover:not(.hideInteraction-1iHO1O), .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j[id="user-settings-cog-Discord_Nitro"], .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O)[id="user-settings-cog-Discord_Nitro"], .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j[id="user-settings-cog-Nitro_Server_Boost"], .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O)[id="user-settings-cog-Nitro_Server_Boost"], .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j[id="guild-context-guild-settings--GUILD_PREMIUM"], .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O)[id="guild-context-guild-settings--GUILD_PREMIUM"] { background-color: rgba(var(--accentcolor), .2) !important; } #app-mount .item-1tOPte .checkbox-3s5GYZ { /* contextmenu checkbox */ color: rgb(var(--accentcolor)); } #app-mount .item-1tOPte.colorDanger-2qLCe1 .checkbox-3s5GYZ { color: rgb(var(--dangercolor)); } #app-mount .item-1tOPte .check-1JyqgN { /* contextmenu checkmark */ color: #fff; stroke: var(--textshadow); } .button-F9qN4n { /* contextmenu quick reaction button */ background-color: rgba(var(--transparencycolor), .3); } .button-F9qN4n:hover { background-color: rgb(var(--accentcolor)); } /* ---- 14.2. USERPOPOUT ---- */ .userPopout-3XzG_A { /* popout container */ box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } .userPopout-3XzG_A::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); filter: blur(var(--popoutblur)); background-attachment: fixed; width: unset; height: unset; pointer-events: none; z-index: -1; } .userPopout-3XzG_A::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; z-index: -1; } .headerNormal-1l1Znk { /* popout new headernormal */ background-color: rgba(var(--transparencycolor), .2); } .headerTop-2y3V6H, /* popout new header inner */ .activity-fViXj7 { /* popout new activity */ background: transparent; } .userPopout-3XzG_A .avatar-22FtUu { /* popout new avatar */ background: transparent; border-color: transparent; } .userPopout-3XzG_A .avatar-22FtUu::before, .userPopout-3XzG_A .avatar-22FtUu::after { content: ""; position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; border-radius: 50%; pointer-events: none; z-index: -1; } .userPopout-3XzG_A .avatar-22FtUu::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); filter: blur(var(--popoutblur)); background-attachment: fixed; } .userPopout-3XzG_A .avatar-22FtUu::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + .375)); } #app-mount .headerNormal-T_seeN { /* popout headernormal */ background-color: rgba(var(--transparencycolor), .2); } .headerPlaying-j0WQBV { /* popout headerplaying */ text-shadow: 1px 1px var(--textshadow); } .headerStreaming-2FjmGz { /* popout headerstreaming */ background: #593695; } .activity-11LB_k { /* popout activity */ background-color: rgba(var(--transparencycolor), .1); } #app-mount .body-3iLsc4, /* popout body */ #app-mount .footer-1fjuF6 { /* popout footer */ background-color: transparent; color: var(--header-secondary); } #app-mount .footer-1fjuF6 { border-color: var(--background-modifier-accent); } .root-3-B5F3 { /* body roles */ max-height: 100px; overflow-x: hidden; overflow-y: scroll; } #app-mount .root-3-B5F3::-webkit-scrollbar { width: 4px; } #app-mount .role-2irmRk { /* body role */ border-color: rgba(var(--textbrighter), .6); border-radius: 5px; padding: 0 5px; position: relative; } #app-mount .role-2irmRk[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter), .6) !important; } #app-mount .role-2irmRk .roleName-32vpEy { /* body rolename */ color: rgb(var(--textbrightest)); margin: 0; font-weight: normal; position: relative; height: 20px; line-height: 20px; z-index: 1000; pointer-events: none; } #app-mount .role-2irmRk .roleCircle-3xAZ1j { /* body rolecircle */ position: absolute; background-color: rgb(var(--textbrighter)); border-radius: 3px; opacity: 0.3; height: 100%; width: 100%; left: 0; top: 0; } #app-mount .role-2irmRk .roleCircle-3xAZ1j[style*="background-color: rgb(185, 187, 190)"] { background-color: rgb(var(--textbrighter)) !important; } #app-mount .role-2irmRk .roleCircle-3xAZ1j:not(:empty):hover { opacity: 1; z-index: 2000; cursor: pointer; } .textarea-2r0oV8:focus { /* body note */ background-color: rgba(var(--transparencycolor), .2); } .wumpusWrapper-yrvoR3 { /* footer wumpus new user */ margin-top: 27px; } /* ---- 14.3. EMOJIPICKER ---- */ .contentWrapper-SvZHNd, /* picker expression wrapper */ .emojiPicker-3PwZFl, /* picker inner */ .diversitySelectorOptions-4YM-vX { /* picker diversityselector */ background: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; overflow: hidden; } .contentWrapper-SvZHNd::before, .emojiPicker-3PwZFl::before, .diversitySelectorOptions-4YM-vX::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .contentWrapper-SvZHNd::after, .emojiPicker-3PwZFl::after, .diversitySelectorOptions-4YM-vX::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; z-index: -1; } .diversitySelectorOptions-4YM-vX::after, .diversitySelectorOptions-4YM-vX::before { border-radius: 5px; } .emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl { box-shadow: unset; } .emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl::after, .emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl::before { display: none; } .diversityEmojiItem-L6_IXw:hover { /* picker diversityemoji */ background-color: rgb(var(--accentcolor)); } .navButtonActive-1MkytQ { /* picker navbuttonactive */ background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } .wrapper-2Gsate { /* picker sidebar */ background-color: rgba(var(--transparencycolor), .2); } .guildIcon-3h-1IH { /* picker guildicon */ background-color: rgba(var(--transparencycolor), .2); } .categoryItemDefaultCategory-aBZ6nJ:first-child, .categoryItemDefaultCategory-aBZ6nJ:first-child + .categoryItemDefaultCategory-aBZ6nJ, .stickerCategoryRecent-1WVWrj { margin-bottom: 8px; } .categoryItemDefaultCategory-aBZ6nJ:hover, /* picker categoryitem */ .stickerCategory-3Yz7vN:hover, /* picker stickercategoryitem */ .stickerCategoryShopWrapper-3EnJdQ:hover .stickerCategoryShop-d5zC3B { background-color: rgba(var(--transparencycolor), .3); } .categoryItemDefaultCategorySelected-_HCKoz, /* picker categoryitem selected */ .categoryItemDefaultCategorySelected-_HCKoz:hover, .stickerCategorySelected-2uaMAG, /* picker stickercategoryitem selected */ .stickerCategorySelected-2uaMAG:hover { background-color: rgb(var(--accentcolor)); } .categoryItemDefaultCategorySelected-_HCKoz svg, /* picker categoryitem selected */ .categoryItemDefaultCategorySelected-_HCKoz:hover svg, .stickerCategorySelected-2uaMAG svg, /* picker stickercategoryitem selected */ .stickerCategorySelected-2uaMAG:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } .unicodeShortcut-15J8Ck, /* picker unicodeemojis shortcut */ .stickerCategoryShopWrapper-3EnJdQ { /* picker unicodeemojis shortcut */ background-color: transparent; border: none; overflow: hidden; z-index: 100; } .unicodeShortcut-15J8Ck:hover { } .unicodeShortcut-15J8Ck::before, .stickerCategoryShopWrapper-3EnJdQ::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .unicodeShortcut-15J8Ck::after, .stickerCategoryShopWrapper-3EnJdQ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35)); width: unset; height: unset; pointer-events: none; z-index: -1; } .inspector-S2gM3e { /* picker emojiinfowrapper */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .wrapper-1-Fsb8 { /* picker categoryheader */ background: transparent; position: static; } #app-mount .imageLoading-bpSr0M { /* picker emoji loading */ background: rgba(var(--transparencycolor), .3); border-radius: 10px; } .emojiItem-14v6tW.emojiItemSelected-1aLkfV { /* picker emoji selected */ background-color: rgb(var(--accentcolor)); } .emojiItemDisabled-1FvFuF { /* picker emoji disabled */ filter: none; cursor: no-drop; } .emojiItemDisabled-1FvFuF > * { filter: grayscale(1); } .shape-2kfO2v { /* picker sticker loading */ background-color: rgba(var(--transparencycolor), .2); } .feature-3kpTdS { /* picker sticker feature */ background: transparent; } .stickerInspected-2EM4w- .stickerBackground-2XECKi { /* picker sticker focused */ background-color: rgb(var(--accentcolor)); } .viewAllBackground-3Bn1vh { /* picker sticker view all */ background-color: rgba(var(--transparencycolor), .2); } .viewAll-2RLt-n:hover .viewAllBackground-3Bn1vh, .viewAllInspected-FsmJHj .viewAllBackground-3Bn1vh { background-color: rgba(var(--transparencycolor), .4); } .premiumPromo-fVlLu- { /* picker premium warning */ background-color: transparent; opacity: 1; } .premiumPromo-fVlLu-::before { content: ""; opacity: 0.9; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .premiumPromo-fVlLu-::after { content: ""; opacity: 0.9; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.29)); width: unset; height: unset; pointer-events: none; z-index: -1; } .premiumPromoClose-1w65km { -webkit-mask: url(https://discord.com/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat; background: var(--interactive-normal); } .premiumPromoClose-1w65km:hover { background: var(--interactive-hover); } .premiumPromoClose-1w65km:active { background: var(--interactive-active); } #app-mount .categoryItemDefaultCategorySelected-_HCKoz .categoryIcon-1SvUHG, #app-mount .categoryItemDefaultCategorySelected-_HCKoz:hover .categoryIcon-1SvUHG { color: var(--interactive-active); } #app-mount .focused-1En8bG, /* gifpicker result */ #app-mount .result-3w1ZcL:hover { box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor), .3); } #app-mount .placeholder-1kJjXI { background: rgba(var(--textdarkest),.6); } #app-mount .endContainer-1ZDW8j::after { background-image: url(https://discord.com/assets/0c735bf91232f2a2266e6ba9d6753565.svg); opacity: 0.6; } #app-mount .endText-3SrwuD { color: var(--header-secondary); } #app-mount .emptyHintCard-2mUdMe { background-color: rgba(var(--transparencycolor), .2); color: var(--header-secondary); } #app-mount .backButton-JyKGC1 { /* gifpicker backbutton */ color: var(--interactive-normal); } #app-mount .backButton-JyKGC1:hover { color: var(--interactive-hover); } #app-mount .backButton-JyKGC1:active { color: var(--interactive-active); } /* ---- 14.4. PINS/MENTIONS ---- */ .messagesPopoutWrap-1MQ1bW, /* popout wrapper */ .container-enaOkj { /* popout wrapper (inbox) */ background-color: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; overflow: hidden; } .messagesPopoutWrap-1MQ1bW > *, .container-enaOkj > * { z-index: 1000; } .messagesPopoutWrap-1MQ1bW::before, .container-enaOkj::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .messagesPopoutWrap-1MQ1bW::after, .container-enaOkj::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .messagesPopout-24nkyi { /* popout innerwrap */ background-color: transparent; } .themedPopout-1TrfdI .header-2Kf7Yu { box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1); } .header-ykumBX { /* popout header */ background-color: rgba(var(--transparencycolor), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2); } .themedPopout-1TrfdI .footer-1K57q_ { background-color: rgba(var(--transparencycolor), .1); } .footer-1kmXd4 { /* popout footer */ background-color: rgba(var(--transparencycolor), .2); } .messageGroupWrapper-o-Zw7G { background-color: transparent; border: none; overflow: visible; padding: 11px 10px 10px 10px; } .messageGroupWrapper-o-Zw7G + .messageGroupWrapper-o-Zw7G::before { content: ""; border-top: 1px solid var(--background-modifier-accent); position: absolute; top: -3px; left: 0; width: 100%; } .messageGroupWrapper-o-Zw7G .contentCozy-3XX413 { overflow: hidden; } .actionButtons-1sUUug { /* popout actionbuttonscontainer */ top: 4px; right: 14px; } .jumpButton-2dvRSC, /* popout jumpbutton (mentions) */ .jumpButton-3DTcS_ { /* popout jumpbutton (pins) */ background-color: rgba(var(--transparencycolor), .4); } .jumpButton-2dvRSC:hover, .jumpButton-3DTcS_:hover { background-color: rgb(var(--accentcolor)); } .jumpButton-2dvRSC + .jumpButton-2dvRSC, .jumpButton-3DTcS_ + .jumpButton-3DTcS_ { margin-left: 2px; } .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .closeButton-17RIVZ { opacity: 1; } .hasMoreButton-1MELpI { /* popout hasmorebutton */ background-color: rgba(var(--transparencycolor), .2); border: none; } .image-2JDb81 { /* popout emptyimage */ opacity: 0.6; } /* popout active tab */ #app-mount .header-2-Imhb .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa { background-color: rgb(var(--accentcolor)); } .secondary-dIudih, /* popout header button */ .tertiary-aMXF0g, /* popout message button */ .collapseButton-3V3Cqh { /* popout collapse button */ background-color: rgba(var(--transparencycolor), .2); } .secondary-dIudih:hover, .tertiary-aMXF0g:hover, .collapseButton-3V3Cqh:hover { background-color: rgba(var(--transparencycolor), .4); } .collapseButton-3V3Cqh { 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-3V3Cqh.collapsed-b6uSCG svg { transform: rotate(-90deg); } .channelHeader-3Gd2xq { /* popout channelheader */ background-color: rgba(var(--transparencycolor), .4); padding-right: 16px; border-radius: 5px 5px 0 0; position: static; } .channelHeader-3Gd2xq:only-child { border-radius: 0; } .messageContainer-gbhlwo, /* popout messagecontainer */ .messages-3G3erD { /* popout messagecontainer (inbox) */ background-color: rgba(var(--transparencycolor), .2); border-radius: 0; } .messageContainer-gbhlwo:last-child, .messages-3G3erD:last-child { border-radius: 0 0 5px 5px; } .tutorial-3w5I9h { /* popout tutorial (inbox) */ background-color: rgba(var(--transparencycolor), .4); } .tutorialIcon-3f1miQ { /* popout tutorial (inbox) */ background-color: rgba(var(--transparencycolor), .4); } /* ---- 14.5. SEARCHPOPOUT ---- */ #app-mount .container-3ayLPN { /* popout wrapper */ background-color: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; overflow: hidden; position: relative; } .container-3ayLPN::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .container-3ayLPN::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .queryContainer-RKFJW- { border-bottom-color: var(--background-modifier-accent); color: var(--header-secondary); } #app-mount .queryContainer-RKFJW- strong { color: var(--header-primary); } #app-mount .focused-2bY0OD { background-color: rgba(var(--transparencycolor), .2); } #app-mount .resultsGroup-r_nuzN::before { border-top-color: var(--background-modifier-accent); } #app-mount .resultsGroup-r_nuzN .header-2N-gMV, #app-mount .resultsGroup-r_nuzN .plusIcon-v0BTrL, #app-mount .resultsGroup-r_nuzN .searchClearHistory-2cSSMO, #app-mount .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a { color: var(--text-normal); } #app-mount .option-96V44q::after { display: none; } #app-mount .option-96V44q.selected-rZcOL- { background-color: rgba(var(--transparencycolor), .2); } #app-mount .option-96V44q.selected-rZcOL-::before { background-color: rgb(var(--accentcolor)); border-radius: 3px; width: 34px; } #app-mount .option-96V44q .answer-1n6g43, #app-mount .option-96V44q .nonText-3CRkO0, #app-mount .option-96V44q strong { color: var(--text-normal); } #app-mount .option-96V44q .filter-3Y_im- { color: var(--text-muted); } #app-mount .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU { color: var(--text-normal); } #app-mount .option-96V44q.user-O3Czj0 .displayUsername-Qekxml { color: var(--interactive-muted); } #app-mount .searchOption-zQ-1l6 .filter-3Y_im- { color: var(--text-normal); } #app-mount .searchOption-zQ-1l6 .answer-1n6g43 { color: var(--text-muted); } #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw { border-top-color: var(--background-modifier-accent); } #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 { color: var(--text-normal); } #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { color: var(--header-primary); } #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover { text-shadow: 1px 1px var(--textshadow); } #app-mount .searchResultChannelCategory-1l0lSn, #app-mount .searchResultChannelIcon-1DnTme { color: var(--text-muted); } #app-mount .calendarPicker-2yf6Ci .react-datepicker { background: transparent; } #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--outside-month) { border-color: rgba(var(--transparencycolor), .5); } #app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month { background: rgba(var(--transparencycolor), .5); border-color: transparent; } #app-mount .datePicker--XZbmJ .react-datepicker__header, #app-mount .datePicker--XZbmJ .react-datepicker__month-container, #app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) { background: rgba(var(--transparencycolor), .2); } #app-mount .datePicker--XZbmJ .react-datepicker__header { padding-bottom: 5px; } #app-mount .datePicker--XZbmJ .react-datepicker__navigation { background: transparent; border-color: rgba(var(--textbrightest), .5); top: 30px; } #app-mount .datePicker--XZbmJ .react-datepicker__navigation::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat; background-color: rgb(var(--textbrightest)); } #app-mount .datePicker--XZbmJ .react-datepicker__navigation--previous { left: 30px; } #app-mount .datePicker--XZbmJ .react-datepicker__navigation--next { right: 30px; } #app-mount .datePicker--XZbmJ .react-datepicker__current-month { border-color: transparent; padding: 10px 0; } #app-mount .datePicker--XZbmJ .react-datepicker__current-month, #app-mount .datePicker--XZbmJ .react-datepicker__day-name, #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):hover, #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month), #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4, #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { color: var(--header-primary); } #app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) { color: var(--header-secondary); } #app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month { color: var(--text-muted); } #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw { margin: 0; padding: 20px; display: flex; justify-content: center; } /* ---- 14.6. COLORPICKER ---- */ #app-mount .colorPickerCustom-2CWBn2 { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; border-radius: 3px; overflow: hidden; } .colorPickerCustom-2CWBn2::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; border-radius: 5px; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .colorPickerCustom-2CWBn2::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35)); border-radius: 5px; width: unset; height: unset; pointer-events: none; z-index: -1; } /* ---- 14.7. ADDROLE ---- */ #app-mount .container-3XJ8ns { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; border-radius: 3px; overflow: hidden; } .container-3XJ8ns::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .container-3XJ8ns::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); width: unset; height: unset; pointer-events: none; z-index: -1; } .focused-dKLoQt, .item-2J2GlB:hover { background: rgba(var(--transparencycolor), .4); } /* ---- 14.8. EVERYONEMENTION ---- */ #app-mount .everyonePopout-nEbJY3 { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .everyonePopout-nEbJY3::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .everyonePopout-nEbJY3::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .header-3_S6dz { color: var(--header-primary); } #app-mount .body-2iXqIL { color: var(--header-secondary); } #app-mount .body-2iXqIL .animation-3GofIz { opacity: .5; } #app-mount .buttonHint-2OxJB8 { color: var(--text-muted); } #app-mount .buttonHint-2OxJB8 strong { color: var(--header-secondary); } #app-mount .footer-2aTx0s { background-color: rgba(var(--transparencycolor), .2); color: var(--text-muted); } #app-mount .footer-2aTx0s strong { color: var(--header-secondary); } /* ---- 14.9. CHANNELFOLLOW ---- */ #app-mount .header-1pGpFt { background: rgba(var(--transparencycolor), .3); } #app-mount .separator-3gy7tq { box-shadow: 0 1px 0 0 rgba(var(--transparencycolor), .3), 0 1px 2px 0 rgba(var(--transparencycolor), .3); } .channelContainer-1x3D6I { background-color: rgba(var(--transparencycolor), .3); } .channel-2PJTLY { background-color: rgba(var(--transparencycolor), .3); } .channelContainer-1x3D6I .channel-2PJTLY { background-color: transparent; } /* ---- 14.10. CHANNELFOLLOWINFO ---- */ #app-mount .guildPopout-3CgKqR { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .guildPopout-3CgKqR::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .guildPopout-3CgKqR::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); width: unset; height: unset; pointer-events: none; z-index: -1; } /* ---- 14.11. EMOJIINFO ---- */ #app-mount .popoutContainer-1MXdqN { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .popoutContainer-1MXdqN::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .popoutContainer-1MXdqN::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } .emojiSection-3Fb9ix { /* popout emojisection */ background-color: transparent; } .guildSection-1EoFKd { /* popout emojisection */ background-color: rgba(var(--transparencycolor), .2); } .loading-1lSwpg { /* popout loading placeholder */ background: rgba(var(--transparencycolor), .3); } /* ---- 14.12. STREAMPREVIEW ---- */ #app-mount .streamPreview-2-WUWT { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .streamPreview-2-WUWT::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .streamPreview-2-WUWT::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .previewContainer-12UlHl { /* popout preview */ background-color: rgba(var(--transparencycolor), .2); } /* ---- 14.13. STREAMINFO ---- */ #app-mount .container-2dqNWc { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; overflow: visible !important; } .container-2dqNWc::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); filter: blur(var(--popoutblur)); background-attachment: fixed; width: unset; height: unset; pointer-events: none; z-index: -1; } .container-2dqNWc::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } /* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */ #app-mount .popout-6p6fkZ { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .popout-6p6fkZ::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .popout-6p6fkZ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } /* ---- 14.15. RTCSTATUSPOPOUT ---- */ #app-mount .container-2x5lvQ { /* RTCpopout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); color: var(--header-primary); position: relative; width: 260px; } .container-2x5lvQ::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; border-radius: 5px; z-index: -1; } .container-2x5lvQ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; border-radius: 5px; z-index: -1; } #app-mount .container-2x5lvQ .header-2C89wJ { background-color: rgba(var(--transparencycolor), .2); color: var(--header-primary); } #app-mount .container-2x5lvQ canvas { background-color: rgb(var(--transparencycolor)); padding: 5px; border-radius: 5px; } #app-mount .container-2x5lvQ section { background-color: transparent; } #app-mount .container-2x5lvQ section p { color: var(--header-primary); } #app-mount .container-2x5lvQ section strong { color: var(--header-primary); } #app-mount .debugButton-1Zec0y { color: var(--header-secondary); } #app-mount .krispLogo-a9msDI { -webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat; background-color: var(--header-primary); } /* ---- 14.16. PHONE-/EMAILVALIDATION ---- */ #app-mount .input-3yHnCz { background-color: rgba(var(--transparencycolor), .2); color: var(--header-primary); } #app-mount .phoneFieldPopout-h7c9mt .countryName-3dA1Xv { color: var(--header-secondary); } #app-mount .phoneFieldPopout-h7c9mt .countryCode-2TeNMX { color: var(--header-primary); } #app-mount .activityInviteEducationArrow-3DEpKU { -webkit-mask: url(https://discord.com/assets/ba018cf9baa19824316dc4c2beb080a4.svg) center/contain no-repeat; background: var(--header-primary); } #app-mount .emailVerificationModal-3cfLjL .title-38uBel { color: var(--header-primary); } #app-mount .emailVerificationModal-3cfLjL .body-1_Foxn { color: var(--text-muted); } #app-mount .verification-3RfWYC .image-2LVZ_j { background-image: url(https://discord.com/assets/c290235278e128e94ae5ac37e58c5cbb.svg); opacity: .5; } #app-mount .verification-3RfWYC .title-wZCcDo { color: var(--header-primary); } #app-mount .verification-3RfWYC .body-3ROqbj, #app-mount .verification-3RfWYC .footer-1eZumv { color: var(--header-secondary); } #app-mount .verificationBlock-1Chfpc { background-color: rgba(var(--transparencycolor), .1); border: 1px solid rgba(var(--transparencycolor), .3); } #app-mount .verificationBlock-1Chfpc:hover { background-color: rgba(var(--transparencycolor), .2); border-color: rgb(var(--transparencycolor)); } #app-mount .verificationBlock-1Chfpc .image-2LVZ_j.email-1MPDs- { background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg); opacity: .5; } #app-mount .verificationBlock-1Chfpc .image-2LVZ_j.phone-27MBJz { background-image: url(https://discord.com/assets/ca452f5271ebcc7132db59f60a2a9cfe.svg); opacity: .5; } #app-mount .verificationBlock-1Chfpc .body-3ROqbj { color: var(--header-secondary); } /* ---- 14.17. QUICKSELECTPOPOUT ---- */ #app-mount .quickSelectPopout-X1hvgV, /* quickselect */ #app-mount .popoutList-T9CKZQ { /* listpopout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); color: var(--header-primary); position: relative; } .quickSelectPopout-X1hvgV::before, .popoutList-T9CKZQ::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; border-radius: 5px; z-index: -1; } .quickSelectPopout-X1hvgV::after, .popoutList-T9CKZQ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; border-radius: 5px; z-index: -1; } #app-mount .selectableItem-1MP3MQ { color: var(--header-primary); } #app-mount .selectableItem-1MP3MQ:hover { background-color: rgba(var(--transparencycolor), .2); } #app-mount .quickSelectPopoutOption-opKBx9:hover { background-color: rgba(var(--transparencycolor), .2); } #app-mount .quickSelectPopoutOption-opKBx9.selected-3RZo5I { background-color: rgba(var(--transparencycolor), .4); } #app-mount .popoutListEmpty-voOEBJ { color: var(--header-primary); } #app-mount .quickSelectArrow-1QublR { -webkit-mask: url(https://discord.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat; background: var(--interactive-normal); } /* ---- 14.18. WARNINGPOPOUT ---- */ #app-mount .contentWarningPopout-n5JsIs { /* popout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; } .contentWarningPopout-n5JsIs::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; border-radius: 5px; z-index: -1; } .contentWarningPopout-n5JsIs::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; border-radius: 5px; z-index: -1; } #app-mount .body-3PNusm { color: var(--header-secondary); } #app-mount .header-2NYWtG { color: var(--header-primary); } /* ~~~~ 15. GENERAL ~~~~ */ ::selection { /* selection */ background: rgb(var(--accentcolor)); } .highlight { background: rgb(var(--accentcolor)); } #app-mount .elevationLow-2lY09M, #app-mount .elevationLow-126AxN, .lightElevationLow-3_Ybxi, .darkElevationLow-DABD7i { box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3); } #app-mount .elevationHigh-3A9Xbf, #app-mount .elevationHigh-1PneE4, .lightElevationHigh-3usmGv, .darkElevationHigh-6iWpWi { box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); } #app-mount .elevationBorderLow-2qgTRQ, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow-3APXjz, .darkElevationBorderLow-39dDV7 { box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 1px 5px 0 rgba(var(--transparencycolor), .3); } #app-mount .elevationBorderHigh-2WYJ09, #app-mount .elevationBorderHigh-2_BGCd, .lightElevationBorderHigh-2T98IF, .darkElevationBorderHigh-2U1nXW { box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } #app-mount .breadcrumbWrapper-WmDjgG { /* breadcrumbs wrapper */ color: rgba(var(--textbrightest),.3); } #app-mount .activeBreadcrumb-p6aw-F { /* breadcrumbs active */ color: rgba(var(--textbrightest),.6); } /* ---- 15.1. TEXT ---- */ .description-1u9Qui { color: var(--header-secondary); } #app-mount h1.title-3KTIjF, #app-mount h2.title-3KTIjF { color: var(--header-primary); } #app-mount h3.title-3KTIjF { color: var(--text-normal); } #app-mount h4.title-3KTIjF, #app-mount h5.title-3KTIjF, #app-mount h6.title-3KTIjF { color: var(--header-secondary); } #app-mount .text-GwUZgS, #app-mount .title-2BxgL2 { color: var(--text-muted); } #app-mount .title-3pjxZQ { color: var(--header-secondary); } #app-mount .markdown-11q6EU { color: var(--text-normal); } #app-mount .markdown-11q6EU th { background-color: var(--background-tertiary); border-color: var(--interactive-muted); color: var(--header-primary); } #app-mount .markdown-11q6EU td { border-color: var(--interactive-muted); } #app-mount .markdown-11q6EU tr { border-color: var(--interactive-muted); color: var(--header-secondary); } #app-mount .markdown-11q6EU tr:nth-child(2n) { background-color: var(--background-secondary); } #app-mount .markdown-11q6EU .blockquote-2-nEPK { border-left-color: var(--interactive-muted); } #app-mount .markdown-11q6EU code { background-color: var(--background-secondary); } #app-mount .markdown-11q6EU .codeInline-1FHKS7 { color: var(--text-normal); } /* ---- 15.2. BUTTONS ---- */ .btn-1PnLxm.btnPrimary-1jluZW, .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover, .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):not([style*="background-color"]) { text-shadow: 1px 1px var(--textshadow); } .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover svg, .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):not([style*="background-color"]) svg { filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU { background-color: var(--background-accent); } #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, #app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, #app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU { background-color: var(--header-primary); } #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, #app-mount .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover { background-image: linear-gradient(0deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .15)); } #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:active, #app-mount .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { background-image: linear-gradient(0deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)); } #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6, #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled { background-color: var(--background-accent); color: #FFF; } #app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6:hover, #app-mount .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover { background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); } #app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6:active, #app-mount .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); } #app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6, #app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled { background-color: #FFF; color: var(--background-accent); } #app-mount .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover { border-color: rgba(var(--textbrightest), .6); } #app-mount .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover { background-color: rgba(var(--textbrightest), .1); border-color: var(--header-primary); } #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6, #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled { border-color: rgba(var(--textbrightest), .1); color: var(--header-primary); } #app-mount .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover { background-color: rgba(var(--textbrightest), .15); } #app-mount .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { background-color: rgba(var(--textbrightest), .2); } #app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6, #app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled { background-color: rgba(var(--textbrightest), .1); color: var(--header-primary); } #app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6 { color: var(--header-primary); } #app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp, #app-mount .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp { background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--textbrightest)) 0, rgb(var(--textbrightest)) 2px, transparent 0); color: var(--header-primary); } #app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU { background-color: rgba(var(--textbrightest),.1); } #app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, #app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, #app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, #app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU { background-color: var(--header-primary); } #app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover, #app-mount .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { background-color: rgba(var(--textbrightest),.05); } #app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:active, #app-mount .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--textbrightest),.01); } #app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9, #app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled { background-color: rgba(var(--textbrightest),.1); color: var(--header-primary); } #app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover, #app-mount .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { background-color: rgba(var(--textbrightest),.05); } #app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:active, #app-mount .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--textbrightest),.1); } #app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9, #app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled { background-color: var(--header-primary); color: rgba(var(--textbrightest),.1); } #app-mount .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { background-color: rgba(var(--textbrighter),.1); border-color: var(--interactive-hover); } #app-mount .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--textbrightest),.1); border-color: var(--header-primary); } #app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9, #app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled { background-color: transparent; color: var(--text-normal); } #app-mount .lookGhost-2Fn_0-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--textbrighter),.2); color: var(--text-normal); } #app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9, #app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9:disabled { background-color: rgba(var(--textbrighter),.1); } #app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9 { color: var(--text-normal); } #app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp, #app-mount .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp { background-image: linear-gradient(0deg, transparent,transparent 1px,rgb(var(--textbrighter)) 0,rgb(var(--textbrighter)) 2px,transparent 0); color: var(--text-normal); } /* ---- 15.3. INPUTS ---- */ .input-cIJ7To { /* valueinput bordered */ background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); } .input-cIJ7To:hover:not(:focus) { border-color: rgb(var(--transparencycolor)); } #app-mount .prefixInput-14nUik { background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.3); } #app-mount .prefixInput-14nUik:hover { border-color: rgba(0,0,0,.6); } #app-mount .prefixInputInput-cqxbLV { color: var(--header-primary); } #app-mount .prefixInputInput-cqxbLV::-webkit-input-placeholder, #app-mount .prefixInputInput-cqxbLV::-moz-placeholder, #app-mount .prefixInputInput-cqxbLV:-ms-input-placeholder, #app-mount .prefixInputInput-cqxbLV::placeholder { color: var(--text-muted); } #app-mount .prefixInputPrefix-2IUJ4X { color: var(--text-muted); } #app-mount .maxLength-39QFBo { color: var(--text-muted); } #app-mount .copyInput-2rOSt7 { background-color: var(--deprecated-text-input-bg); } #app-mount .copyInputDefault-21sXtF { border-color: var(--deprecated-text-input-border); } #app-mount .hiddenMessage-1iiFV5, #app-mount .inputDefault-A2ud2y { color: var(--header-primary); } #app-mount .hiddenMessage-1iiFV5::placeholder, #app-mount .inputDefault-A2ud2y::placeholder { color: rgba(var(--textbrightest),.3); } .container-3auIfb { /* checkboxswitch */ background-color: rgba(var(--transparencycolor), .3) !important; } .container-3auIfb rect[fill] { fill: var(--header-primary) !important; } .container-3auIfb path[fill] { fill: rgb(var(--transparencycolor)) !important; } #app-mount .item-26Dhrx { /* radiogroup container */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .item-26Dhrx:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- { background: rgb(var(--accentcolor)); } #app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- .radioIconForeground-XwlXQN { color: var(--header-primary); } #app-mount .item-26Dhrx .radioBar-bMNUI-[style*="--radio-bar-accent-color"] { background: var(--radio-bar-accent-color); border: unset; color: var(--header-primary); } #app-mount .item-26Dhrx[aria-checked=false]:hover .radioBar-bMNUI-[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-2vV9zd::before { /* checkbox container */ background-color: rgba(var(--textdarker), .3); } #app-mount .checkbox-1ix_J3 { /* checkbox inner */ border-color: rgb(var(--textdark)); } #app-mount .checkbox-1ix_J3.checked-3_4uQ9 { /* checkbox checked */ background-color: rgb(var(--textbrightest)); border-color: rgb(var(--textbrightest)); } #app-mount .checkbox-1ix_J3.checked-3_4uQ9.round-2jCFai, /* checkbox roundchecked */ #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgb(79, 84, 92)"] { background-color: rgb(var(--accentcolor)) !important; border-color: rgb(var(--accentcolor)) !important; } #app-mount .checkbox-1ix_J3.checked-3_4uQ9.round-2jCFai svg, #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgb(79, 84, 92)"] svg, #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgb(88, 101, 242)"] svg, #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgb(114, 137, 218)"] svg { filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .checkbox-1ix_J3.checked-3_4uQ9 polyline[stroke="#43b581"], /* checkbox checkmark */ #app-mount .checkbox-1ix_J3.checked-3_4uQ9 polyline[stroke="#4f545c"], #app-mount .checkbox-1ix_J3.checked-3_4uQ9 polyline[stroke="#ffffff"] { stroke: rgb(var(--textbrightest)); } .checkboxMute-14hTGS::before { background-color: rgba(var(--transparencycolor), .2); } #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgba(67, 181, 129, .15)"], #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgba(67, 181, 129, .15)"] { background-color: rgba(var(--accentcolor), .15) !important; border-color: rgba(var(--accentcolor), .15) !important; } #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgba(67, 181, 129, .15)"] svg, #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgba(67, 181, 129, .15)"] svg { filter: unset; } #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgba(67, 181, 129, .15)"] path[fill="#43b581"], #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgba(67, 181, 129, .15)"] path[fill="#43b581"] { fill: rgb(var(--accentcolor)) !important; } #app-mount .bar-2Qqk5Z { /* slider backgroundbar */ background-color: rgba(var(--transparencycolor), .3); } .grabber-3mFHz2 { /* slider grabber */ background-color: var(--header-primary); border-color: var(--header-primary); box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor), .05), 0 2px 2px 0 rgba(var(--transparencycolor), .1), 0 3px 3px 0 rgba(var(--transparencycolor), .05); } #app-mount .markValue-2DwdXI { /* slider markvalue */ color: var(--text-value); } #app-mount .defaultValue-3gC7yw .markValue-2DwdXI { color: #43b581; } #app-mount .markDash-3hAolZ { background: transparent; color: rgba(var(--transparencycolor), .3); } #app-mount .defaultValue-3gC7yw .markDash-3hAolZ { color: #43b581; } #app-mount .markDash-3hAolZ::before, #app-mount .markDash-3hAolZ::after { content: ""; position: absolute; background: currentColor; height: 8px; width: 2px; } #app-mount .markDash-3hAolZ::before { top: 14px; } #app-mount .markDash-3hAolZ::after { top: 30px; } #app-mount .bubble-3we2di { /* slider bubble */ background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } #app-mount .bubble-3we2di::before { border-top-color: rgb(var(--accentcolor)); } #app-mount .container-1nZlH6 { /* hotkeyinput container */ background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); } #app-mount .editIcon-13gaox { /* hotkeyinput editicon */ -webkit-mask: url(https://discord.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg) center/cover no-repeat; background: var(--header-primary); } #app-mount .container-CpszHS.recording-1H2dS7 .button-34kXw5 { background-color: rgba(var(--dangercolor)),.1); color: rgb(var(--dangercolor)); } .select-2TCrqx [class*="css-"][class*="-container"] { /* select container */ background-color: transparent; } .lookFilled-22uAsw.select-2fjwPw, .select-2TCrqx [class*="css-"][class*="-control"] { background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); } .lookFilled-22uAsw.select-2fjwPw:hover.open-kZ53_U, .lookFilled-22uAsw.open-kZ53_U { border-color: rgb(var(--transparencycolor)) rgb(var(--transparencycolor)) rgba(var(--transparencycolor), .3); } .lookFilled-22uAsw.select-2fjwPw .searchInput-5YMkDH { background: transparent; } .select-2fjwPw, .select-2TCrqx [class*="css-"][class*="-control"] { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); color: var(--text-normal); } .select-2TCrqx [class*="css-"][class*="-control"]:hover, .select-2TCrqx [class*="css-"][class*="-control"]:not(:last-child) { border-color: var(--deprecated-text-input-border-hover); } .select-2TCrqx.languageSelector-LEtpHP [class*="css-"][class*="-control"] { background-color: rgba(var(--transparencycolor), .3); } .select-2TCrqx [class*="css-"][class*="-singleValue"], .select-2TCrqx [class*="css-"][class*="-placeholder"], .select-2TCrqx [class*="css-"][class*="-indicatorContainer"] { color: var(--text-normal); } .selectedIcon-3uS11H { color: var(--interactive-active); } #app-mount .optionNormal-12VR9V, .css-1gfjib6-option, .css-1yz4bi9-option, .css-ru8b0x-option, .css-1yz4bi9-option { background-color: rgba(var(--transparencycolor), .1); color: var(--interactive-normal); } #app-mount .optionNormal-12VR9V:hover, .css-pkcurw-option, .css-rzbxvl-option, .css-1qxn4c5-option, .css-rzbxvl-option { background-color: rgba(var(--transparencycolor), .3); color: var(--interactive-hover); } #app-mount .optionActive-KkAdqq, .css-1gxgi19-option, .css-1ba14n5-option, .css-6qzljd-option, .css-1ba14n5-option { background-color: rgba(var(--transparencycolor), .5); color: var(--interactive-active); } .role-3ulsK-:hover { background-color: rgba(var(--transparencycolor), .2); } .popout-VcNcHB::-webkit-scrollbar { display: none; } .popout-VcNcHB, .container-3LUQwT, .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] { background-color: transparent; border: 1px solid rgba(var(--transparencycolor), .3); box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor), .3); overflow: hidden; } .popout-VcNcHB .content-3YMskv::before, .container-3LUQwT::before, .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .popout-VcNcHB .content-3YMskv::after, .container-3LUQwT::after, .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } /* ---- 15.4. SEARCHBARS ---- */ .container-2XeR5Z, /* searchbar inner */ .container-cMG81i { background-color: rgba(var(--transparencycolor), .3); } #app-mount .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder { color: var(--text-muted); } #app-mount .searchIcon-1a1-yA { color: var(--text-muted); } #app-mount .filterLabel-2yQNPl { color: var(--header-secondary); } #app-mount .searchBox-3Y2Vi7:not(.searchBox-2_mAlO) { background-color: rgba(var(--transparencycolor), .3); box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor), .2); } /* ---- 15.5. TAGS ---- */ .botTagRegular-2HEhHi:not([style]) { /* bottag regular */ text-shadow: 1px 1px var(--textshadow); } .botTagRegular-2HEhHi:not([style]) svg { filter: drop-shadow(1px 1px var(--textshadow)); } .base-PmTxvP[style*="var(--bdfdb-blurple)"], /* numberbadge */ .base-PmTxvP[style*="background-color: rgb(88, 101, 242)"], .base-PmTxvP[style*="background-color: rgb(114, 137, 218)"] { text-shadow: 1px 1px var(--textshadow); } .iconBadge-2wi9r4 { /* iconbadge */ background-color: rgba(var(--transparencycolor), .3); } /* ---- 15.6. ICONS ---- */ .emptySearchImage-1qOMLW, /* empty search */ .image-1GzsFd { /* no peoples/webhooks/etc. */ opacity: 0.6; } #app-mount .invalidPoop-pnUbq7 { /* erroricon invalidpoop */ background-color: rgba(var(--transparencycolor), .3); opacity: 0.7; } #app-mount .guildIconExpired-2Qcq05 { /* erroricon expiredguild */ background-color: rgba(var(--transparencycolor), .3); opacity: 0.7; } /* ---- 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--qpKGq::-webkit-scrollbar, #app-mount .scrollbar-3dvm_9::-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)) !important; } .none-2Eo-qx::-webkit-scrollbar-corner, .none-2Eo-qx::-webkit-scrollbar-thumb, .none-2Eo-qx::-webkit-scrollbar-track, .none-2Eo-qx::-webkit-scrollbar { display: none; } /* ---- 15.8. NOTIFICATIONBAR ---- */ .base-3dtUhz .notice-3bPHh- { border-radius: 0; } #app-mount .notice-2FJMB4 { box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3); } #app-mount .notice-2X5hT5 { background-color: rgba(var(--transparencycolor), .6); } .noticeBrand-3nQBC_ { text-shadow: 1px 1px var(--textshadow); } .noticeBrand-3nQBC_ .button-1MICoQ { box-shadow: 1px 1px var(--textshadow); text-shadow: 1px 1px var(--textshadow); } /* ---- 15.9. TOOLTIPS ---- */ .headerText-1e7ZU0, .bodyText-3yi6Dj { color: #fff; } #app-mount .tooltip-3oByQd, #app-mount .tooltip-1_vJJI, #app-mount .tooltip-2QfLtc { box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); color: #fff; } #app-mount .guildNameText-74xXQn { color: #fff; } #app-mount .muteText-1DPH3L { color: #bbb; } #app-mount .tooltip-3oByQd, #app-mount .tooltip-1_vJJI, #app-mount .tooltipPrimary-1d1ph4, #app-mount .tooltipGrey-1hnvTt, #app-mount .tooltipBlack-PPG47z { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } #app-mount .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK, #app-mount .tooltipGrey-1hnvTt .tooltipPointer-3ZfirK, #app-mount .tooltipBlack-PPG47z .tooltipPointer-3ZfirK { border-top-color: rgb(var(--accentcolor)); } #app-mount .tooltipPointer-22Q7m0, #app-mount .tooltipPointer-1awMxk { border-right-color: rgb(var(--accentcolor)); } .emptyUser-7txhlW { background: rgba(var(--transparencycolor), .5); } .moreUsers-7v8yWY { background: rgba(var(--transparencycolor), .5); } /* ~~~~ 16. BDSUPPORT ~~~~ */ html .bd-toast { background-color: rgb(var(--accentcolor)); box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); color: #fff; text-shadow: 1px 1px var(--textshadow); } 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), .3); } #app-mount .bd-tab-item.selected { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } #app-mount .bd-server-card { /* pubslayer guildcard */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .bd-server-icon { /* pubslayer guildicon */ background-color: rgba(var(--transparencycolor), .2); border-color: transparent; } #app-mount .bd-server-card:hover, #app-mount .bd-server-icon:hover { background-color: rgba(var(--transparencycolor), .4); } .bd-switch-body { /* bd switch */ --switch-color: rgb(var(--transparencycolor)); background-color: rgba(var(--transparencycolor), .3); } .bd-select .bd-select-options { /* bd select popout */ background-color: transparent; border: none; border-radius: 4px; box-shadow: rgba(var(--transparencycolor), .3) 0px 2px 5px 0px; box-sizing: border-box; padding: 6px 8px; margin-left: -9px; } .bd-select .bd-select-options::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .bd-select .bd-select-options::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3)); width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .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), .2); color: var(--interactive-hover); } .bd-select .bd-select-option.selected { background-color: rgba(var(--transparencycolor), .3); color: var(--interactive-active); } .bd-pfbtn { /* addonlist folder button */ text-shadow: 1px 1px var(--textshadow); } .bd-server-tag { /* addonlist public list tag */ text-shadow: 1px 1px var(--textshadow); } .bd-addon-views .bd-view-button:hover { background-color: rgba(var(--transparencycolor), .3); } .bd-button { filter: drop-shadow(1px 1px var(--textshadow)); } .bd-button.bd-button-danger { filter: unset; } .floating-window.resizable { /* customcss editor detached */ background: rgb(var(--transparencycolor)); } html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight { background: rgb(var(--accentcolor)); } /* ~~~~ 17. POWERCORDSUPPORT ~~~~ */ html .powercord-toast { background-color: transparent; border: none; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); overflow: hidden; } html .powercord-toast::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } html .powercord-toast::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } html .powercord-toast .header { background-color: rgba(var(--transparencycolor), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2); color: var(--header-primary); } html .powercord-toast .contents .inner { background-color: rgba(var(--transparencycolor), .2); border: none; color: var(--header-secondary); } /* ~~~~ 18. PLUGINSUPPORT ~~~~ */ /* ---- 18.1. BDFDB ---- */ html .colorDefault-XdNdIp .bg-8df5St { background: linear-gradient(rgba(var(--transparencycolor), .75), rgba(var(--transparencycolor), .75)) var(--popoutposition)/var(--popoutsize), var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); } /* ---- 18.2. DATEVIEWER ---- */ #app-mount #dv-mount { background: transparent; z-index: 1; } #app-mount #dv-mount::after, #app-mount #dv-mount::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } #app-mount #dv-mount::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--memberlisttransparency) * 0.85)); } #app-mount #dv-mount::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; filter: blur(var(--backgroundblur)); } #app-mount #dv-main { border-top-color: rgba(var(--transparencycolor), .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::after, #MemberCount::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } #MemberCount::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--memberlisttransparency) * 0.85)); } #MemberCount::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; filter: blur(var(--backgroundblur)); } /* ---- 18.4. LINENUMBERS ---- */ .hljs ol li { border-left-color: var(--background-modifier-accent); } .hljs ol li::before { color: rgb(var(--textdarker)); } /* ---- 18.5. PERMISSIONVIEWER ---- */ #permissions-modal-wrapper #permissions-modal { /* modal container */ background-color: transparent; border: none; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; overflow: hidden; } #permissions-modal-wrapper #permissions-modal::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } #permissions-modal-wrapper #permissions-modal::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #permissions-modal-wrapper .header { background-color: rgba(var(--transparencycolor), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2); color: var(--header-primary); } #permissions-modal-wrapper .modal-body { background-color: transparent; } #permissions-modal-wrapper .scroller-title { border-bottom: 1px solid rgba(var(--transparencycolor), .3); } #permissions-modal-wrapper .role-side { background-color: rgba(var(--transparencycolor), .1); } #permissions-modal-wrapper .role-item { color: var(--text-normal); } #permissions-modal-wrapper .role-item:hover { background-color: rgba(var(--transparencycolor), .1); } #permissions-modal-wrapper .role-item.selected { background-color: rgba(var(--transparencycolor), .2); } #permissions-modal-wrapper .perm-side { background-color: transparent; } #permissions-modal-wrapper .perm-item { box-shadow: inset 0 -1px 0 var(--background-modifier-accent); } #permissions-modal-wrapper .perm-name { color: var(--header-secondary); } /* ---- 18.6. DIRECTDOWNLOAD ---- */ #files_directDownload .file { background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--accentcolor), .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)); } /* ---- 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), .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) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; filter: blur(var(--popoutblur)); z-index: 100; } .theme-brand .bf-toolbar::after { background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .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)); color: #fff; } /* ---- 18.8 CHANNELHISTORY ---- */ .channelHistoryButtons { top: 4px; left: 310px; } /* ---- 18.9 CHANNELTABS ---- */ html .channelTabs-tabContainer, html .channelTabs-favContainer { display: flex; align-items: center; flex-wrap: wrap; min-height: 28px; height: unset; overflow: hidden; transition: height 0.3s linear; } html .channelTabs-tabContainer { background: rgba(var(--transparencycolor), calc(0.05 + var(--guildchanneltransparency) * 2)); box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05); padding-top: 6px; } html .channelTabs-favContainer { background: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2)); padding-top: 3px; padding-bottom: 3px; } html .channelTabs-noFavs { background: transparent; padding: 0 6px; } html .channelTabs-tab, html .channelTabs-fav { display: flex; align-items: center; color: var(--interactive-normal); height: 28px; margin: 0 4px; padding: 0 4px; cursor: pointer; } html .channelTabs-tab { background: rgba(var(--transparencycolor), .3); border-radius: 5px 5px 0 0; } html .channelTabs-tab:not(.channelTabs-selected):hover, html .channelTabs-fav:hover { background: rgba(var(--transparencycolor), .4); color: var(--interactive-hover); } html .channelTabs-tab.channelTabs-selected, html .channelTabs-fav:active { background: rgb(var(--accentcolor)); color: var(--interactive-active); } html .channelTabs-tab > *, html .channelTabs-fav > *, html .channelTabs-tab .channelTabs-mentionBadge, html .channelTabs-fav .channelTabs-mentionBadge, html .channelTabs-tab .channelTabs-unreadBadge, html .channelTabs-fav .channelTabs-unreadBadge { position: static !important; transform: unset !important; float: unset !important; } html .channelTabs-tabIcon, html .channelTabs-favIcon { margin-right: 6px !important; } html .channelTabs-tabName, html .channelTabs-favName { margin: 0 !important; font-size: 16px; line-height: 20px; font-weight: 500; white-space: nowrap; } html .channelTabs-tab .channelTabs-tabName ~ *, html .channelTabs-fav .channelTabs-favName ~ * { margin: 0 0 0 4px !important; } html .channelTabs-closeTab, html .channelTabs-tab.channelTabs-selected .channelTabs-closeTab { position: static; background: rgba(var(--transparencycolor), .3); color: var(--interactive-hover); border-radius: 50%; width: 14px; height: 14px; min-width: 14px; min-height: 14px; font-size: 14px; line-height: unset; } html .channelTabs-closeTab:hover, html .channelTabs-tab.channelTabs-selected .channelTabs-closeTab:hover { background: #f04747; color: var(--interactive-active); } html .channelTabs-newTab { position: static; display: flex; justify-content: center; align-items: center; background: rgba(var(--transparencycolor), .3); color: var(--interactive-hover); padding: 0; width: 22px; height: 22px; } html .channelTabs-newTab:hover { background: rgb(var(--accentcolor)); color: var(--interactive-active); } /* ---- 18.10 TYPINGINDICATOR ---- */ html .typingindicator-guild, html .typingindicator-dms, html .typingindicator-folder { background: rgb(var(--transparencycolor), .2); border: 4px solid rgb(var(--transparencycolor), .2); box-shadow: unset; right: 8px; bottom: -5px; padding: 2px 0; } /* ---- 18.11 BADGESEVERYWHERE ---- */ .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) { background: #fff; } .badgesChat-f_cbR8 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4), .badgesList-Aw_p52 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4), .badgesSettings-ychoGn .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) { background: var(--header-secondary); } .inner-dA0J42:not(.colored-1armap) .profileBadgeStaff-3BXdTO { -webkit-mask: url(https://discord.com/assets/7cfd90c8062139e4804a1fa59f564731.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgePartner-j6Lwhr { -webkit-mask: url(https://discord.com/assets/a0e288a458c48dfcf548dadc277e42e6.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgeHypesquad-12E2P6 { -webkit-mask: url(https://discord.com/assets/3a050fcc884255231b99b7033c776070.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1-3rBtjf { -webkit-mask: url(https://discord.com/assets/1115767aed344e96a27a12e97718c171.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2-2oU04B { -webkit-mask: url(https://discord.com/assets/d3478c6bd5cee0fc600e55935ddc81aa.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3-1DoJkv { -webkit-mask: url(https://discord.com/assets/2a085ed9c86f3613935a6a8667ba8b89.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1Winner-3wCl80 { -webkit-mask: url(https://discord.com/assets/75f75c3142b8d44ea7052c2bcb9a9043.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2Winner-AS5bXe { -webkit-mask: url(https://discord.com/assets/d4a8fe68fc5f40c8a778f858881a7b84.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3Winner-2CwwQi { -webkit-mask: url(https://discord.com/assets/5dc48a7859a00e7d95ad8382156aab84.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgeEarlySupporter-2ng_jL { -webkit-mask: url(https://discord.com/assets/ce15562552e3d70c56d5408cfeed2ffd.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgePremium-1KDZYC { -webkit-mask: url(https://discord.com/assets/379d2b3171722ef8be494231234da5d1.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgeVerifiedDeveloper-195KfD { -webkit-mask: url(https://discord.com/assets/785d81fdbedd133e213da693aba98774.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel1-dbEzVz { -webkit-mask: url(https://discord.com/assets/df26f079738a4dcd07cbce6eb3c957f1.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel2-3TUciC { -webkit-mask: url(https://discord.com/assets/16def052b03d75dac0ed9234c5d6a880.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl1-3oI9tx { -webkit-mask: url(https://discord.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl2-r6nJHT { -webkit-mask: url(https://discord.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl3-38s3Dj { -webkit-mask: url(https://discord.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl4-2NXrsI { -webkit-mask: url(https://discord.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl5-3XIa2K { -webkit-mask: url(https://discord.com/assets/a99def5f819c077e5e5061cab741b7e6.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl6-3e3sxW { -webkit-mask: url(https://discord.com/assets/2cfb317f3db3963d8ded9a97ee967bac.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl7-1dVhQT { -webkit-mask: url(https://discord.com/assets/278736f579d810b11ddf308cb598b19e.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl8-1kXdFr { -webkit-mask: url(https://discord.com/assets/38e40f25802a0fdf480d9b855a37a2f3.svg) center/contain no-repeat; } .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl9-1d6zav { -webkit-mask: url(https://discord.com/assets/cfbc2d8ceacfacf07850f986c8165195.svg) center/contain no-repeat; } /* ~~~~ 19. UPDATENOTICE ~~~~ */ html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp::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), .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#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm { display: block !important; color: var(--channels-default) !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#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm > * { display: none !important; } html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm::before { content: "" !important; background: currentColor !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#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm::after { content: "" !important; background: currentColor !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: 1 !important; padding: 0 !important; margin: 0 !important; visibility: visible !important; transform: unset !important; animation: unset !important; } html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i::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-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT { position: relative !important; } html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT::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-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT::before { content: "DevilBro" !important; font-size: 12px !important; color: rgb(var(--accentcolor)) !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: 113px !important; bottom: 9px !important; right: unset !important; transform: unset !important; animation: unset !important; }