@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css); @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css); :root { --transparencycolor: 0,0,0; --transparencyalpha: 0.15; --messagetransparency: 0.5; --usechatbubbles: calc(var(--messagetransparency) / (var(--messagetransparency) + 0.00000000000000000000001)); --guildchanneltransparency: 0.15; --chatinputtransparency: 0.0; --memberlisttransparency: 0.0; --font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; --textshadow: transparent; --accentcolor: 190,78,180; --accentcolor2: var(--accentcolor); --mentioncolor: 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: center; --backdropsize: cover; --backdropblur: unset; } .theme-light, .theme-dark, .theme-amoled { --text-positive: rgb(var(--successcolor)); --text-warning: rgb(var(--warningcolor)); --text-danger: rgb(var(--dangercolor)); --info-positive-background: rgba(var(--successcolor),.1); --info-positive-foreground: rgb(var(--successcolor)); --info-positive-text: #fff; --info-warning-background: rgba(var(--warningcolor),.1); --info-warning-foreground: rgb(var(--warningcolor)); --info-warning-text: #fff; --info-danger-background: rgba(var(--dangercolor),.1); --info-danger-foreground: rgb(var(--dangercolor)); --info-danger-text: #fff; --status-positive: rgb(var(--successcolor)); --status-positive-background: rgb(var(--successcolor)); --status-positive-text: #fff; --status-warning: rgb(var(--warningcolor)); --status-warning-background: rgb(var(--warningcolor)); --status-warning-text: #fff; --status-danger: rgb(var(--dangercolor)); --status-danger-background: rgb(var(--dangercolor)); --status-danger-text: #fff; --header-primary: rgb(var(--textbrightest)); --header-secondary: rgb(var(--textbright)); --text-normal: rgb(var(--textbrighter)); --text-muted: rgb(var(--textdarker)); --channels-default: rgb(var(--textdark)); --channel-icon: 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)); --modal-background: rgba(var(--transparencycolor), .2); --modal-footer-background: rgba(var(--transparencycolor), .2); --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-mobile-primary: rgba(var(--transparencycolor), .2); --background-mobile-secondary: rgba(var(--transparencycolor), .3); --background-modifier-accent: rgba(var(--textbrightest),.1); --background-message-automod: rgba(var(--dangercolor),.05); --background-message-automod-hover: rgba(var(--dangercolor),.1); --channeltextarea-background: rgba(var(--transparencycolor), .3); --input-background: rgba(var(--transparencycolor), .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; } html { color: var(--header-primary); } /* ~~~~ 0. TABLE OF CONTENTS ~~~~ */ /* 1. TRANSPARENCY 2. BACKGROUND 3. TITLEBAR 4. GUILDLIST 5. CHANNELLIST 1. GUILDHEADER 2. CHANNELS 3. DMCHANNELS 4. ACCOUNT/VOICE/GOLIVE 6. CHAT 1. CHANNELHEADER 2. MESSAGES 1. MESSAGE 2. EMBEDS 3. NITROGIFT 4. INVITE 3. TEXTAREA 4. AUTOCOMPLETEMENU 5. MEMBERLIST 6. SEARCHPAGE 7. CHAT SIDEBAR 8. CALL 9. UNAVAILABLESCREEN 7. PEOPLES 8. STORE/NITRO 9. LIBRARY 10. DISCOVERY/UNIHUB 11. USERSETTINGS 12. GUILDSETTINGS 13. MODALS 1. USERMODAL 2. GUILDADD/CREATION 3. REGIONSELECTMODAL 4. UPLOADMODAL 5. KEYBOARDSHORTCUTSMODAL 6. QUICKSWITCHER 7. INVITEMODAL/GROUPCREATE 8. LOGINSCREEN 9. TERMACCEPTMODAL 10. DOWNLOADAPPMODAL 11. GUILDBOOSTMODAL 12. REACTIONSMODAL 13. GUILDWELCOMEMODAL 14. GUILDRULESMODAL 15. GUILDFEEDBACKMODAL 16. SCREENSHAREMODAL 17. PHONEVERIFICATIONMODAL 18. NOTIFICATIONSMODAL 19. DISCOVERYENTRYMODAL 20. NITROFEATUREMODAL 21. DIRECTORYMODAL 22. ACTIVITYSHAREMODAL 14. POPOUTS 1. CONTEXTMENU 2. USERPOPOUT 3. EMOJIPICKER 4. PINS/MENTIONS 5. SEARCHPOPOUT 6. COLORPICKER 7. ADDROLE 8. EVERYONEMENTION 9. CHANNELFOLLOW 10. CHANNELFOLLOWINFO 11. EMOJIINFO 12. STREAMPREVIEW 13. STREAMINFO 14. PUBLICGUILDANNOUNCEMENT 15. RTCSTATUSPOPOUT 16. PHONE-/EMAILVALIDATION 17. QUICKSELECTPOPOUT 18. WARNINGPOPOUT 19. ACTIVETHREADLISTPOPOUT 20. ROLEMEMBERSPOPOUT 21. FORUMFILTERPOPOUT 22. ACTIVITYSHAREPOPOUT 23. SOUNDBOARD 24. SERVERSURVEY 15. GENERAL 1. TEXT 2. BUTTONS 3. INPUTS 4. SEARCHBARS 5. TAGS 6. 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 12. CHANNELDMS 19. UPDATENOTICE 20. WATERMARK */ /* ~~~~ 1. TRANSPARENCY ~~~~ */ body, /* body */ #app-mount .app-3xd6d0, /* app container */ #app-mount .app-2CXKsg, /* app inner */ #app-mount .loading-1yrGTe, /* app i18n loading */ #app-mount .wrapper-3AZUiP, /* app errorscreen */ #app-mount .bg-1QIAus, /* app background */ #app-mount .layer-86YKbF, /* layer container */ #app-mount .container-2o3qEW, /* layer container */ #app-mount .container-1NXEtd, /* channels inner */ #app-mount .privateChannels-oVe7HL, /* dmchannels */ #app-mount .directoryContainer-z-0pgp, /* server app directory */ #app-mount .panels-3wFtMD > *, /* account/voice inner */ #app-mount .chat-2ZfjoI, /* chat container */ #app-mount .container-3wLKDe, /* chat forums */ #app-mount .container-2IKOsH, /* chat search */ #app-mount .container-1um7CU, /* chat search inner */ #app-mount .container-3XgAHv, /* chat thread sidebar */ #app-mount .wrapper-3HVHpV, /* chat messages loading */ #app-mount .noChannel-Z1DQK7, /* nochannel */ #app-mount .members-3WRCEx, /* members */ #app-mount .members-3WRCEx > div, /* members content */ #app-mount .content-3_h0XI, /* unavailable */ #app-mount .container-2cd8Mz, /* peoples */ #app-mount .container-1oAagU, /* peoples activity list */ #app-mount .applicationStore-2nk7Lo, /* nitro */ #app-mount .pageWrapper-2PwDoS, /* guilddiscovery */ #app-mount .pageWrapper-1x6lGh, /* unihub */ #app-mount .scrollerBase-1Pkza4, /* scroller */ #app-mount .standardSidebarView-E9Pc3j, /* settings */ #app-mount .contentRegion-3HkfJJ { /* settings content */ background: transparent; } #app-mount .scroller-hE2gWq { /* peoples activity scroller */ border: none; } #app-mount .sidebarRegion-1VBisG, /* settings sidebar */ #app-mount .sidebar-_0OpfR { /* sidebarlist sidebar */ background-color: rgba(var(--transparencycolor), calc(0.2 * (var(--transparencyalpha) / (var(--transparencyalpha) + 0.00000000000000000000001)))); } #app-mount { /* app-mount */ background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); } #app-mount .wrapper-1_HaEi { /* guilds container */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2)); } #app-mount .sidebar-1tnWFu { /* channels container */ background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency)); } #app-mount .panels-3wFtMD { /* account/voice container */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) / 1.5)); } #app-mount .container-ZMc96U.themed-Hp1KC_ { /* channelheader container */ background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency)); } #app-mount .chatHeaderBar-qygUNT { /* channelheader sub header */ background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency)); } #app-mount .membersWrap-3NUR2t { /* 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-1eCBCN { /* peoples now playing */ background-color: rgba(var(--transparencycolor), var(--memberlisttransparency)); } #app-mount .image-35kDIs { /* app errorscreen image */ background-image: url(https://discord.com/assets/e9baf4b505eb54129f832556ea16538e.svg); opacity: 0.6; } /* ~~~~ 2. BACKGROUND ~~~~ */ body::before, body::after { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: -1; } body::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); } body::after { backdrop-filter: blur(var(--backgroundblur)); } .layer-86YKbF { z-index: 1000; } .container-2RRFHK::before, .layer-86YKbF ~ .layer-86YKbF::before, .root-2zfUH6::before, .container-2RRFHK::after, .layer-86YKbF ~ .layer-86YKbF::after, .root-2zfUH6::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: -1; } .container-2RRFHK::before, .layer-86YKbF ~ .layer-86YKbF::before, .root-2zfUH6::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .container-2RRFHK::after, .layer-86YKbF ~ .layer-86YKbF::after, .root-2zfUH6::after { background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); backdrop-filter: blur(var(--backgroundblur)); } .uploadArea-2Nu_Vc, .backdrop-1BR_bn, .backdrop-2ByYRN { background: transparent !important; opacity: 1 !important; animation: none !important; } .uploadArea-2Nu_Vc::before, .backdrop-1BR_bn::before, .backdrop-2ByYRN::before, .uploadArea-2Nu_Vc::after, .backdrop-1BR_bn::after, .backdrop-2ByYRN::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: -2; } .uploadArea-2Nu_Vc::before, .backdrop-1BR_bn::before, .backdrop-2ByYRN::before { background: var(--backdrop) var(--backdropposition)/var(--backdropsize); background-attachment: fixed; } .uploadArea-2Nu_Vc::after, .backdrop-1BR_bn::after, .backdrop-2ByYRN::after { backdrop-filter: blur(var(--backdropblur)); } .withLayer-2VVmpp { z-index: -1; } /* ~~~~ 3. TITLEBAR ~~~~ */ .titleBar-1it3bQ { z-index: 5001; } .titleBar-1it3bQ::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-1it3bQ:not(.typeMacOS-3V4xXE)::after { height: 22px; } .titleBar-1it3bQ.typeMacOS-3V4xXE::after { height: 28px; width: calc(100% - 4px); margin: 2px; border-radius: 5px; } .titleBar-1it3bQ.typeMacOS-3V4xXE, .titleBar-1it3bQ.typeMacOS-3V4xXE .macButtons-eIdy0e { width: 72px; } .titleBar-1it3bQ.typeMacOS-3V4xXE.typeMacOSWithFrame-1XEpN7 .macButtons-eIdy0e { margin-top: 0; margin-right: 0; } .platform-osx .wrapper-1_HaEi { margin-top: 0; padding-top: 32px; } .platform-osx .standardSidebarView-E9Pc3j::before { left: 72px; } .winButtonMinMax-3RsPUg:hover { background-color: rgba(var(--transparencycolor), .2); } /* ~~~~ 4. GUILDLIST ~~~~ */ #app-mount .childWrapper-1j_1ub { /* homebutton/acronym innerwrap */ background-color: rgba(var(--transparencycolor), .3); color: var(--text-normal); font-weight: 500; } #app-mount .wrapper-3kah-n:hover .childWrapper-1j_1ub, #app-mount .wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub { background-color: var(--brand-experiment); text-shadow: 1px 1px var(--textshadow); } #app-mount .wrapper-3kah-n rect[fill] { fill: rgba(var(--transparencycolor), .3); } #app-mount .noIcon-3gSX9V { /* acronym minicontainer */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .circleIconButton-1QV--U { /* guildadd/discovery innerwrap */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .circleIconButton-1VxDrg.selected-2r1Hvo { background-color: var(--green-360); } #app-mount .guildIconUnavailable-3IYARS, /* guilderror miniicon */ #app-mount .guildsError-YJjW3A { /* guilderror innerwrap */ background-color: rgba(var(--dangercolor)),.3); } #app-mount .dragInner-Oq_toX { /* dragplaceholder */ background-color: rgba(var(--transparencycolor), .3); } .wrapper-38slSD { /* folder outerwrap */ margin-bottom: 8px; } #app-mount .folder-241Joy { /* folder iconwrap */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .folder-241Joy.hover-3m7-WT { background-color: rgba(var(--transparencycolor), .4); } #app-mount .expandedFolderBackground-1kSAf6 { /* 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-1kSAf6.hover-3m7-WT { background-color: rgba(var(--transparencycolor), .4); } .wrapper-1_HaEi .wrapper-38slSD [role="group"] { /* folder guildwrap */ margin-bottom: -8px; } .wrapper-1_HaEi .wrapper-38slSD [role="group"] .listItem-GuPuDH:last-child { margin-bottom: 0; } .bar-2eAyLE { /* guild/channelbar inner */ box-shadow: 0 2px 6px rgba(var(--transparencycolor), .24); } .bar-2eAyLE:not(.mention-3XBnnZ) { background-color: transparent; overflow: hidden; } .bar-2eAyLE:not(.mention-3XBnnZ)::before, .bar-2eAyLE:not(.mention-3XBnnZ)::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } .bar-2eAyLE:not(.mention-3XBnnZ)::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .bar-2eAyLE:not(.mention-3XBnnZ)::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--backgroundblur)); } .sidebar-1tnWFu .bar-2eAyLE:not(.mention-3XBnnZ)::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 0.85 + 0.1)); } .wrapper-1_HaEi .bar-2eAyLE:not(.mention-3XBnnZ)::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 1.9 + 0.1)); } .fixedBottomList-1yrBla { background: transparent !important; box-shadow: none !important; } .fixedBottomList-1yrBla::before, .fixedBottomList-1yrBla::after { content: ""; position: relative; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } .fixedBottomList-1yrBla::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .fixedBottomList-1yrBla::after { background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2)); backdrop-filter: blur(var(--backgroundblur)); } /* ~~~~ 5. CHANNELLIST ~~~~ */ #app-mount .sidebar-1tnWFu { /* channels container */ border-radius: 0; } /* ---- 5.1. GUILDHEADER ---- */ .container-1-ERn5 .animatedContainer-2laTjx { /* 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-3OsQeK, /* header inner */ .searchBar-3TnChZ { /* 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-3TnChZ .searchBarComponent-3N7dCG { /* header searchbarinner */ background-color: rgba(var(--transparencycolor), .2); } .clickable-vvKY2q:not(.hasBanner-2IrYih) .header-3OsQeK:hover, .selected-1GtAC5:not(.hasBanner-2IrYih) .header-3OsQeK { background-color: rgba(var(--transparencycolor), .2); } .container-3O_wAf, .channelNotice-tO6Tus { /* notice container */ box-shadow: inset 0 -1px 0 rgba(var(--transparencycolor), .3); } .container-3O_wAf, .channelNotice-tO6Tus.invite-OjTXrW, .channelNotice-tO6Tus.guildMFAWarning-3GEzs8, .channelNotice-tO6Tus.maxMembersCount-3E4zND, .channelNotice-3DDmsB, #app-mount .channelNotice-3hkOiI { background: transparent; } .channelNotice-tO6Tus.invite-OjTXrW::before { opacity: 0.6; background: url(https://discord.com/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat; } .channelNotice-tO6Tus.guildMFAWarning-3GEzs8::before { opacity: 0.6; background: url(https://discord.com/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat; } .channelNotice-tO6Tus.quickswitcher-35bYg4::before { opacity: 0.6; } .channelNotice-tO6Tus.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-NhbLHG:hover .content-1gYQeQ { /* channel content */ background-color: rgba(var(--transparencycolor), .2); } .wrapper-NhbLHG:hover .content-1gYQeQ [style*="color: var(--text-muted)"] { color: var(--header-secondary) !important; } .modeSelected-3DmyhH .content-1gYQeQ, .modeSelected-3DmyhH:hover .content-1gYQeQ { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .modeSelected-3DmyhH .content-1gYQeQ [style*="color: var(--text-muted)"], .modeSelected-3DmyhH:hover .content-1gYQeQ [style*="color: var(--text-muted)"] { color: var(--header-secondary) !important; } .modeSelected-3DmyhH .content-1gYQeQ svg, .modeSelected-3DmyhH:hover .content-1gYQeQ svg { filter: drop-shadow(1px 1px var(--textshadow)); } .icon-2W8DHg { /* channel icon */ color: var(--channels-default); } .modeMuted-2T4MDZ .icon-2W8DHg { color: var(--interactive-muted); } .modeMuted-2T4MDZ:hover .icon-2W8DHg, .wrapper-NhbLHG:hover .icon-2W8DHg { color: var(--interactive-hover); } .modeConnected-NrO4cP .icon-2W8DHg, .modeConnected-NrO4cP:hover .icon-2W8DHg, .modeSelected-3DmyhH .icon-2W8DHg, .modeSelected-3DmyhH:hover .icon-2W8DHg, .modeUnread-3Cxepe .icon-2W8DHg, .modeUnread-3Cxepe:hover .icon-2W8DHg, .notInteractive-2tFrlE.modeConnected-NrO4cP .icon-2W8DHg, .notInteractive-2tFrlE.modeSelected-3DmyhH .icon-2W8DHg { color: var(--interactive-active); } .modeConnected-NrO4cP .subtitle-3PyFgf, /* channel subtitle */ .modeConnected-NrO4cP:hover .subtitle-3PyFgf, .modeSelected-3DmyhH .subtitle-3PyFgf, .modeSelected-3DmyhH:hover .subtitle-3PyFgf, .modeUnread-3Cxepe .subtitle-3PyFgf, .modeUnread-3Cxepe:hover .subtitle-3PyFgf, .notInteractive-2tFrlE.modeConnected-NrO4cP .subtitle-3PyFgf, .notInteractive-2tFrlE.modeSelected-3DmyhH .subtitle-3PyFgf { color: var(--interactive-normal); } .spine-29OFwR { /* channel thread spine */ color: var(--channels-default); } .wrapper-2fEmwW { /* voicechat limit */ background-color: rgba(var(--transparencycolor), .15); } .wrapper-2fEmwW .users-2JoyGL { background-color: transparent; } .wrapper-2fEmwW .total-1c5KCN { background-color: rgba(var(--transparencycolor), .3); } .wrapper-2fEmwW .total-1c5KCN::after { border-right-color: rgba(var(--transparencycolor), .3); } .listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42 { background-color: rgba(var(--transparencycolor), .2); } #app-mount .streamPreview-I7itZ6 { position: relative; background-color: transparent; color: var(--header-secondary); overflow: hidden; } .streamPreview-I7itZ6::before, .streamPreview-I7itZ6::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .streamPreview-I7itZ6::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .streamPreview-I7itZ6::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .previewContainer-35LFgt { background-color: transparent; } #app-mount .watchButton-2YRKxv { border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .watchButton-2YRKxv:not([disabled]):hover { border-color: var(--header-primary); color: var(--header-primary); } /* ---- 5.3. DMCHANNELS ---- */ .interactive-26HRN_:focus-within, /* dmchannel/page inner */ .interactive-26HRN_:hover, .snowsgivingLink-1TZi3c:hover { background-color: rgba(var(--transparencycolor), .2); } .selected-26oxtA, .selected-26oxtA:focus-within, .selected-26oxtA:hover, .snowsgivingLink-1TZi3c:active { background-color: rgb(var(--accentcolor)); color: var(--header-primary); text-shadow: 1px 1px var(--textshadow); } .snowsgivingLink-1TZi3c { border-radius: 4px; } .selected-26oxtA svg:not(.svg-2azL_l) { filter: drop-shadow(1px 1px var(--textshadow)); } .snowsgivingLink-1TZi3c:active .snowsgivingIcon-3d0pr1 { filter: drop-shadow(1px 1px var(--textshadow)); } .snowsgivingLink-1TZi3c:active .snowsgivingIcon-3d0pr1 path { fill: var(--header-primary); } .empty-yQo7LQ { /* loadingplaceholders */ fill: rgba(var(--transparencycolor), .4); } /* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */ .panels-3wFtMD > *, /* account/voice inner */ .panels-3wFtMD .wrapper-3Hk9OB > * { /* account/voice inner */ background: none; border: none; } .panels-3wFtMD > *:not(:empty) ~ *:not(:empty) { border-top: 1px solid rgba(var(--transparencycolor), .2); } .button-12Fmur.enabled-9OeuTA { /* account/voice panel button */ opacity: 0.7; } .button-12Fmur.enabled-9OeuTA:hover { opacity: 1; background-color: rgb(var(--accentcolor)); } .withTagAsButton-OsgQ9L:hover, .withTagless-10ooWt:hover { background-color: rgb(var(--accentcolor)); } .button-12Fmur.enabled-9OeuTA:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } .button-1EGGcP.buttonColor-3bP3fX { background-color: rgba(var(--transparencycolor), .2); } .button-1EGGcP.buttonColor-3bP3fX:hover { background-color: rgba(var(--transparencycolor), .4); } .button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx, .button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx:hover { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx svg, .button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } /* ~~~~ 6. CHAT ~~~~ */ .chat-2ZfjoI.threadSidebarOpen-1LSXvU { /* chat threadsidebar open */ border-radius: 0; } #app-mount .background-fkKrXt .container-2Hi7Km, #app-mount .background-fkKrXt .container-xwOzwi, #app-mount .background-fkKrXt .container-3rZ3XA, #app-mount .background-fkKrXt .icon-2IDTxf, #app-mount .background-fkKrXt .containerCard-2kwJKN, #app-mount .background-fkKrXt .containerCard-2kwJKN:hover, #app-mount .background-fkKrXt .interactiveCard-2iMtdk, #app-mount .background-fkKrXt .emptyStateContainer-xWOMPJ, #app-mount .background-fkKrXt .card-3x20HF, #app-mount .container-3wLKDe .mainCard-3KBsBI, #app-mount .container-3wLKDe .sidebarCard-1Gn1ch, #app-mount .container-2IKOsH .channelRow-4X_3fi { background-color: var(--background-secondary); } @media (max-width: 1300px) { .container-xwOzwi, .container-3rZ3XA { background: none !important; } } #app-mount .background-fkKrXt .containerCard-2kwJKN { border-color: var(--background-secondary); } #app-mount .background-fkKrXt .container-3HMTms:hover, #app-mount .container-3wLKDe .pill-3pRQlO, #app-mount .container-2IKOsH .channelRow-4X_3fi:hover { background: var(--background-tertiary); } .contentPreview-3fWiuC { /* forum list item */ border-color: rgb(var(--transparencycolor)); } #app-mount .textContentFooter-2JnNv8 { /* forum list item footer */ background: linear-gradient(0deg, rgba(var(--transparencycolor), .5), rgba(var(--transparencycolor), .1)); } .container-3YcgdM { border-color: var(--background-floating); } .divider-AZrXIA { /* forum fat divider */ background: var(--background-floating); } #app-mount .container-2qVG6q.isOpen-2OXbFs { /* forum selected post */ background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } #app-mount .container-2qVG6q.isOpen-2OXbFs .defaultColor-24IHKz, #app-mount .container-2qVG6q.isOpen-2OXbFs [style*="color: var(--header-secondary)"] { color: var(--header-primary) !important; } #app-mount .container-2qVG6q.isOpen-2OXbFs .author-22H8ZU a, #app-mount .container-2qVG6q.isOpen-2OXbFs [style*="color: var(--text-muted)"] { color: var(--header-secondary) !important; } /* ---- 6.1. CHANNELHEADER ---- */ .container-ZMc96U.themed-Hp1KC_ { /* 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-1nrc5P:focus { /* header dmchannelinput */ background-color: rgba(var(--transparencycolor), .2); } .input-1nrc5P:focus, .outer-1KB3kA:hover .input-1nrc5P { box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor), .2); } .children-3xh0VB::after { /* header topicgradient */ display: none; } .akaBadge-3i7V3p { /* header aka */ background-color: rgba(var(--transparencycolor), .3); } .badge-2qGa_k::after { /* header iconbadge red dot */ border: none; } .searchBar-zdmu7v { /* 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-2UfsDk, #app-mount .searchAnswer-23w-CH { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } /* ---- 6.2. MESSAGES ---- */ .clickableAction-2q3H52:hover .action-3oG-si, /* guidancechannel options */ .row--LCpto:hover { background-color: rgba(var(--transparencycolor), .4); } .emptyChannelIcon-1YdEz2 { /* 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-1kija8:hover { /* welcomemessage edit channel */ background-color: rgb(var(--accentcolor)); color: var(--interactive-active); text-shadow: 1px 1px var(--textshadow); } #app-mount .role-23oyrw { /* welcomemessage role */ background: transparent; border-color: rgba(var(--textbrighter), .6); border-radius: 5px; height: 22px; padding: 0 5px; position: relative; } #app-mount .role-23oyrw[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter), .6) !important; } #app-mount .role-23oyrw .roleColor-3cA0as { /* 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-23oyrw:hover .roleColor-3cA0as { opacity: 0.8; } #app-mount .role-23oyrw .roleColor-3cA0as[style*="background-color: rgb(185, 187, 190)"] { background-color: var(--text-normal) !important; } .divider-2rZFJK.hasContent-31hcsn { /* divider hascontent */ border-width: calc(1px * (1 - var(--usechatbubbles))); } .divider-2rZFJK.hasContent-31hcsn::before { content: ""; position: absolute; top: -0.6rem; bottom: -0.6rem; right: -0.2rem; left: 0; background: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.5)); border-radius: 5px; pointer-events: none; z-index: -1; } .content-3spvdd { /* divider content */ position: absolute; background-color: transparent; padding: 2px 8px; width: unset; } .content-3spvdd::before, .content-3spvdd::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; opacity: calc(1 - var(--usechatbubbles)); z-index: -1; } .content-3spvdd::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .content-3spvdd::after { background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); backdrop-filter: blur(var(--backgroundblur)); } .unreadPill-3nEWYM { /* divider unreadpill */ border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles)); padding-left: calc(4px * var(--usechatbubbles) + 1px * (1 - var(--usechatbubbles))); } .unreadPillCap-2-iI4h { /* divider unreadpillcap */ opacity: calc(1 - var(--usechatbubbles)); } .hasMore-2mIMwb:hover { background-color: rgba(var(--transparencycolor), .2); } .jumpToPresentBar-1cEnH0 { /* bar jumptopresent */ background-color: transparent; overflow: hidden; opacity: 1; } .jumpToPresentBar-1cEnH0::before, .jumpToPresentBar-1cEnH0::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } .jumpToPresentBar-1cEnH0::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .jumpToPresentBar-1cEnH0::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--backgroundblur)); } /* ==== 6.2.1. MESSAGE ==== */ #app-mount .message-G6O-Wv { /* message confirm modal */ background-color: rgba(var(--transparencycolor), .2); box-shadow: none; } .message-2CShn3, /* message container */ .messagesWrapper-RpOMA3 .wrapper-30-Nkg, /* message upload placeholder */ .card-3x20HF .wrapper-30-Nkg, /* message home */ .wrapper-15CKyy, /* message loading */ .message-3g3FYR, /* message mention popout */ .message-372Ods, /* message inbox popout */ .message-G6O-Wv .wrapper-30-Nkg, /* message settings preview */ .messageGroupCozy-3v_RqN, /* message pin popout */ .message-24k8JL .wrapper-30-Nkg { /* message searchpage */ background-color: rgba(var(--transparencycolor), var(--messagetransparency)) !important; contain: unset; } .message-24k8JL .wrapper-30-Nkg { /* message searchpage */ background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8)) !important; } .message-2CShn3.selected-2LX7Jy, .mouse-mode .message-2CShn3:hover, .mouse-mode.full-motion .message-2CShn3:hover, .mouse-mode .wrapper-15CKyy:hover, .mouse-mode.full-motion .wrapper-15CKyy:hover { background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important; } .backgroundFlash-1X5jVs .message-2CShn3 { /* message jump flash */ position: relative; } .backgroundFlash-1X5jVs .message-2CShn3::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-1X5jVs .cozyMessage-1DWF9U::before { left: calc(-80px * var(--usechatbubbles)); } .message-2CShn3.ephemeral-2nDdnn, /* message localbot */ .message-2CShn3.replying-eZ7p5z { /* 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-2CShn3.mentioned-Tre-dv { /* message mentioned */ background-image: linear-gradient(rgba(var(--mentioncolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles))))); } .message-2CShn3.ephemeral-2nDdnn::before, .message-2CShn3.replying-eZ7p5z::before { background-color: rgb(var(--accentcolor)); } .message-2CShn3.mentioned-Tre-dv::before { background-color: rgb(var(--mentioncolor)); } .message-2CShn3.mentioned-Tre-dv .contents-2MsGLg .messageContent-2t3eCI { border-radius: 3px; background-color: rgba(var(--mentioncolor), calc(0.3 * var(--usechatbubbles))); } #app-mount .avatar-2e8lTP, /* message container avatar */ #app-mount .avatar-l9Txm5 { /* message loading avatar */ position: absolute; top: 2px; left: calc(-70px * var(--usechatbubbles) + 16px); } #app-mount .messageItemBody-2EpHAK.hasReply-2Cr4KE .avatar-2e8lTP, #app-mount .repliedMessage-3Z6XBG ~ * .avatar-2e8lTP { top: 24px; } #app-mount .container-3FojY8 .avatar-2e8lTP { left: calc(-10px * var(--usechatbubbles)); } #app-mount .avatarDecoration-34OC0G { /* message avatar decoration */ position: absolute; top: 2px; left: calc(-70px * var(--usechatbubbles) + 16px - (6.6666666px * var(--decoration-to-avatar-ratio)/2)); } #app-mount .messageItemBody-2EpHAK.hasReply-2Cr4KE .avatarDecoration-34OC0G, #app-mount .repliedMessage-3Z6XBG ~ * .avatarDecoration-34OC0G { top: 24px; } #app-mount .container-3FojY8 .avatarDecoration-34OC0G { left: calc(-10px * var(--usechatbubbles) - (6.6666666px * var(--decoration-to-avatar-ratio)/2)); } #app-mount .replyBadge-LMm_Ic { /* message reply badge */ background-color: rgba(var(--transparencycolor), .5); } #app-mount .spine-3OoQS_ { width: 0px; top: 20px; right: calc(1px * (-32 * var(--usechatbubbles) + -25 * (1 - var(--usechatbubbles)))); left: unset; border: none; } #app-mount .compact-2Nkcau .spine-3OoQS_ { right: 0; } #app-mount .repliedMessage-3Z6XBG::before, /* message reply spine */ #app-mount .repliedMessage-3Z6XBG::after, #app-mount .spine-3OoQS_::before, /* message command spine */ #app-mount .spine-3OoQS_::after { --avatar-size: 38px; --gutter: 16px; --spine-width: 2px; content: ""; display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50%; right: unset; bottom: 0; left: calc(-1 * var(--avatar-size) - (6px * var(--usechatbubbles))); width: calc(var(--avatar-size) - 4px); margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2); border-right: 0 solid var(--background-accent); border-left: var(--spine-width) solid var(--background-accent); } #app-mount .repliedMessage-3Z6XBG::before, #app-mount .repliedMessage-3Z6XBG::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-3OoQS_::before, #app-mount .spine-3OoQS_::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-2Nkcau .repliedMessage-3Z6XBG::before, #app-mount .compact-2Nkcau .repliedMessage-3Z6XBG::after, #app-mount .compact-2Nkcau .spine-3OoQS_::before, #app-mount .compact-2Nkcau .spine-3OoQS_::after { --avatar-size: 20px; left: calc(-1 * var(--avatar-size)); } #app-mount .repliedMessage-3Z6XBG::before, #app-mount .spine-3OoQS_::before { border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles)))); } #app-mount .repliedMessage-3Z6XBG::after, #app-mount .spine-3OoQS_::after { border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles))); } #app-mount .compact-2Nkcau .repliedMessage-3Z6XBG::before, #app-mount .compact-2Nkcau .spine-3OoQS_::before { border-color: rgba(var(--textbrighter), .3); } #app-mount .compact-2Nkcau .repliedMessage-3Z6XBG::after, #app-mount .compact-2Nkcau .spine-3OoQS_::after { border-color: transparent; } #app-mount .cozy-VmLDNB.hasThread-3h-KJV::before, /* message thread spine */ #app-mount .cozy-VmLDNB.hasThread-3h-KJV::after, #app-mount .compact-2Nkcau.hasThread-3h-KJV::after { --avatar-size: 38px; --gutter: 16px; --spine-width: 2px; content: ""; display: block; position: absolute; top: 2rem; bottom: 29px; left: calc(var(--avatar-size) * (1 - var(--usechatbubbles)) - var(--avatar-size) * var(--usechatbubbles)); width: calc(var(--avatar-size) - 10px + (4px * var(--usechatbubbles))); margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2); border-top: 0 solid var(--background-accent); border-right: 0 solid var(--background-accent); border-bottom: var(--spine-width) solid var(--background-accent); border-left: var(--spine-width) solid var(--background-accent); border-bottom-left-radius: 8px; } #app-mount .cozy-VmLDNB.hasThread-3h-KJV::before { border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles)))); } #app-mount .cozy-VmLDNB.hasThread-3h-KJV::after { border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles))); } #app-mount .message-2CShn3.mentioned-Tre-dv.hasThread-3h-KJV::before { background-color: transparent; } #app-mount .compact-2Nkcau.hasThread-3h-KJV::after { left: calc(var(--avatar-size) + 11px); width: calc(var(--avatar-size) - 13px); border-color: rgba(var(--textbrighter), .3); } #app-mount .compact-2Nkcau.hasThread-3h-KJV .contents-2MsGLg::before { border-color: rgba(var(--textbrighter), .3); } .spine-2vt3pM { border-color: rgba(var(--textbrighter), .3); } .hasThread-3h-KJV .spine-2vt3pM { display: none; } .cozy-25GiHp.content-1UQFwj { /* message command content */ background-color: rgba(var(--transparencycolor), .3); } .cozy-VmLDNB .header-2jRmjb::after, /* message container header */ .cozy-3hKWhq .header-35u4WP::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-VmLDNB .container-3FojY8 .header-2jRmjb::after { left: 40px; } .messageGroupWrapper-1jf_7C .messageGroupCozy-3v_RqN .header-2jRmjb::after { top: 2px; } .message-24k8JL .wrapper-30-Nkg .header-2jRmjb::after { border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8)); } .cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH { left: calc(-78px * var(--usechatbubbles)); } .cozy-VmLDNB .iconContainer-2rPbqG { background-color: rgba(var(--transparencycolor), var(--messagetransparency)); border-radius: 50%; left: calc(1px * (-58 * var(--usechatbubbles) + -48 * (1 - var(--usechatbubbles)))); height: 25px !important; width: 25px !important; margin: unset; margin-right: 1rem; padding: 0; } .cozy-VmLDNB .blockedSystemMessage-3FmE9n .iconContainer-2rPbqG { background-color: transparent; } .cozy-VmLDNB .iconContainer-2rPbqG::after { content: ""; position: absolute; top: 2px; left: 26px; border: 10px solid transparent; border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency)); } .cozy-VmLDNB .blockedSystemMessage-3FmE9n .iconContainer-2rPbqG::after { display: none; } .selected-2LX7Jy.message-2CShn3.cozy-VmLDNB .header-2jRmjb::after, .mouse-mode .message-2CShn3.cozy-VmLDNB:hover .header-2jRmjb::after, .mouse-mode.full-motion .message-2CShn3.cozy-VmLDNB:hover .header-2jRmjb::after, .mouse-mode .wrapper-15CKyy.cozy-3hKWhq:hover .header-35u4WP::after, .mouse-mode.full-motion .wrapper-15CKyy.cozy-3hKWhq:hover .header-35u4WP::after, .selected-2LX7Jy.message-2CShn3.cozy-VmLDNB .iconContainer-2rPbqG::after, .mouse-mode .message-2CShn3.cozy-VmLDNB:hover .iconContainer-2rPbqG::after, .mouse-mode.full-motion .message-2CShn3.cozy-VmLDNB:hover .iconContainer-2rPbqG::after { border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2)); } #app-mount .mentioned-Tre-dv.cozy-VmLDNB .header-2jRmjb::after { border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency) * 100000000000000000000000000000)); } #app-mount .ephemeral-2nDdnn.cozy-VmLDNB .header-2jRmjb::after, #app-mount .replying-eZ7p5z.cozy-VmLDNB .header-2jRmjb::after { border-right-color: rgba(var(--accentcolor), calc(var(--messagetransparency) * 100000000000000000000000000000)); } .message-3g3FYR, .message-372Ods, .zalgo-26OfGz .messageContent-2t3eCI, .zalgo-26OfGz.cozy-VmLDNB .header-2jRmjb, .wrapper-15CKyy, .cozy-3hKWhq .header-35u4WP { overflow: visible; } .container-3FojY8 { padding: 0; overflow: visible; } #app-mount .cozyMessage-1DWF9U, /* message container cozy */ #app-mount .messagesWrapper-RpOMA3 .cozy-VmLDNB, /* message upload placeholder cozy */ #app-mount .card-3x20HF .cozy-VmLDNB, /* message home cozy */ #app-mount .cozy-3hKWhq { /* message loading cozy */ margin-left: calc(80px * var(--usechatbubbles)); padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles)))); } #app-mount .wrapper-30-Nkg[data-list-item-id*="Uploader"] { margin-top: 1rem; } #app-mount .compact-QWkw9- { /* message loading compact */ margin-top: .0625rem; } #app-mount .cozy-VmLDNB .header-2jRmjb, #app-mount .cozy-VmLDNB .messageContent-2t3eCI, #app-mount .cozy-3hKWhq .header-35u4WP { margin-left: 0; padding-left: 0; } .messageContainer-3VTXBC .wrapper-30-Nkg, .messages-23can0 .wrapper-30-Nkg, .message-G6O-Wv .wrapper-30-Nkg, .messageGroupWrapper-1jf_7C .messageGroupCozy-3v_RqN, .message-24k8JL .wrapper-30-Nkg { border-radius: 5px; margin-left: calc(60px * var(--usechatbubbles)); padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles)))); } .messages-23can0 .wrapper-30-Nkg { border-radius: 0; } /* message home message */ .interactiveCard-2iMtdk.selected-sszUNx, .interactiveCard-2iMtdk:active, .interactiveCard-2iMtdk:hover { border-color: var(--background-secondary); } .feedItemHeader-txJq98 { border-color: var(--background-primary); } .interactiveCard-2iMtdk.selected-sszUNx, .interactiveCard-2iMtdk:active .feedItemHeader-txJq98, .interactiveCard-2iMtdk:hover .feedItemHeader-txJq98 { border-color: var(--background-secondary); } .avatar-l9Txm5 { /* message loading avatar */ background: rgba(var(--transparencycolor), .4); opacity: 1 !important; } .attachment-16cAbS, /* message loading attachment */ .blob-1uHjdp { /* message loading blob */ background: rgb(var(--accentcolor)); } .expanded-3lghlw { /* message expanded blocked */ background-color: rgba(var(--transparencycolor), .2); border-radius: 5px 5px 0 5px; margin-bottom: .5625rem; } .reaction-2A2y9y { /* message reaction */ background-color: rgba(var(--transparencycolor), .3); border: none; } .reaction-2A2y9y:hover { background-color: rgba(var(--transparencycolor), .4); } .reaction-2A2y9y.reactionMe-3I9gFK { background-color: rgba(var(--accentcolor), .8); } .reaction-2A2y9y.reactionMe-3I9gFK:hover { background-color: rgb(var(--accentcolor)); } .reaction-2A2y9y.reactionMe-3I9gFK .reactionCount-1zkLcN { color: #FFF; text-shadow: 1px 1px var(--textshadow); } .reaction-2A2y9y:hover { background-color: rgba(var(--transparencycolor), .4); } .wrapper-2vIMkT { /* message buttons */ position: relative; background: transparent; } .wrapper-2vIMkT::before, .wrapper-2vIMkT::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .wrapper-2vIMkT::before { background: var(--backgound) var(--backgoundposition)/var(--backgroundsize); background-attachment: fixed; } .wrapper-2vIMkT::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--backgroundblur)); } .button-3bklZh:hover { /* message button */ background-color: rgba(var(--transparencycolor), .2); } .button-3bklZh.selected-69H4ua { background-color: rgba(var(--transparencycolor), .4); } .bumpBox-1Pp4td { /* messageelement publish box */ background-color: rgba(var(--transparencycolor), .4); } .markup-eYLPri code { /* messageelement code */ background-color: transparent; border-color: transparent; } .markup-eYLPri pre { /* messageelement pre */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } .markup-eYLPri .inline, /* messageelement inline */ .after_inlineCode-WydEur, .before_inlineCode-xn8Llh, .inlineCode-2auMQi { background-color: rgba(var(--transparencycolor), .4); } .textContainer-36wgKK { /* messageelement plain file text */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } .footer-GXWBBp { /* messageelement plain file footer */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } .languageSelector-2e1IuO { /* 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-2e1IuO::before, .languageSelector-2e1IuO::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .languageSelector-2e1IuO::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .languageSelector-2e1IuO::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .spoilerContent-32CqO- { /* messageelement spoiler */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .spoilerContent-32CqO-.hidden-2lQZ5q { /* messageelement hiddenspoiler */ background-color: rgba(var(--transparencycolor), .6); } .icon-JRJzJz[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-JRJzJz[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-JRJzJz[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-JRJzJz[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-1HGV2S { /* embed wrapper */ background-color: rgba(var(--transparencycolor), .3); border-left-color: rgb(var(--textdarkest)); } #app-mount .attachment-1PZZB2 { /* attachment container */ background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); margin-left: 18px; } #app-mount .message-2CShn3 .attachment-1PZZB2 { 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-1FP9YQ { /* attachment videowrapper */ background-color: rgba(var(--transparencycolor), .3); } /* ==== 6.2.3. NITROGIFT ==== */ #app-mount .tile-2mmK5T { /* gift container */ background-color: rgba(var(--transparencycolor), .2); box-shadow: 0 0 0 rgba(var(--transparencycolor), .15); } #app-mount .tile-2mmK5T:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .title-oJa_A6 { /* gift title */ color: var(--header-primary); } #app-mount .description-X8_53U { /* gift description */ color: var(--header-primary); } #app-mount .tagline-3DhQWg { /* gift tagline */ color: var(--header-secondary); } /* ==== 6.2.4. INVITE ==== */ #app-mount .wrapper-1HIH0j { /* invite container */ background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); } #app-mount .guildIconImage-74OdmM { /* invite icon */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .guildName-3G4jq- { /* invite name */ color: var(--header-primary); } #app-mount .guildDetail-3EJhW_ { /* invite details */ color: var(--channels-default); } #app-mount .invite-3uuHYQ { /* invite group invite */ background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); } #app-mount .header-1Fx4D1 { color: rgb(var(--textdarker)); } #app-mount .name-QjR4Jk, #app-mount .partyStatus-2-VcyG { color: var(--header-primary); } #app-mount .moreUsers-3PdGZN { background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .partyMemberEmpty-GtlQ_s { background-color: rgba(var(--transparencycolor), .3); } #app-mount .helpIcon-24pk1Z { background-color: var(--header-primary); } /* ---- 6.3. TEXTAREA ---- */ .form-3gdLxP { padding-top: 0; margin-top: 0; } .form-3gdLxP { /* textarea form */ background: rgba(var(--transparencycolor), var(--chatinputtransparency)); margin-top: 0; padding-top: 8px; border-top-right-radius: calc(8px * (1 - (var(--memberlisttransparency) / (var(--memberlisttransparency) + 0.00000000000000000000001)))); border-top-left-radius: calc(8px * (1 - (var(--guildchanneltransparency) / (var(--guildchanneltransparency) + 0.00000000000000000000001)))); } .threadSidebarOpen-1LSXvU .form-3gdLxP { border-top-right-radius: 8px; } .form-3gdLxP::before { display: none; } .channelTextArea-1FufC0 { /* textarea channeltextarea */ background-color: transparent; border-top-color: var(--background-modifier-accent); } .container-A2jo65 { /* textarea reply */ background: rgba(var(--transparencycolor), .3); border: none; border-bottom: 1px solid var(--background-modifier-accent); } .scrollableContainer-15eg7h { /* textarea container */ background-color: rgba(var(--transparencycolor), .3); } .sprite-2lxwfc { /* textarea emojibutton */ transform: none !important; } .wrapper-2SplAX { /* textarea placeholder */ background-color: rgba(var(--transparencycolor), .3); color: var(--text-normal); } .toolbar-37BrJ5 { /* textarea formattoolbar */ background-color: rgb(var(--accentcolor)); } .toolbar-37BrJ5::before { border-top-color: rgb(var(--accentcolor)); } .divider-3NY7PF { /* textarea formattoolbar divider */ border-left-color: hsla(0, 0%,100%, .1); } .active-136ioF, /* textarea buttonactive */ .hover-3OQb9Y:hover { /* textarea buttonhover */ background-color: hsla(0, 0%, 100%, .2); } .icon-3g7qdA { /* textarea buttonicon */ color: #fff; opacity: .7; } .active-136ioF .icon-3g7qdA, .hover-3OQb9Y:hover .icon-3g7qdA { color: #fff; opacity: 1; } #app-mount .pill-1HLSrc { /* textarea command query pill */ background-color: rgba(var(--transparencycolor), .5); border-radius: 5px; } /* ---- 6.4. AUTOCOMPLETEMENU ---- */ #app-mount .autocomplete-3NRXG8 { /* autocomplete container */ background-color: transparent; overflow: hidden; } #app-mount .autocomplete-3NRXG8::before, #app-mount .autocomplete-3NRXG8::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } #app-mount .autocomplete-3NRXG8::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } #app-mount .autocomplete-3NRXG8::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } .theme-brand .autocomplete-3NRXG8 { background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important; } .theme-brand .autocomplete-3NRXG8::before, .theme-brand .autocomplete-3NRXG8::after { display: none; } #app-mount .bar-AokMp3 { /* autocomplete command info */ background-color: transparent; } #app-mount .container-23gRWx::after { box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor), .3); } #app-mount .header-JHwfVI { /* autocomplete header */ box-shadow: 0 1px 0 0 rgba(var(--transparencycolor), .2), 0 1px 2px 0 rgba(var(--transparencycolor), .2); } #app-mount .selected-3H3-RC { /* autocomplete rowselected */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .option-Tt7anD { /* autocomplete option */ background-color: rgba(var(--transparencycolor), .5); } #app-mount .wrapper-3z7DuG { /* autocomplete categories */ background-color: transparent; } #app-mount .selected-3B2w1z, /* autocomplete category selected */ #app-mount .selected-3B2w1z:hover { background-color: rgb(var(--accentcolor)); } #app-mount .selected-3B2w1z svg { filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .searchSuggestion-2Dgyvo:hover { /* gifpicker suggestions */ text-shadow: 1px 1px var(--textshadow); } #app-mount .placeholder-T1Tuu8 { /* gifpicker result placeholder */ background-color: rgba(var(--transparencycolor), .3); } /* ---- 6.5. MEMBERLIST ---- */ .member-48YF_l { /* member */ background: transparent; } .avatar-b5OQ1N::before { /* emptyavatar */ background-color: rgba(var(--transparencycolor), .3); } .memberGroupsPlaceholder-9tqX9V, /* loadingplaceholders */ .placeholderAvatar-1qAcRZ, .placeholderUsername-3iQi_D { background-color: rgba(var(--transparencycolor), .4); } /* ---- 6.6. SEARCHPAGE ---- */ .searchResultsWrap-5RVOkx { /* searchpage container */ background-color: transparent; } .searchHeader-1r_ZSh, /* searchpage header */ .searchHeader-1r_ZSh ~ .container-1-h9mY { /* searchpage pagination (BSP) */ 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-3w2Y3c { /* searchpage channelname */ background-color: transparent; } .searchResult-O9NDji { /* searchpage searchresult */ background-color: rgba(var(--transparencycolor), .2); } .button-cfOvv- { /* searchpage jumpbutton */ background-color: rgba(var(--transparencycolor), .4); } .button-cfOvv-:hover { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .pageButton-1GMGeJ:hover { background-color: rgba(var(--transparencycolor), .4); } .activeButton-LRWFC_ { text-shadow: 1px 1px var(--textshadow); } /* ---- 6.7. CHAT SIDEBAR ---- */ .container-3XgAHv { /* chat sidebar */ border-radius: 0; } .container-3XgAHv.floating-3M3WeH::before, .container-3XgAHv.floating-3M3WeH::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .container-3XgAHv.floating-3M3WeH::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .container-3XgAHv.floating-3M3WeH::after { background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); backdrop-filter: blur(var(--backgroundblur)); } .chatTarget-3H6mpC.notFloating-cIl-vp ~ .container-3XgAHv { overflow: visible; } .chatTarget-3H6mpC.notFloating-cIl-vp ~ .container-3XgAHv .container-ZMc96U.themed-Hp1KC_::before { content: ""; position: absolute; display: block; top: 0; bottom: 0; left: -8px; width: 8px; background: inherit; box-shadow: inherit; pointer-events: none; } .chatTarget-3H6mpC.notFloating-cIl-vp ~ .container-3XgAHv .container-ZMc96U.themed-Hp1KC_::after { content: ""; position: absolute; display: block; top: 10px; bottom: 10px; left: -3.5px; width: 1px; background: var(--background-modifier-accent); pointer-events: none; } /* ---- 6.8. CALL ---- */ #app-mount .wrapper-3X0c60 { z-index: 1002; } #app-mount .root-1e2tfc { /* popout inner */ background-color: transparent; border: none; } .root-1e2tfc::before, .root-1e2tfc::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .root-1e2tfc::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .root-1e2tfc::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .wrapper-1gVUIN { /* call voice wrapper */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8)); } #app-mount .callContainer-HtHELf { /* call voice wrapper inner */ background-color: rgba(var(--transparencycolor), calc((1 - (var(--guildchanneltransparency) * 0.8)) * 0.8)); } #app-mount .root-22AK9z { /* call root */ color: var(--header-primary); } .videoWrapper-3rtb_V { /* call video wrapper */ background-color: rgba(var(--transparencycolor), .3); } .video-eAcneW { /* call video */ background-color: transparent; } .tile-2TcwiO, /* call user video voicechannel */ .tile-2Dr6M1 { /* call user video dm */ background-color: rgba(var(--transparencycolor), .3); } .gradientContainer-phMG8d { /* call gradientcontainer */ display: none; } .participantsButton-1WBdFP { /* call participantsbutton */ background-color: rgba(0, 0, 0, .3); } .participantsButton-1WBdFP:hover { background-color: rgba(0, 0, 0, .6); } .centerButton-1IShs7, .colorable-3rVGna.primaryDark-2UJt1G { background-color: rgba(var(--transparencycolor), .5); } .centerButton-1IShs7:hover, .colorable-3rVGna.primaryDark-2UJt1G:hover { background-color: rgb(var(--accentcolor)); } .button-3Vyz67 { background-color: rgba(var(--transparencycolor), .4); } .button-3Vyz67:hover { background-color: rgba(var(--transparencycolor), .6); } .controlButton-2PMNom.leaveButton-2YnTyt { background-color: rgba(var(--dangercolor)),.5); } .controlButton-2PMNom.leaveButton-2YnTyt:hover { background-color: rgb(var(--dangercolor)); } .regionSelectPopout-3sEzVB { width: 170px; } .container-cH6QoY { /* call podium wrapper */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8)); } .callContainer-BGIngG { /* call podium inner */ background-color: transparent; } .scroller-35tvpe { /* call podium scroller */ background-color: transparent; } .container-3r7mfc { /* call podium info */ background-color: transparent; } .rowContainer-jDvyA4 { /* call podium row */ background-color: transparent; } .participants-3hk3ND { /* call podium participants */ background-color: transparent; } .tileContainer-Os085F:hover { /* call podium participant */ background-color: rgb(var(--accentcolor)); } .container-lqPArA { /* call podium requests */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.3)); } .headerContainer-21E-jZ { /* 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.9. UNAVAILABLESCREEN ---- */ .category-2haXBH, /* loadingplaceholders */ .channelIcon-1TvDoP, .channelName-2wrHHc { background: rgba(var(--transparencycolor), .4); } .splashImage-3x240k { /* screen image */ opacity: 0.7; } /* ~~~~ 7. PEOPLES ~~~~ */ .addFriendInputWrapper-kkoSV9 { /* peoples add friend */ background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); } .addFriendInputWrapper-kkoSV9:hover:not(:focus-within) { border-color: rgb(var(--transparencycolor)); } .container-3tKtM_ { /* peoples explore option */ border: none; } .container-3tKtM_:hover { background-color: var(--background-floating); } .peopleListItem-u6dGxF .actionButton-3-B2x-, /* peoples actionbutton */ .peopleListItem-u6dGxF .actionButton-3-B2x { /* peoples actionbutton */ background-color: rgba(var(--transparencycolor), .1); } .peopleListItem-u6dGxF .actionButton-3-B2x-:hover, .peopleListItem-u6dGxF .actionButton-3-B2x:hover { background-color: rgb(var(--accentcolor)); } .peopleListItem-u6dGxF .actionButton-3-B2x-:hover svg, .peopleListItem-u6dGxF .actionButton-3-B2x:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } .peopleListItem-u6dGxF.active-2UF8Zh, .peopleListItem-u6dGxF:hover, .peopleListItem-u6dGxF.active-2UF8Zh, .peopleListItem-u6dGxF:hover { background-color: rgba(var(--transparencycolor), .3); } .peopleListItem-u6dGxF.active-2UF8Zh .actionButton-3-B2x-, .peopleListItem-u6dGxF:hover .actionButton-3-B2x-, .peopleListItem-u6dGxF.active-2UF8Zh .actionButton-3-B2x, .peopleListItem-u6dGxF:hover .actionButton-3-B2x { background-color: rgba(var(--transparencycolor), .3); } #app-mount .outer-2JOHae, /* playing card */ #app-mount .wrapper-2RrXDg { /* playing card */ background-color: rgba(var(--transparencycolor), .2); border: unset; } #app-mount .outer-2JOHae.active-1W_Gl9, #app-mount .outer-2JOHae.interactive-2zD88a:hover, #app-mount .outer-2JOHae.active-1W_Gl9, #app-mount .outer-2JOHae.interactive-2zD88a:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .inset-SbsSFp { /* playing card inner */ background-color: rgba(var(--transparencycolor), .2); } .emptyCard-KDifrB { /* playing empty card */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .partyMemberOverflow-3G1oZz { background: rgba(var(--transparencycolor), .5); } #app-mount .partyMemberBackground-35PUxI, #app-mount .partyMemberUnknown-3RMTbX { background-color: rgba(var(--transparencycolor), .5); } #app-mount .partyMemberUnknownIcon-3HapjE { color: var(--channels-default); } #app-mount .popout-3Zw0qN { /* 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-3Zw0qN::before, .popout-3Zw0qN::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popout-3Zw0qN::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .popout-3Zw0qN::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3)); backdrop-filter: blur(var(--popoutblur)); } #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-cnc4f7 { /* marketingheader */ background-color: rgba(var(--transparencycolor), .3); } .detailsBlock-FoDTGA { /* billing details */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .categoryHeader-93jmyE, /* categoryheader */ #app-mount .premiumApplicationsHeader-3K67Qe { border-color: var(--background-modifier-accent); color: var(--header-primary); } #app-mount .tier1Banner-LvpkWu { /* tier1banner container */ background-color: rgba(var(--transparencycolor), .3); color: #fff; } .headerIcon-3bqya6 { /* tier1banner svgtitle */ color: #fff; } .smallCarousel-20QIi8 { background-color: rgba(var(--transparencycolor), .3); border-radius: 5px; } #app-mount .item-g96i1Z { /* gamepreview previewitem */ background-color: rgba(var(--transparencycolor), .3); } .arrow-3M4PD9 { /* gamepreview prev/nextarrow (big) */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .themedPagination-3jclKS .arrow-2PTaaz { /* gamepreview prev/nextarrow (small) */ color: var(--header-primary); } #app-mount .themedPagination-3jclKS .dot-1xabNQ { /* gamepreview itemdot (small) */ background-color: var(--header-primary); } #app-mount .root-3mkK8X { /* gameinfo sectioncontainer */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .header-13C7x6 { /* gameinfo sectionheader */ color: var(--header-primary); } #app-mount .section-3Et6MX { /* gameinfo subsection */ border-bottom-color: var(--background-modifier-accent); } #app-mount .playerOverflow-GbSZQs { background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .description-hC8iQf { /* gameinfo subsectiondescription */ color: var(--header-secondary); } #app-mount .description-hC8iQf strong, #app-mount .username-pDGZS1 { /* gameinfo subsectionusername */ color: var(--header-primary); } #app-mount .smallHeader--lYkq9 { /* gameinfo subsectionheader */ color: var(--header-secondary); } #app-mount .text-3UzHA4 { /* gameinfo subsectiontext */ color: var(--header-primary); } #app-mount .iconCircle-3CMTjB { background-color: rgba(var(--transparencycolor), .3); } #app-mount .circle-1ceChx { color: var(--header-primary); } #app-mount .divider-3y7HAB { /* section divider */ border-color: var(--background-modifier-accent); } #app-mount .blurb-btvBEJ { /* section description */ color: var(--text-normal); } #app-mount .description-BzYBA2 { /* section subdescription */ color: var(--header-secondary); } #app-mount .requirements-2IwVy6 { /* requirements */ color: var(--text-normal); } #app-mount .requirementKey-3Mlwzf { /* requirements key */ color: rgb(var(--textdarker)); } #app-mount .content-3N5BG9 { /* requirements rating */ color: rgb(var(--textdarker)); } #app-mount .content-26qlhD { /* requirements copyright */ color: rgb(var(--textdarker)); } #app-mount .bodySection-3iDdop { /* sidebar section */ background-color: rgba(var(--transparencycolor), .2); border-top-color: var(--background-modifier-accent); } #app-mount .actionText-1Yglc4 { /* sidebar header */ color: var(--text-normal); } #app-mount .purchaseUnitOperatingSystem-1OW7Kw { /* sidebar OSicon */ color: rgb(var(--textdarkest)); } #app-mount .price-2SHLzi, /* sidebar price */ #app-mount .listingPrice-3Byrq9 { color: var(--header-primary); } #app-mount .title-3cAMJ9 { /* sidebar subtitle */ color: var(--header-primary); } #app-mount .skuNormal-213nY8 { /* sidebar pricerow */ border-bottom-color: var(--background-modifier-accent); } #app-mount .name-aq9Dm0 { /* sidebar pricename */ color: var(--header-secondary); } #app-mount .sku-3GRW_9:hover .name-aq9Dm0 { color: var(--header-primary); } #app-mount .price-1BMuA2 { /* sidebar priceamount */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-primary); } #app-mount .label-29p9qC { /* sidebar label */ color: rgb(var(--textdarker)); } #app-mount .info-3k6QpS { /* sidebar labelinfo */ color: var(--header-primary); } #app-mount .content-1W9-9i { /* invitecard container */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .name-22c6Wk { /* invitecard guildname */ color: var(--header-secondary); } #app-mount .memberInfo-QIpngr { /* invitecard memberinfo */ color: rgb(var(--textdarker)); } .premiumSubscriptionAccountCredit-1UInYJ { /* abonnements abocard */ background-color: rgba(var(--transparencycolor), .4); } #app-mount .row-2qQ--F { /* features row */ background-color: rgba(var(--transparencycolor), .2); color: var(--header-secondary); } #app-mount .featureIcon-3GwsEQ { /* features featureicon */ color: var(--header-secondary); } #app-mount .feature-2IUcBI { /* features feature */ background-color: rgba(var(--transparencycolor), .4); } .featureImage-91H2fC { /* features image */ opacity: 0.7; } .banner-WELp4M { /* features xbox promo */ background-color: rgba(var(--transparencycolor), .4); } /* ~~~~ 9. LIBRARY ~~~~ */ .header-2EadGG { /* library table header */ background-color: transparent; border-bottom-color: var(--background-modifier-accent); position: relative; } .header-2EadGG::before, .header-2EadGG::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .header-2EadGG::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .header-2EadGG::after { background-color: rgba(var(--transparencycolor), .4); backdrop-filter: blur(var(--backgroundblur)); } #app-mount .headerCellSorted-1bg4Lp { color: var(--header-primary); } .rowWrapperActive-nOO7R3 { background-color: rgba(var(--transparencycolor), .2); } .rowWrapper-N-4fji + .rowWrapper-N-4fji .row-1_1Nya { border-top-color: var(--background-modifier-accent); } #app-mount .rate-1lw2ml { color: var(--text-muted); } #app-mount .background-3laMJt { /* library usagebar */ stroke: rgb(var(--transparencycolor), .5); } #app-mount .usageInfo-2CQ9c7 { /* gamelibrary usageinfo */ color: var(--header-secondary); } #app-mount .installationPath-2PbaRC { /* library game row path */ box-shadow: 0 1px 0 0 var(--background-accent); } #app-mount .rowTitle-2MoCno { /* library game row title */ color: var(--text-normal); } #app-mount .rowBody-uWDd7Y { /* library game row body */ color: var(--text-muted); } #app-mount .defaultLocationCheckbox-1Y3dSI { /* library location checkbox */ color: var(--header-primary); } #app-mount .defaultIndicator-1AxErs { /* library location indicator */ background-color: rgba(var(--transparencycolor), .5); color: var(--header-primary); } #app-mount .applicationName-1uqOrC { /* library application name */ color: var(--header-primary); } #app-mount .applicationSubText-2SBEgj { /* library application subtext */ color: var(--text-muted); } #app-mount .emptyWumpus-11kRB0 { /* library no games */ background: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg); opacity: 0.6; } /* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */ #app-mount .pageWrapper-2PwDoS, /* guilddiscovery container */ #app-mount .pageWrapper-1x6lGh { /* unihub container */ color: var(--header-primary); } #app-mount .pageWrapper-2PwDoS .searchBox-31Zv9h, /* guilddiscovery searchbox */ #app-mount .pageWrapper-1x6lGh .searchBox-3wTyE4 { /* unihub searchbox */ background-color: #fff; } #app-mount .card-2TuZPZ, /* guilddiscovery card */ #app-mount .card-3N2v9t { /* unihub card */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .iconMask-2fMR98, /* guilddiscovery iconmask */ #app-mount .iconMask-24Ybpm { /* unihub iconmask */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .card-2TuZPZ:hover, #app-mount .iconMask-2fMR98:hover, #app-mount .card-3N2v9t:hover, #app-mount .iconMask-24Ybpm:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .cardPlaceholder-1E2FEs { /* guildcard placeholder */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .loading-3ozbwt { /* guildcard loading */ background-color: rgba(var(--transparencycolor), .5); } .actionButtonsContainer-2eREP- { /* guildcard action button */ position: relative; background: transparent; } .actionButtonsContainer-2eREP-::before, .actionButtonsContainer-2eREP-::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 4px; pointer-events: none; } .actionButtonsContainer-2eREP-::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .actionButtonsContainer-2eREP-::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--backgroundblur)); } .spinner-2bMWLW { /* guildcard loading spinner */ background: transparent; transform: none; top: calc(50% - 24px); left: calc(50% - 24px); } .spinner-2bMWLW::before, .spinner-2bMWLW::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 8px; pointer-events: none; } .spinner-2bMWLW::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .spinner-2bMWLW::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.4)); backdrop-filter: blur(var(--backgroundblur)); } #app-mount .addEntryCard-w9XVzQ { /* add entry card */ background-color: rgba(var(--transparencycolor),.2); border-color: var(--interactive-normal); } #app-mount .addEntryCard-w9XVzQ:hover { background-color: rgba(var(--transparencycolor),.4); border-color: var(--interactive-active); } .emojiContainer-1u-_sQ { /* search emojicontainer */ background-color: rgba(var(--transparencycolor), .3); } .emptyContainer-poti7J { /* 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-2GWPIy.selected-1sf9UK[aria-controls="Nitro Server Boost-tab"], .serverBoostTabItem-2hFTIN[aria-selected=true] { text-shadow: 1px 1px var(--textshadow); } #app-mount .side-1lrxIh .themed-qqoYp3.item-2GWPIy:active:not(.disabled-2G98Nl), /* sideitems */ #app-mount .topPill-2vcLsa .themed-qqoYp3.item-2GWPIy:active:not(.disabled-2G98Nl), /* tabitems */ #app-mount .side-1lrxIh .themed-qqoYp3.item-2GWPIy:hover:not(.disabled-2G98Nl), /* sideitems */ #app-mount .topPill-2vcLsa .themed-qqoYp3.item-2GWPIy:hover:not(.disabled-2G98Nl) { /* tabitems */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy, #app-mount .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy, #app-mount .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:active, #app-mount .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:active, #app-mount .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover, #app-mount .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } #app-mount .foreground-2hyALB { /* sidebar sideitemlink */ background: var(--interactive-normal); } #app-mount .link-39xJu3:active .foreground-2hyALB, #app-mount .link-39xJu3:hover .foreground-2hyALB { 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-3HkfJJ div[role="tabpanel"] { /* tabpanel */ width: 100%; } .toolsContainer-25FL6V { /* closebutton wrapper */ margin-right: 37px; } #app-mount .closeButton-PCZcma { /* closebutton button */ border-color: var(--channels-default); } #app-mount .closeButton-PCZcma path[fill] { fill: var(--channels-default); } #app-mount .closeButton-PCZcma:hover { background-color: rgba(var(--accentcolor), .2); border-color: var(--header-secondary); } #app-mount .closeButton-PCZcma:hover path[fill] { fill: var(--header-secondary); } #app-mount .closeButton-PCZcma:active { border-color: var(--text-normal); } #app-mount .closeButton-PCZcma:active path[fill] { fill: var(--text-normal); } #app-mount .keybind-13vtq8 { /* closebutton keybind */ color: var(--channels-default); } #app-mount .closeButtonBold-2Wgbg8 { /* closebutton button bold */ border-color: var(--header-secondary); } #app-mount .closeButtonBold-2Wgbg8 path[fill] { fill: var(--header-secondary); } #app-mount .closeButtonBold-2Wgbg8:hover { background-color: rgba(var(--accentcolor), .4); border-color: var(--text-normal); } #app-mount .closeButtonBold-2Wgbg8:hover path[fill] { fill: var(--text-normal); } #app-mount .closeButtonBold-2Wgbg8:active { border-color: var(--header-primary); } #app-mount .closeButtonBold-2Wgbg8:active path[fill] { fill: var(--header-primary); } #app-mount .keybindBold-1U6HoA { /* closebutton keybind bold */ color: var(--header-secondary); } .cardPrimary-3qRT__, .cardPrimaryEditable-2mz_3i { /* settingsitems card */ border-color: rgba(var(--transparencycolor), .1); } .cardPrimary-3qRT__ { background-color: rgba(var(--transparencycolor), .2); } .cardPrimaryEditable-2mz_3i { background-color: rgba(var(--transparencycolor), .1); } .cardPrimaryOutline-1ofwVz { border-color: rgba(var(--transparencycolor), .2); } .accountProfileCard-lbN7n-, /* accountsettings container */ .profileBannerPreview-3mLIdO { /* accountsettings preview */ background: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } .accountProfileCard-lbN7n-::before, .profileBannerPreview-3mLIdO::before, .accountProfileCard-lbN7n-::after, .profileBannerPreview-3mLIdO::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .accountProfileCard-lbN7n-::before, .profileBannerPreview-3mLIdO::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .accountProfileCard-lbN7n-::after, .profileBannerPreview-3mLIdO::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } .accountProfileCard-lbN7n- .avatar-3mTjvZ { /* accountsettings container avatar */ background-color: transparent; border-color: transparent; } .profileBannerPreview-3mLIdO .avatarUploaderInner-p38nm2 { /* accountsettings preview avatar */ background-color: transparent; border: unset; margin: 6px; } /* accountsettings container banner */ .accountProfileCard-lbN7n- *:not(foreignObject) > .banner-1YaD3N { -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; } /* accountsettings preview banner */ .profileBannerPreview-3mLIdO *:not(foreignObject) > .banner-3D8GgT { -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; } .questionMark-3V9mGJ svg { /* accountsettings questionmark new */ filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg { /* accountsettings removeavatar */ color: var(--header-secondary); } #app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg:hover { color: var(--text-muted); } #app-mount .userSettingsSecurity-3C5Hg5 .codeCheckbox-12-XEX { color: var(--text-normal); } #app-mount .background-3d_SjE { /* accountsettings container */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .fieldList-in8WkP { /* accountsettings settings */ background-color: transparent; } .colorSwatch-3g4qA8 { /* profilesettings colorswatch */ display: flex; justify-content: center; align-items: center; } .colorSwatch-3g4qA8 > [role="radio"] { display: flex; flex-direction: column; align-items: center; } .colorSwatch-3g4qA8 > .dropperIconButton-2shYII { width: 69px; margin: auto; } .accountList-305sx3 { /* connections container */ background-color: rgba(var(--transparencycolor), .4); } .accountBtn-1YkMgV .accountBtnInner-3XK70s { /* connections connectioninner */ background-color: rgba(var(--transparencycolor), .2); } .accountBtn-1YkMgV .accountBtnInner-3XK70s:hover { background-color: rgb(var(--accentcolor)); } .connection-107AGH { /* connections connection */ background-color: rgba(var(--transparencycolor), .3); } .connectionHeader-2rV1ze { /* 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-CyvwQv { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor), .2); } .cardWrapper-CyvwQv:hover { background-color: rgba(var(--transparencycolor), .4); } .cardWrapper-CyvwQv .card-2gdrYL, /* boostsettings suggestioncard inner */ .cardWrapper-CyvwQv .card-2gdrYL:hover { background-color: transparent; } #app-mount .gemIndicatorContainer-PqApbX { /* boostsettings suggestioncard circle */ background-color: transparent; } #app-mount .summaryInfo-3hcuop { /* boostsettings past transactions summary */ color: var(--header-primary); } #app-mount .payment-2bOh4k { /* boostsettings past transactions payment */ background-color: transparent; color: var(--header-secondary); } #app-mount .hoverablePayment-lE1s4t:hover { background-color: rgba(var(--transparencycolor), .2); } #app-mount .paymentHeader-2o7Phd { /* boostsettings past transactions header */ color: var(--header-primary); border-color: var(--background-modifier-accent); } #app-mount .expandedInfo-1W31i3 { /* boostsettings past transactions expandedinfo */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .paymentText-BPrx01 { /* boostsettings past transactions paymenttext */ color: var(--header-secondary); } #app-mount .giftIcon-U9wStf { /* boostsettings past transactions gifticon */ color: var(--header-primary); } #app-mount .paymentPane-ut5qKZ { /* boostsettings past transactions */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-primary); } #app-mount .paginator-1eqD2g { /* boostsettings past transactions paginator */ background: rgba(var(--transparencycolor), .3); color: var(--text-muted); } #app-mount .bottomDivider-ZmTm-j { /* boostsettings past transactions divider */ border-bottom-color: rgba(var(--transparencycolor), .3); } #app-mount .tab-2hobIk { /* boostsettings past transactions tab */ color: var(--text-muted); } #app-mount .externalRowHeader-LT6-4N { /* boostsettings past transactions extenal row */ color: var(--header-secondary); } .emptyStateImage-2qGUMK { /* giftinventory no gifts */ opacity: 0.6; } #app-mount .codeRedemptionRedirect-2hYMSQ { /* payment coderedem */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .1); color: var(--header-primary); } .membershipDialogHouse1-R8jb0l { /* hypesquad membershipdialogs */ background-color: rgba(156, 132, 239, .8); } .membershipDialogHouse2-2W27iJ { background-color: rgba(244, 123, 103, .8); } .membershipDialogHouse3-1E5AN4 { background-color: rgba(69, 221, 192, .8); } .videoWrapper-1_H3B3 { background-color: rgba(var(--transparencycolor), .4); } .container-3NTP7o { /* voicesettings voicebarcontainer */ -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg); } .notches-2w7UZJ { background: transparent !important; } #app-mount .progress-1S-TDF { /* voicesettings voicebar */ background-color: rgba(var(--transparencycolor), .3); } .icon-1fWS75[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"], .icon-1fWS75[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-1fWS75[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"], .icon-1fWS75[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-1_dzjw .media-engine-video { /* voicesettings video */ background: transparent; } #app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf { background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .1); } .option-1QI4c9 { /* overlay option */ background-color: rgba(var(--transparencycolor), .4); } .option-1QI4c9:hover, .option-1QI4c9.selected-18Wszc { box-shadow: 0 2px 0 rgba(var(--transparencycolor), .3); } .disabled-35mc5w { color: rgba(var(--transparencycolor), .4); } #app-mount .row-3nMNOy { /* hotkeys row */ box-shadow: inset 0 -1px 0 var(--background-modifier-accent); } #app-mount .card-2ART2V::before { /* settingscard backdrop */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .1); } #app-mount .button-1yVL_7 { /* 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-1yVL_7:hover { background-color: rgba(var(--transparencycolor), .7); } #app-mount .game-2f2vPC { /* games card */ box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .gameNameInput-2wbDJ9:focus, #app-mount .gameNameInput-2wbDJ9:hover { background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); } #app-mount .gameName-zbZetm { /* games gamename */ color: var(--header-primary); } #app-mount .lastPlayed-1jum9A, /* games lastplayed */ #app-mount .overlayStatusText-In0YrK { /* games overlaystatustext */ color: var(--text-muted); } #app-mount .overlayToggleIconOn-21NN2N .fill-297bdf { /* games overlaystatusicon */ fill: var(--text-muted); } #app-mount .nowPlayingAdd-3I4RbE { /* games descriptionhint */ color: var(--header-secondary); } #app-mount .nowPlaying-3UpuKc .gameName-zbZetm { color: #fff; } #app-mount .nowPlaying-3UpuKc .lastPlayed-1jum9A, #app-mount .nowPlaying-3UpuKc .overlayStatusText-In0YrK { color: #b4e1cd; } #app-mount .nowPlaying-3UpuKc .overlayToggleIconOff-ps4gGp .fill-297bdf, #app-mount .nowPlaying-3UpuKc .overlayToggleIconOn-21NN2N .fill-297bdf { fill: #b4e1cd; } #app-mount .notDetected-M3Ghh2 { /* games nogame */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .notDetected-M3Ghh2 .lastPlayed-1jum9A { color: var(--header-secondary); } #app-mount .addGamePopout-2SKNIV { /* games add game popout */ background-color: transparent; } .addGamePopout-2SKNIV::before, .addGamePopout-2SKNIV::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .addGamePopout-2SKNIV::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .addGamePopout-2SKNIV::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.15)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .addGamePopout-2SKNIV .cancelButton-1_3Ix7 { color: var(--header-primary); } .preview-rua1rr { /* 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-20TyK0 { /* settings confirmnotice */ position: relative; backdrop-filter: blur(var(--backgroundblur)); } .container-20TyK0[style*="background-color: rgba(248, 249, 249"], .container-20TyK0[style*="background-color: rgba(32, 34, 37"] { background-color: rgba(var(--transparencycolor), .7) !important; } .container-20TyK0[style*="background-color: rgba(248, 249, 249"] .message-3C6JQ1, .container-20TyK0[style*="background-color: rgba(32, 34, 37"] .message-3C6JQ1 { color: var(--header-primary) !important; } .container-20TyK0[style*="background-color: rgba(248, 249, 249"] .resetButton-jFzA0U span[style], .container-20TyK0[style*="background-color: rgba(32, 34, 37"] .resetButton-jFzA0U span[style] { color: var(--header-primary) !important; } .container-20TyK0::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; pointer-events: none; z-index: -1; } .roles-34RIpY { /* rolesettings intro roles */ z-index: 2; } .profileCard-1j58Ju { /* rolesettings intro profile */ position: relative; z-index: 1; } .profileCard-1j58Ju::before, .profileCard-1j58Ju::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .profileCard-1j58Ju::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .profileCard-1j58Ju::after { backdrop-filter: blur(var(--popoutblur)); } .sidebar-3K3Z4C { /* rolesettings sidebar */ background-color: rgba(var(--transparencycolor), .1); border: none; } .container-3EtAkD { /* rolesettings everyone role */ background-color: rgba(var(--transparencycolor), .2); } .container-3EtAkD: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-xZSDjS { /* rolesettings setting card */ background-color: rgba(var(--transparencycolor), .2); } .settingCard-xZSDjS.active-3EK-ed { /* rolesettings setting card active */ background-color: rgba(var(--transparencycolor), .3); } .cardContent-1-5hym { /* rolesettings setting card header */ background-color: rgba(var(--transparencycolor), .2); } .cardFolder-3H4uH4 { /* rolesettings setting card body */ background-color: transparent; } .group-LWHoGI { /* rolesettings permissions group */ border-color: rgb(var(--transparencycolor), .4); } .item-4m-12I { /* rolesettings permissions item */ background: rgb(var(--transparencycolor), .2); } .item-4m-12I:hover { background: rgb(var(--transparencycolor), .4); } .passthrough--fbdFR.selected-3jieYB { /* rolesettings permissions passthrough selected */ background: rgb(var(--accentcolor)); } .icon-2DGsye { /* rolesettings everyone role icon */ background-color: rgba(var(--transparencycolor), .4); } .titleContainer-3fPic2, /* rolesettings roles list header */ .header-JUTO-g { /* rolesettings perms list header */ background-color: transparent; } .titleElevated-eN3exl, .stickyHeaderElevated-dNSSrJ { box-shadow: none; } .header-JUTO-g::before, .header-JUTO-g::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } .header-JUTO-g::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .header-JUTO-g::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha))); backdrop-filter: blur(var(--backgroundblur)); } .roleDot-2a4Pv7 { /* rolesettings role dot */ border: none; } .roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) { /* rolesettings role row */ background-color: rgba(var(--transparencycolor), .2); } .roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY { background-color: rgba(var(--transparencycolor), .2); } .roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY:hover { background-color: rgb(var(--accentcolor)); } .roleRow-3LoHQ6:before, .roleRow-3LoHQ6:last-child:after { background-color: var(--background-modifier-accent); } .memberRow-1FhJgR:hover { /* rolesettings member row */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .colorPickerSwatch-RTUGRR.noColor-1Oln62 { /* rolesettings colorswatch nocolor */ border-color: rgba(var(--textbrightest), .3); } #app-mount .colorPickerSwatch-RTUGRR.noColor-1Oln62 .colorPickerDropperFg-Lureab { fill: var(--header-primary); } #app-mount .colorPickerSwatch-RTUGRR.noColor-1Oln62 polyline { stroke: var(--header-primary); } .previewContainer-1xQAsw { /* rolesettings preview */ border: none; } .messageContainer-3a6gLR { /* rolesettings preview message */ background-color: rgba(var(--transparencycolor), .2); } .theme-light .messageContainer-3a6gLR { display: none; } .addMemberRow-KVhQFf.selectedRow-1SAgVL { /* 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-1NVAY0 { /* auditlogs logitem */ border-color: rgba(var(--transparencycolor), .1); color: var(--text-muted); } #app-mount .headerClickable-zGQJz3, /* auditlogs loginner */ #app-mount .headerDefault-1e6yjj { background-color: rgba(var(--transparencycolor), .2); color: var(--header-secondary); } #app-mount .headerExpanded-1-zwDr { background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .divider-M3saWq { /* auditlogs loginnerdivider */ background-color: var(--background-modifier-accent); } #app-mount .changeDetails-1kMZqI { /* auditlogs logdetails */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .userHook-3R3zjr { /* auditlogs userhook */ color: var(--header-primary); } #app-mount .auditLog-1NVAY0 strong { /* auditlogs targets */ color: var(--header-primary); } #app-mount .timestamp-147bcs { /* auditlogs timestamp */ color: var(--text-muted); } #app-mount .expandForeground-1nZ4VR { /* auditlogs expandarrow */ stroke: var(--header-secondary); } .themeOverrideLight-bdYR2N.icon-2PiQ65, /* auditlogs logicon */ .themeOverrideDark-3-xxHI.icon-2PiQ65, #app-mount .icon-2PiQ65 { background: none !important; } .icon-2PiQ65::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--header-primary); } .icon-2PiQ65.applicationCommand-3YMgNf::before { -webkit-mask: url(https://discord.com/assets/561a626f671b8fd8f0c2e85c97df9b04.svg); } .icon-2PiQ65.autoModerationBlockMessage-97cbNX::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } .icon-2PiQ65.autoModerationRule-2pc9PC::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } .icon-2PiQ65.targetAll-21RPfg::before { -webkit-mask: url(https://discord.com/assets/22fd0ab3562af24ea964465bb65531aa.svg); } .icon-2PiQ65.targetBan-qwvck2::before { -webkit-mask: url(https://discord.com/assets/fd541825b6853aaae233ad9d83e05a18.svg); } .icon-2PiQ65.targetChannel-1NWbC5::before { -webkit-mask: url(https://discord.com/assets/528ae525a9823affbcd2a35bd20573b0.svg); } .icon-2PiQ65.targetEmoji-2T6Ze4::before { -webkit-mask: url(https://discord.com/assets/858ab2bdee17ca226df85e23263bcf3a.svg); } .icon-2PiQ65.targetGuild-pvPVWS::before { -webkit-mask: url(https://discord.com/assets/448b698d906ab4d93b609282595a1c9d.svg); } .icon-2PiQ65.targetGuildHome-3LSyOg::before { -webkit-mask: url(https://discord.com/assets/eeaa7c1199e8f4cdb46de98c9b924edf.svg); } .icon-2PiQ65.targetGuildScheduledEvent-330pb3::before { -webkit-mask: url(https://discord.com/assets/7093e58edcd5202a129a6e4fbf427c6d.svg); } .icon-2PiQ65.targetIntegration-j5Mnwy::before { -webkit-mask: url(https://discord.com/assets/993b5f52b8bd8d1c1c34cac05015c331.svg); } .icon-2PiQ65.targetInvite-2hFskc::before { -webkit-mask: url(https://discord.com/assets/d0dc8a4c8ea55b119c5c2cccf69b031f.svg); } .icon-2PiQ65.targetMember-2pI3Cu::before { -webkit-mask: url(https://discord.com/assets/e2c0846875f889524e3d60e7d25afa55.svg); } .icon-2PiQ65.targetMemberRole-jNaX-k::before { -webkit-mask: url(https://discord.com/assets/00124e254d0d86c37f6d02ec0c5b1e02.svg); } .icon-2PiQ65.targetMessage-WgF9Dt::before { -webkit-mask: url(https://discord.com/assets/aa9f9c29b51e414f0476d4388031aaf4.svg); } .icon-2PiQ65.targetPermission-2fNNaU::before { -webkit-mask: url(https://discord.com/assets/35de2007bfe0db9821881321d8b7c1fe.svg); } .icon-2PiQ65.targetRole-24Nm1S::before { -webkit-mask: url(https://discord.com/assets/9aa6e9df74888ec09885bb08341800be.svg); } .icon-2PiQ65.targetStageInstance-2ljqjY::before { -webkit-mask: url(https://discord.com/assets/dfad85fc7c072498298077f68cf006ca.svg); } .icon-2PiQ65.targetSticker-2BoYB9::before { -webkit-mask: url(https://discord.com/assets/da5f0aa4b5ccf0165b4220ba9929ea59.svg); } .icon-2PiQ65.targetVanityUrl-1KGkGd::before { -webkit-mask: url(https://discord.com/assets/bef4eebd4f9e00aabbfa7de1949c8565.svg); } .icon-2PiQ65.targetWebhook-3gzYYG::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } .icon-2PiQ65.targetWidget-3g4NqJ::before { -webkit-mask: url(https://discord.com/assets/03f717eddad9ac74a1900254625657cf.svg); } .icon-2PiQ65.thread-P4cm8D::before { -webkit-mask: url(https://discord.com/assets/c254ffdde9bc5c90c5ec5d9e11dbf382.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-2fnrVG { /* communitysettings analytics card */ background-color: rgba(var(--transparencycolor), .3); } .backgroundAccent-2YeFtZ { /* 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-2O-nVK, /* communitysettings rules example */ .exampleContainer-25sB-A { /* communitysettings welcome example */ background: transparent; position: relative; } .exampleContainer-2O-nVK > *, .exampleContainer-25sB-A > * { z-index: 1; } .exampleContainer-2O-nVK::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-1lRfuE, /* 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-1lRfuE > *, .exampleModal-2X2Vf8 > * { z-index: 1; } .exampleModal-1lRfuE::before, .exampleModal-2X2Vf8::before, .exampleModal-1lRfuE::after, .exampleModal-2X2Vf8::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; } .exampleModal-1lRfuE::before, .exampleModal-2X2Vf8::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .exampleModal-1lRfuE::after, .exampleModal-2X2Vf8::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .guildSidebar-pjuGkm { /* communitysettings rules example sidebar */ background-color: rgba(var(--transparencycolor), .4); margin-right: 0 !important; } .content-pHpkq8 { /* communitysettings rules example inner */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .footer-11k_3m { /* communitysettings rules example footer */ background: transparent; } .exampleTextSingleLine-3bwqy5 { /* communitysettings rules example line */ background-color: rgba(var(--textbrightest), .3); } .enableContainer-1J91Aq { /* communitysettings rules enablecontainer */ background-color: rgba(var(--transparencycolor), .3); } .icon-1_mnkD { /* communitysettings rules category icon */ background-color: rgba(var(--transparencycolor), .2); } .settingsFormItem-25zW3t { /* communitysettings rules form */ background-color: rgba(var(--transparencycolor), .2); } .getStartedWrapper-2mNX-j { /* communitysettings rules getstarted */ background-color: rgba(var(--transparencycolor), .2); } .exampleRule-3gJ39X { /* communitysettings rules example rule */ background-color: rgba(var(--transparencycolor), .4); } .rulesTextAreaInput-asSkdy { /* communitysettings rules edit rule */ border-color: rgba(var(--transparencycolor), .3); } .rulesTextAreaInput-asSkdy:hover:not(:focus) { border-color: rgb(var(--transparencycolor)); } .editCircle-2uL_D3 { /* communitysettings rules editcirle */ background-color: rgba(var(--transparencycolor), .4); } .editButton-2SLR4j { /* communitysettings rules editbutton */ background-color: rgba(var(--transparencycolor), .4); } .editButton-2SLR4j:hover { background-color: rgba(var(--transparencycolor), .6); } .formFieldWrapper-2LV3S6, .settingsFormFieldWrapper-U99c9i { /* 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-30MLlO { /* boostsettings tierheaderlocked */ background-color: rgba(var(--transparencycolor), .4); color: var(--header-secondary); } #app-mount .tierHeaderUnlocked-1OpOLf { /* boostsettings tierheaderunlocked */ background-color: rgba(var(--transparencycolor), .5); } #app-mount .tierCloseClose-T256RA { /* boostsettings tiercloseclose */ color: var(--header-primary); } #app-mount .tierBody-1d3UiS { /* boostsettings tierbody */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .tierInProgress-1vFUnw { /* boostsettings tiermilestone */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .background-3xJH_4 { /* 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-1YKTU0 { /* 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-1Puiuq, /* membersettings roleoverflow popout */ #app-mount .overflowRolesPopoutArrow-2R7g3K { 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-1Puiuq::before, .overflowRolesPopoutArrow-2R7g3K::before, .overflowRolesPopout-1Puiuq::after, .overflowRolesPopoutArrow-2R7g3K::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .overflowRolesPopout-1Puiuq::before, .overflowRolesPopoutArrow-2R7g3K::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .overflowRolesPopout-1Puiuq::after, .overflowRolesPopoutArrow-2R7g3K::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--popoutblur)); } .overflowRolesPopoutHeaderIcon-2LIuSc path { fill: var(--header-secondary); } .overflowRolesPopoutHeaderText-3HyHGv { color: var(--header-secondary); } #app-mount .inviteSettingsInviteRow-1rZeIM { /* 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-fP3xEz:nth-child(1), .withLayer-2VVmpp:nth-child(1) { z-index: 1002; } .layer-fP3xEz:nth-child(2), .withLayer-2VVmpp:nth-child(2) { z-index: 1003; } .layer-fP3xEz:nth-child(3), .withLayer-2VVmpp:nth-child(3) { z-index: 1004; } .layer-fP3xEz:nth-child(4), .withLayer-2VVmpp:nth-child(4) { z-index: 1005; } .layer-fP3xEz:nth-child(5), .withLayer-2VVmpp:nth-child(5) { z-index: 1006; } .layer-fP3xEz:nth-child(6), .withLayer-2VVmpp:nth-child(6) { z-index: 1007; } .layer-fP3xEz:nth-child(7), .withLayer-2VVmpp:nth-child(7) { z-index: 1008; } .layer-fP3xEz:nth-child(8), .withLayer-2VVmpp:nth-child(8) { z-index: 1009; } .layer-fP3xEz:nth-child(9), .withLayer-2VVmpp:nth-child(9) { z-index: 1010; } .layer-2BGhQ8 { z-index: 1011; } #app-mount .root-1CAIjD, /* modal container (foldersettings) */ #app-mount .modal-2RrUKJ { /* 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; } #app-mount .rootWithShadow-2hdL2J { box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } .root-1CAIjD > *, .modal-2RrUKJ > * { z-index: 1; } .root-1CAIjD::before, .modal-2RrUKJ::before, .root-1CAIjD::after, .modal-2RrUKJ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .root-1CAIjD::before, .modal-2RrUKJ::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .root-1CAIjD::after, .modal-2RrUKJ::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .root-1CAIjD .modal-2RrUKJ::before, .modal-3Crloo::before, .root-1CAIjD .modal-2RrUKJ::after, .modal-3Crloo::after { display: none; } #app-mount .zoomedCarouselModalRoot-beLNhM { background: transparent !important; } .header-1zd7se > .wrapper-1HSdhi:first-child { flex: 1 0 auto; } #app-mount .separator-2lLxgC { box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3); } #app-mount .modalTextContainer-1FUO2W { /* modal text file */ background-color: rgba(var(--transparencycolor), .5); border: none; } #app-mount .footer-IubaaS, #app-mount .footer-1Ip3Sd { /* modal footer */ background-color: rgba(var(--transparencycolor), .2); z-index: 0; } #app-mount .footerSeparator-3U8YsT { box-shadow: none; } #app-mount .footer-3Zgy_M { /* modal footer info */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .close-1mLglB { /* modal closebutton */ z-index: 2; } .tabBarContainer-sCZC4w { /* modal tabbarcontainer */ border-top-color: rgba(var(--transparencycolor), .3); } #app-mount .modal-6GHvdM .tabBarContainer-sCZC4w { background: rgba(var(--transparencycolor), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1); } #app-mount .separator-3TK_-B { box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3); } #app-mount .divider-3APUjw { border-color: var(--background-modifier-accent); } #app-mount .subHeader-2z6h5Z { color: var(--header-secondary); } #app-mount .sectionBody-7I2eAN, #app-mount .subHeader-1mr1LG { 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-MRAL1L { border-color: var(--background-modifier-accent); } #app-mount .backButtonColor-5k5ViL { color: var(--header-primary); } #app-mount .checkboxLabel-NbUiJx { color: var(--header-secondary); } /* ---- 13.1. USERMODAL ----- */ #app-mount .root-8LYsGj { /* 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-8LYsGj::before, .root-8LYsGj::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .root-8LYsGj::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .root-8LYsGj::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .root-8LYsGj .topSection-13QKHs { /* modal topsection */ background-color: rgba(var(--transparencycolor), .2); } .root-8LYsGj *:not(foreignObject) > .banner-1YaD3N { /* modal banner */ -webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat; } .root-8LYsGj .avatar-3QF_VA { /* modal avatar */ background-color: transparent; border-color: transparent; box-sizing: content-box; } #app-mount .body-1Ukv50 { /* modal body */ background-color: transparent; } .listRow-2nO1T6:hover { background-color: rgba(var(--transparencycolor), .2); } .emptyIcon-uKVxYR { /* body emptypic */ opacity: .5; } .profileColors-2AgAV4 .mask-1y0tyc circle { fill: transparent; } /* ---- 13.2. GUILDADD/CREATION ----- */ .container-x8Y1ix, /* create modal item */ .guildRow-3fJnG6 { /* hub modal item */ background-color: rgb(var(--transparencycolor), .2); border: none; } .container-x8Y1ix:hover, .guildRow-3fJnG6:hover { background-color: rgb(var(--transparencycolor), .4); } .text-PdAsFQ, /* create modal text */ .guildName-3RzJ_H { /* hub modal text */ color: var(--header-secondary); } .container-x8Y1ix:hover .text-PdAsFQ, .guildRow-3fJnG6:hover .guildName-3RzJ_H { color: var(--header-primary); } .arrow-2yY1Tm, /* create modal arrow */ .guildName-3RzJ_H ~ img { /* hub modal arrow */ object-position: -999999px -999999px; -webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat; background: var(--header-secondary); } .container-x8Y1ix:hover .arrow-2yY1Tm, .guildRow-3fJnG6:hover .guildName-3RzJ_H ~ img { background: var(--header-primary); } .input-m1-Y7Q { /* modal invite input */ background: transparent; } .inputInner-1Z3Tui { /* 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, .regionSelectModal-12e-57::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .regionSelectModal-12e-57::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .regionSelectModal-12e-57::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } #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-2ie9O_ { /* 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-2ie9O_::before, .uploadModal-2ie9O_::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 10px; pointer-events: none; z-index: -1; } .uploadModal-2ie9O_::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .uploadModal-2ie9O_::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .uploadModalIn-2w48Zf .uploadDropModal-13Kd20 { width: unset; } .uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .title-3ChJ_v, .uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .instructions-272j2A { text-shadow: 1px 1px var(--textshadow); } .uploadModal-2ie9O_ .inner-zqa7da { /* modal channeltextarea */ background-color: rgba(var(--transparencycolor), .3); } .uploadModal-2ie9O_ .footer-VCsJQY { /* modal footer */ background-color: rgba(var(--transparencycolor), .2); box-shadow: none; } .uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k { box-shadow: 0 2px 8px rgba(var(--transparencycolor), .4); } /* ---- 13.5. KEYBOARDSHORTCUTSMODAL ---- */ #app-mount .keyboardShortcutsModal-2CRmCm { /* 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-2CRmCm::before, .keyboardShortcutsModal-2CRmCm::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .keyboardShortcutsModal-2CRmCm::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .keyboardShortcutsModal-2CRmCm::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .modalTitle-2skSKy { /* modal title */ color: var(--header-primary); } #app-mount .modalSubtitle-2lx7qk { /* modal subtitle */ border-color: var(--background-modifier-accent); color: var(--text-normal); } #app-mount .keyboardShortcutList-3VFAYS .keybindGroup-39HP2U .keybindDescription-oXh6w_ { color: var(--header-secondary); } #app-mount .keybindShortcut-3zF1P9 { color: var(--header-primary); } #app-mount .keybindShortcut-3zF1P9 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-3zF1P9 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-3zF1P9 span .bindArrow-EmK4SC g { fill: var(--header-primary); } #app-mount .keybindShortcut-3zF1P9 span:active .bindArrow-EmK4SC g { fill: var(--header-secondary); } #app-mount .keybindShortcutTipsSelect-2FpxFp:last-of-type::before { background-color: var(--interactive-muted); } #app-mount .tabButton-1hJ4oW { 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-1hJ4oW rect[fill="#4F545C"], #app-mount .tabButton-1hJ4oW path[fill="#36393F"] { display: none; } /* ---- 13.6. QUICKSWITCHER ---- */ #app-mount .quickswitcher-pKcM9U { /* 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; flex: 1 1 auto; } .quickswitcher-pKcM9U::before, .quickswitcher-pKcM9U::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .quickswitcher-pKcM9U::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .quickswitcher-pKcM9U::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .root-1CAIjD .quickswitcher-pKcM9U::before, .root-1CAIjD .quickswitcher-pKcM9U::after { display: none; } .scroller-2qwVWY { background-color: transparent; } #app-mount .input-3r5zZY { /* modal input */ background-color: rgba(var(--transparencycolor), .4); box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); } #app-mount .resultFocused-3aIoYe, /* modal resultfocused */ #app-mount .result-u66Ywh[aria-selected=true] { /* modal resultselected */ background-color: rgba(var(--transparencycolor), .2); } /* ---- 13.7. INVITEMODAL/GROUPCREATE ---- */ #app-mount .contentWrapper-3oy4Xo { /* 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-3oy4Xo::before, .contentWrapper-3oy4Xo::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .contentWrapper-3oy4Xo::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .contentWrapper-3oy4Xo::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .friendSelected-3cwmD7, /* modal groupdmrow */ #app-mount .inviteRow-3vmB7i:hover { /* modal guildrow */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .friend-8ZraY7, /* modal groupdmrow */ #app-mount .inviteRowName-3H4s_c { /* modal username */ color: var(--header-secondary); } #app-mount .friendSelected-3cwmD7, #app-mount .inviteRow-3vmB7i:hover .inviteRowName-3H4s_c { color: var(--header-primary); } #app-mount .checkBoxLabel-16BK2g, #app-mount .footerText-2QLGHU, #app-mount .subTitle-3TUjmF, #app-mount .subtitle-3v29zT, #app-mount .subText-1CcYgq { color: var(--header-secondary); } .tag-15zcD_ { /* modal added user */ background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } .pill-qMtBTq { background-color: rgba(var(--transparencycolor), .5); } /* ---- 13.8. LOGINSCREEN ---- */ #app-mount .wrapper-25sY58 { /* login wrapper */ background: transparent; } .wrapper-25sY58::before, /* login winbuttonshadow */ .wrapper-25sY58 .rightSplit-24Bqk0, /* login background */ .wrapper-25sY58 .canvas-2dBZRV { /* login movingshadow */ display: none; } #app-mount .authBox-1HR6Ha { /* login modal body */ background-color: transparent; box-shadow: none; color: var(--text-muted); position: relative; overflow: hidden; } #app-mount .authBox-1HR6Ha.authBoxExpanded-AN2aH1 { /* login modal body expanded */ background-color: rgba(var(--transparencycolor), .5); box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } #app-mount .navRow-dG-XX8 { /* modal modal footer */ background-color: rgba(var(--transparencycolor), .2); } /* ---- 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, .modal-DRZfgq::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .modal-DRZfgq::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .modal-DRZfgq::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } [style*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"], /* modal image */ [src*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"] { filter: brightness(85%) invert(100%); opacity: 0.7; } #app-mount .ack-3sCuAV { /* modal acklabel */ color: var(--header-secondary); } #app-mount .buttonContainer-28osRq { /* modal footer */ background-color: rgba(var(--transparencycolor), .2); box-shadow: none; } /* ---- 13.10. DOWNLOADAPPMODAL ---- */ #app-mount .downloadApps-14IgKV { /* 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-14IgKV::before, .downloadApps-14IgKV::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .downloadApps-14IgKV::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .downloadApps-14IgKV::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .downloadApps-14IgKV .header-1lOVWt { color: var(--text-normal); } .downloadApps-14IgKV .footer-2TRYcZ { color: var(--text-muted); } .downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu { border-color: var(--header-secondary); } .downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu p { color: var(--header-secondary); } .downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu .downloadButton-2XskEc { background-color: var(--header-secondary); } .downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu.active-1j5w_A .downloadButton-2XskEc { text-shadow: 1px 1px var(--textshadow); } /* ---- 13.11. GUILDBOOSTMODAL ---- */ #app-mount .perksModal-CLcR1c { /* 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-3iRh_w { /* modal subcount */ color: var(--header-secondary); } #app-mount .subscriberCount-3iRh_w strong { color: var(--text-normal); } #app-mount .moreSubscribers-2FZuij { /* modal suboverflow */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-primary) } #app-mount .subscribersPopout-3lkZNO { /* subpopout container */ background-color: transparent; box-shadow: 0 2px 10px rgba(var(--transparencycolor), .2); overflow: hidden; } .subscribersPopout-3lkZNO::before, .subscribersPopout-3lkZNO::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .subscribersPopout-3lkZNO::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .subscribersPopout-3lkZNO::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .subscribersPopoutUser-3Az2Dc { /* subpopout users */ color: var(--header-secondary); } #app-mount .ctaBar-Nhk8yY { /* current boost stats container */ position: relative; background-color: rgba(var(--transparencycolor), .4); background-image: none; } #app-mount .ctaBar-Nhk8yY::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-2M4f14 { color: var(--header-primary); } #app-mount .tierHeaderLocked-3ItHYn { /* modal tierheaderlocked */ background-color: rgba(var(--transparencycolor), .4); color: var(--text-muted); } #app-mount .tierLock-1uBqZ0 { /* modal tierlock */ color: var(--interactive-muted); } #app-mount .tierHeaderUnlocked-1IvR2R { /* modal tierheaderunlocked */ background-color: rgba(var(--transparencycolor), .5); } #app-mount .tierBody-3ju-rc { /* modal tierbody */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .tierMarkerBackground-G8FoN4 { /* modal tiermilestone */ background: transparent; } #app-mount .tierMarkerInProgress-2Tdxjz { background: rgba(var(--transparencycolor), .3) !important; } #app-mount .selectedTier-24Xj0k .tierMarker-Vw1C95 { box-shadow: 0 4px 8px rgba(var(--transparencycolor), .24); } #app-mount .tierMarkerLabelText-1wk8KK:not(.isAccomplished-2NcqRT):hover { background: rgba(var(--transparencycolor), .3); } #app-mount .barBackground-unEPDT { /* 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-VouwoY { 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-2kmx1K { /* modal gifticon */ color: var(--header-secondary); margin: 0 18px; } #app-mount .button-f2h6uQ .giftIcon-2kmx1K { color: currentColor; } #app-mount .badgeIconWithoutSubscribers-1hjTfX { 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-19D_HN { background: rgba(var(--transparencycolor), .2); } .header-1F6gxU { /* prebuy popout header */ background: rgba(var(--transparencycolor), .3); padding-bottom: 10px; margin-bottom: 10px; } #app-mount .iconWrapper-2_MXbk { /* prebuy popout amount icon wrapper */ background: rgba(var(--transparencycolor), .3); } .icon-2TbMdT: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-2GkvCq { /* modal sidebar */ background-color: rgba(var(--transparencycolor), .4); } #app-mount .reactors-1VXca7 { /* modal list */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .reactionDefault-1Sjj1f:hover { /* modal reaction */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .reactionSelected-1aMb2K { background-color: rgba(var(--transparencycolor), .4); } #app-mount .remove-19AQn_ { /* modal remove */ color: var(--interactive-normal); } #app-mount .remove-19AQn_:hover { background-color: rgba(var(--transparencycolor), .4); color: var(--interactive-hover); } #app-mount .discriminator-1DCM-o { /* modal discriminator */ color: var(--text-muted); } /* ---- 13.13. GUILDWELCOMEMODAL ---- */ .optionContainer-yOpaLq { /* modal option */ background-color: rgba(var(--transparencycolor), .2); } .optionContainer-yOpaLq:hover { background-color: rgba(var(--transparencycolor), .4); } /* ---- 13.14. GUILDRULESMODAL ---- */ .guildSidebar-UHnQqs { /* modal sidebar */ background-color: rgba(var(--transparencycolor), .4); } .modal-2TOYtq { /* modal inner */ background-color: rgba(var(--transparencycolor), .2); } /* ---- 13.15. GUILDFEEDBACKMODAL ---- */ .root-cw9rWQ { /* modal items */ background-color: transparent; border-radius: 0; } .option-1O-Hwt { /* modal item */ background-color: rgb(var(--transparencycolor), .2); border: none; border-radius: 8px; margin-bottom: 8px; } .option-1O-Hwt:hover { background-color: rgb(var(--transparencycolor), .4); } /* ---- 13.16. SCREENSHAREMODAL ---- */ #app-mount .sourceThumbnail-3n4cjJ { /* 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-1SdQ2- { background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .4); } #app-mount .item-2OyinQ { border-color: rgba(var(--transparencycolor), .4); } .selectorButton-3sW6Qm:not(.selectorButtonSelected-3Z0WNU) { background-color: rgba(var(--transparencycolor), .2); } #app-mount .userListOverflow-2GkVmP { background: rgba(var(--transparencycolor), .5); } /* ---- 13.17. PHONEVERIFICATIONMODAL ---- */ .phoneField-3NAPDv { background-color: rgba(var(--transparencycolor), .2); } .phoneField-3NAPDv .inputField-1iYysB { background-color: transparent; } .phoneFieldPopout-3O-1C3 { position: absolute !important; } /* ---- 13.18. NOTIFICATIONSMODAL ---- */ #app-mount .channelName-IPB6B3 { color: var(--header-primary); } #app-mount .guildName-1kreI8, #app-mount .override-1sK4r0, #app-mount .overrideHighlight-3f-yyO { color: var(--header-secondary); } #app-mount .override-1sK4r0:hover { background-color: rgba(var(--backgroundtertiary),.1); } #app-mount .overrideHighlight-3f-yyO, #app-mount .overrideHighlight-3f-yyO:hover { background-color: rgba(var(--backgroundtertiary),.3); } #app-mount .checkboxContainer-1NbL2v::before { background-color: rgba(var(--backgroundtertiary),.6); } #app-mount .overridePlaceholder-1nDEsX { border: 1px dashed var(--background-floating); } /* ---- 13.19. DISCOVERYENTRYMODAL ---- */ .checkboxWrapper-2fDzaA.row-31nALW { background-color: rgba(var(--transparencycolor),.2); } .checkboxWrapper-2fDzaA.row-31nALW:hover:not(.checked-22NTbO) { background-color: rgba(var(--transparencycolor),.4); } .checkboxWrapper-2fDzaA.row-31nALW.checked-22NTbO { background-color: rgb(var(--accentcolor)); } .checkboxWrapper-2fDzaA.row-31nALW.checked-22NTbO .colorStandard-21JIj7 { color: var(--header-primary); } /* ---- 13.20. NITROFEATUREMODAL ---- */ #app-mount .cardImageBackground-1zqQ8d { background: #000; opacity: 0.5; } #app-mount .cardInfo-62VDSb { background: rgba(var(--transparencycolor),.4); } /* ---- 13.21. DIRECTORYMODAL ---- */ #app-mount .directoryModal-YJsOMv { /* 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; } .directoryModal-YJsOMv::before, .directoryModal-YJsOMv::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .directoryModal-YJsOMv::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .directoryModal-YJsOMv::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 13.22. ACTIVITYSHAREMODAL ---- */ .shelfTopBackground-R55ED9 { z-index: 2; } .scrollTierBackgroundUpsell-2oh_9T { background: rgba(var(--accentcolor), .1); } /* ~~~~ 14. POPOUTS ~~~~ */ .layer-2aCOJ3:nth-child(1) { z-index: 1002; } .layer-2aCOJ3:nth-child(2) { z-index: 1003; } .layer-2aCOJ3:nth-child(3) { z-index: 1004; } .layer-2aCOJ3:nth-child(4) { z-index: 1005; } .layer-2aCOJ3:nth-child(5) { z-index: 1006; } .layer-2aCOJ3:nth-child(6) { z-index: 1007; } .layer-2aCOJ3:nth-child(7) { z-index: 1008; } .layer-2aCOJ3:nth-child(8) { z-index: 1009; } .layer-2aCOJ3:nth-child(9) { z-index: 1010; } #app-mount .loadingPopout-1feYe_, /* loading popout */ #app-mount .container-18GwIk, /* browser popout */ #app-mount .themedPopout-1TrfdI { /* themed popout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); color: var(--header-primary); position: relative; } .loadingPopout-1feYe_::before, .container-18GwIk::before, .themedPopout-1TrfdI::before, .loadingPopout-1feYe_::after, .container-18GwIk::after, .themedPopout-1TrfdI::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .loadingPopout-1feYe_::before, .container-18GwIk::before, .themedPopout-1TrfdI::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .loadingPopout-1feYe_::after, .container-18GwIk::after, .themedPopout-1TrfdI::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } .selected-22ukbQ, /* popout combobox selected */ .selected-22ukbQ:hover { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } #app-mount .divider-MRAL1L { /* popout divider */ border-color: var(--background-modifier-accent); } /* ---- 14.1. CONTEXTMENU ---- */ .menu-2TXYjN, /* contextmenu fixed */ .submenu-3ycVEH { /* contextmenu submenu */ background: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } .menu-2TXYjN::before, .submenu-3ycVEH::before, .menu-2TXYjN::after, .submenu-3ycVEH::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .menu-2TXYjN::before, .submenu-3ycVEH::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .menu-2TXYjN::after, .submenu-3ycVEH::after { background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3)); backdrop-filter: blur(var(--popoutblur)); } .submenu-3ycVEH { position: relative; } .container-3AL15u { /* contextmenu searchbar */ background-color: rgba(var(--transparencycolor), .2); } .item-5ApiZt.colorDefault-2_rLdz.focused-3LIdPu, .item-5ApiZt.colorDefault-2_rLdz:hover:not(.hideInteraction-1vQrZJ) { background-color: rgba(var(--accentcolor), .2) !important; } .item-5ApiZt.colorDanger-3umuSx.focused-3LIdPu, .item-5ApiZt.colorDanger-3umuSx:hover:not(.hideInteraction-1vQrZJ) { background-color: rgba(var(--dangercolor), .2) !important; } .item-5ApiZt.colorSuccess-1ZVGh2.focused-3LIdPu, .item-5ApiZt.colorSuccess-1ZVGh2:hover:not(.hideInteraction-1vQrZJ) { background-color: rgba(var(--successcolor), .2) !important; } .item-5ApiZt.colorBrand-26tvUE.focused-3LIdPu, .item-5ApiZt.colorBrand-26tvUE:hover:not(.hideInteraction-1vQrZJ), .item-5ApiZt.colorDefault-2_rLdz.focused-3LIdPu[id="user-settings-cog-Subscriptions"], .item-5ApiZt.colorDefault-2_rLdz:hover:not(.hideInteraction-1vQrZJ)[id="user-settings-cog-Subscriptions"], .item-5ApiZt.colorDefault-2_rLdz.focused-3LIdPu[id="user-settings-cog-Discord_Nitro"], .item-5ApiZt.colorDefault-2_rLdz:hover:not(.hideInteraction-1vQrZJ)[id="user-settings-cog-Discord_Nitro"] { background-color: rgba(var(--accentcolor), .2) !important; } .item-5ApiZt.colorPremium-2N9Y8_.focused-3LIdPu, .item-5ApiZt.colorPremium-2N9Y8_:hover:not(.hideInteraction-1vQrZJ), .item-5ApiZt.colorDefault-2_rLdz.focused-3LIdPu[id="user-settings-cog-Nitro_Server_Boost"], .item-5ApiZt.colorDefault-2_rLdz:hover:not(.hideInteraction-1vQrZJ)[id="user-settings-cog-Nitro_Server_Boost"], .item-5ApiZt.colorDefault-2_rLdz.focused-3LIdPu[id="guild-context-guild-settings--GUILD_PREMIUM"], .item-5ApiZt.colorDefault-2_rLdz:hover:not(.hideInteraction-1vQrZJ)[id="guild-context-guild-settings--GUILD_PREMIUM"] { background-color: rgba(var(--accentcolor2), .2) !important; } .item-5ApiZt.colorPremiumGradient-38tGFG.focused-3LIdPu, .item-5ApiZt.colorPremiumGradient-38tGFG:hover:not(.hideInteraction-1vQrZJ) { background: linear-gradient(90deg, rgba(var(--accentcolor2), .2), rgba(var(--accentcolor), .2)) !important; } #app-mount .item-5ApiZt .checkbox-397WsK { /* contextmenu checkbox */ color: rgb(var(--accentcolor)); } #app-mount .item-5ApiZt.colorDanger-3umuSx .checkbox-397WsK { color: rgb(var(--dangercolor)); } #app-mount .item-5ApiZt.colorSuccess-1ZVGh2 .checkbox-397WsK { color: rgb(var(--successcolor)); } #app-mount .item-5ApiZt.colorPremium-2N9Y8_ .checkbox-397WsK { color: rgb(var(--accentcolor2)); } #app-mount .item-5ApiZt .check-3-73a4 { /* contextmenu checkmark */ color: #fff; stroke: var(--textshadow); } .button-1zW0-r { /* contextmenu quick reaction button */ background-color: rgba(var(--transparencycolor), .3); } .button-1zW0-r:hover { background-color: rgb(var(--accentcolor)); } /* ---- 14.2. USERPOPOUT ---- */ .userPopoutOuter-1OHwPL { /* popout container */ box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } .userProfileOuterUnthemed-11rPfA { /* popout container */ background: transparent; } .userProfileOuterUnthemed-11rPfA::before, .userProfileOuterUnthemed-11rPfA::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .userProfileOuterUnthemed-11rPfA::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .userProfileOuterUnthemed-11rPfA::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } .accountProfilePopoutWrapper-3GskID .overlayBackground-2aa7wt { display: block !important; } .profileColors-2AgAV4 { /* popout profilecolors */ --profile-body-background-color: rgba(0,0,0,.4) !important; --profile-body-divider-color: var(--background-modifier-accent) !important; --profile-body-divider-opacity: 1 !important; } #app-mount .userProfileOuterThemed-2BgJCM ::-webkit-scrollbar-thumb { background-color: var(--profile-gradient-secondary-color) !important; } .userProfileInnerThemed-3dLhGM::after { content: ""; position: absolute; display: block; background: var(--profile-gradient-primary-color); top: 4px; right: 4px; left: 4px; height: 60px; z-index: 1; } .userProfileInnerThemed-3dLhGM::before { z-index: 2; } .userProfileInnerThemed-3dLhGM > * { z-index: 3; } .userProfileInnerThemedWithBanner-25XGmz::after { height: 120px; } .userProfileInner-1ngKnf { /* popout inner */ border-radius: 4px; } .userPopoutOuter-1OHwPL .wrapper-3Un6-K, /* popout avatar */ .userPopoutOuter-1OHwPL .avatarWrapper { /* popout status everywhere */ background-color: transparent; border-color: transparent; box-sizing: content-box; } .root-jbEB5E { /* body roles */ max-height: 100px; overflow-x: hidden; overflow-y: scroll; } #app-mount .root-jbEB5E::-webkit-scrollbar { width: 4px; } #app-mount .role-2TIOKu { /* body role */ border-color: rgba(var(--textbrighter), .6); border-radius: 5px; padding: 0 5px; position: relative; } #app-mount .role-2TIOKu[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter), .6) !important; } #app-mount .rolePillBorder-RiRiuN:not(.actionButton-1YKTU0) { border-width: 0; } #app-mount .role-2TIOKu .roleName-2ZJJYR { /* body rolename */ position: relative; color: rgb(var(--textbrightest)); height: 20px; line-height: 20px; margin: 0; font-weight: normal; z-index: 1000; pointer-events: none; } #app-mount .role-2TIOKu .roleRemoveButton-17oXnT { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #app-mount .role-2TIOKu .roleCircle-3TFUOr { /* body rolecircle */ position: absolute; background-color: rgb(var(--textbrighter)); border-radius: 3px; opacity: 0.3; height: 100%; width: 100%; margin: 0; left: 0; top: 0; } #app-mount .role-2TIOKu .roleCircle-3TFUOr[style*="background-color: rgb(185, 187, 190)"] { background-color: rgb(var(--textbrighter)) !important; } #app-mount .role-2TIOKu .roleCircle-3TFUOr:not(:only-child):hover { opacity: 1; z-index: 2000; cursor: pointer; } #app-mount .role-2TIOKu .roleRemoveIcon-387wKV { z-index: 2001; pointer-events: none; } #app-mount .role-2TIOKu .roleIcon-29epUq { z-index: 1; } .textarea-_59yqs:focus { /* body note */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .wumpusTooltip-15kPrN { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } #app-mount .wumpusTooltip-15kPrN::after { border-color: transparent rgb(var(--accentcolor)) transparent transparent; } /* ---- 14.3. EMOJIPICKER ---- */ .contentWrapper-3vHNP2, /* picker expression wrapper */ .emojiPicker-6YCk8a, /* picker inner */ .diversitySelectorOptions-3DhNYs { /* picker diversityselector */ background: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; overflow: hidden; } .contentWrapper-3vHNP2::before, .emojiPicker-6YCk8a::before, .diversitySelectorOptions-3DhNYs::before, .contentWrapper-3vHNP2::after, .emojiPicker-6YCk8a::after, .diversitySelectorOptions-3DhNYs::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .contentWrapper-3vHNP2::before, .emojiPicker-6YCk8a::before, .diversitySelectorOptions-3DhNYs::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .contentWrapper-3vHNP2::after, .emojiPicker-6YCk8a::after, .diversitySelectorOptions-3DhNYs::after { background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } .diversitySelectorOptions-3DhNYs::before, .diversitySelectorOptions-3DhNYs::after { border-radius: 5px; } .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker-6YCk8a { box-shadow: unset; } .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker-6YCk8a::after, .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker-6YCk8a::before { display: none; } .diversityEmojiItem-2bgZKv:hover { /* picker diversityemoji */ background-color: rgb(var(--accentcolor)); } .navButtonActive-1EqC5l { /* picker navbuttonactive */ background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } .wrapper-22rqw6 { /* picker sidebar */ background-color: rgba(var(--transparencycolor), .2); } .guildIcon-2SUGiq { /* picker guildicon */ background-color: rgba(var(--transparencycolor), .2); } .categoryItemDefaultCategory-3haEDq:first-child, .categoryItemDefaultCategory-3haEDq:first-child + .categoryItemDefaultCategory-3haEDq, .stickerCategoryRecent-1WVWrj { margin-bottom: 8px; } .categoryItemDefaultCategory-3haEDq:hover, /* picker categoryitem */ .stickerCategory-2f6iSo:hover, /* picker stickercategoryitem */ .stickerCategoryShopWrapper-3EnJdQ:hover .stickerCategoryShop-d5zC3B { background-color: rgba(var(--transparencycolor), .3); } .categoryItemDefaultCategorySelected-2YeRUu, /* picker categoryitem selected */ .categoryItemDefaultCategorySelected-2YeRUu:hover, .stickerCategorySelected-2uaMAG, /* picker stickercategoryitem selected */ .stickerCategorySelected-2uaMAG:hover { background-color: rgb(var(--accentcolor)); } .categoryItemDefaultCategorySelected-2YeRUu svg, /* picker categoryitem selected */ .categoryItemDefaultCategorySelected-2YeRUu:hover svg, .stickerCategorySelected-2uaMAG svg, /* picker stickercategoryitem selected */ .stickerCategorySelected-2uaMAG:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } .unicodeShortcut-3N8oDe, /* picker unicodeemojis shortcut */ .stickerCategoryShopWrapper-3EnJdQ { /* picker unicodeemojis shortcut */ background-color: transparent; border: none; overflow: hidden; z-index: 100; } .unicodeShortcut-3N8oDe::before, .stickerCategoryShopWrapper-3EnJdQ::before, .unicodeShortcut-3N8oDe::after, .stickerCategoryShopWrapper-3EnJdQ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .unicodeShortcut-3N8oDe::before, .stickerCategoryShopWrapper-3EnJdQ::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .unicodeShortcut-3N8oDe::after, .stickerCategoryShopWrapper-3EnJdQ::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35)); backdrop-filter: blur(var(--popoutblur)); } .inspector-DFKXwB { /* picker emojiinfowrapper */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .wrapper-1NNaWG { /* picker categoryheader */ background: transparent; position: static; } #app-mount .imageLoading-2uloYN { /* picker emoji loading */ background: rgba(var(--transparencycolor), .3); border-radius: 10px; } .emojiItem-277VFM.emojiItemSelected-2Lg50V { /* picker emoji selected */ background-color: rgb(var(--accentcolor)); } .emojiItemDisabled-3VVnwp { /* picker emoji disabled */ filter: none; cursor: no-drop; } .emojiItemDisabled-3VVnwp > * { filter: grayscale(1); } .shape-2kfO2v { /* picker sticker loading */ background-color: rgba(var(--transparencycolor), .2); } .feature-1nRVr5 { /* picker sticker feature */ background: transparent; } .stickerInspected-mwnU6w .stickerBackground-2XECKi { /* picker sticker focused */ background-color: rgb(var(--accentcolor)); } .viewAllBackground-3Bn1vh { /* picker sticker view all */ background-color: rgba(var(--transparencycolor), .2); } .viewAll-1MwRpl:hover .viewAllBackground-3Bn1vh, .viewAllInspected-25Y7ds .viewAllBackground-3Bn1vh { background-color: rgba(var(--transparencycolor), .4); } .premiumPromo-1eKAIB { /* picker premium warning */ background-color: transparent; opacity: 1; } .premiumPromo-1eKAIB::before, .premiumPromo-1eKAIB::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; opacity: 0.9; pointer-events: none; z-index: -1; } .premiumPromo-1eKAIB::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .premiumPromo-1eKAIB::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.29)); backdrop-filter: blur(var(--popoutblur)); } .premiumPromoClose-Nuntxy { -webkit-mask: url(https://discord.com/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat; background: var(--interactive-normal); } .premiumPromoClose-Nuntxy:hover { background: var(--interactive-hover); } .premiumPromoClose-Nuntxy:active { background: var(--interactive-active); } #app-mount .categoryItemDefaultCategorySelected-2YeRUu .categoryIcon-2cYeku, #app-mount .categoryItemDefaultCategorySelected-2YeRUu:hover .categoryIcon-2cYeku { color: var(--interactive-active); } #app-mount .focused-16Owih, /* gifpicker result */ #app-mount .result-pzZrwj:hover { box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor), .3); } #app-mount .placeholder-T1Tuu8 { background: rgba(var(--textdarkest),.6); } #app-mount .endContainer-22e-US::after { background-image: url(https://discord.com/assets/be5f088125f778701a7e4fad471a45da.svg); opacity: 0.6; } #app-mount .endText-3Ps2ZN { color: var(--header-secondary); } #app-mount .emptyHintCard-2A7Tng { background-color: rgba(var(--transparencycolor), .2); color: var(--header-secondary); } #app-mount .backButton-bSKWLe { /* gifpicker backbutton */ color: var(--interactive-normal); } #app-mount .backButton-bSKWLe:hover { color: var(--interactive-hover); } #app-mount .backButton-bSKWLe:active { color: var(--interactive-active); } /* ---- 14.4. PINS/MENTIONS ---- */ .messagesPopoutWrap-3zryHW, /* popout wrapper */ .container-2ebMPP { /* popout wrapper (inbox) */ background-color: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; overflow: hidden; } .messagesPopoutWrap-3zryHW > *, .container-2ebMPP > * { z-index: 1000; } .messagesPopoutWrap-3zryHW::before, .container-2ebMPP::before, .messagesPopoutWrap-3zryHW::after, .container-2ebMPP::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .messagesPopoutWrap-3zryHW::before, .container-2ebMPP::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .messagesPopoutWrap-3zryHW::after, .container-2ebMPP::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .messagesPopout-eVzQcI { /* popout innerwrap */ background-color: transparent; } .themedPopout-1TrfdI .header-2Kf7Yu { box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1); } .header-1w9Q93 { /* 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-5ji8u1 { /* popout footer */ background-color: rgba(var(--transparencycolor), .2); } .messageGroupWrapper-1jf_7C { background-color: transparent; border: none; overflow: visible; padding: 11px 10px 10px 10px; } .messageGroupWrapper-1jf_7C + .messageGroupWrapper-1jf_7C::before { content: ""; border-top: 1px solid var(--background-modifier-accent); position: absolute; top: -3px; left: 0; width: 100%; } .messageGroupWrapper-1jf_7C .contentCozy-3XX413 { overflow: hidden; } .actionButtons-2mNSAB { /* popout actionbuttonscontainer */ top: 4px; right: 14px; } .jumpButton-1V_1FA, /* popout jumpbutton (mentions) */ .jumpButton-1ZwI_j { /* popout jumpbutton (pins) */ background-color: rgba(var(--transparencycolor), .4); } .jumpButton-1V_1FA:hover, .jumpButton-1ZwI_j:hover { background-color: rgb(var(--accentcolor)); } .jumpButton-1V_1FA + .jumpButton-1V_1FA, .jumpButton-1ZwI_j + .jumpButton-1ZwI_j { margin-left: 2px; } .messageGroupWrapper-1jf_7C:hover .actionButtons-2mNSAB .closeButton-17RIVZ { opacity: 1; } .hasMoreButton-1MELpI { /* popout hasmorebutton */ background-color: rgba(var(--transparencycolor), .2); border: none; } .image-t6rLT3 { /* popout emptyimage */ opacity: 0.6; } /* popout active tab */ #app-mount .header-145e10 .tabBar-1qdMr5 .tab-TRrPC8.active-1grPyy { background-color: rgb(var(--accentcolor)); } .secondary-2bzKEX, /* popout header button */ .tertiary-1e-lAP, /* popout message button */ .collapseButton-3V3Cqh { /* popout collapse button */ background-color: rgba(var(--transparencycolor), .2); } .secondary-2bzKEX:hover, .tertiary-1e-lAP: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-DFRX8q { /* popout channelheader */ background-color: rgba(var(--transparencycolor), .4); padding-right: 16px; border-radius: 5px 5px 0 0; position: static; } .channelHeader-DFRX8q:only-child { border-radius: 0; } .messageContainer-3VTXBC, /* popout messagecontainer */ .messages-23can0 { /* popout messagecontainer (inbox) */ background-color: rgba(var(--transparencycolor), .2); border-radius: 0; } .messageContainer-3VTXBC:last-child, .messages-23can0:last-child { border-radius: 0 0 5px 5px; } .tutorial-Nb3Zz5 { /* popout tutorial (inbox) */ background-color: rgba(var(--transparencycolor), .4); } .tutorialIcon-25VF3Q { /* popout tutorial (inbox) */ background-color: rgba(var(--transparencycolor), .4); } /* ---- 14.5. SEARCHPOPOUT ---- */ #app-mount .container-2McqkF { /* popout wrapper */ background-color: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; overflow: hidden; position: relative; } .container-2McqkF::before, .container-2McqkF::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .container-2McqkF::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .container-2McqkF::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .queryContainer-ZunrLZ { border-bottom-color: var(--background-modifier-accent); color: var(--header-secondary); } #app-mount .queryContainer-ZunrLZ strong { color: var(--header-primary); } #app-mount .focused-2FU0YH { background-color: rgba(var(--transparencycolor), .2); } #app-mount .resultsGroup-1BPR25::before { border-top-color: var(--background-modifier-accent); } #app-mount .resultsGroup-1BPR25 .header-3A13BX, #app-mount .resultsGroup-1BPR25 .plusIcon-2V7coV, #app-mount .resultsGroup-1BPR25 .searchClearHistory-2Be-92, #app-mount .resultsGroup-1BPR25 .searchLearnMore-7__o_n a { color: var(--text-normal); } #app-mount .resultsGroup-1BPR25 .header-3A13BX, #app-mount .resultsGroup-1BPR25 .plusIcon-2V7coV { color: var(--text-normal); } #app-mount .option-ayUoaq::after { display: none; } #app-mount .option-ayUoaq:hover, #app-mount .option-ayUoaq[aria-selected=true], #app-mount .option-ayUoaq.selected-rZcOL- { background-color: rgba(var(--transparencycolor), .2); } #app-mount .option-ayUoaq:hover::before, #app-mount .option-ayUoaq[aria-selected=true]::before, #app-mount .option-ayUoaq.selected-rZcOL-::before { background-color: rgb(var(--accentcolor)); border-radius: 3px; width: 34px; } #app-mount .option-ayUoaq:hover .plusIcon-2V7coV, #app-mount .option-ayUoaq[aria-selected=true] .plusIcon-2V7coV, #app-mount .option-ayUoaq.selected-rZcOL- .plusIcon-2V7coV { color: white; opacity: 1; } #app-mount .option-ayUoaq .answer-2fBfuP, #app-mount .option-ayUoaq .nonText-3_4gtu, #app-mount .option-ayUoaq strong { color: var(--text-normal); } #app-mount .option-ayUoaq .filter-5YbOzJ { color: var(--text-muted); } #app-mount .option-ayUoaq.user-23VtPS .displayedNick-2dDbfG { color: var(--text-normal); } #app-mount .option-ayUoaq.user-23VtPS .displayUsername-14aOpK { color: var(--interactive-muted); } #app-mount .searchOption-351dTI .filter-5YbOzJ { color: var(--text-normal); } #app-mount .searchOption-351dTI .answer-2fBfuP { color: var(--text-muted); } #app-mount .searchResultChannelCategory-3cL8uG, #app-mount .searchResultChannelIcon-1Il1Qo { color: var(--text-muted); } #app-mount .calendarPicker-sDhzdi .react-datepicker { background: transparent; } #app-mount .calendarPicker-sDhzdi .react-datepicker__day:not(.react-datepicker__day--outside-month) { border-color: rgba(var(--transparencycolor), .5); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day--outside-month { background: rgba(var(--transparencycolor), .5); border-color: transparent; } #app-mount .calendarPicker-sDhzdi .react-datepicker__header, #app-mount .calendarPicker-sDhzdi .react-datepicker__month-container, #app-mount .calendarPicker-sDhzdi .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) { background: rgba(var(--transparencycolor), .2); } #app-mount .calendarPicker-sDhzdi .react-datepicker__header { padding-bottom: 5px; } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation { background: transparent; border-color: rgba(var(--textbrightest), .5); top: 30px; } #app-mount .calendarPicker-sDhzdi .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 .calendarPicker-sDhzdi .react-datepicker__navigation--previous { left: 30px; } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation--next { right: 30px; } #app-mount .calendarPicker-sDhzdi .react-datepicker__current-month { border-color: transparent; padding: 10px 0; } #app-mount .calendarPicker-sDhzdi .react-datepicker__current-month, #app-mount .calendarPicker-sDhzdi .react-datepicker__day-name, #app-mount .calendarPicker-sDhzdi .react-datepicker__day:not(.react-datepicker__day--disabled):hover, #app-mount .calendarPicker-sDhzdi .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month), #app-mount .calendarPicker-sDhzdi .datePickerHint-17MnA8 .hint-3D5yHh, #app-mount .calendarPicker-sDhzdi .datePickerHint-17MnA8 .hintValue-1x-flY { color: var(--header-primary); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) { color: var(--header-secondary); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day--outside-month { color: var(--text-muted); cursor: no-drop; } #app-mount .datePicker-70cO23 .datePickerHint-17MnA8 { margin: 0; padding: 20px; display: flex; justify-content: center; border-top-color: var(--background-modifier-accent); } #app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hint-3D5yHh { color: var(--text-normal); } #app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY { color: var(--header-primary); } #app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY:hover { text-shadow: 1px 1px var(--textshadow); } /* ---- 14.6. COLORPICKER ---- */ #app-mount .customColorPicker-C_jddW { /* 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; } .customColorPicker-C_jddW::before, .customColorPicker-C_jddW::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .customColorPicker-C_jddW::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .customColorPicker-C_jddW::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.7. ADDROLE ---- */ #app-mount .container-2O1UgZ, /* popout userpopout */ #app-mount .container-1S70rv { /* popout channelsettings */ 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; width: 300px; } .container-2O1UgZ::before, .container-2O1UgZ::after, .container-1S70rv::before, .container-1S70rv::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .container-2O1UgZ::before, .container-1S70rv::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .container-2O1UgZ::after, .container-1S70rv::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--popoutblur)); } .focused-qp-W9B, .item-1BCeuB:hover:not(.disabled-Mmpvl7), .row-1Ib2uD.selected-1IWCoj .rowInner-3uonq8, .row-1Ib2uD:hover .rowInner-3uonq8 { background: rgba(var(--transparencycolor), .4); } #app-mount .container-1S70rv .header-3i_Csh { background: rgba(var(--transparencycolor), .2); } #app-mount .container-1S70rv .input-2lpFVz { color: var(--header-primary); } #app-mount .container-1S70rv .sectionTag-28mLyE { background: transparent; } .autocompleteShadow-2nfsSy, .autocompleteArrowWrapper-Kr4DnW, .autocompleteHeaderBackground-3u7TwO { display: none; } /* ---- 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, .everyonePopout-nEbJY3::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .everyonePopout-nEbJY3::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .everyonePopout-nEbJY3::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--popoutblur)); } #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-13P3fr { 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-3YAhb_ { background-color: rgba(var(--transparencycolor), .3); } .channel-k2TVLQ { background-color: rgba(var(--transparencycolor), .3); } .channelContainer-3YAhb_ .channel-k2TVLQ { background-color: transparent; } /* ---- 14.10. CHANNELFOLLOWINFO ---- */ #app-mount .guildPopout-G6M0fK { /* 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-G6M0fK::before, .guildPopout-G6M0fK::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .guildPopout-G6M0fK::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .guildPopout-G6M0fK::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.11. EMOJIINFO ---- */ #app-mount .popoutContainer-2wbmiM { /* 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-2wbmiM::before, .popoutContainer-2wbmiM::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popoutContainer-2wbmiM::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .popoutContainer-2wbmiM::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .emojiSection-3QtaWO { /* popout emojisection */ background-color: transparent; } .guildSection-2Zyzy8 { /* popout emojisection */ background-color: rgba(var(--transparencycolor), .2); } .loading-1lSwpg { /* popout loading placeholder */ background: rgba(var(--transparencycolor), .3); } /* ---- 14.12. STREAMPREVIEW ---- */ #app-mount .streamPreview-3qoMP4 { /* 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-3qoMP4::before, .streamPreview-3qoMP4::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .streamPreview-3qoMP4::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .streamPreview-3qoMP4::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .previewContainer-21fFBz { /* popout preview */ background-color: rgba(var(--transparencycolor), .2); } /* ---- 14.13. STREAMINFO ---- */ #app-mount .container-8Futzw { /* 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-8Futzw::before, .container-8Futzw::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .container-8Futzw::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .container-8Futzw::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */ #app-mount .popout-AVsFMl { /* 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-AVsFMl::before, .popout-AVsFMl::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popout-AVsFMl::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .popout-AVsFMl::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.15. RTCSTATUSPOPOUT ---- */ #app-mount .container-1ILvLB { /* 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-1ILvLB::before, .container-1ILvLB::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .container-1ILvLB::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .container-1ILvLB::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .container-1ILvLB .header-2C89wJ { background-color: rgba(var(--transparencycolor), .2); color: var(--header-primary); } #app-mount .container-1ILvLB canvas { background-color: rgb(var(--transparencycolor)); padding: 5px; border-radius: 5px; } #app-mount .container-1ILvLB section { background-color: transparent; } #app-mount .container-1ILvLB section p { color: var(--header-primary); } #app-mount .container-1ILvLB section strong { color: var(--header-primary); } #app-mount .debugButton-OTfjlB { color: var(--header-secondary); } #app-mount .krispLogo-aWHaan { -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-3NIgDw { 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-2RFA3i { color: var(--header-primary); } #app-mount .activityInviteEducationArrow-1Avyhe { -webkit-mask: url(https://discord.com/assets/ba018cf9baa19824316dc4c2beb080a4.svg) center/contain no-repeat; background: var(--header-primary); } #app-mount .emailVerificationModal-D8InhA .title-3Z7qoP { color: var(--header-primary); } #app-mount .emailVerificationModal-D8InhA .body-2WAVf7 { color: var(--text-muted); } #app-mount .verification-2oQUwN .image-cLINxN { background-image: url(https://discord.com/assets/c290235278e128e94ae5ac37e58c5cbb.svg); opacity: .5; } #app-mount .verification-2oQUwN .title-rdZnFE { color: var(--header-primary); } #app-mount .verification-2oQUwN .body-2IbMjQ, #app-mount .verification-2oQUwN .footer-3YDDp6 { color: var(--header-secondary); } #app-mount .verificationBlock-xhj3fR { background-color: rgba(var(--transparencycolor), .1); border: 1px solid rgba(var(--transparencycolor), .3); } #app-mount .verificationBlock-xhj3fR:hover { background-color: rgba(var(--transparencycolor), .2); border-color: rgb(var(--transparencycolor)); } #app-mount .verificationBlock-xhj3fR .image-cLINxN.email-1Zyyoj { background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg); opacity: .5; } #app-mount .verificationBlock-xhj3fR .image-cLINxN.phone-2wue_- { background-image: url(https://discord.com/assets/ca452f5271ebcc7132db59f60a2a9cfe.svg); opacity: .5; } #app-mount .verificationBlock-xhj3fR .body-2IbMjQ { color: var(--header-secondary); } /* ---- 14.17. QUICKSELECTPOPOUT ---- */ #app-mount .quickSelectPopout-2F0PXw, /* quickselect */ #app-mount .popoutList-10IFAa { /* 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-2F0PXw::before, .popoutList-10IFAa::before, .quickSelectPopout-2F0PXw::after, .popoutList-10IFAa::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .quickSelectPopout-2F0PXw::before, .popoutList-10IFAa::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .quickSelectPopout-2F0PXw::after, .popoutList-10IFAa::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .selectableItem-3-fmiM { color: var(--header-primary); } #app-mount .selectableItem-3-fmiM:hover { background-color: rgba(var(--transparencycolor), .2); } #app-mount .quickSelectPopoutOption-2E2UmS:hover { background-color: rgba(var(--transparencycolor), .2); } #app-mount .quickSelectPopoutOption-2E2UmS.selected-2xg679 { background-color: rgba(var(--transparencycolor), .4); } #app-mount .popoutListEmpty-3MWXtE { color: var(--header-primary); } #app-mount .quickSelectArrow-1dOOHb { -webkit-mask: url(https://discord.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat; background: var(--interactive-normal); } /* ---- 14.18. WARNINGPOPOUT ---- */ #app-mount .contentWarningPopout-WKdbDG { /* 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-WKdbDG::before, .contentWarningPopout-WKdbDG::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .contentWarningPopout-WKdbDG::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .contentWarningPopout-WKdbDG::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .body-2rDNbs { color: var(--header-secondary); } #app-mount .header-DRA95Q { color: var(--header-primary); } /* ---- 14.19. ACTIVETHREADLISTPOPOUT ---- */ #app-mount .popout-TdhJ6Z { /* 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; } .popout-TdhJ6Z::before, .popout-TdhJ6Z::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .popout-TdhJ6Z::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .popout-TdhJ6Z::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.20. ROLEMEMBERSPOPOUT ---- */ #app-mount .rolePopout-27VCjW { /* 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; } .rolePopout-27VCjW::before, .rolePopout-27VCjW::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .rolePopout-27VCjW::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .rolePopout-27VCjW::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.21. FORUMFILTERPOPOUT ---- */ #app-mount .container-3kfp0r { /* 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; } .container-3kfp0r::before, .container-3kfp0r::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .container-3kfp0r::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .container-3kfp0r::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.22. ACTIVITYSHAREPOPOUT ---- */ #app-mount .container-1jQZ2U { /* 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; } .container-1jQZ2U::before, .container-1jQZ2U::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .container-1jQZ2U::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .container-1jQZ2U::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.23. SOUNDBOARD ---- */ #app-mount .picker-20lcBA { /* 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; } .picker-20lcBA::before, .picker-20lcBA::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .picker-20lcBA::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .picker-20lcBA::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.24. SERVERSURVEY ---- */ .main-243VC2 .prompt-R8SyL4 { background: rgba(var(--transparencycolor), .3); } .main-243VC2 .prompt-R8SyL4 .sizeMedium-2oH5mg { width: unset; } .optionButtonWrapper-2lbogO:hover, .optionButtonWrapper-2lbogO.selected-KQBgNS { border-color: rgb(var(--accentcolor)); } /* ~~~~ 15. GENERAL ~~~~ */ .highlight { background: rgba(var(--accentcolor), .3); } .clickable-28SzVr:hover .layout-1qmrhw { background-color: rgba(var(--transparencycolor), .2); } .clickable-28SzVr:active .layout-1qmrhw { background: rgb(var(--accentcolor)); } .clickable-28SzVr:active .layout-1qmrhw, .selected-1-Z6gm .layout-1qmrhw, .selected-1-Z6gm:hover .layout-1qmrhw, .selected-1-Z6gm:active .layout-1qmrhw { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .clickable-28SzVr .icon-2iCk7Q { color: inherit; } .clickable-28SzVr:active .layout-1qmrhw svg:not(.svg-2azL_l), .clickable-28SzVr.selected-1-Z6gm .layout-1qmrhw svg:not(.svg-2azL_l) { filter: drop-shadow(1px 1px var(--textshadow)); } .clickable-28SzVr:active .premiumIcon-2IFPOX, .clickable-28SzVr.selected-1-Z6gm .premiumIcon-2IFPOX { color: var(--header-primary) !important; } #app-mount .elevationLow-26BbEG, #app-mount .elevationLow-3aiJPL, .lightElevationLow-1QzqDT, .darkElevationLow-2LO4eN { box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3); } #app-mount .elevationHigh-3KUiqj, #app-mount .elevationHigh-28Pty4, .lightElevationHigh-3gER0h, .darkElevationHigh-1BaD2i { box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); } #app-mount .elevationBorderLow-3_3rXL, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow-2Ysl3H, .darkElevationBorderLow-34oHrM { box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 1px 5px 0 rgba(var(--transparencycolor), .3); } #app-mount .elevationBorderHigh-3drnJX, #app-mount .elevationBorderHigh-1s5JCj, .lightElevationBorderHigh-3wutCI, .darkElevationBorderHigh-8ZYNYM { box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } #app-mount .breadcrumbWrapper-3rpYiO { /* breadcrumbs wrapper */ color: rgba(var(--textbrightest),.3); } #app-mount .activeBreadcrumb-2xVic0 { /* breadcrumbs active */ color: rgba(var(--textbrightest),.6); } /* ---- 15.1. TEXT ---- */ .description-1u9Qui { color: var(--header-secondary); } #app-mount h1.title-338goq, #app-mount h2.title-338goq { color: var(--header-primary); } #app-mount h3.title-338goq { color: var(--text-normal); } #app-mount h4.title-338goq, #app-mount h5.title-338goq, #app-mount h6.title-338goq { color: var(--header-secondary); } #app-mount .text-27cdrj, #app-mount .title-2CL_z0 { color: var(--text-muted); } #app-mount .title-338goq { color: var(--header-secondary); } #app-mount .markdown-19oyJN { color: var(--text-normal); } #app-mount .markdown-19oyJN th { background-color: var(--background-tertiary); border-color: var(--interactive-muted); color: var(--header-primary); } #app-mount .markdown-19oyJN td { border-color: var(--interactive-muted); } #app-mount .markdown-19oyJN tr { border-color: var(--interactive-muted); color: var(--header-secondary); } #app-mount .markdown-19oyJN tr:nth-child(2n) { background-color: var(--background-secondary); } #app-mount .markdown-19oyJN .blockquote-2mppuN { border-left-color: var(--interactive-muted); } #app-mount .markdown-19oyJN code { background-color: var(--background-secondary); } #app-mount .markdown-19oyJN .codeInline-1RFl81 { color: var(--text-normal); } /* ---- 15.2. BUTTONS ---- */ .btn-115Sr0.btnPrimary-7AVO-X, .lookFilled-1H2Jvj.hoverBrand-20zQAE.hasHover-3y7IPU:hover, .lookFilled-1H2Jvj.hoverBrandNew-3CWLfn.hasHover-3y7IPU:hover, .lookFilled-1H2Jvj.colorBrand-2M3O3N:not(.buttonColor-3bP3fX):not([style*="background-color"]), .lookFilled-1H2Jvj.colorBrandNew-abZT3v:not(.buttonColor-3bP3fX):not([style*="background-color"]) { text-shadow: 1px 1px var(--textshadow); } .lookFilled-1H2Jvj.hoverBrand-20zQAE.hasHover-3y7IPU:hover svg, .lookFilled-1H2Jvj.hoverBrandNew-3CWLfn.hasHover-3y7IPU:hover svg, .lookFilled-1H2Jvj.colorBrand-2M3O3N:not(.buttonColor-3bP3fX):not([style*="background-color"]) svg, .lookFilled-1H2Jvj.colorBrandNew-abZT3v:not(.buttonColor-3bP3fX):not([style*="background-color"]) svg { filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz .spinnerItem-3Y5NsU { background-color: rgb(var(--textdarkest)); } #app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz .spinnerItem-3Y5NsU, #app-mount .lookLink-13iF2K.colorPrimary-2-Lusz .spinnerItem-3Y5NsU { background-color: rgb(var(--textdarkest)); } #app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover, #app-mount .lookFilled-1H2Jvj.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:active, #app-mount .lookFilled-1H2Jvj.hoverPrimary-3dWXRY.hasHover-3y7IPU:active { background-color: rgba(var(--transparencycolor), .6); } #app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz, #app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:disabled { background-color: rgba(var(--transparencycolor), .2); color: #FFF; } #app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:hover, #app-mount .lookInverted-2GrLaB.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover { background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); } #app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:active, #app-mount .lookInverted-2GrLaB.hoverPrimary-3dWXRY.hasHover-3y7IPU:active { background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); } #app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz, #app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:disabled { background-color: #FFF; color: rgba(var(--textdarkest)); } #app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:hover, #app-mount .lookOutlined-3RTC7c.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover { background-color: rgba(var(--textdarkest), .05); border-color: rgba(var(--textdarkest), .6); } #app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:active, #app-mount .lookOutlined-3RTC7c.hoverPrimary-3dWXRY.hasHover-3y7IPU:active { background-color: rgba(var(--textdarkest), .1); border-color: rgb(var(--textdarkest)); } #app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz, #app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:disabled { border-color: rgba(var(--textdarkest), .1); color: rgb(var(--textdarkest)); } #app-mount .lookLink-13iF2K.colorPrimary-2-Lusz { color: rgb(var(--textdarkest)); } #app-mount .lookLink-13iF2K.colorPrimary-2-Lusz:hover .contents-3NembX, #app-mount .lookLink-13iF2K.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover .contents-3NembX { background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--textdarkest)) 0, rgb(var(--textdarkest)) 2px, transparent 0); color: rgb(var(--textdarkest)); } #app-mount .borderPrimary-1ygM7_ { border-color: rgb(var(--textdarkest)) !important; } #app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU { background-color: rgba(var(--textbrightest),.1); } #app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU, #app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU, #app-mount .lookLink-13iF2K.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU { background-color: rgb(var(--textbrightest)); } #app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:hover, #app-mount .lookFilled-1H2Jvj.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover { background-color: rgba(var(--textbrightest),.05); } #app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:active, #app-mount .lookFilled-1H2Jvj.hoverTransparent-2WkMPh.hasHover-3y7IPU:active { background-color: rgba(var(--textbrightest),.01); } #app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-, #app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:disabled { background-color: rgba(var(--textbrightest),.1); color: rgb(var(--textbrightest)); } #app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:hover, #app-mount .lookInverted-2GrLaB.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover { background-color: rgba(var(--textbrightest),.05); } #app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:active, #app-mount .lookInverted-2GrLaB.hoverTransparent-2WkMPh.hasHover-3y7IPU:active { background-color: rgba(var(--textbrightest),.1); } #app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-, #app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:disabled { background-color: rgb(var(--textbrightest)); color: rgba(var(--textbrightest),.1); } #app-mount .lookOutlined-3RTC7c.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover { background-color: rgba(var(--textbrighter),.1); border-color: rgb(var(--textbrightest)); } #app-mount .lookOutlined-3RTC7c.hoverTransparent-2WkMPh.hasHover-3y7IPU:active { background-color: rgba(var(--textbrightest),.1); border-color: rgb(var(--textbrightest)); } #app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-, #app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-:disabled { background-color: transparent; color: rgb(var(--textbright)); } #app-mount .lookLink-13iF2K.colorTransparent-2SBJ8- { color: rgb(var(--textbright)); } #app-mount .lookLink-13iF2K.colorTransparent-2SBJ8-:hover .contents-3NembX, #app-mount .lookLink-13iF2K.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover .contents-3NembX { background-image: linear-gradient(0deg, transparent,transparent 1px,rgb(var(--textbrighter)) 0,rgb(var(--textbrighter)) 2px,transparent 0); color: rgb(var(--textbright)); } #app-mount .borderTransparent-2adzs- { border-color: rgb(var(--textbrightest)) !important; } /* ---- 15.3. INPUTS ---- */ .input-3O04eu { /* valueinput bordered */ background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); } .input-3O04eu:hover:not(:focus) { border-color: rgb(var(--transparencycolor)); } .textInput-3g8y92 { /* textinput */ background-color: rgba(var(--transparencycolor), .1); } .textInput-3g8y92 .input-3O04eu { background: transparent; } #app-mount .prefixInput-w72mM6 { background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.3); } #app-mount .prefixInput-w72mM6:hover { border-color: rgba(0,0,0,.6); } #app-mount .prefixInputInput-yS14_1 { color: var(--header-primary); } #app-mount .prefixInputInput-yS14_1::-webkit-input-placeholder, #app-mount .prefixInputInput-yS14_1::-moz-placeholder, #app-mount .prefixInputInput-yS14_1:-ms-input-placeholder, #app-mount .prefixInputInput-yS14_1::placeholder { color: var(--text-muted); } #app-mount .prefixInputPrefix-20KCc9 { color: var(--text-muted); } #app-mount .maxLength-IdVNmX { color: var(--text-muted); } #app-mount .copyInput-3AbKWB { background-color: var(--deprecated-text-input-bg); } #app-mount .copyInputDefault-3jiMHw { border-color: var(--deprecated-text-input-border); } #app-mount .hiddenMessage-3QNvPt, #app-mount .inputDefault-1AaKiD { color: var(--header-primary); } #app-mount .hiddenMessage-3QNvPt::placeholder, #app-mount .inputDefault-1AaKiD::placeholder { color: rgba(var(--textbrightest),.3); } .container-1QtPKm { /* checkboxswitch */ background-color: rgba(var(--transparencycolor), .3) !important; } .container-1QtPKm rect[fill] { fill: var(--header-primary) !important; } .container-1QtPKm path[fill] { fill: rgb(var(--transparencycolor)) !important; } #app-mount .item-1TA5qI { /* radiogroup container */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .item-1TA5qI:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD { background: rgb(var(--accentcolor)); } #app-mount .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD .radioIconForeground-3wH3aU { color: var(--header-primary); } #app-mount .item-1TA5qI .radioBar-1XgZqD[style*="--radio-bar-accent-color"] { background: var(--radio-bar-accent-color); border: unset; color: var(--header-primary); } #app-mount .item-1TA5qI[aria-checked=false]:hover .radioBar-1XgZqD[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-1NbL2v::before { /* checkbox container */ background-color: rgba(var(--textdarker), .3); } #app-mount .checkboxMute-1erNeD::before { background-color: rgba(var(--transparencycolor), .2); } #app-mount .checkbox-1LuCGM { /* checkbox inner */ border-color: rgb(var(--textdark)); } #app-mount .checkbox-1LuCGM.checked-22NTbO { /* checkbox checked */ background-color: rgb(var(--textbrightest)); border-color: rgb(var(--textbrightest)); } #app-mount .checkbox-1LuCGM.checked-22NTbO.round-2IkBht { /* checkbox roundchecked */ background-color: rgb(var(--accentcolor)) !important; border-color: rgb(var(--accentcolor)) !important; } #app-mount .checkbox-1LuCGM.checked-22NTbO.round-2IkBht svg { filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .checkbox-1LuCGM.checked-22NTbO.round-2IkBht path[fill] { fill: #fff; } #app-mount .bar-2H7Q9u { /* slider backgroundbar */ background-color: rgba(var(--transparencycolor), .3); } .grabber-3R-Rx9 { /* 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-21gAVC { /* slider markvalue */ color: var(--text-muted); } #app-mount .defaultValue-1-QxQ0 .markValue-21gAVC { color: #43b581; } #app-mount .markDash-1ATsxA { background: transparent; color: rgba(var(--transparencycolor), .3); } #app-mount .defaultValue-1-QxQ0 .markDash-1ATsxA { color: #43b581; } #app-mount .markDash-1ATsxA::before, #app-mount .markDash-1ATsxA::after { content: ""; position: absolute; background: currentColor; height: 8px; width: 2px; } #app-mount .markDash-1ATsxA::before { top: 14px; } #app-mount .markDash-1ATsxA::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-30qY7E { /* hotkeyinput container */ background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); } #app-mount .editIcon-e7sZ3b { /* hotkeyinput editicon */ -webkit-mask: url(https://discord.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg) center/cover no-repeat; background: var(--header-primary); } #app-mount .container-1_EVMa .button-ZJ9ZzX { background-color: rgba(var(--transparencycolor),.3) !important; color: var(--header-primary) !important; } #app-mount .container-1_EVMa.recording-3ny5_E .button-ZJ9ZzX { background-color: rgba(var(--dangercolor),.1) !important; color: rgb(var(--dangercolor)) !important; } .select-1YfRS9 [class*="css-"][class*="-container"] { /* select container */ background-color: transparent; } .lookFilled-Zz0IcO.select-Zz0IcO, .select-1YfRS9 [class*="css-"][class*="-control"] { background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); color: var(--text-normal); } .lookFilled-Zz0IcO.select-Zz0IcO:hover { border-color: rgb(var(--transparencycolor)); } .lookFilled-Zz0IcO.select-Zz0IcO:hover.open-1FRZsK, .lookFilled-Zz0IcO.open-1FRZsK { border-color: rgb(var(--transparencycolor)) rgb(var(--transparencycolor)) rgba(var(--transparencycolor), .3); } .lookFilled-Zz0IcO.select-Zz0IcO .searchInput-3pIoTy { background: transparent; } .select-1YfRS9 [class*="css-"][class*="-control"]:hover, .select-1YfRS9 [class*="css-"][class*="-control"]:not(:last-child) { border-color: var(--deprecated-text-input-border-hover); } .select-1YfRS9.languageSelector-1hjSyO [class*="css-"][class*="-control"] { background-color: rgba(var(--transparencycolor), .3); } .select-1YfRS9 [class*="css-"][class*="-singleValue"], .select-1YfRS9 [class*="css-"][class*="-placeholder"], .select-1YfRS9 [class*="css-"][class*="-indicatorContainer"] { color: var(--text-normal); } .option-Uc12mm, #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); } .option-Uc12mm:hover, #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); } .option-Uc12mm[aria-selected=true]:not(.option-Uc12mm.multi-2vPqc4), #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-15UxD6::-webkit-scrollbar { display: none; } .popout-15UxD6, .container-3LUQwT, .select-1YfRS9 > [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-15UxD6.scrollerBase-1Pkza4 > .option-Uc12mm { position: relative; } .popout-15UxD6::before, .popout-15UxD6.scrollerBase-1Pkza4 > .option-Uc12mm::before, .popout-15UxD6.scrollerBase-1Pkza4 .content-2a4AW9::before, .container-3LUQwT::before, .select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before, .popout-15UxD6::after, .popout-15UxD6.scrollerBase-1Pkza4 > .option-Uc12mm::after, .popout-15UxD6.scrollerBase-1Pkza4 .content-2a4AW9::after, .container-3LUQwT::after, .select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popout-15UxD6::before, .popout-15UxD6.scrollerBase-1Pkza4 > .option-Uc12mm::before, .popout-15UxD6.scrollerBase-1Pkza4 .content-2a4AW9::before, .container-3LUQwT::before, .select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .popout-15UxD6::after, .popout-15UxD6.scrollerBase-1Pkza4 > .option-Uc12mm::after, .popout-15UxD6.scrollerBase-1Pkza4 .content-2a4AW9::after, .container-3LUQwT::after, .select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .popout-15UxD6.scrollerBase-1Pkza4::before, .popout-15UxD6.scrollerBase-1Pkza4::after { display: none; } /* ---- 15.4. SEARCHBARS ---- */ .container-1SX9VC, /* searchbar inner */ .container-2oNtJn { background-color: rgba(var(--transparencycolor), .3); } #app-mount .searchBox-pyIJJj .searchBoxInput-P0mWHW::placeholder { color: var(--text-muted); } #app-mount .searchIcon-34RNw9 { color: var(--text-muted); } #app-mount .filterLabel-3-eQ3i { color: var(--header-secondary); } #app-mount .searchBox-pyIJJj { background-color: rgba(var(--transparencycolor), .3); box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor), .2); } /* ---- 15.5. TAGS ---- */ .botTagRegular-kpctgU:not([style]) { /* bottag regular */ text-shadow: 1px 1px var(--textshadow); } .botTagRegular-kpctgU:not([style]) svg { filter: drop-shadow(1px 1px var(--textshadow)); } .base-3IDx3L[style*="var(--bdfdb-blurple)"], /* numberbadge */ .base-3IDx3L[style*="background-color: rgb(88, 101, 242)"], .base-3IDx3L[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-20MDYu { /* no peoples/webhooks/etc. */ opacity: 0.6; } #app-mount .gameIcon-1mDo1J { /* activity icon */ background-color: rgba(var(--textbrightest), .1); color: var(--header-primary); } #app-mount .invalidPoop--w1123 { /* erroricon invalidpoop */ background-color: rgba(var(--transparencycolor), .3); opacity: 0.7; } #app-mount .guildIconExpired-2BFmZC { /* 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-Pcwd3e::-webkit-scrollbar, #app-mount .scrollbar-3vVt8d::-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-1rXy4P::-webkit-scrollbar-corner, .none-1rXy4P::-webkit-scrollbar-thumb, .none-1rXy4P::-webkit-scrollbar-track, .none-1rXy4P::-webkit-scrollbar { display: none; } /* ---- 15.8. NOTIFICATIONBAR ---- */ .base-2jDfDU .notice-2HEN-u powercord-announcement { border-radius: 0; } #app-mount .notice-2FJMB4 { box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3); } #app-mount .notice-12Koq- { 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-16UpTB, #app-mount .tooltip-1_vJJI, #app-mount .tooltip-14MtrL { box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); color: #fff; } #app-mount .tooltipPointer-1KkjI2, #app-mount .tooltipPointer-1awMxk { border-right-color: rgb(var(--accentcolor)); } #app-mount .guildNameText-74xXQn { color: #fff; } #app-mount .muteText-1DPH3L { color: #bbb; } #app-mount .tooltip-16UpTB, #app-mount .tooltip-1_vJJI, #app-mount .tooltipPrimary-2466a2, #app-mount .tooltipGrey-1nKbfD, #app-mount .tooltipBlack-3X399X { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } #app-mount .tooltipPrimary-2466a2 .note-e4Jh6_, #app-mount .tooltipGrey-1nKbfD .note-e4Jh6_, #app-mount .tooltipBlack-3X399X .note-e4Jh6_ { color: #bbb; } #app-mount .tooltipPrimary-2466a2 a, #app-mount .tooltipGrey-1nKbfD a, #app-mount .tooltipBlack-3X399X a { filter: brightness(50%); } #app-mount .tooltipPrimary-2466a2 .tooltipPointer-sMBQqe, #app-mount .tooltipGrey-1nKbfD .tooltipPointer-sMBQqe, #app-mount .tooltipBlack-3X399X .tooltipPointer-sMBQqe { border-top-color: rgb(var(--accentcolor)); } .emptyUser-2FDCJv { background: rgba(var(--transparencycolor), .5); } .moreUsers-_v6T-L { 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, .bd-select .bd-select-options::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .bd-select .bd-select-options::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .bd-select .bd-select-options::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3)); backdrop-filter: blur(var(--popoutblur)); } .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-error-modal-content { padding: 0 10px 16px 10px; } #app-mount .bd-addon-error { background-color: rgba(var(--transparencycolor), 0.2); border-color: rgba(var(--transparencycolor), 0.2); } #app-mount .bd-addon-error.expanded, #app-mount .bd-addon-error:hover { background-color: rgba(var(--transparencycolor), 0.3); } .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, html .powercord-toast::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } html .powercord-toast::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } html .powercord-toast::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } 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: transparent; opacity: 1; } html .colorDefault-XdNdIp .bg-8df5St::before, html .colorDefault-XdNdIp .bg-8df5St::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } html .colorDefault-XdNdIp .bg-8df5St::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } html .colorDefault-XdNdIp .bg-8df5St::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 18.2. DATEVIEWER ---- */ #app-mount #dv-mount { background: transparent; z-index: 1; } #app-mount #dv-mount::before, #app-mount #dv-mount::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } #app-mount #dv-mount::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } #app-mount #dv-mount::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--memberlisttransparency) * 0.85)); backdrop-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::before, #MemberCount::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } #MemberCount::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } #MemberCount::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--memberlisttransparency) * 0.85)); backdrop-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 ---- */ html #permissions-modal-wrapper { /* modal wrapper */ z-index: 1001; } html #permissions-modal-wrapper #permissions-modal { /* modal container */ background-color: transparent; border: none; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; overflow: hidden; } html #permissions-modal-wrapper #permissions-modal::before, html #permissions-modal-wrapper #permissions-modal::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } html #permissions-modal-wrapper #permissions-modal::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } html #permissions-modal-wrapper #permissions-modal::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } html #permissions-modal-wrapper .header { background-color: rgba(var(--transparencycolor), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2); color: var(--header-primary); } html #permissions-modal-wrapper .modal-body { background-color: transparent; } html #permissions-modal-wrapper .scroller-title { border-bottom: 1px solid rgba(var(--transparencycolor), .3); } html #permissions-modal-wrapper .role-side { background-color: rgba(var(--transparencycolor), .1); } html #permissions-modal-wrapper .role-item { color: var(--text-normal); } html #permissions-modal-wrapper .role-item:hover { background-color: rgba(var(--transparencycolor), .1); } html #permissions-modal-wrapper .role-item.selected { background-color: rgba(var(--transparencycolor), .2); } html #permissions-modal-wrapper .perm-side { background-color: transparent; } html #permissions-modal-wrapper .perm-item { box-shadow: inset 0 -1px 0 var(--background-modifier-accent); } html #permissions-modal-wrapper .perm-name { color: var(--header-secondary); } /* ---- 18.6. DIRECTDOWNLOAD ---- */ #files_directDownload .file { background-color: rgba(var(--transparencycolor), .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-container { background: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2)); } html #channelTabs-settingsMenu, html .channelTabs-tabNav > div, html .channelTabs-tab, html .channelTabs-fav { cursor: pointer; } html .channelTabs-tab:not(.channelTabs-selected):hover, html .channelTabs-fav:hover { background: rgba(var(--transparencycolor), 0.2); } html #channelTabs-settingsMenu:hover, html .channelTabs-tabContainer .channelTabs-tabNav > div:hover, html .channelTabs-tab.channelTabs-selected, html .channelTabs-tabContainer .channelTabs-newTab:hover { background: rgb(var(--accentcolor)); } html #channelTabs-settingsMenu:hover [fill]:not([fill="none"]), html .channelTabs-tabContainer .channelTabs-tabNav > div:hover [fill]:not([fill="none"]), html .channelTabs-tabContainer .channelTabs-newTab:hover [fill]:not([fill="none"]) { fill: var(--header-primary); } html .channelTabs-tabContainer .channelTabs-tabNav > .channelTabs-tabNavClose:hover { background: rgb(var(--dangercolor)); } /* ---- 18.10 TYPINGINDICATOR ---- */ html .typingindicator-guild, html .typingindicator-dms, html .typingindicator-folder { background: rgb(var(--transparencycolor), .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; } /* ---- 18.12 CHANNELDMS ---- */ .ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header { background-color: rgba(var(--transparencycolor), var(--memberlisttransparency)); } /* ~~~~ 19. UPDATENOTICE ~~~~ */ html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg::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.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB { display: block !important; position: absolute !important; max-width: unset !important; min-width: unset !important; width: 55px !important; max-height: unset !important; min-height: unset !important; height: 16px !important; margin: 0 !important; padding: 3px 9px 3px !important; top: 0 !important; left: 0 !important; bottom: unset !important; right: unset !important; opacity: 1 !important; visibility: visible !important; transform: unset !important; animation: unset !important; } html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB[style*="display: none"] { display: none !important; } html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB > * { display: none !important; } html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::before { content: "" !important; background: rgb(125,125,125) !important; -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; width: 55px !important; height: 19px !important; display: inline !important; position: absolute !important; top: unset !important; left: unset !important; bottom: unset !important; right: unset !important; opacity: 1 !important; padding: 0 !important; margin: 0 !important; visibility: visible !important; transform: unset !important; animation: unset !important; } html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::after { content: "" !important; background: rgb(125,125,125) !important; -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; width: 242px !important; height: 19px !important; display: inline !important; position: absolute !important; top: unset !important; left: 64px !important; bottom: unset !important; right: unset !important; opacity: 0.1 !important; padding: 0 !important; margin: 0 !important; visibility: visible !important; transform: unset !important; animation: unset !important; transition: opacity .15s ease !important; } html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr:hover > div.wordmark-2u86JB::after { opacity: 1 !important; } html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j::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-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb { position: relative !important; } html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb::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-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb::before { content: "DevilBro" !important; font-size: 12px !important; font-weight: 600 !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: 117px !important; bottom: 8px !important; right: unset !important; transform: unset !important; animation: unset !important; }