@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); --home-background: transparent; --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 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. PODIUMSTARTMODAL 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_b1f720, /* app container */ #app-mount .app_de4237, /* app inner */ #app-mount .loading__30066, /* app i18n loading */ #app-mount .wrapper__246a1, /* app errorscreen */ #app-mount .bg__12180, /* app background */ #app-mount .layer__2efaa, /* layer container */ #app-mount .container_b2ce9c, /* layer container */ #app-mount .container__590e2, /* channels inner */ #app-mount .privateChannels__93473, /* dmchannels */ #app-mount .directoryContainer_d3edd9, /* server app directory */ #app-mount .panels__58331 > *, /* account/voice inner */ #app-mount .chat__52833, /* chat container */ #app-mount .chatContent__5dca8, /* chat channel */ #app-mount .container_b181b6, /* chat forums */ #app-mount .container__10dc7, /* chat search */ #app-mount .container__7590f, /* chat search inner */ #app-mount .container_def45c, /* chat thread sidebar */ #app-mount .wrapper_b8c724, /* chat messages loading */ #app-mount .noChannel__7bbff, /* nochannel */ #app-mount .members__9f47b, /* members */ #app-mount .members__9f47b > div, /* members content */ #app-mount .content_c21a16, /* unavailable */ #app-mount .container__5c7e7, /* peoples */ #app-mount .container__0a6a9, /* peoples activity list */ #app-mount .applicationStore_fc7d76, /* nitro */ #app-mount .shop_b31ed2, /* shop */ #app-mount .containerSidenav__2623a, /* family control */ #app-mount .pageWrapper_fef757, /* guilddiscovery */ #app-mount .pageContainer__1e84a, /* unihub */ #app-mount .scrollerBase_dc3aa9, /* scroller */ #app-mount .standardSidebarView__1129a, /* settings */ #app-mount .contentRegion__0bec1 { /* settings content */ background: transparent; } #app-mount .scroller__00e7e { /* peoples activity scroller */ border: none; } #app-mount .sidebarRegion__60457, /* 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_a7e7a8 { /* guilds container */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2)); } #app-mount .sidebar_ded4b5 { /* channels container */ background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency)); } #app-mount .panels__58331 { /* account/voice container */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) / 1.5)); } #app-mount .container__11d72.themed_b152d4 { /* channelheader container */ background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency)); } #app-mount .chatHeaderBar__3e137 { /* channelheader sub header */ background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency)); } #app-mount .membersWrap__90226 { /* members container */ background-color: rgba(var(--transparencycolor), var(--memberlisttransparency)); } #app-mount .nowPlayingColumn_f5023f { /* peoples now playing */ background-color: rgba(var(--transparencycolor), var(--memberlisttransparency)); } #app-mount .image_dabcb8 { /* app errorscreen image */ background-image: url(https://discord.com/assets/72eaa596042042be6259.svg); opacity: 0.6; } /* ~~~~ 2. BACKGROUND ~~~~ */ body::before, body::after { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: -1; } body::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); } body::after { backdrop-filter: blur(var(--backgroundblur)); } .layer__2efaa { z-index: 1000; } .container__4bde3::before, .layer__2efaa ~ .layer__2efaa::before, .root__6d24f::before, .container__4bde3::after, .layer__2efaa ~ .layer__2efaa::after, .root__6d24f::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: -1; } .container__4bde3::before, .layer__2efaa ~ .layer__2efaa::before, .root__6d24f::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .container__4bde3::after, .layer__2efaa ~ .layer__2efaa::after, .root__6d24f::after { background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); backdrop-filter: blur(var(--backgroundblur)); } .uploadArea__13687, .backdrop__3ff7b, .backdrop__7e89b { background: transparent !important; opacity: 1 !important; animation: none !important; } .uploadArea__13687::before, .backdrop__3ff7b::before, .backdrop__7e89b::before, .uploadArea__13687::after, .backdrop__3ff7b::after, .backdrop__7e89b::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: -2; } .uploadArea__13687::before, .backdrop__3ff7b::before, .backdrop__7e89b::before { background: var(--backdrop) var(--backdropposition)/var(--backdropsize); background-attachment: fixed; } .uploadArea__13687::after, .backdrop__3ff7b::after, .backdrop__7e89b::after { backdrop-filter: blur(var(--backdropblur)); } .withLayer__1fe9d { z-index: -1; } /* ~~~~ 3. TITLEBAR ~~~~ */ .titleBar__01af6 { z-index: 5001; } .titleBar__01af6::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__01af6:not(.typeMacOS__496b0)::after { height: 22px; } .titleBar__01af6.typeMacOS__496b0::after { height: 28px; width: calc(100% - 4px); margin: 2px; border-radius: 5px; } .titleBar__01af6.typeMacOS__496b0, .titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc { width: 72px; } .titleBar__01af6.typeMacOS__496b0.typeMacOSWithFrame_db4a7d .macButtons__7b1bc { margin-top: 0; margin-right: 0; } .platform-osx .wrapper_a7e7a8 { margin-top: 0; padding-top: 32px; } .platform-osx .standardSidebarView__1129a::before { left: 72px; } .winButtonMinMax__72f36:hover { background-color: rgba(var(--transparencycolor), .2); } /* ~~~~ 4. GUILDLIST ~~~~ */ #app-mount .childWrapper__01b9c { /* homebutton/acronym innerwrap */ background-color: rgba(var(--transparencycolor), .3); color: var(--text-normal); font-weight: 500; } #app-mount .wrapper_d281dd:hover .childWrapper__01b9c, #app-mount .wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c { background-color: var(--brand-experiment); text-shadow: 1px 1px var(--textshadow); } #app-mount .wrapper_d281dd rect[fill] { fill: rgba(var(--transparencycolor), .3); } #app-mount .noIcon__06e39 { /* acronym minicontainer */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .circleIconButton_d8df29 { /* guildadd/discovery innerwrap */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .circleIconButton_d8df29.selected__5250e { background-color: var(--green-360); } #app-mount .guildIconUnavailable_db5297, /* guilderror miniicon */ #app-mount .guildsError__0aa84 { /* guilderror innerwrap */ background-color: rgba(var(--dangercolor)),.3); } #app-mount .dragInner_a23293 { /* dragplaceholder */ background-color: rgba(var(--transparencycolor), .3); } .wrapper_ed1dea { /* folder outerwrap */ margin-bottom: 8px; } #app-mount .folder__17546 { /* folder iconwrap */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .folder__17546.hover__043de { background-color: rgba(var(--transparencycolor), .4); } #app-mount .expandedFolderBackground__1bec6 { /* 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__1bec6.hover__043de { background-color: rgba(var(--transparencycolor), .4); } .wrapper_a7e7a8 .wrapper_ed1dea [role="group"] { /* folder guildwrap */ margin-bottom: -8px; } .wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem_fa7b36:last-child { margin-bottom: 0; } .bar_edc096 { /* guild/channelbar inner */ box-shadow: 0 2px 6px rgba(var(--transparencycolor), .24); } .bar_edc096:not(.mention__1afd3) { background-color: transparent; overflow: hidden; } .bar_edc096:not(.mention__1afd3)::before, .bar_edc096:not(.mention__1afd3)::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } .bar_edc096:not(.mention__1afd3)::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .bar_edc096:not(.mention__1afd3)::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--backgroundblur)); } .sidebar_ded4b5 .bar_edc096:not(.mention__1afd3)::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 0.85 + 0.1)); } .wrapper_a7e7a8 .bar_edc096:not(.mention__1afd3)::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 1.9 + 0.1)); } /* ~~~~ 5. CHANNELLIST ~~~~ */ #app-mount .sidebar_ded4b5 { /* channels container */ border-radius: 0; } /* ---- 5.1. GUILDHEADER ---- */ .container__7c79d .animatedContainer__341f6 { /* banner wrap */ background: none; box-shadow: none; } .bannerImage__39c51 { /* banner image */ -webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%); } .bannerImage__39c51::before { display: none; } .header__104ca, /* header inner */ .searchBar_e4ea2a { /* 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_e4ea2a .searchBarComponent__22760 { /* header searchbarinner */ background-color: rgba(var(--transparencycolor), .2); } .clickable__2d589:not(.hasBanner_e78601) .header__104ca:hover, .selected__0b1ad:not(.hasBanner_e78601) .header__104ca { background-color: rgba(var(--transparencycolor), .2); } /* ---- 5.2. CHANNELS ---- */ .wrapper__7bcde:hover .link__95dc0 { /* channel content */ background-color: rgba(var(--transparencycolor), .2); } .wrapper__7bcde:hover .link__95dc0 [style*="color: var(--text-muted)"] { color: var(--header-secondary) !important; } .modeSelected__487d6 .link__95dc0, .modeSelected__487d6:hover .link__95dc0 { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .modeSelected__487d6 .link__95dc0 [style*="color: var(--text-muted)"], .modeSelected__487d6:hover .link__95dc0 [style*="color: var(--text-muted)"] { color: var(--header-secondary) !important; } .modeSelected__487d6 .link__95dc0 svg, .modeSelected__487d6:hover .link__95dc0 svg { filter: drop-shadow(1px 1px var(--textshadow)); } .icon_eff5d4 { /* channel icon */ color: var(--channels-default); } .modeMuted__0aeea .icon_eff5d4 { color: var(--interactive-muted); } .modeMuted__0aeea:hover .icon_eff5d4, .wrapper__7bcde:hover .icon_eff5d4 { color: var(--interactive-hover); } .modeConnected__1c02e .icon_eff5d4, .modeConnected__1c02e:hover .icon_eff5d4, .modeSelected__487d6 .icon_eff5d4, .modeSelected__487d6:hover .icon_eff5d4, .modeUnread_f74c03 .icon_eff5d4, .modeUnread_f74c03:hover .icon_eff5d4, .notInteractive_a7d9fb.modeConnected__1c02e .icon_eff5d4, .notInteractive_a7d9fb.modeSelected__487d6 .icon_eff5d4 { color: var(--interactive-active); } .modeConnected__1c02e .subtitle_bba2b7, /* channel subtitle */ .modeConnected__1c02e:hover .subtitle_bba2b7, .modeSelected__487d6 .subtitle_bba2b7, .modeSelected__487d6:hover .subtitle_bba2b7, .modeUnread_f74c03 .subtitle_bba2b7, .modeUnread_f74c03:hover .subtitle_bba2b7, .notInteractive_a7d9fb.modeConnected__1c02e .subtitle_bba2b7, .notInteractive_a7d9fb.modeSelected__487d6 .subtitle_bba2b7 { color: var(--interactive-normal); } .spine__88e6d { /* channel thread spine */ color: var(--channels-default); } .wrapper__5848b { /* voicechat limit */ background-color: rgba(var(--transparencycolor), .15); } .wrapper__5848b .users__65981 { background-color: transparent; } .wrapper__5848b .total_c01838 { background-color: rgba(var(--transparencycolor), .3); } .wrapper__5848b .total_c01838::after { border-right-color: rgba(var(--transparencycolor), .3); } .listDefault__205d0 .clickable__137bc:hover .content_b60865 { background-color: rgba(var(--transparencycolor), .2); } #app-mount .streamPreview__1846c { position: relative; background-color: transparent; color: var(--header-secondary); overflow: hidden; } .streamPreview__1846c::before, .streamPreview__1846c::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__1846c::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .streamPreview__1846c::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .previewContainer_bb1924 { background-color: transparent; } #app-mount .watchButton__0d283 { border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .watchButton__0d283:not([disabled]):hover { border-color: var(--header-primary); color: var(--header-primary); } /* ---- 5.3. DMCHANNELS ---- */ .interactive__776ee:focus-within, /* dmchannel/page inner */ .interactive__776ee:hover { background-color: rgba(var(--transparencycolor), .2); } .selected_d94cf9, .selected_d94cf9:focus-within, .selected_d94cf9:hover { background-color: rgb(var(--accentcolor)); color: var(--header-primary); text-shadow: 1px 1px var(--textshadow); } .selected_d94cf9 svg { filter: drop-shadow(1px 1px var(--textshadow)); } .empty__086ba { /* loadingplaceholders */ fill: rgba(var(--transparencycolor), .4); } /* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */ .panels__58331 > *, /* account/voice inner */ .panels__58331 .wrapper__0ed4a > * { /* account/voice inner */ background: none; border: none; } .panels__58331 > *:not(:empty) ~ *:not(:empty) { border-top: 1px solid rgba(var(--transparencycolor), .2); } button.button__4f306.enabled__470f0 { /* account/voice panel button */ opacity: 0.7; } button.button__4f306.enabled__470f0:hover { opacity: 1; background-color: rgb(var(--accentcolor)); } .withTagAsButton_cc125f:hover, .withTagless__98b7d:hover { background-color: rgb(var(--accentcolor)); } button.button__4f306.enabled__470f0:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } .button__66e8c.buttonColor_a6eb73 { background-color: rgba(var(--transparencycolor), .2); } .button__66e8c.buttonColor_a6eb73:hover { background-color: rgba(var(--transparencycolor), .4); } .button__66e8c.buttonColor_a6eb73.buttonActive__407a7, .button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .button__66e8c.buttonColor_a6eb73.buttonActive__407a7 svg, .button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } /* ~~~~ 6. CHAT ~~~~ */ .chat__52833.threadSidebarOpen_fa231d { /* chat threadsidebar open */ border-radius: 0; } .editor_e77931 { /* chat editor */ border: none; } #app-mount .background_e80d5a .container__92dc8, #app-mount .background_e80d5a .container_acafc1, #app-mount .background_e80d5a .container_f55cad, #app-mount .background_e80d5a .icon_f71c55, #app-mount .background_e80d5a .containerCard__30250, #app-mount .background_e80d5a .containerCard__30250:hover, #app-mount .background_e80d5a .interactiveCard_d5a839, #app-mount .background_e80d5a .emptyStateContainer__3c229, #app-mount .background_e80d5a .card_d4f6c7, #app-mount .container_b181b6 .mainCard__8a660, #app-mount .container_b181b6 .sidebarCard__44447, #app-mount .container__10dc7 .channelRow__96673 { background-color: var(--background-secondary); } @media (max-width: 1300px) { .container_acafc1, .container_f55cad { background: none !important; } } #app-mount .background_e80d5a .containerCard__30250 { border-color: var(--background-secondary); } #app-mount .background_e80d5a .container__16581:hover, #app-mount .container_b181b6 .pill_f055c3, #app-mount .container__10dc7 .channelRow__96673:hover { background: var(--background-tertiary); } .contentPreview_b317ee { /* forum list item */ border-color: rgb(var(--transparencycolor)); } #app-mount .textContentFooter__5a630 { /* forum list item footer */ background: linear-gradient(0deg, rgba(var(--transparencycolor), .5), rgba(var(--transparencycolor), .1)); } .container__8ee50 { border-color: var(--background-floating); } .divider_ffec75 { /* forum fat divider */ background: var(--background-floating); } #app-mount .container_c24cbd.isOpen_d88bb6 { /* forum selected post */ background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } #app-mount .container_c24cbd.isOpen_d88bb6 .defaultColor__77578, #app-mount .container_c24cbd.isOpen_d88bb6 [style*="color: var(--header-secondary)"] { color: var(--header-primary) !important; } #app-mount .container_c24cbd.isOpen_d88bb6 .author__185be a, #app-mount .container_c24cbd.isOpen_d88bb6 [style*="color: var(--text-muted)"] { color: var(--header-secondary) !important; } /* ---- 6.1. CHANNELHEADER ---- */ .container__11d72.themed_b152d4 { /* 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__321f5:focus { /* header dmchannelinput */ background-color: rgba(var(--transparencycolor), .2); } .input__321f5:focus, .outer_c57160:hover .input__321f5 { box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor), .2); } .children__32014::after { /* header topicgradient */ display: none; } .akaBadge__7df41 { /* header aka */ background-color: rgba(var(--transparencycolor), .3); } .searchBar_e0c60b { /* 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__118cb, #app-mount .searchAnswer_b452e7 { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } /* ---- 6.2. MESSAGES ---- */ .clickableAction_bef9b9:hover .action_c957d9, /* guidancechannel options */ .row__70f4c:hover { background-color: rgba(var(--transparencycolor), .4); } .emptyChannelIcon__1a1ba { /* welcomemessage empty channelicon */ background-color: rgba(var(--transparencycolor), .4); } .button_fb39e8:hover { /* welcomemessage edit channel */ background-color: rgb(var(--accentcolor)); color: var(--interactive-active); text-shadow: 1px 1px var(--textshadow); } #app-mount .role__88585 { /* welcomemessage role */ background: transparent; border-color: rgba(var(--textbrighter), .6); border-radius: 5px; height: 22px; padding: 0 5px; position: relative; } #app-mount .role__88585[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter), .6) !important; } #app-mount .role__88585 .roleColor_dc66b5 { /* 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__88585:hover .roleColor_dc66b5 { opacity: 0.8; } #app-mount .role__88585 .roleColor_dc66b5[style*="background-color: rgb(185, 187, 190)"] { background-color: var(--text-normal) !important; } .divider_b9338f.hasContent_fea365 { /* divider hascontent */ border-width: calc(1px * (1 - var(--usechatbubbles))); } .divider_b9338f.hasContent_fea365::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_d67847 { /* divider content */ position: absolute; background-color: transparent; padding: 2px 8px; width: unset; } .content_d67847::before, .content_d67847::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; opacity: calc(1 - var(--usechatbubbles)); z-index: -1; } .content_d67847::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .content_d67847::after { background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); backdrop-filter: blur(var(--backgroundblur)); } .unreadPill__715fc { /* 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__96b8d { /* divider unreadpillcap */ opacity: calc(1 - var(--usechatbubbles)); } .hasMore_b03f46:hover { background-color: rgba(var(--transparencycolor), .2); } .jumpToPresentBar__0ff7f { /* bar jumptopresent */ background-color: transparent; overflow: hidden; opacity: 1; } .jumpToPresentBar__0ff7f::before, .jumpToPresentBar__0ff7f::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } .jumpToPresentBar__0ff7f::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .jumpToPresentBar__0ff7f::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--backgroundblur)); } /* ==== 6.2.1. MESSAGE ==== */ #app-mount .message__04d9f { /* message confirm modal */ background-color: rgba(var(--transparencycolor), .2); box-shadow: none; } .message__80c10, /* message container */ .messagesWrapper_ea2b0b .wrapper__09ecc, /* message upload placeholder */ .card_d4f6c7 .wrapper__09ecc, /* message home */ .wrapper__5c5cd, /* message loading */ .message_f3a9e4, /* message mention popout */ .message__41c2a, /* message inbox popout */ .message__04d9f .wrapper__09ecc, /* message settings preview */ .messageGroupCozy__2dedd, /* message pin popout */ .message_d8db25 .wrapper__09ecc { /* message searchpage */ background-color: rgba(var(--transparencycolor), var(--messagetransparency)) !important; contain: unset; } .message_d8db25 .wrapper__09ecc { /* message searchpage */ background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8)) !important; } .message__80c10.selected_fd9051, .mouse-mode .message__80c10:hover, .mouse-mode.full-motion .message__80c10:hover, .mouse-mode .wrapper__5c5cd:hover, .mouse-mode.full-motion .wrapper__5c5cd:hover { background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important; } .backgroundFlash_e5b9ad .message__80c10 { /* message jump flash */ position: relative; } .backgroundFlash_e5b9ad .message__80c10::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_e5b9ad .cozyMessage__64ce7::before { left: calc(-80px * var(--usechatbubbles)); } .message__80c10.ephemeral_c26b64, /* message localbot */ .message__80c10.replying_d7b6ad { /* 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__80c10.mentioned__58017 { /* 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__80c10.ephemeral_c26b64::before, .message__80c10.replying_d7b6ad::before { background-color: rgb(var(--accentcolor)); } .message__80c10.mentioned__58017::before { background-color: rgb(var(--mentioncolor)); } .message__80c10.mentioned__58017 .contents_f41bb2 .messageContent__21e69 { border-radius: 3px; background-color: rgba(var(--mentioncolor), calc(0.3 * var(--usechatbubbles))); } #app-mount .avatar__08316, /* message container avatar */ #app-mount .avatar_eb6eba { /* message loading avatar */ position: absolute; top: 2px; left: calc(-70px * var(--usechatbubbles) + 16px); } #app-mount .messageItemBody_e13b10.hasReply_febd50 .avatar__08316, #app-mount .repliedMessage_e2bf4a ~ * .avatar__08316 { top: 24px; } #app-mount .container_aed774 .avatar__08316 { left: calc(-10px * var(--usechatbubbles)); } #app-mount .avatarDecoration__14b3c { /* message avatar decoration */ position: absolute; top: 2px; left: calc(-70px * var(--usechatbubbles) + 16px - (6.6666666px * var(--decoration-to-avatar-ratio)/2)); } #app-mount .messageItemBody_e13b10.hasReply_febd50 .avatarDecoration__14b3c, #app-mount .repliedMessage_e2bf4a ~ * .avatarDecoration__14b3c { top: 24px; } #app-mount .container_aed774 .avatarDecoration__14b3c { left: calc(-10px * var(--usechatbubbles) - (6.6666666px * var(--decoration-to-avatar-ratio)/2)); } #app-mount .replyBadge__3d01e { /* message reply badge */ background-color: rgba(var(--transparencycolor), .5); } #app-mount .spine_d081ec { width: 0px; top: 20px; right: calc(1px * (-32 * var(--usechatbubbles) + -25 * (1 - var(--usechatbubbles)))); left: unset; border: none; } #app-mount .compact__54ecc .spine_d081ec { right: 0; } #app-mount .repliedMessage_e2bf4a::before, /* message reply spine */ #app-mount .repliedMessage_e2bf4a::after, #app-mount .spine_d081ec::before, /* message command spine */ #app-mount .spine_d081ec::after { --avatar-size: 38px; --gutter: 16px; --spine-width: 2px; content: ""; display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50%; right: unset; bottom: 0; left: calc(-1 * var(--avatar-size) - (6px * var(--usechatbubbles))); width: calc(var(--avatar-size) - 4px); margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2); border-right: 0 solid var(--background-accent); border-left: var(--spine-width) solid var(--background-accent); } #app-mount .repliedMessage_e2bf4a::before, #app-mount .repliedMessage_e2bf4a::after { border-top: var(--spine-width) solid var(--background-accent); border-bottom: 0 solid var(--background-accent); border-top-left-radius: 6px; } #app-mount .spine_d081ec::before, #app-mount .spine_d081ec::after { border-top: 0 solid var(--background-accent); border-bottom: var(--spine-width) solid var(--background-accent); border-bottom-left-radius: 6px; } #app-mount .compact__54ecc .repliedMessage_e2bf4a::before, #app-mount .compact__54ecc .repliedMessage_e2bf4a::after, #app-mount .compact__54ecc .spine_d081ec::before, #app-mount .compact__54ecc .spine_d081ec::after { --avatar-size: 20px; left: calc(-1 * var(--avatar-size)); } #app-mount .repliedMessage_e2bf4a::before, #app-mount .spine_d081ec::before { border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles)))); } #app-mount .repliedMessage_e2bf4a::after, #app-mount .spine_d081ec::after { border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles))); } #app-mount .compact__54ecc .repliedMessage_e2bf4a::before, #app-mount .compact__54ecc .spine_d081ec::before { border-color: rgba(var(--textbrighter), .3); } #app-mount .compact__54ecc .repliedMessage_e2bf4a::after, #app-mount .compact__54ecc .spine_d081ec::after { border-color: transparent; } #app-mount .cozy_f5c119.hasThread__58ee2::before, /* message thread spine */ #app-mount .cozy_f5c119.hasThread__58ee2::after, #app-mount .compact__54ecc.hasThread__58ee2::after { --avatar-size: 38px; --gutter: 16px; --spine-width: 2px; content: ""; display: block; position: absolute; top: 2rem; bottom: 29px; left: calc(var(--avatar-size) * (1 - var(--usechatbubbles)) - var(--avatar-size) * var(--usechatbubbles)); width: calc(var(--avatar-size) - 10px + (4px * var(--usechatbubbles))); margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2); border-top: 0 solid var(--background-accent); border-right: 0 solid var(--background-accent); border-bottom: var(--spine-width) solid var(--background-accent); border-left: var(--spine-width) solid var(--background-accent); border-bottom-left-radius: 8px; } #app-mount .cozy_f5c119.hasThread__58ee2::before { border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles)))); } #app-mount .cozy_f5c119.hasThread__58ee2::after { border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles))); } #app-mount .message__80c10.mentioned__58017.hasThread__58ee2::before { background-color: transparent; } #app-mount .compact__54ecc.hasThread__58ee2::after { left: calc(var(--avatar-size) + 11px); width: calc(var(--avatar-size) - 13px); border-color: rgba(var(--textbrighter), .3); } #app-mount .compact__54ecc.hasThread__58ee2 .contents_f41bb2::before { border-color: rgba(var(--textbrighter), .3); } .spine_d081ec { border-color: rgba(var(--textbrighter), .3); } .hasThread__58ee2 .spine_d081ec { display: none; } .cozy_f5c119 .header__39b23::after, /* message container header */ .cozy__32560 .header_c65767::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_f5c119 .container_aed774 .header__39b23::after { left: 40px; } .messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd .header__39b23::after { top: 2px; } .message_d8db25 .wrapper__09ecc .header__39b23::after { border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8)); } .cozy_f5c119 .timestamp_cdbd93.alt__6c563 { left: calc(-78px * var(--usechatbubbles)); } .cozy_f5c119 .iconContainer_dfc268 { 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_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268 { background-color: transparent; } .cozy_f5c119 .iconContainer_dfc268::after { content: ""; position: absolute; top: 2px; left: 26px; border: 10px solid transparent; border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency)); } .cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268::after { display: none; } .selected_fd9051.message__80c10.cozy_f5c119 .header__39b23::after, .mouse-mode .message__80c10.cozy_f5c119:hover .header__39b23::after, .mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .header__39b23::after, .mouse-mode .wrapper__5c5cd.cozy__32560:hover .header_c65767::after, .mouse-mode.full-motion .wrapper__5c5cd.cozy__32560:hover .header_c65767::after, .selected_fd9051.message__80c10.cozy_f5c119 .iconContainer_dfc268::after, .mouse-mode .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after, .mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after { border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2)); } #app-mount .mentioned__58017.cozy_f5c119 .header__39b23::after { border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency) * 100000000000000000000000000000)); } #app-mount .ephemeral_c26b64.cozy_f5c119 .header__39b23::after, #app-mount .replying_d7b6ad.cozy_f5c119 .header__39b23::after { border-right-color: rgba(var(--accentcolor), calc(var(--messagetransparency) * 100000000000000000000000000000)); } .message_f3a9e4, .message__41c2a, .zalgo__39311 .messageContent__21e69, .zalgo__39311.cozy_f5c119 .header__39b23, .wrapper__5c5cd, .cozy__32560 .header_c65767 { overflow: visible; } .container_aed774 { /* message blocked */ padding: 0; overflow: visible; } #app-mount .cozyMessage__64ce7, /* message container cozy */ #app-mount .messagesWrapper_ea2b0b .cozy_f5c119, /* message upload placeholder cozy */ #app-mount .card_d4f6c7 .cozy_f5c119, /* message home cozy */ #app-mount .cozy__32560 { /* message loading cozy */ margin-left: calc(80px * var(--usechatbubbles)); padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles)))); } #app-mount .wrapper__09ecc[data-list-item-id*="Uploader"] { margin-top: 1rem; } #app-mount .compact__26766 { /* message loading compact */ margin-top: .0625rem; } #app-mount .cozy_f5c119 .header__39b23, #app-mount .cozy_f5c119 .messageContent__21e69, #app-mount .cozy__32560 .header_c65767 { margin-left: 0; padding-left: 0; } .messageContainer_aa7d14 .wrapper__09ecc, .messages_f7999e .wrapper__09ecc, .message__04d9f .wrapper__09ecc, .messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd, .message_d8db25 .wrapper__09ecc { border-radius: 5px; margin-left: calc(60px * var(--usechatbubbles)); padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles)))); } .messages_f7999e .wrapper__09ecc { border-radius: 0; } /* message home message */ .interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active, .interactiveCard_d5a839:hover { border-color: var(--background-secondary); } .feedItemHeader__653e4 { border-color: var(--background-primary); } .interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active .feedItemHeader__653e4, .interactiveCard_d5a839:hover .feedItemHeader__653e4 { border-color: var(--background-secondary); } .avatar_eb6eba { /* message loading avatar */ background: rgba(var(--transparencycolor), .4); opacity: 1 !important; } .attachment__7a2d0, /* message loading attachment */ .blob__8d5bd { /* message loading blob */ background: rgb(var(--accentcolor)); } .expanded_be53d7 { /* message expanded blocked */ background-color: rgba(var(--transparencycolor), .2); border-radius: 5px 5px 0 5px; margin-bottom: .5625rem; } .reaction_fef95b { /* message reaction */ background-color: rgba(var(--transparencycolor), .3); border: none; } .reaction_fef95b:hover { background-color: rgba(var(--transparencycolor), .4); } .reaction_fef95b.reactionMe__98f57 { background-color: rgba(var(--accentcolor), .8); } .reaction_fef95b.reactionMe__98f57:hover { background-color: rgb(var(--accentcolor)); } .reaction_fef95b.reactionMe__98f57 .reactionCount_b49901 { color: #FFF; text-shadow: 1px 1px var(--textshadow); } .reaction_fef95b:hover { background-color: rgba(var(--transparencycolor), .4); } .wrapper_c727b6 { /* message buttons */ position: relative; background: transparent; } .wrapper_c727b6::before, .wrapper_c727b6::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_c727b6::before { background: var(--backgound) var(--backgoundposition)/var(--backgroundsize); background-attachment: fixed; } .wrapper_c727b6::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--backgroundblur)); } .button_d553e5:hover { /* message button */ background-color: rgba(var(--transparencycolor), .2); } .button_d553e5.selected__63428 { background-color: rgba(var(--transparencycolor), .4); } .bumpBox_cfd81a { /* messageelement publish box */ background-color: rgba(var(--transparencycolor), .4); } .markup_a7e664 code { /* messageelement code */ background-color: transparent; border-color: transparent; } .markup_a7e664 pre { /* messageelement pre */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } .markup_a7e664 .inline, /* messageelement inline */ .after_inlineCode__2197d, .before_inlineCode__37e14, .inlineCode_d702a4 { background-color: rgba(var(--transparencycolor), .4); } .textContainer__709ff { /* messageelement plain file text */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } .footer__06f4b { /* messageelement plain file footer */ background-color: rgba(var(--transparencycolor), .4); border-color: rgba(var(--transparencycolor), .1); } .languageSelector_a1c2f3 { /* 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_a1c2f3::before, .languageSelector_a1c2f3::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_a1c2f3::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .languageSelector_a1c2f3::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .spoilerContent__37bfa { /* messageelement spoiler */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .spoilerContent__37bfa.hidden_f44e41 { /* messageelement hiddenspoiler */ background-color: rgba(var(--transparencycolor), .6); } .icon__8c32c[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__8c32c[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__8c32c[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__8c32c[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__8dc21 { /* embed wrapper */ background-color: rgba(var(--transparencycolor), .3); border-left-color: rgb(var(--textdarkest)); } #app-mount .attachment_f3cf2c { /* attachment container */ background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); margin-left: 18px; } #app-mount .message__80c10 .attachment_f3cf2c { margin-left: 0; } #app-mount .twitchSectionPlayButton__1b39d { object-position: -999999px -999999px; background: rgba(var(--transparencycolor), .4) url('data:image/svg+xml; utf8, '); border-radius: 50%; } #app-mount .twitchSectionPlayButton__1b39d:hover { background-color: rgba(var(--transparencycolor), .8); } #app-mount .wrapper__3a7a0 { /* attachment videowrapper */ background-color: rgba(var(--transparencycolor), .3); } /* ==== 6.2.3. NITROGIFT ==== */ #app-mount .tile_ebc93b { /* gift container */ background-color: rgba(var(--transparencycolor), .2); box-shadow: 0 0 0 rgba(var(--transparencycolor), .15); } #app-mount .tile_ebc93b:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .title__701c1 { /* gift title */ color: var(--header-primary); } #app-mount .description__883d4 { /* gift description */ color: var(--header-primary); } #app-mount .tagline__3427c { /* gift tagline */ color: var(--header-secondary); } /* ==== 6.2.4. INVITE ==== */ #app-mount .wrapper_efe67f { /* invite container */ background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); } #app-mount .guildIconImage__93ae7 { /* invite icon */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .guildName__060cb { /* invite name */ color: var(--header-primary); } #app-mount .guildDetail__0b882 { /* invite details */ color: var(--channels-default); } #app-mount .invite__2a93b { /* invite group invite */ background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); } #app-mount .header__8b673 { color: rgb(var(--textdarker)); } #app-mount .name_b50cd9, #app-mount .partyStatus__6a567 { color: var(--header-primary); } #app-mount .moreUsers__1d9e9 { background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .partyMemberEmpty__94736 { background-color: rgba(var(--transparencycolor), .3); } #app-mount .helpIcon_a58947 { background-color: var(--header-primary); } /* ---- 6.3. TEXTAREA ---- */ .form__13a2c { padding-top: 0; margin-top: 0; } .form__13a2c { /* 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_fa231d .form__13a2c { border-top-right-radius: 8px; } .form__13a2c::before { display: none; } .channelTextArea__2e60f { /* textarea channeltextarea */ background-color: transparent; border-top-color: var(--background-modifier-accent); } .container__08420 { /* textarea reply */ background: rgba(var(--transparencycolor), .3); border: none; border-bottom: 1px solid var(--background-modifier-accent); } .scrollableContainer__33e06 { /* textarea container */ background-color: rgba(var(--transparencycolor), .3); } .sprite__294b3 { /* textarea emojibutton */ transform: none !important; } .wrapper_fbbb73 { /* textarea placeholder */ background-color: rgba(var(--transparencycolor), .3); color: var(--text-normal); } .toolbar_c7b525 { /* textarea formattoolbar */ background-color: rgb(var(--accentcolor)); } .toolbar_c7b525::before { border-top-color: rgb(var(--accentcolor)); } .divider__441cb { /* textarea formattoolbar divider */ border-left-color: hsla(0, 0%,100%, .1); } .active__05fbc, /* textarea buttonactive */ .hover_d0ebf2:hover { /* textarea buttonhover */ background-color: hsla(0, 0%, 100%, .2); } .icon__5a617 { /* textarea buttonicon */ color: #fff; opacity: .7; } .active__05fbc .icon__5a617, .hover_d0ebf2:hover .icon__5a617 { color: #fff; opacity: 1; } #app-mount .optionPill_f86b98 { /* textarea command query pill */ background-color: rgba(var(--transparencycolor), .5); border-radius: 5px; } #app-mount .optionPillKey_e84f41 { /* textarea command query pill key */ background-color: transparent; } /* ---- 6.4. AUTOCOMPLETEMENU ---- */ #app-mount .autocomplete_df266d { /* autocomplete container */ background-color: transparent; overflow: hidden; } #app-mount .autocomplete_df266d::before, #app-mount .autocomplete_df266d::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_df266d::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } #app-mount .autocomplete_df266d::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } .theme-brand .autocomplete_df266d { background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important; } .theme-brand .autocomplete_df266d::before, .theme-brand .autocomplete_df266d::after { display: none; } #app-mount .bar__8f42e { /* autocomplete command info */ background-color: transparent; } #app-mount .container_e84cda::after { box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor), .3); } #app-mount .header__02652 { /* autocomplete header */ box-shadow: 0 1px 0 0 rgba(var(--transparencycolor), .2), 0 1px 2px 0 rgba(var(--transparencycolor), .2); } #app-mount .selected__75860 { /* autocomplete rowselected */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .option__32fd1 { /* autocomplete option */ background-color: rgba(var(--transparencycolor), .5); } #app-mount .wrapper__4e8f1 { /* autocomplete categories */ background-color: transparent; } #app-mount .selected__608f1, /* autocomplete category selected */ #app-mount .selected__608f1:hover { background-color: rgb(var(--accentcolor)); } #app-mount .selected__608f1 svg { filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .searchSuggestion__1a6a7:hover { /* gifpicker suggestions */ text-shadow: 1px 1px var(--textshadow); } #app-mount .placeholder__1d2a8 { /* gifpicker result placeholder */ background-color: rgba(var(--transparencycolor), .3); } /* ---- 6.5. MEMBERLIST ---- */ .member_b44d5d { /* member */ background: transparent; } .avatar__991e2::before { /* emptyavatar */ background-color: rgba(var(--transparencycolor), .3); } .memberGroupsPlaceholder_d0ae46, /* loadingplaceholders */ .placeholderAvatar__21e48, .placeholderUsername__7fd2c { background-color: rgba(var(--transparencycolor), .4); } /* ---- 6.6. SEARCHPAGE ---- */ .searchResultsWrap__9f374 { /* searchpage container */ background-color: transparent; } .searchHeader__19d87, /* searchpage header */ .searchHeader__19d87 ~ .container_d91be8 { /* searchpage pagination (BSP) */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8)); border-radius: 0 0 0 8px; } .searchResult_dcd237 { /* searchpage searchresult */ background-color: rgba(var(--transparencycolor), .2); } .button_f8244b { /* searchpage jumpbutton */ background-color: rgba(var(--transparencycolor), .4); } .button_f8244b:hover { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .pageButton_bcd673:hover { background-color: rgba(var(--transparencycolor), .4); } .activeButton__7a550 { text-shadow: 1px 1px var(--textshadow); } /* ---- 6.7. CHAT SIDEBAR ---- */ .container_def45c { /* chat sidebar */ border-radius: 0; } .container_def45c.floating_f021e2::before, .container_def45c.floating_f021e2::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .container_def45c.floating_f021e2::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .container_def45c.floating_f021e2::after { background-color: rgba(var(--transparencycolor), var(--transparencyalpha)); backdrop-filter: blur(var(--backgroundblur)); } .chatTarget__0ea5e.notFloating__80043 ~ .container_def45c { overflow: visible; } .chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::before { content: ""; position: absolute; display: block; top: 0; bottom: 0; left: -8px; width: 8px; background: inherit; box-shadow: inherit; pointer-events: none; } .chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::after { content: ""; position: absolute; display: block; top: 10px; bottom: 10px; left: -3.5px; width: 1px; background: var(--background-modifier-accent); pointer-events: none; } /* ---- 6.8. CALL ---- */ #app-mount .wrapper_daf1cf { z-index: 1002; } #app-mount .root__46d4f { /* popout inner */ background-color: transparent; border: none; } .root__46d4f::before, .root__46d4f::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .root__46d4f::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .root__46d4f::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .wrapper_bd2abe { /* call voice wrapper */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8)); } #app-mount .callContainer_cbde45 { /* call voice wrapper inner */ background-color: rgba(var(--transparencycolor), calc((1 - (var(--guildchanneltransparency) * 0.8)) * 0.8)); } #app-mount .root__3eef0 { /* call root */ color: var(--header-primary); } .videoWrapper_b42a4f { /* call video wrapper */ background-color: rgba(var(--transparencycolor), .3); } .video__79b68 { /* call video */ background-color: transparent; } .tile_a411a4, /* call user video voicechannel */ .tile_f5f57f { /* call user video dm */ background-color: rgba(var(--transparencycolor), .3); } .gradientContainer__9a5a6 { /* call gradientcontainer */ display: none; } .participantsButton__56586 { /* call participantsbutton */ background-color: rgba(0, 0, 0, .3); } .participantsButton__56586:hover { background-color: rgba(0, 0, 0, .6); } .centerButton__3205b, .colorable_c84c4c.primaryDark__6b700 { background-color: rgba(var(--transparencycolor), .5); } .centerButton__3205b:hover, .colorable_c84c4c.primaryDark__6b700:hover { background-color: rgb(var(--accentcolor)); } .button__13ec4 { background-color: rgba(var(--transparencycolor), .4); } .button__13ec4:hover { background-color: rgba(var(--transparencycolor), .6); } .controlButton_ab2899.colorable_c84c4c.red_a51ba8 { background-color: rgba(var(--dangercolor)),.5); } .controlButton_ab2899.colorable_c84c4c.red_a51ba8:hover { background-color: rgb(var(--dangercolor)); } .regionSelectPopout__0127b { width: 170px; } .container__3e5cc { /* call podium wrapper */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8)); } .callContainer_e8faeb { /* call podium inner */ background-color: transparent; } .scroller_d8c41e { /* call podium scroller */ background-color: transparent; } .rowContainer__3f2d1 { /* call podium row */ background-color: transparent; } .participants__5d231 { /* call podium participants */ background-color: transparent; } .tileContainer__88d69:hover { /* call podium participant */ background-color: rgb(var(--accentcolor)); } .container__7b94f { /* call podium requests */ background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.3)); } .headerContainer_bff52d { /* 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__758fd, /* loadingplaceholders */ .channelIcon_ad6049, .channelName_f48c90 { background: rgba(var(--transparencycolor), .4); } .splashImage_d708dc { /* screen image */ opacity: 0.7; } /* ~~~~ 7. PEOPLES ~~~~ */ .addFriendInputWrapper__4bf8e { /* peoples add friend */ background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); } .addFriendInputWrapper__4bf8e:hover:not(:focus-within) { border-color: rgb(var(--transparencycolor)); } .container_a308ae { /* peoples explore option */ border: none; } .container_a308ae:hover { background-color: var(--background-floating); } .peopleListItem_d14722 .actionButton__23182, /* peoples actionbutton */ .peopleListItem_d14722 .actionButton-3-B2x { /* peoples actionbutton */ background-color: rgba(var(--transparencycolor), .1); } .peopleListItem_d14722 .actionButton__23182:hover, .peopleListItem_d14722 .actionButton-3-B2x:hover { background-color: rgb(var(--accentcolor)); } .peopleListItem_d14722 .actionButton__23182:hover svg, .peopleListItem_d14722 .actionButton-3-B2x:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } .peopleListItem_d14722.active__6b8ff, .peopleListItem_d14722:hover, .peopleListItem_d14722.active__6b8ff, .peopleListItem_d14722:hover { background-color: rgba(var(--transparencycolor), .3); } .peopleListItem_d14722.active__6b8ff .actionButton__23182, .peopleListItem_d14722:hover .actionButton__23182, .peopleListItem_d14722.active__6b8ff .actionButton-3-B2x, .peopleListItem_d14722:hover .actionButton-3-B2x { background-color: rgba(var(--transparencycolor), .3); } #app-mount .outer_a41cf3, /* playing card */ #app-mount .wrapper__6e669 { /* playing card */ background-color: rgba(var(--transparencycolor), .2); border: unset; } #app-mount .outer_a41cf3.active__76f42, #app-mount .outer_a41cf3.interactive__01cfa:hover, #app-mount .outer_a41cf3.active__76f42, #app-mount .outer_a41cf3.interactive__01cfa:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .inset__0bfb3 { /* playing card inner */ background-color: rgba(var(--transparencycolor), .2); } .emptyCard_f82dde { /* playing empty card */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .partyMemberOverflow_d12297 { background: rgba(var(--transparencycolor), .5); } #app-mount .partyMemberBackground__8fdc5, #app-mount .partyMemberUnknown__573ec { background-color: rgba(var(--transparencycolor), .5); } #app-mount .partyMemberUnknownIcon__7bfe8 { color: var(--channels-default); } #app-mount .popout_c6d10c { /* 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_c6d10c::before, .popout_c6d10c::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popout_c6d10c::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .popout_c6d10c::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3)); backdrop-filter: blur(var(--popoutblur)); } .memberListItem__4000d:not(.popoutDisabled__5e7e3):hover { background-color: rgba(var(--transparencycolor), .2); } /* ~~~~ 7. STORE/NITRO ~~~~ */ .marketingHeader_c8e5cd { /* marketingheader */ background-color: rgba(var(--transparencycolor), .3); } .detailsBlock__1191c { /* billing details */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .categoryHeader__46769, /* categoryheader */ #app-mount .premiumApplicationsHeader_e2dd83 { border-color: var(--background-modifier-accent); color: var(--header-primary); } #app-mount .tier1Banner__86229 { /* tier1banner container */ background-color: rgba(var(--transparencycolor), .3); color: #fff; } .smallCarousel_cb7c79 { background-color: rgba(var(--transparencycolor), .3); border-radius: 5px; } #app-mount .item_d7f2df { /* gamepreview previewitem */ background-color: rgba(var(--transparencycolor), .3); } .arrow_f5c530 { /* gamepreview prev/nextarrow (big) */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .themedPagination_c56fb8 .arrow_fe649b { /* gamepreview prev/nextarrow (small) */ color: var(--header-primary); } #app-mount .themedPagination_c56fb8 .dot__6356c { /* gamepreview itemdot (small) */ background-color: var(--header-primary); } #app-mount .root__3d5e9 { /* gameinfo sectioncontainer */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .header_c26642 { /* gameinfo sectionheader */ color: var(--header-primary); } #app-mount .section__51057 { /* gameinfo subsection */ border-bottom-color: var(--background-modifier-accent); } #app-mount .playerOverflow__58b26 { background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .description__6dac8 { /* gameinfo subsectiondescription */ color: var(--header-secondary); } #app-mount .description__6dac8 strong, #app-mount .username_c20f20 { /* gameinfo subsectionusername */ color: var(--header-primary); } #app-mount .smallHeader__9766b { /* gameinfo subsectionheader */ color: var(--header-secondary); } #app-mount .text__07fd0 { /* gameinfo subsectiontext */ color: var(--header-primary); } #app-mount .iconCircle__4c74f { background-color: rgba(var(--transparencycolor), .3); } #app-mount .circle_d78580 { color: var(--header-primary); } #app-mount .blurb__7d206 { /* section description */ color: var(--text-normal); } #app-mount .description__671fd { /* section subdescription */ color: var(--header-secondary); } #app-mount .requirements_fd3915 { /* requirements */ color: var(--text-normal); } #app-mount .requirementKey_dd27af { /* requirements key */ color: rgb(var(--textdarker)); } #app-mount .content__45a6a { /* requirements rating */ color: rgb(var(--textdarker)); } #app-mount .bodySection_ae0d90 { /* sidebar section */ background-color: rgba(var(--transparencycolor), .2); border-top-color: var(--background-modifier-accent); } #app-mount .actionText__1ae94 { /* sidebar header */ color: var(--text-normal); } #app-mount .purchaseUnitOperatingSystem_b02a69 { /* sidebar OSicon */ color: rgb(var(--textdarkest)); } #app-mount .price_f6c36e, /* sidebar price */ #app-mount .listingPrice__4b50b { color: var(--header-primary); } #app-mount .title_a81dd3 { /* sidebar subtitle */ color: var(--header-primary); } #app-mount .skuNormal__1aa9d { /* sidebar pricerow */ border-bottom-color: var(--background-modifier-accent); } #app-mount .name__71fd4 { /* sidebar pricename */ color: var(--header-secondary); } #app-mount .sku_e2d34f:hover .name__71fd4 { color: var(--header-primary); } #app-mount .price_afc9b2 { /* sidebar priceamount */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-primary); } #app-mount .label__8394d { /* sidebar label */ color: rgb(var(--textdarker)); } #app-mount .info__087e0 { /* sidebar labelinfo */ color: var(--header-primary); } #app-mount .content__8af7f { /* invitecard container */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .name_d69e36 { /* invitecard guildname */ color: var(--header-secondary); } #app-mount .memberInfo_a41c1a { /* invitecard memberinfo */ color: rgb(var(--textdarker)); } .premiumSubscriptionAccountCredit__6bab4 { /* abonnements abocard */ background-color: rgba(var(--transparencycolor), .4); } #app-mount .row__80d34 { /* features row */ background-color: rgba(var(--transparencycolor), .2); color: var(--header-secondary); } #app-mount .featureIcon__67ee4 { /* features featureicon */ color: var(--header-secondary); } /* ~~~~ 9. LIBRARY ~~~~ */ .header_b5ab54 { /* library table header */ background-color: transparent; border-bottom-color: var(--background-modifier-accent); position: relative; } .header_b5ab54::before, .header_b5ab54::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .header_b5ab54::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .header_b5ab54::after { background-color: rgba(var(--transparencycolor), .4); backdrop-filter: blur(var(--backgroundblur)); } #app-mount .headerCellSorted__41374 { color: var(--header-primary); } .rowWrapperActive_f989dd { background-color: rgba(var(--transparencycolor), .2); } .rowWrapper__2d725 + .rowWrapper__2d725 .row_f3cc85 { border-top-color: var(--background-modifier-accent); } #app-mount .rate__087a0 { color: var(--text-muted); } #app-mount .background__0a6fb { /* library usagebar */ stroke: rgb(var(--transparencycolor), .5); } #app-mount .usageInfo_a68f86 { /* gamelibrary usageinfo */ color: var(--header-secondary); } #app-mount .installationPath_fa3a82 { /* library game row path */ box-shadow: 0 1px 0 0 var(--background-accent); } #app-mount .rowTitle_ec0ae0 { /* library game row title */ color: var(--text-normal); } #app-mount .rowBody__737e5 { /* library game row body */ color: var(--text-muted); } #app-mount .defaultLocationCheckbox__39884 { /* library location checkbox */ color: var(--header-primary); } #app-mount .defaultIndicator__2a4ea { /* library location indicator */ background-color: rgba(var(--transparencycolor), .5); color: var(--header-primary); } #app-mount .applicationName__77e6b { /* library application name */ color: var(--header-primary); } #app-mount .applicationSubText_ea8d9c { /* library application subtext */ color: var(--text-muted); } #app-mount .emptyWumpus__67af4 { /* library no games */ background: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg); opacity: 0.6; } /* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */ #app-mount .pageWrapper_fef757, /* guilddiscovery container */ #app-mount .pageContainer__1e84a { /* unihub container */ color: var(--header-primary); } #app-mount .pageWrapper_fef757 .searchBox__88a98, /* guilddiscovery searchbox */ #app-mount .pageContainer__1e84a .searchBox_bf114a { /* unihub searchbox */ background-color: #fff; } #app-mount .card__86773, /* guilddiscovery card */ #app-mount .card__73022 { /* unihub card */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .iconMask__1aff7, /* guilddiscovery iconmask */ #app-mount .iconMask_f7f012 { /* unihub iconmask */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .card__86773:hover, #app-mount .iconMask__1aff7:hover, #app-mount .card__73022:hover, #app-mount .iconMask_f7f012:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .cardPlaceholder__6e28f { /* guildcard placeholder */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .loading_e7a19f { /* guildcard loading */ background-color: rgba(var(--transparencycolor), .5); } .actionButtonsContainer__16c43 { /* guildcard action button */ position: relative; background: transparent; } .actionButtonsContainer__16c43::before, .actionButtonsContainer__16c43::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 4px; pointer-events: none; } .actionButtonsContainer__16c43::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .actionButtonsContainer__16c43::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--backgroundblur)); } .spinner__97e4c { /* guildcard loading spinner */ background: transparent; transform: none; top: calc(50% - 24px); left: calc(50% - 24px); } .spinner__97e4c::before, .spinner__97e4c::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 8px; pointer-events: none; } .spinner__97e4c::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .spinner__97e4c::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.4)); backdrop-filter: blur(var(--backgroundblur)); } #app-mount .addEntryCard_d9422a { /* add entry card */ background-color: rgba(var(--transparencycolor),.2); border-color: var(--interactive-normal); } #app-mount .addEntryCard_d9422a:hover { background-color: rgba(var(--transparencycolor),.4); border-color: var(--interactive-active); } .emptyContainer_a4bd05 { /* search no results */ background-color: rgba(var(--transparencycolor), .4); } .placeholder__278ac { /* search placeholder */ background-color: rgba(var(--transparencycolor), .4); } /* ~~~~ 11. USERSETTINGS ~~~~ */ #app-mount .side_b4b3f6 .themed_b957e8.item__48dda:active:not(.disabled__85bca), /* sideitems */ #app-mount .topPill__0cdf1 .themed_b957e8.item__48dda:active:not(.disabled__85bca), /* tabitems */ #app-mount .side_b4b3f6 .themed_b957e8.item__48dda:hover:not(.disabled__85bca), /* sideitems */ #app-mount .topPill__0cdf1 .themed_b957e8.item__48dda:hover:not(.disabled__85bca) { /* tabitems */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda, #app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda, #app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:active, #app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:active, #app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:hover, #app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:hover { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } .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__0bec1 div[role="tabpanel"] { /* tabpanel */ width: 100%; } .toolsContainer_f5d55d { /* closebutton wrapper */ margin-right: 37px; } #app-mount .closeButton__34341 { /* closebutton button */ border-color: var(--channels-default); } #app-mount .closeButton__34341 path[fill] { fill: var(--channels-default); } #app-mount .closeButton__34341:hover { background-color: rgba(var(--accentcolor), .2); border-color: var(--header-secondary); } #app-mount .closeButton__34341:hover path[fill] { fill: var(--header-secondary); } #app-mount .closeButton__34341:active { border-color: var(--text-normal); } #app-mount .closeButton__34341:active path[fill] { fill: var(--text-normal); } #app-mount .keybind__57645 { /* closebutton keybind */ color: var(--channels-default); } #app-mount .closeButtonBold__30e2a { /* closebutton button bold */ border-color: var(--header-secondary); } #app-mount .closeButtonBold__30e2a path[fill] { fill: var(--header-secondary); } #app-mount .closeButtonBold__30e2a:hover { background-color: rgba(var(--accentcolor), .4); border-color: var(--text-normal); } #app-mount .closeButtonBold__30e2a:hover path[fill] { fill: var(--text-normal); } #app-mount .closeButtonBold__30e2a:active { border-color: var(--header-primary); } #app-mount .closeButtonBold__30e2a:active path[fill] { fill: var(--header-primary); } #app-mount .keybind__57645 { /* closebutton keybind bold */ color: var(--header-secondary); } .cardPrimary_cb7a0e, .cardPrimaryEditable__25559 { /* settingsitems card */ border-color: rgba(var(--transparencycolor), .1); } .cardPrimary_cb7a0e { background-color: rgba(var(--transparencycolor), .2); } .cardPrimaryEditable__25559 { background-color: rgba(var(--transparencycolor), .1); } .cardPrimaryOutline__9df8a { border-color: rgba(var(--transparencycolor), .2); } .accountProfileCard__22589 { /* accountsettings container */ background: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } .accountProfileCard__22589::before, .accountProfileCard__22589::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__22589::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .accountProfileCard__22589::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } .accountProfileCard__22589 .avatar__6c108 { /* accountsettings container avatar */ background-color: transparent; border-color: transparent; } .questionMark__8d22a svg { /* accountsettings questionmark */ filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .background_b61fcc { /* accountsettings container */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .fieldList_aab0de { /* accountsettings settings */ background-color: transparent; } .connectContainer__8050b { /* connections container */ background-color: rgba(var(--transparencycolor), .4); } .accountButtonInner__80e3a { /* connections connectioninner */ background-color: rgba(var(--transparencycolor), .2); } .accountButtonInner__80e3a:hover { background-color: rgb(var(--accentcolor)); } .connection_fff5f6 { /* connections connection */ background-color: rgba(var(--transparencycolor), .3); } .connectionHeader__3c82d { /* connections connection header */ background-color: rgba(var(--transparencycolor), .2); } .guildHeader__30707 { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor), .5); } .guildSubscriptionSlot_b76fc6 { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor), .3); } .cardWrapper_bc8d2a { /* boostsettings suggestioncard */ background-color: rgba(var(--transparencycolor), .2); } .cardWrapper_bc8d2a:hover { background-color: rgba(var(--transparencycolor), .4); } .cardWrapper_bc8d2a .card__11580, /* boostsettings suggestioncard inner */ .cardWrapper_bc8d2a .card__11580:hover { background-color: transparent; } #app-mount .gemIndicatorContainer_b03ca0 { /* boostsettings suggestioncard circle */ background-color: transparent; } #app-mount .summaryInfo_b57acb { /* boostsettings past transactions summary */ color: var(--header-primary); } #app-mount .payment__7d702 { /* boostsettings past transactions payment */ background-color: transparent; color: var(--header-secondary); } #app-mount .hoverablePayment__3ea24:hover { background-color: rgba(var(--transparencycolor), .2); } #app-mount .paymentHeader__50c05 { /* boostsettings past transactions header */ color: var(--header-primary); border-color: var(--background-modifier-accent); } #app-mount .expandedInfo__47bad { /* boostsettings past transactions expandedinfo */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .paymentText_deeaf4 { /* boostsettings past transactions paymenttext */ color: var(--header-secondary); } #app-mount .giftIcon__9d0ce { /* boostsettings past transactions gifticon */ color: var(--header-primary); } #app-mount .paymentPane__9cf01 { /* boostsettings past transactions */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-primary); } #app-mount .paginator_e620d3 { /* boostsettings past transactions paginator */ background: rgba(var(--transparencycolor), .3); color: var(--text-muted); } #app-mount .bottomDivider_a59d97 { /* boostsettings past transactions divider */ border-bottom-color: rgba(var(--transparencycolor), .3); } #app-mount .tab_b317f5 { /* boostsettings past transactions tab */ color: var(--text-muted); } #app-mount .externalRowHeader_d353ca { /* boostsettings past transactions extenal row */ color: var(--header-secondary); } #app-mount .emptyStateImage__3e0a5 { /* giftinventory no gifts */ background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg); opacity: 0.6; } #app-mount .codeRedemptionRedirect_bc7f36 { /* payment coderedem */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .1); color: var(--header-primary); } .membershipDialogHouse1__24868 { /* hypesquad membershipdialogs */ background-color: rgba(156, 132, 239, .8); } .membershipDialogHouse2_e343cb { background-color: rgba(244, 123, 103, .8); } .membershipDialogHouse3_d0cf09 { background-color: rgba(69, 221, 192, .8); } .videoWrapper__7b3e0 { background-color: rgba(var(--transparencycolor), .4); } .container__6d33c { /* voicesettings voicebarcontainer */ -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg); } .notches__065e9 { background: transparent !important; } #app-mount .progress__2cc1d { /* voicesettings voicebar */ background-color: rgba(var(--transparencycolor), .3); } .icon__596c8[src="/assets/6762ed8abdaef6a7f6fc.png"], .icon__596c8[src="/assets/5af9f85713084d6867a6.png"] { -webkit-mask: url(https://discord.com/assets/6762ed8abdaef6a7f6fc.png) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } .icon__596c8[src="/assets/ea67b1321e3d4154e476.png"], .icon__596c8[src="/assets/12c09c71eb271a47bcab.png"] { -webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } .cameraWrapper__1ee6d { /* voicesettings video */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .1); } .backgroundOptionInner__1477f { /* voicesettings background option */ background-color: rgba(var(--transparencycolor), .4); } .option_a0c054 { /* overlay option */ background-color: rgba(var(--transparencycolor), .4); } .option_a0c054:hover, .option_a0c054.selected_ea51d6 { box-shadow: 0 2px 0 rgba(var(--transparencycolor), .3); } .disabled_ab18dc { color: rgba(var(--transparencycolor), .4); } #app-mount .row__7a44a { /* hotkeys row */ box-shadow: inset 0 -1px 0 var(--background-modifier-accent); } #app-mount .card_dc88cd::before { /* settingscard backdrop */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .1); } #app-mount .button__71a0f { /* 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__71a0f:hover { background-color: rgba(var(--transparencycolor), .7); } #app-mount .game__19f4b { /* games card */ box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .gameNameInput_e25dd8:focus, #app-mount .gameNameInput_e25dd8:hover { background-color: rgba(var(--transparencycolor), .3); border-color: rgba(var(--transparencycolor), .1); } #app-mount .gameName_aeeab5 { /* games gamename */ color: var(--header-primary); } #app-mount .lastPlayed_accc56, /* games lastplayed */ #app-mount .overlayStatusText__61367 { /* games overlaystatustext */ color: var(--text-muted); } #app-mount .toggleIconOn_ca5bbe .fill__80e66 { /* games overlaystatusicon */ fill: var(--text-muted); } #app-mount .nowPlayingAdd__7caf1 { /* games descriptionhint */ color: var(--header-secondary); } #app-mount .nowPlaying__353c3 .gameName_aeeab5 { color: #fff; } #app-mount .nowPlaying__353c3 .lastPlayed_accc56, #app-mount .nowPlaying__353c3 .overlayStatusText__61367 { color: #b4e1cd; } #app-mount .nowPlaying__353c3 .toggleIconOff_b79a58 .fill__80e66, #app-mount .nowPlaying__353c3 .toggleIconOn_ca5bbe .fill__80e66 { fill: #b4e1cd; } #app-mount .notDetected__2a0c9 { /* games nogame */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .notDetected__2a0c9 .lastPlayed_accc56 { color: var(--header-secondary); } #app-mount .addGamePopout_e4ca8f { /* games add game popout */ background-color: transparent; } .addGamePopout_e4ca8f::before, .addGamePopout_e4ca8f::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .addGamePopout_e4ca8f::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .addGamePopout_e4ca8f::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.15)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .addGamePopout_e4ca8f .cancelButton_b97995 { color: var(--header-primary); } .preview_f42b5d { /* appearance preview */ background-color: rgba(var(--transparencycolor), .2); border-color: rgba(var(--transparencycolor), .2); } /* ~~~~ 12. GUILDSETTINGS ~~~~ */ .container__467eb { /* settings confirmnotice */ position: relative; backdrop-filter: blur(var(--backgroundblur)); } .container__467eb[style*="background-color: rgba(248, 249, 249"], .container__467eb[style*="background-color: rgba(32, 34, 37"] { background-color: rgba(var(--transparencycolor), .7) !important; } .container__467eb[style*="background-color: rgba(248, 249, 249"] .message__13e98, .container__467eb[style*="background-color: rgba(32, 34, 37"] .message__13e98 { color: var(--header-primary) !important; } .container__467eb[style*="background-color: rgba(248, 249, 249"] .resetButton__7ae69 span[style], .container__467eb[style*="background-color: rgba(32, 34, 37"] .resetButton__7ae69 span[style] { color: var(--header-primary) !important; } .container__467eb::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__2b5cf { /* rolesettings intro roles */ z-index: 2; } .profileCard__03b33 { /* rolesettings intro profile */ position: relative; z-index: 1; } .profileCard__03b33::before, .profileCard__03b33::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .profileCard__03b33::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .profileCard__03b33::after { backdrop-filter: blur(var(--popoutblur)); } .sidebar_bdf6b7 { /* rolesettings sidebar */ background-color: rgba(var(--transparencycolor), .1); border: none; } .container_d5f6d0 { /* rolesettings everyone role */ background-color: rgba(var(--transparencycolor), .2); } .container_d5f6d0: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__00567 { /* rolesettings setting card */ background-color: rgba(var(--transparencycolor), .2); } .settingCard__00567.active__898cd { /* rolesettings setting card active */ background-color: rgba(var(--transparencycolor), .3); } .cardFolder__34393 { /* rolesettings setting card body */ background-color: transparent; } .group__6ae8b { /* rolesettings permissions group */ border-color: rgb(var(--transparencycolor), .4); } .item_f48d11 { /* rolesettings permissions item */ background: rgb(var(--transparencycolor), .2); } .item_f48d11:hover { background: rgb(var(--transparencycolor), .4); } .passthrough__7cd54.selected__47401 { /* rolesettings permissions passthrough selected */ background: rgb(var(--accentcolor)); } .icon__4c736 { /* rolesettings everyone role icon */ background-color: rgba(var(--transparencycolor), .4); } .titleContainer_e558ff, /* rolesettings roles list header */ .header__63c59 { /* rolesettings perms list header */ background-color: transparent; } .titleElevated__6a163, .stickyHeaderElevated__89bcf { box-shadow: none; } .header__63c59::before, .header__63c59::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } .header__63c59::before { background: var(--background) var(--backgroundposition)/var(--backgroundsize); background-attachment: fixed; } .header__63c59::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha))); backdrop-filter: blur(var(--backgroundblur)); } .roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) { /* rolesettings role row */ background-color: rgba(var(--transparencycolor), .2); } .roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) .circleButton__29ce2 { background-color: rgba(var(--transparencycolor), .2); } .roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) .circleButton__29ce2:hover { background-color: rgb(var(--accentcolor)); } .roleRow_c357d5:before, .roleRow_c357d5:last-child:after { background-color: var(--background-modifier-accent); } .memberRow__91c35:hover { /* rolesettings member row */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .colorPickerSwatch__87597.noColor_bf5131 { /* rolesettings colorswatch nocolor */ border-color: rgba(var(--textbrightest), .3); } #app-mount .colorPickerSwatch__87597.noColor_bf5131 .colorPickerDropperFg__72d34 { fill: var(--header-primary); } #app-mount .colorPickerSwatch__87597.noColor_bf5131 polyline { stroke: var(--header-primary); } .previewContainer_d2b616 { /* rolesettings preview */ border: none; } .messageContainer__18275 { /* rolesettings preview message */ background-color: rgba(var(--transparencycolor), .2); } .theme-light .messageContainer__18275 { display: none; } .addMemberRow_d14116.selectedRow__754b4 { /* rolesettings add member row */ background-color: rgba(var(--transparencycolor), .2); } /* emojisettings alias */ #app-mount .emojiRow__4661c:hover .emojiAliasPlaceholderContent_ea7491, #app-mount .emojiRow__4661c:focus-within .emojiAliasPlaceholderContent_ea7491 { visibility: hidden !important; color: transparent !important; } #app-mount .emojiAliasInput_dd55f7 .emojiInput__4fe54 { /* emojisettings nameinput */ background-color: rgba(var(--transparencycolor), .1); } #app-mount .auditLog__6c805 { /* auditlogs logitem */ border-color: rgba(var(--transparencycolor), .1); color: var(--text-muted); } #app-mount .headerClickable_c4d7a9, /* auditlogs loginner */ #app-mount .headerDefault__3e003 { background-color: rgba(var(--transparencycolor), .2); color: var(--header-secondary); } #app-mount .headerExpanded__03c29 { background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .divider__1505d { /* auditlogs loginnerdivider */ background-color: var(--background-modifier-accent); } #app-mount .changeDetails_ecd760 { /* auditlogs logdetails */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .userHook_b1bf70 { /* auditlogs userhook */ color: var(--header-primary); } #app-mount .auditLog__6c805 strong { /* auditlogs targets */ color: var(--header-primary); } #app-mount .timestamp__2f935 { /* auditlogs timestamp */ color: var(--text-muted); } #app-mount .expandForeground_c53c75 { /* auditlogs expandarrow */ stroke: var(--header-secondary); } .themeOverrideLight__48338.icon__99140, /* auditlogs logicon */ .themeOverrideDark_e29cce.icon__99140, #app-mount .icon__99140 { background: none !important; } .icon__99140::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--header-primary); } .icon__99140.applicationCommand__0aaef::before { -webkit-mask: url(https://discord.com/assets/295610bf2d3ec357b4bb.svg); } .icon__99140.autoModerationBlockMessage__473dc::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__99140.autoModerationRule__66a81::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__99140.targetAll__6358b::before { -webkit-mask: url(https://discord.com/assets/cda90da758440b5e2cbc.svg); } .icon__99140.targetBan__28b70::before { -webkit-mask: url(https://discord.com/assets/559f43e29d80d719b397.svg); } .icon__99140.targetChannel__62934::before { -webkit-mask: url(https://discord.com/assets/fd8bb90a4678f63f6a50.svg); } .icon__99140.targetEmoji__499cd::before { -webkit-mask: url(https://discord.com/assets/b734b6798a8b89611ee7.svg); } .icon__99140.targetGuild__170a1::before { -webkit-mask: url(https://discord.com/assets/30039d24e09f9ae53597.svg); } .icon__99140.targetGuildHome__8d852::before { -webkit-mask: url(https://discord.com/assets/bde25f93c922e02f8459.svg); } .icon__99140.targetGuildScheduledEvent_eefa31::before { -webkit-mask: url(https://discord.com/assets/119b4083c9d4fce05f2d.svg); } .icon__99140.targetIntegration_f4a496::before { -webkit-mask: url(https://discord.com/assets/a82903ac1478ed97b6d4.svg); } .icon__99140.targetInvite__46153::before { -webkit-mask: url(https://discord.com/assets/5cc5c2e0ad18a7c383d8.svg); } .icon__99140.targetMember__27dad::before { -webkit-mask: url(https://discord.com/assets/c53abf7172caf6e94497.svg); } .icon__99140.targetMemberRole__7fd6d::before { -webkit-mask: url(https://discord.com/assets/63a73b3d5daccfd7a8fc.svg); } .icon__99140.targetMessage__0ca53::before { -webkit-mask: url(https://discord.com/assets/f88edd51273b2e14999a.svg); } .icon__99140.targetPermission_a619b3::before { -webkit-mask: url(https://discord.com/assets/93b984f7ed0c42796562.svg); } .icon__99140.targetRole_f0db36::before { -webkit-mask: url(https://discord.com/assets/842d46ac28c4cc831849.svg); } .icon__99140.targetStageInstance_f9d669::before { -webkit-mask: url(https://discord.com/assets/f39f5d92d79071dcd992.svg); } .icon__99140.targetSticker__18d72::before { -webkit-mask: url(https://discord.com/assets/0020113abbe97807c0be.svg); } .icon__99140.targetVanityUrl_d8b24a::before { -webkit-mask: url(https://discord.com/assets/9ecac67adfc57255096c.svg); } .icon__99140.targetWebhook__5177a::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__99140.targetWidget_aaaf18::before { -webkit-mask: url(https://discord.com/assets/fb3b404502ba18187ace.svg); } .icon__99140.thread_a2b0da::before { -webkit-mask: url(https://discord.com/assets/6960c3e51b7f0dcefcc0.svg); } #app-mount .card_fd0d59 { /* integrationsettings card */ border-color: rgba(var(--transparencycolor), .1) } #app-mount .card__05cf8 { /* integrationsettings webhook card */ border-color: rgba(var(--transparencycolor), .1) } #app-mount .card__39d1a { /* integrationsettings apps card */ border-color: rgba(var(--transparencycolor), .1) } #app-mount .card__78185 { /* integrationsettings follows card */ border-color: rgba(var(--transparencycolor), .1) } #app-mount .iconWrapper__8fbb1 { /* integrationsettings icon */ background-color: rgba(var(--transparencycolor), .4); } #app-mount .footerImage__21e33 { background-image: url(https://discord.com/assets/a4bee30fe0b5a0f5b3c7.svg); opacity: 0.6; } .guildDetails_fc2c63 { /* communitysettings intro details */ background-color: rgba(var(--transparencycolor), .4); } .featureCard__0a441 { /* communitysettings intro featurecard */ background-color: rgba(var(--transparencycolor), .3); } .featureIcon__48a2c { /* communitysettings intro featureicon */ background-color: rgba(var(--transparencycolor), .3); } .upsellContainer__978df { /* communitysettings general upsellcontainer */ background-color: rgba(var(--transparencycolor), .2); } .upsellFooter__63475 { /* communitysettings general upsellfooter */ background-color: rgba(var(--transparencycolor), .2); } .developerPortalCtaWrapper__21172 { /* communitysettings analytics info */ background-color: rgba(var(--transparencycolor), .3); } .analyticsCard_a976ba { /* communitysettings analytics card */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .card__81c50 { /* communitysettings discovery card */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .iconMask_c8b196 { /* communitysettings discovery icon */ background-color: rgba(var(--transparencycolor), .2); } .container__0d7bc { /* communitysettings discovery checklist */ background-color: rgba(var(--transparencycolor), .3); } .header_d08072 { /* communitysettings discovery checklist header */ background-color: rgba(var(--transparencycolor), .3); } .descriptionBox_cca0c3 { /* templatesettings descriptionbox */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .tierHeaderLocked__4d099 { /* boostsettings tierheaderlocked */ background-color: rgba(var(--transparencycolor), .4); color: var(--header-secondary); } #app-mount .tierHeaderUnlocked_cc60fa { /* boostsettings tierheaderunlocked */ background-color: rgba(var(--transparencycolor), .5); } #app-mount .tierCloseClose_b6b875 { /* boostsettings tiercloseclose */ color: var(--header-primary); } #app-mount .tierBody__615a1 { /* boostsettings tierbody */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-secondary); } #app-mount .tierInProgress_f08e8b { /* boostsettings tiermilestone */ background-color: rgba(var(--transparencycolor), .3); } #app-mount .background__3dd67 { /* boostsettings tierbar (settings) */ color: rgba(var(--transparencycolor), .3); } #app-mount .member__55269 { /* membersettings membercard */ box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .member__55269 .name__7635a { /* membersettings membercardname */ color: var(--header-primary); } #app-mount .member__55269 .tag__1a537 { /* membersettings membercardtag */ color: var(--text-muted); } #app-mount .member__55269 .roleWrapper__0f174 { /* membersettings rolewrapper */ color: rgba(var(--textbrightest),.8); } #app-mount .actionButton__81eaa { /* membersettings addrolebutton */ border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .member__55269 .overflowIconFg__2b31c { /* membersettings 3-dot icon */ fill: var(--header-primary); } #app-mount .member__55269 .ownerHelpIcon__021a4 { /* membersettings help icon */ color: var(--header-primary); } #app-mount .overflowRolesPopout__88ab9, /* membersettings roleoverflow popout */ #app-mount .overflowRolesPopoutArrow_f3db31 { 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__88ab9::before, .overflowRolesPopoutArrow_f3db31::before, .overflowRolesPopout__88ab9::after, .overflowRolesPopoutArrow_f3db31::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .overflowRolesPopout__88ab9::before, .overflowRolesPopoutArrow_f3db31::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .overflowRolesPopout__88ab9::after, .overflowRolesPopoutArrow_f3db31::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--popoutblur)); } .overflowRolesPopoutHeaderIcon__07f88 path { fill: var(--header-secondary); } .overflowRolesPopoutHeaderText_dabff2 { color: var(--header-secondary); } #app-mount .inviteSettingsInviteRow__0d747 { /* invitesettings invitecard */ box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .bannedUser__38b44 { /* bansettings bancard */ background-color: transparent; box-shadow: 0 1px 0 0 var(--background-modifier-accent); } #app-mount .bannedUser__38b44:hover { background-color: rgba(var(--transparencycolor), .3); } /* ~~~~ 13. MODALS ~~~~ */ .layer_ad604d:nth-child(1), .withLayer__1fe9d:nth-child(1) { z-index: 1002; } .layer_ad604d:nth-child(2), .withLayer__1fe9d:nth-child(2) { z-index: 1003; } .layer_ad604d:nth-child(3), .withLayer__1fe9d:nth-child(3) { z-index: 1004; } .layer_ad604d:nth-child(4), .withLayer__1fe9d:nth-child(4) { z-index: 1005; } .layer_ad604d:nth-child(5), .withLayer__1fe9d:nth-child(5) { z-index: 1006; } .layer_ad604d:nth-child(6), .withLayer__1fe9d:nth-child(6) { z-index: 1007; } .layer_ad604d:nth-child(7), .withLayer__1fe9d:nth-child(7) { z-index: 1008; } .layer_ad604d:nth-child(8), .withLayer__1fe9d:nth-child(8) { z-index: 1009; } .layer_ad604d:nth-child(9), .withLayer__1fe9d:nth-child(9) { z-index: 1010; } .layer_ec16dd { z-index: 1011; } #app-mount .root_a28985:not(.noBackground_ebd8f7), /* modal container (foldersettings) */ #app-mount .modal__060da { /* 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; transform: unset !important; } #app-mount .rootWithShadow__073a7:not(.noShadow__49254) { box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } .root_a28985 > *, .modal__060da > * { z-index: 1; } .root_a28985::before, .modal__060da::before, .root_a28985::after, .modal__060da::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .root_a28985::before, .modal__060da::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .root_a28985::after, .modal__060da::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .root_a28985 .modal__060da::before, .root_a28985.noBackground_ebd8f7::before, .modal_d2e7a7::before, .root_a28985 .modal__060da::after, .root_a28985.noBackground_ebd8f7::after, .modal_d2e7a7::after { display: none; } #app-mount .zoomedCarouselModalRoot__1e2da { background: transparent !important; } #app-mount .modalTextContainer_ddfc28 { /* modal text file */ background-color: rgba(var(--transparencycolor), .5); border: none; } #app-mount .footer__89240, #app-mount .footer__09373 { /* modal footer */ background-color: rgba(var(--transparencycolor), .2); z-index: 0; } #app-mount .footerSeparator__57d95 { box-shadow: none; } .tabBarContainer__63f55 { /* modal tabbarcontainer */ border-top-color: rgba(var(--transparencycolor), .3); } #app-mount .modal_6GHvdM .tabBarContainer__63f55 { background: rgba(var(--transparencycolor), .2); box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1); } #app-mount .separator_ff09cd { box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3); } #app-mount .divider__1464c { border-color: var(--background-modifier-accent); } #app-mount .message__3ad07 { color: var(--header-secondary); } #app-mount .secondaryButton_e0812e { color: var(--header-primary); } #app-mount .imageUpgrade__02fcc { background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg); } #app-mount .imageCancel_e3036f { background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg); } #app-mount .imageUnclaimed__3f7ec { background-image: url(https://discord.com/assets/41675689ca055858e137.svg); opacity: .5; } #app-mount .imageUnverified__6dc24 { background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg); opacity: .5; } #app-mount .divider__17151 { border-color: var(--background-modifier-accent); } #app-mount .backButtonColor_ceeab9 { color: var(--header-primary); } #app-mount .checkboxLabel__56eeb { color: var(--header-secondary); } /* ---- 13.1. USERMODAL ----- */ .listRow__60937:hover { background-color: rgba(var(--transparencycolor), .2); } .emptyIcon__655a1 { /* body emptypic */ opacity: .5; } .profileColors__2e2f0 .mask__1979f circle { fill: transparent; } /* ---- 13.2. GUILDADD/CREATION ----- */ .container__73245, /* create modal item */ .guildRow_b1c31c { /* hub modal item */ background-color: rgb(var(--transparencycolor), .2); border: none; } .container__73245:hover, .guildRow_b1c31c:hover { background-color: rgb(var(--transparencycolor), .4); } .text__43e5f, /* create modal text */ .guildName_e8fc4b { /* hub modal text */ color: var(--header-secondary); } .container__73245:hover .text__43e5f, .guildRow_b1c31c:hover .guildName_e8fc4b { color: var(--header-primary); } .arrow__5e540, /* create modal arrow */ .guildName_e8fc4b ~ img { /* hub modal arrow */ object-position: -999999px -999999px; -webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.svg) center/cover no-repeat; background: var(--header-secondary); } .container__73245:hover .arrow__5e540, .guildRow_b1c31c:hover .guildName_e8fc4b ~ img { background: var(--header-primary); } .input__0c269 { /* modal invite input */ background: transparent; } .inputInner__2e566 { /* modal invite input inner */ border: 1px solid var(--deprecated-text-input-border); } /* ---- 13.4. UPLOADMODAL ---- */ #app-mount .uploadModal_eae2a0 { /* 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_eae2a0::before, .uploadModal_eae2a0::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_eae2a0::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .uploadModal_eae2a0::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .uploadModalIn_c0ca4b .uploadDropModal__73a36 { width: unset; } .uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .title__73a49, .uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .instructions__9e259 { text-shadow: 1px 1px var(--textshadow); } .uploadModal_eae2a0 .inner__7afe9 { /* modal channeltextarea */ background-color: rgba(var(--transparencycolor), .3); } .uploadModal_eae2a0 .footer_ceda43 { /* modal footer */ background-color: rgba(var(--transparencycolor), .2); box-shadow: none; } .uploadModal_eae2a0 .inner__7afe9 .file_f309f6 .icon__25b13.image__00ac0 { box-shadow: 0 2px 8px rgba(var(--transparencycolor), .4); } /* ---- 13.5. KEYBOARDSHORTCUTSMODAL ---- */ #app-mount .keyboardShortcutsModal__74c71 { /* 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__74c71::before, .keyboardShortcutsModal__74c71::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .keyboardShortcutsModal__74c71::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .keyboardShortcutsModal__74c71::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .modalTitle_cf2de1 { /* modal title */ color: var(--header-primary); } #app-mount .modalSubtitle__40325 { /* modal subtitle */ border-color: var(--background-modifier-accent); color: var(--text-normal); } #app-mount .keyboardShortcutList__1f357 .keybindGroup_bd18f5 .keybindDescription__74fa6 { 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_a3d29a { /* 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_a3d29a::before, .quickswitcher_a3d29a::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .quickswitcher_a3d29a::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .quickswitcher_a3d29a::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .root_a28985 .quickswitcher_a3d29a::before, .root_a28985 .quickswitcher_a3d29a::after { display: none; } .scroller__52ae7 { background-color: transparent; } #app-mount .input__848cd { /* 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__25f11[aria-selected=true] { /* modal resultselected */ background-color: rgba(var(--transparencycolor), .2); } /* ---- 13.7. INVITEMODAL/GROUPCREATE ---- */ #app-mount .contentWrapper__85d37 { /* 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__85d37::before, .contentWrapper__85d37::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .contentWrapper__85d37::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .contentWrapper__85d37::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .friendSelected_f0db37, /* modal groupdmrow */ #app-mount .inviteRow-3vmB7i:hover { /* modal guildrow */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .friend__05c43, /* modal groupdmrow */ #app-mount .inviteRowName-3H4s_c { /* modal username */ color: var(--header-secondary); } #app-mount .friendSelected_f0db37, #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__593cd, #app-mount .subText-1CcYgq { color: var(--header-secondary); } .tag__69d9d { /* modal added user */ background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } .pill_c0440d { background-color: rgba(var(--transparencycolor), .5); } /* ---- 13.8. LOGINSCREEN ---- */ #app-mount .wrapper_eebc2d { /* login wrapper */ background: transparent; } .wrapper_eebc2d::before, /* login winbuttonshadow */ .wrapper_eebc2d .rightSplit__46a42, /* login background */ .wrapper_eebc2d .canvas_c398ff { /* login movingshadow */ display: none; } #app-mount .authBox__7196a { /* login modal body */ background-color: transparent; box-shadow: none; color: var(--text-muted); position: relative; overflow: hidden; } #app-mount .authBox__7196a.authBoxExpanded_e57789 { /* 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__30ed7 { /* 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__30ed7::before, .downloadApps__30ed7::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .downloadApps__30ed7::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .downloadApps__30ed7::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .downloadApps__30ed7 .header__01af9 { color: var(--text-normal); } .downloadApps__30ed7 .footer__49ae9 { color: var(--text-muted); } .downloadApps__30ed7 .platforms__86929 .platform__97f9e { border-color: var(--header-secondary); } .downloadApps__30ed7 .platforms__86929 .platform__97f9e p { color: var(--header-secondary); } .downloadApps__30ed7 .platforms__86929 .platform__97f9e .downloadButton__87489 { background-color: var(--header-secondary); } .downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa .downloadButton__87489 { 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__53026 { /* modal subcount */ color: var(--header-secondary); } #app-mount .subscriberCount__53026 strong { color: var(--text-normal); } #app-mount .moreSubscribers_a13ebc { /* modal suboverflow */ background-color: rgba(var(--transparencycolor), .3); color: var(--header-primary) } #app-mount .subscribersPopout__1da1e { /* subpopout container */ background-color: transparent; box-shadow: 0 2px 10px rgba(var(--transparencycolor), .2); overflow: hidden; } .subscribersPopout__1da1e::before, .subscribersPopout__1da1e::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .subscribersPopout__1da1e::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .subscribersPopout__1da1e::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .subscribersPopoutUser_a790de { /* 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_afdfd9 .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__9caa9 { /* prebuy popout amount icon wrapper */ background: rgba(var(--transparencycolor), .3); } .icon_ae3492: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__5fda0 { /* modal sidebar */ background-color: rgba(var(--transparencycolor), .4); } #app-mount .reactors__20ab0 { /* modal list */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .reactionDefault__792ef:hover { /* modal reaction */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .reactionSelected__249a7 { background-color: rgba(var(--transparencycolor), .4); } #app-mount .remove__6bd0e { /* modal remove */ color: var(--interactive-normal); } #app-mount .remove__6bd0e:hover { background-color: rgba(var(--transparencycolor), .4); color: var(--interactive-hover); } #app-mount .discriminator__18879 { /* modal discriminator */ color: var(--text-muted); } /* ---- 13.13. GUILDWELCOMEMODAL ---- */ .optionContainer__5d0b1 { /* modal option */ background-color: rgba(var(--transparencycolor), .2); } .optionContainer__5d0b1:hover { background-color: rgba(var(--transparencycolor), .4); } /* ---- 13.14. GUILDRULESMODAL ---- */ .guildSidebar__8763f { /* modal sidebar */ background-color: rgba(var(--transparencycolor), .4); } .footer__2f589 { /* modal footer */ background: transparent; } .modal_b38209 { /* modal inner */ background-color: rgba(var(--transparencycolor), .2); } /* ---- 13.15. GUILDFEEDBACKMODAL ---- */ .root_b4f834 { /* modal items */ background-color: transparent; border-radius: 0; } .option_f70eea { /* modal item */ background-color: rgb(var(--transparencycolor), .2); border: none; border-radius: 8px; margin-bottom: 8px; } .option_f70eea:hover { background-color: rgb(var(--transparencycolor), .4); } /* ---- 13.16. SCREENSHAREMODAL ---- */ #app-mount .sourceThumbnail__21c87 { /* 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_c6ae93:not(.selectorButtonSelected_fbe8fc) { background-color: rgba(var(--transparencycolor), .2); } #app-mount .userListOverflow-2GkVmP { background: rgba(var(--transparencycolor), .5); } /* ---- 13.17. PHONEVERIFICATIONMODAL ---- */ .phoneField__65729 { background-color: rgba(var(--transparencycolor), .2); } .phoneField__65729 .inputField__3008c { 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. PODIUMSTARTMODAL ---- */ #app-mount .iconContainer__466ce { background-color: rgba(var(--transparencycolor), .5); } /* ---- 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; } .translate_c2f6c4 { transform: unset !important; } #app-mount .loadingPopout-1feYe_, /* loading popout */ #app-mount .container__8261a, /* 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__8261a::before, .themedPopout-1TrfdI::before, .loadingPopout-1feYe_::after, .container__8261a::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__8261a::before, .themedPopout-1TrfdI::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .loadingPopout-1feYe_::after, .container__8261a::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__17151 { /* popout divider */ border-color: var(--background-modifier-accent); } /* ---- 14.1. CONTEXTMENU ---- */ .menu_dc52c6, /* contextmenu fixed */ .submenu_acf564 { /* contextmenu submenu */ background: transparent; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } .menu_dc52c6::before, .submenu_acf564::before, .menu_dc52c6::after, .submenu_acf564::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_dc52c6::before, .submenu_acf564::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .menu_dc52c6::after, .submenu_acf564::after { background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3)); backdrop-filter: blur(var(--popoutblur)); } .submenu_acf564 { position: relative; } .container-3AL15u { /* contextmenu searchbar */ background-color: rgba(var(--transparencycolor), .2); } .item__183e8.colorDefault__0b482.focused__27621, .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e) { background-color: rgba(var(--accentcolor), .2) !important; } .item__183e8.colorDanger_eec36d.focused__27621, .item__183e8.colorDanger_eec36d:hover:not(.hideInteraction__2790e) { background-color: rgba(var(--dangercolor), .2) !important; } .item__183e8.colorSuccess__6b952.focused__27621, .item__183e8.colorSuccess__6b952:hover:not(.hideInteraction__2790e) { background-color: rgba(var(--successcolor), .2) !important; } .item__183e8.colorBrand__471df.focused__27621, .item__183e8.colorBrand__471df:hover:not(.hideInteraction__2790e), .item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Subscriptions"], .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Subscriptions"], .item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Discord_Nitro"], .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Discord_Nitro"] { background-color: rgba(var(--accentcolor), .2) !important; } .item__183e8.colorPremium__548bd.focused__27621, .item__183e8.colorPremium__548bd:hover:not(.hideInteraction__2790e), .item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Nitro_Server_Boost"], .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Nitro_Server_Boost"], .item__183e8.colorDefault__0b482.focused__27621[id="guild-context-guild-settings--GUILD_PREMIUM"], .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="guild-context-guild-settings--GUILD_PREMIUM"] { background-color: rgba(var(--accentcolor2), .2) !important; } .item__183e8.colorPremiumGradient__45b85.focused__27621, .item__183e8.colorPremiumGradient__45b85:hover:not(.hideInteraction__2790e) { background: linear-gradient(90deg, rgba(var(--accentcolor2), .2), rgba(var(--accentcolor), .2)) !important; } #app-mount .item__183e8 .checkbox__45366 { /* contextmenu checkbox */ color: rgb(var(--accentcolor)); } #app-mount .item__183e8.colorDanger_eec36d .checkbox__45366 { color: rgb(var(--dangercolor)); } #app-mount .item__183e8.colorSuccess__6b952 .checkbox__45366 { color: rgb(var(--successcolor)); } #app-mount .item__183e8.colorPremium__548bd .checkbox__45366 { color: rgb(var(--accentcolor2)); } #app-mount .item__183e8 .check__8d1bd { /* contextmenu checkmark */ color: #fff; stroke: var(--textshadow); } .button__3ecb4 { /* contextmenu quick reaction button */ background-color: rgba(var(--transparencycolor), .3); } .button__3ecb4:hover { background-color: rgb(var(--accentcolor)); } /* ---- 14.2. USERPOPOUT ---- */ .userPopoutOuter_d739b2 { /* popout container */ box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } .userProfileOuterUnthemed__48723 { /* popout container */ background: transparent; } .userProfileOuterUnthemed__48723::before, .userProfileOuterUnthemed__48723::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__48723::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .userProfileOuterUnthemed__48723::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } .accountProfilePopoutWrapper_af829a .overlayBackground__86b78 { display: block !important; } .profileColors__2e2f0 { /* 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__6eb84 ::-webkit-scrollbar-thumb { background-color: var(--profile-gradient-secondary-color) !important; } .userProfileInnerThemed_f7ead7::after { content: ""; position: absolute; display: block; background: var(--profile-gradient-primary-color); top: 4px; right: 4px; left: 4px; height: 60px; z-index: 1; } .userProfileInnerThemed_f7ead7::before { z-index: 2; } .userProfileInnerThemed_f7ead7 > * { z-index: 3; } .userProfileInnerThemedWithBanner_d5f991::after { height: 120px; } .userProfileInner__8065b { /* popout inner */ border-radius: 4px; } .userPopoutOuter_d739b2 .wrapper_edb6e0, /* popout avatar */ .userPopoutOuter_d739b2 .avatarWrapper { /* popout status everywhere */ background-color: transparent; border-color: transparent; box-sizing: content-box; } .root_a99273 { /* body roles */ max-height: 100px; overflow-x: hidden; overflow-y: scroll; } #app-mount .root_a99273::-webkit-scrollbar { width: 4px; } #app-mount .role__631a3 { /* body role */ border-color: rgba(var(--textbrighter), .6); border-radius: 5px; padding: 0 5px; position: relative; } #app-mount .role__631a3[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter), .6) !important; } #app-mount .rolePillBorder-RiRiuN:not(.actionButton__81eaa) { border-width: 0; } #app-mount .role__631a3 .roleName_d19d33 { /* 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__631a3 .roleRemoveButton__737f2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #app-mount .role__631a3 .roleCircle_bae511 { /* 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__631a3 .roleCircle_bae511[style*="background-color: rgb(185, 187, 190)"] { background-color: rgb(var(--textbrighter)) !important; } #app-mount .role__631a3 .roleCircle_bae511:not(:only-child):hover { opacity: 1; z-index: 2000; cursor: pointer; } #app-mount .role__631a3 .roleRemoveIcon__7f63d { z-index: 2001; pointer-events: none; } #app-mount .role__631a3 .roleIcon__7599e { z-index: 1; } .textarea_c5a7a3:focus { /* body note */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .wumpusTooltip_b5c0ea { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } #app-mount .wumpusTooltip_b5c0ea::after { border-color: transparent rgb(var(--accentcolor)) transparent transparent; } /* ---- 14.3. EMOJIPICKER ---- */ .contentWrapper__321ed, /* picker expression wrapper */ .emojiPicker_b65ce9, /* picker inner */ .diversitySelectorOptions__846c5 { /* picker diversityselector */ background: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; overflow: hidden; } .contentWrapper__321ed::before, .emojiPicker_b65ce9::before, .diversitySelectorOptions__846c5::before, .contentWrapper__321ed::after, .emojiPicker_b65ce9::after, .diversitySelectorOptions__846c5::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .contentWrapper__321ed::before, .emojiPicker_b65ce9::before, .diversitySelectorOptions__846c5::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .contentWrapper__321ed::after, .emojiPicker_b65ce9::after, .diversitySelectorOptions__846c5::after { background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } .diversitySelectorOptions__846c5::before, .diversitySelectorOptions__846c5::after { border-radius: 5px; } .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9 { box-shadow: unset; } .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9::after, .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9::before { display: none; } .diversityEmojiItem__6505f:hover { /* picker diversityemoji */ background-color: rgb(var(--accentcolor)); } .navButtonActive__735cb { /* picker navbuttonactive */ background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } .wrapper__4f229 { /* picker sidebar */ background-color: rgba(var(--transparencycolor), .2); } .guildIcon__4d796 { /* picker guildicon */ background-color: rgba(var(--transparencycolor), .2); } .categoryItemDefaultCategory__67fe7:first-child, .categoryItemDefaultCategory__67fe7:first-child + .categoryItemDefaultCategory__67fe7, .stickerCategoryRecent-1WVWrj { margin-bottom: 8px; } .categoryItemDefaultCategory__67fe7:hover, /* picker categoryitem */ .stickerCategory__4891e:hover, /* picker stickercategoryitem */ .stickerCategoryShopWrapper-3EnJdQ:hover .stickerCategoryShop-d5zC3B { background-color: rgba(var(--transparencycolor), .3); } .categoryItemDefaultCategorySelected__8245a, /* picker categoryitem selected */ .categoryItemDefaultCategorySelected__8245a:hover, .stickerCategorySelected-2uaMAG, /* picker stickercategoryitem selected */ .stickerCategorySelected-2uaMAG:hover { background-color: rgb(var(--accentcolor)); } .categoryItemDefaultCategorySelected__8245a svg, /* picker categoryitem selected */ .categoryItemDefaultCategorySelected__8245a:hover svg, .stickerCategorySelected-2uaMAG svg, /* picker stickercategoryitem selected */ .stickerCategorySelected-2uaMAG:hover svg { filter: drop-shadow(1px 1px var(--textshadow)); } .unicodeShortcut__1dd6b, /* picker unicodeemojis shortcut */ .stickerCategoryShopWrapper-3EnJdQ { /* picker unicodeemojis shortcut */ background-color: transparent; border: none; overflow: hidden; z-index: 100; } .unicodeShortcut__1dd6b::before, .stickerCategoryShopWrapper-3EnJdQ::before, .unicodeShortcut__1dd6b::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__1dd6b::before, .stickerCategoryShopWrapper-3EnJdQ::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .unicodeShortcut__1dd6b::after, .stickerCategoryShopWrapper-3EnJdQ::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35)); backdrop-filter: blur(var(--popoutblur)); } .inspector__993e1 { /* picker emojiinfowrapper */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .wrapper__7a35f { /* picker categoryheader */ background: transparent; position: static; } #app-mount .imageLoading__37d01 { /* picker emoji loading */ background: rgba(var(--transparencycolor), .3); border-radius: 10px; } .emojiItem_b15dee.emojiItemSelected__1a09a { /* picker emoji selected */ background-color: rgb(var(--accentcolor)); } .emojiItemDisabled__36cbf { /* picker emoji disabled */ filter: none; cursor: no-drop; } .emojiItemDisabled__36cbf > * { filter: grayscale(1); } .shape-2kfO2v { /* picker sticker loading */ background-color: rgba(var(--transparencycolor), .2); } .feature-1nRVr5 { /* picker sticker feature */ background: transparent; } .stickerInspected__1c897 .stickerBackground-2XECKi { /* picker sticker focused */ background-color: rgb(var(--accentcolor)); } .viewAllBackground-3Bn1vh { /* picker sticker view all */ background-color: rgba(var(--transparencycolor), .2); } .viewAll_a22f0d:hover .viewAllBackground-3Bn1vh, .viewAllInspected__62664 .viewAllBackground-3Bn1vh { background-color: rgba(var(--transparencycolor), .4); } .premiumPromo__2d678 { /* picker premium warning */ background-color: transparent; opacity: 1; } .premiumPromo__2d678::before, .premiumPromo__2d678::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__2d678::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .premiumPromo__2d678::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.29)); backdrop-filter: blur(var(--popoutblur)); } .premiumPromoClose__11b8f { -webkit-mask: url(https://discord.com/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat; background: var(--interactive-normal); } .premiumPromoClose__11b8f:hover { background: var(--interactive-hover); } .premiumPromoClose__11b8f:active { background: var(--interactive-active); } #app-mount .categoryItemDefaultCategorySelected__8245a .categoryIcon__7d3fc, #app-mount .categoryItemDefaultCategorySelected__8245a:hover .categoryIcon__7d3fc { color: var(--interactive-active); } #app-mount .focused__036ed, /* gifpicker result */ #app-mount .result_e1fc74:hover { box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor), .3); } #app-mount .placeholder__1d2a8 { background: rgba(var(--textdarkest),.6); } #app-mount .endContainer__0c909::after { background-image: url(https://discord.com/assets/be5f088125f778701a7e4fad471a45da.svg); opacity: 0.6; } #app-mount .endText__2c9a4 { color: var(--header-secondary); } #app-mount .emptyHintCard_f3e81a { background-color: rgba(var(--transparencycolor), .2); color: var(--header-secondary); } #app-mount .backButton__6a1f0 { /* gifpicker backbutton */ color: var(--interactive-normal); } #app-mount .backButton__6a1f0:hover { color: var(--interactive-hover); } #app-mount .backButton__6a1f0:active { color: var(--interactive-active); } /* ---- 14.4. PINS/MENTIONS ---- */ .messagesPopoutWrap_b3b384, /* popout wrapper */ .container__20de0 { /* popout wrapper (inbox) */ background-color: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; overflow: hidden; } .messagesPopoutWrap_b3b384 > *, .container__20de0 > * { z-index: 1000; } .messagesPopoutWrap_b3b384::before, .container__20de0::before, .messagesPopoutWrap_b3b384::after, .container__20de0::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .messagesPopoutWrap_b3b384::before, .container__20de0::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .messagesPopoutWrap_b3b384::after, .container__20de0::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .messagesPopout__22763 { /* popout innerwrap */ background-color: transparent; } .themedPopout-1TrfdI .header-2Kf7Yu { box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1); } .header_f5cc88 { /* 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_a3029c { /* popout footer */ background-color: rgba(var(--transparencycolor), .2); } .messageGroupWrapper_f8c6e9 { background-color: transparent; border: none; overflow: visible; padding: 11px 10px 10px 10px; } .messageGroupWrapper_f8c6e9 + .messageGroupWrapper_f8c6e9::before { content: ""; border-top: 1px solid var(--background-modifier-accent); position: absolute; top: -3px; left: 0; width: 100%; } .messageGroupWrapper_f8c6e9 .contentCozy-3XX413 { overflow: hidden; } .actionButtons__0ac05 { /* popout actionbuttonscontainer */ top: 4px; right: 14px; } .jumpButton_da1ebb, /* popout jumpbutton (mentions) */ .jumpButton__0329d { /* popout jumpbutton (pins) */ background-color: rgba(var(--transparencycolor), .4); } .jumpButton_da1ebb:hover, .jumpButton__0329d:hover { background-color: rgb(var(--accentcolor)); } .jumpButton_da1ebb + .jumpButton_da1ebb, .jumpButton__0329d + .jumpButton__0329d { margin-left: 2px; } .messageGroupWrapper_f8c6e9:hover .actionButtons__0ac05 .closeButton-17RIVZ { opacity: 1; } .hasMoreButton-1MELpI { /* popout hasmorebutton */ background-color: rgba(var(--transparencycolor), .2); border: none; } .image__0a0fc { /* popout emptyimage */ opacity: 0.6; } /* popout active tab */ #app-mount .header__28ebb .tabBar__2aa8e .tab_a8a066.active__7e7af { background-color: rgb(var(--accentcolor)); } .secondary_c96c46, /* popout header button */ .tertiary_bc0225, /* popout message button */ .collapseButton-3V3Cqh { /* popout collapse button */ background-color: rgba(var(--transparencycolor), .2); } .secondary_c96c46:hover, .tertiary_bc0225: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__5d30c { /* popout channelheader */ background-color: rgba(var(--transparencycolor), .4); padding-right: 16px; border-radius: 5px 5px 0 0; position: static; } .channelHeader__5d30c:only-child { border-radius: 0; } .messageContainer_aa7d14, /* popout messagecontainer */ .messages_f7999e { /* popout messagecontainer (inbox) */ background-color: rgba(var(--transparencycolor), .2); border-radius: 0; } .messageContainer_aa7d14:last-child, .messages_f7999e:last-child { border-radius: 0 0 5px 5px; } .tutorial__7b875 { /* popout tutorial (inbox) */ background-color: rgba(var(--transparencycolor), .4); } .tutorialIcon__5c63f { /* popout tutorial (inbox) */ background-color: rgba(var(--transparencycolor), .4); } /* ---- 14.5. SEARCHPOPOUT ---- */ #app-mount .container_d6dad3 { /* popout wrapper */ background-color: transparent; box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); border: none; overflow: hidden; position: relative; } .container_d6dad3::before, .container_d6dad3::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .container_d6dad3::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .container_d6dad3::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .queryContainer_c359fe { border-bottom-color: var(--background-modifier-accent); color: var(--header-secondary); } #app-mount .queryContainer_c359fe strong { color: var(--header-primary); } #app-mount .focused_f9cf2c { 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_b5597b::after { display: none; } #app-mount .option_b5597b:hover, #app-mount .option_b5597b[aria-selected=true], #app-mount .option_b5597b.selected-rZcOL- { background-color: rgba(var(--transparencycolor), .2); } #app-mount .option_b5597b:hover::before, #app-mount .option_b5597b[aria-selected=true]::before, #app-mount .option_b5597b.selected-rZcOL-::before { background-color: rgb(var(--accentcolor)); border-radius: 3px; width: 34px; } #app-mount .option_b5597b:hover .plusIcon-2V7coV, #app-mount .option_b5597b[aria-selected=true] .plusIcon-2V7coV, #app-mount .option_b5597b.selected-rZcOL- .plusIcon-2V7coV { color: white; opacity: 1; } #app-mount .option_b5597b .answer-2fBfuP, #app-mount .option_b5597b .nonText-3_4gtu, #app-mount .option_b5597b strong { color: var(--text-normal); } #app-mount .option_b5597b .filter-5YbOzJ { color: var(--text-muted); } #app-mount .option_b5597b.user-23VtPS .displayedNick-2dDbfG { color: var(--text-normal); } #app-mount .option_b5597b.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__5c474 .react-datepicker { background: transparent; } #app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--outside-month) { border-color: rgba(var(--transparencycolor), .5); } #app-mount .calendarPicker__5c474 .react-datepicker__day--outside-month { background: rgba(var(--transparencycolor), .5); border-color: transparent; } #app-mount .calendarPicker__5c474 .react-datepicker__header, #app-mount .calendarPicker__5c474 .react-datepicker__month-container, #app-mount .calendarPicker__5c474 .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) { background: rgba(var(--transparencycolor), .2); } #app-mount .calendarPicker__5c474 .react-datepicker__header { padding-bottom: 5px; } #app-mount .calendarPicker__5c474 .react-datepicker__navigation { background: transparent; border-color: rgba(var(--textbrightest), .5); top: 30px; } #app-mount .calendarPicker__5c474 .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__5c474 .react-datepicker__navigation--previous { left: 30px; } #app-mount .calendarPicker__5c474 .react-datepicker__navigation--next { right: 30px; } #app-mount .calendarPicker__5c474 .react-datepicker__current-month { border-color: transparent; padding: 10px 0; } #app-mount .calendarPicker__5c474 .react-datepicker__current-month, #app-mount .calendarPicker__5c474 .react-datepicker__day-name, #app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--disabled):hover, #app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month), #app-mount .calendarPicker__5c474 .datePickerHint-17MnA8 .hint-3D5yHh, #app-mount .calendarPicker__5c474 .datePickerHint-17MnA8 .hintValue-1x-flY { color: var(--header-primary); } #app-mount .calendarPicker__5c474 .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) { color: var(--header-secondary); } #app-mount .calendarPicker__5c474 .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__3cb6a { /* 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__3cb6a::before, .customColorPicker__3cb6a::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__3cb6a::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .customColorPicker__3cb6a::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-1YVRxo { /* 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-1YVRxo::before, .container-1YVRxo::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-1YVRxo::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .container-2O1UgZ::after, .container-1YVRxo::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1)); backdrop-filter: blur(var(--popoutblur)); } .focused__2b1b2, .item-1BCeuB:hover:not(.disabled__1c6ff), .row-3UUG_l.selected-3LIQAc .rowInner-1mo-C8, .row-3UUG_l:hover .rowInner-1mo-C8 { background: rgba(var(--transparencycolor), .4); } #app-mount .container-1YVRxo .header-PfVfAO { background: rgba(var(--transparencycolor), .2); } #app-mount .container-1YVRxo .input-2Zg2X0 { color: var(--header-primary); } #app-mount .container-1YVRxo .sectionTag-euh3ZW { background: transparent; } .autocompleteShadow-1aXK3x, .autocompleteArrowWrapper-32-lNV, .autocompleteHeaderBackground-4jKxaW { 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__7b9a3 { /* 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__7b9a3::before, .popoutContainer__7b9a3::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popoutContainer__7b9a3::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .popoutContainer__7b9a3::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } .emojiSection_a65b54 { /* popout emojisection */ background-color: transparent; } .guildSection_ebda04 { /* 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__56cd1 { /* 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__56cd1::before, .container__56cd1::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .container__56cd1::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .container__56cd1::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */ #app-mount .popout__8e314 { /* 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__8e314::before, .popout__8e314::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popout__8e314::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .popout__8e314::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.15. RTCSTATUSPOPOUT ---- */ #app-mount .container__0810b { /* 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__0810b::before, .container__0810b::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__0810b::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .container__0810b::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .container__0810b .header-2C89wJ { background-color: rgba(var(--transparencycolor), .2); color: var(--header-primary); } #app-mount .container__0810b canvas { background-color: rgb(var(--transparencycolor)); padding: 5px; border-radius: 5px; } #app-mount .container__0810b section { background-color: transparent; } #app-mount .container__0810b section p { color: var(--header-primary); } #app-mount .container__0810b section strong { color: var(--header-primary); } #app-mount .debugButton__0c12a { color: var(--header-secondary); } #app-mount .krispLogo__461a0 { -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_d5a597 { 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__7befd { color: var(--header-primary); } #app-mount .activityInviteEducationArrow_a24987 { -webkit-mask: url(https://discord.com/assets/ba018cf9baa19824316dc4c2beb080a4.svg) center/contain no-repeat; background: var(--header-primary); } #app-mount .emailVerificationModal_e48dfa .title__78b45 { color: var(--header-primary); } #app-mount .emailVerificationModal_e48dfa .body_b7d0a4 { color: var(--text-muted); } #app-mount .verification__82f71 .image__54a8d { background-image: url(https://discord.com/assets/c290235278e128e94ae5ac37e58c5cbb.svg); opacity: .5; } #app-mount .verification__82f71 .title__31b19 { color: var(--header-primary); } #app-mount .verification__82f71 .body_cb675e, #app-mount .verification__82f71 .footer__38343 { color: var(--header-secondary); } #app-mount .verificationBlock_c45d0e { background-color: rgba(var(--transparencycolor), .1); border: 1px solid rgba(var(--transparencycolor), .3); } #app-mount .verificationBlock_c45d0e:hover { background-color: rgba(var(--transparencycolor), .2); border-color: rgb(var(--transparencycolor)); } #app-mount .verificationBlock_c45d0e .image__54a8d.email__44f2f { background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg); opacity: .5; } #app-mount .verificationBlock_c45d0e .image__54a8d.phone__0b460 { background-image: url(https://discord.com/assets/ca452f5271ebcc7132db59f60a2a9cfe.svg); opacity: .5; } #app-mount .verificationBlock_c45d0e .body_cb675e { color: var(--header-secondary); } /* ---- 14.17. QUICKSELECTPOPOUT ---- */ #app-mount .quickSelectPopout_c0cf80, /* 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_c0cf80::before, .popoutList-10IFAa::before, .quickSelectPopout_c0cf80::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_c0cf80::before, .popoutList-10IFAa::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .quickSelectPopout_c0cf80::after, .popoutList-10IFAa::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .selectableItem__166c5 { color: var(--header-primary); } #app-mount .selectableItem__166c5:hover { background-color: rgba(var(--transparencycolor), .2); } #app-mount .quickSelectPopoutOption__39224:hover { background-color: rgba(var(--transparencycolor), .2); } #app-mount .quickSelectPopoutOption__39224.selected_b17ff5 { background-color: rgba(var(--transparencycolor), .4); } #app-mount .popoutListEmpty-3MWXtE { color: var(--header-primary); } #app-mount .quickSelectArrow__9853b { -webkit-mask: url(https://discord.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat; background: var(--interactive-normal); } /* ---- 14.18. WARNINGPOPOUT ---- */ #app-mount .contentWarningPopout__7d8c2 { /* 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__7d8c2::before, .contentWarningPopout__7d8c2::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__7d8c2::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .contentWarningPopout__7d8c2::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } #app-mount .body_fa303f { color: var(--header-secondary); } #app-mount .header_bee9c9 { color: var(--header-primary); } /* ---- 14.19. ACTIVETHREADLISTPOPOUT ---- */ #app-mount .popout__24e32 { /* popout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; } .popout__24e32::before, .popout__24e32::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .popout__24e32::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .popout__24e32::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.20. ROLEMEMBERSPOPOUT ---- */ #app-mount .rolePopout__73806 { /* 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__73806::before, .rolePopout__73806::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__73806::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .rolePopout__73806::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_c344de { /* 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_c344de::before, .container_c344de::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_c344de::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .container_c344de::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.23. SOUNDBOARD ---- */ #app-mount .picker__6dca7 { /* popout */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); position: relative; } .picker__6dca7::before, .picker__6dca7::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .picker__6dca7::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .picker__6dca7::after { background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25)); backdrop-filter: blur(var(--popoutblur)); } /* ---- 14.24. SERVERSURVEY ---- */ .main__58b77 .prompt__671aa { background: rgba(var(--transparencycolor), .3); } .main__58b77 .prompt__671aa .sizeMedium_c6fa98 { width: unset; } .optionButtonWrapper__4072c:hover, .optionButtonWrapper__4072c.selected__90dd8 { border-color: rgb(var(--accentcolor)); } /* ~~~~ 15. GENERAL ~~~~ */ .highlight { background: rgba(var(--accentcolor), .3); } .clickable__17ccb:hover .layout_bb8e67 { background-color: rgba(var(--transparencycolor), .2); } .clickable__17ccb:active .layout_bb8e67 { background: rgb(var(--accentcolor)); } .clickable__17ccb:active .layout_bb8e67, .selected__9800b .layout_bb8e67, .selected__9800b:hover .layout_bb8e67, .selected__9800b:active .layout_bb8e67 { background-color: rgb(var(--accentcolor)); text-shadow: 1px 1px var(--textshadow); } .clickable__17ccb .icon_fcc53a { color: inherit; } .clickable__17ccb:active .layout_bb8e67 svg:not(.svg-2azL_l), .clickable__17ccb.selected__9800b .layout_bb8e67 svg:not(.svg-2azL_l) { filter: drop-shadow(1px 1px var(--textshadow)); } .clickable__17ccb:active .premiumIcon-2IFPOX, .clickable__17ccb.selected__9800b .premiumIcon-2IFPOX { color: var(--header-primary) !important; } #app-mount .elevationLow__75cba, #app-mount .elevationLow__2b6de, .lightElevationLow__6c965, .darkElevationLow-2LO4eN { box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3); } #app-mount .elevationHigh__80ea8, #app-mount .elevationHigh__312fd, .lightElevationHigh__1513c, .darkElevationHigh-1BaD2i { box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3); } #app-mount .elevationBorderLow__610e6, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow_c9bfa0, .darkElevationBorderLow-34oHrM { box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 1px 5px 0 rgba(var(--transparencycolor), .3); } #app-mount .elevationBorderHigh_f9a758, #app-mount .elevationBorderHigh__39dae, .lightElevationBorderHigh_a30b06, .darkElevationBorderHigh__63ac9 { box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3); } #app-mount .breadcrumbWrapper__34bfa { /* breadcrumbs wrapper */ color: rgba(var(--textbrightest),.3); } #app-mount .activeBreadcrumb__7e753 { /* breadcrumbs active */ color: rgba(var(--textbrightest),.6); } /* ---- 15.1. TEXT ---- */ .description-1u9Qui { color: var(--header-secondary); } #app-mount h1.title__10613, #app-mount h2.title__10613 { color: var(--header-primary); } #app-mount h3.title__10613 { color: var(--text-normal); } #app-mount h4.title__10613, #app-mount h5.title__10613, #app-mount h6.title__10613 { color: var(--header-secondary); } #app-mount .text__1c14c, #app-mount .title__627cf { color: var(--text-muted); } #app-mount .title__10613 { color: var(--header-secondary); } #app-mount .markdown_e76780 { color: var(--text-normal); } #app-mount .markdown_e76780 th { background-color: var(--background-tertiary); border-color: var(--interactive-muted); color: var(--header-primary); } #app-mount .markdown_e76780 td { border-color: var(--interactive-muted); } #app-mount .markdown_e76780 tr { border-color: var(--interactive-muted); color: var(--header-secondary); } #app-mount .markdown_e76780 tr:nth-child(2n) { background-color: var(--background-secondary); } #app-mount .markdown_e76780 .blockquote__6da42 { border-left-color: var(--interactive-muted); } #app-mount .markdown_e76780 code { background-color: var(--background-secondary); } #app-mount .markdown_e76780 .codeInline__96ffa { color: var(--text-normal); } /* ---- 15.2. BUTTONS ---- */ .btn__51085.btnPrimary_e2a8df, .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover, .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover, .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]), .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) { text-shadow: 1px 1px var(--textshadow); } .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover svg, .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover svg, .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]) svg, .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) svg { filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .lookInverted_ee4261.colorPrimary__6ed40 .spinnerItem_c07231 { background-color: rgb(var(--textdarkest)); } #app-mount .lookOutlined__46d54.colorPrimary__6ed40 .spinnerItem_c07231, #app-mount .lookLink__93965.colorPrimary__6ed40 .spinnerItem_c07231 { background-color: rgb(var(--textdarkest)); } #app-mount .lookFilled__19298.colorPrimary__6ed40:hover, #app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .lookFilled__19298.colorPrimary__6ed40:active, #app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:active { background-color: rgba(var(--transparencycolor), .6); } #app-mount .lookFilled__19298.colorPrimary__6ed40, #app-mount .lookFilled__19298.colorPrimary__6ed40:disabled { background-color: rgba(var(--transparencycolor), .2); color: #FFF; } #app-mount .lookInverted_ee4261.colorPrimary__6ed40:hover, #app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c:hover { background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); } #app-mount .lookInverted_ee4261.colorPrimary__6ed40:active, #app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c:active { background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); } #app-mount .lookInverted_ee4261.colorPrimary__6ed40, #app-mount .lookInverted_ee4261.colorPrimary__6ed40:disabled { background-color: #FFF; color: rgba(var(--textdarkest)); } #app-mount .lookOutlined__46d54.colorPrimary__6ed40:hover, #app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:hover { background-color: rgba(var(--textdarkest), .05); border-color: rgba(var(--textdarkest), .6); } #app-mount .lookOutlined__46d54.colorPrimary__6ed40:active, #app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:active { background-color: rgba(var(--textdarkest), .1); border-color: rgb(var(--textdarkest)); } #app-mount .lookOutlined__46d54.colorPrimary__6ed40, #app-mount .lookOutlined__46d54.colorPrimary__6ed40:disabled { border-color: rgba(var(--textdarkest), .1); color: rgb(var(--textdarkest)); } #app-mount .lookLink__93965.colorPrimary__6ed40 { color: rgb(var(--textdarkest)); } #app-mount .lookLink__93965.colorPrimary__6ed40:hover .contents_fb6220, #app-mount .lookLink__93965.hoverPrimary__3e6c3.hasHover__3ab8c:hover .contents_fb6220 { 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_ee4261.colorTransparent__4c280 .spinnerItem_c07231 { background-color: rgba(var(--textbrightest),.1); } #app-mount .lookFilled__19298.colorTransparent__4c280 .spinnerItem_c07231, #app-mount .lookOutlined__46d54.colorTransparent__4c280 .spinnerItem_c07231, #app-mount .lookLink__93965.colorTransparent__4c280 .spinnerItem_c07231 { background-color: rgb(var(--textbrightest)); } #app-mount .lookFilled__19298.colorTransparent__4c280:hover, #app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:hover { background-color: rgba(var(--textbrightest),.05); } #app-mount .lookFilled__19298.colorTransparent__4c280:active, #app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:active { background-color: rgba(var(--textbrightest),.01); } #app-mount .lookFilled__19298.colorTransparent__4c280, #app-mount .lookFilled__19298.colorTransparent__4c280:disabled { background-color: rgba(var(--textbrightest),.1); color: rgb(var(--textbrightest)); } #app-mount .lookInverted_ee4261.colorTransparent__4c280:hover, #app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:hover { background-color: rgba(var(--textbrightest),.05); } #app-mount .lookInverted_ee4261.colorTransparent__4c280:active, #app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:active { background-color: rgba(var(--textbrightest),.1); } #app-mount .lookInverted_ee4261.colorTransparent__4c280, #app-mount .lookInverted_ee4261.colorTransparent__4c280:disabled { background-color: rgb(var(--textbrightest)); color: rgba(var(--textbrightest),.1); } #app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:hover { background-color: rgba(var(--textbrighter),.1); border-color: rgb(var(--textbrightest)); } #app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:active { background-color: rgba(var(--textbrightest),.1); border-color: rgb(var(--textbrightest)); } #app-mount .lookOutlined__46d54.colorTransparent__4c280, #app-mount .lookOutlined__46d54.colorTransparent__4c280:disabled { background-color: transparent; color: rgb(var(--textbright)); } #app-mount .lookLink__93965.colorTransparent__4c280 { color: rgb(var(--textbright)); } #app-mount .lookLink__93965.colorTransparent__4c280:hover .contents_fb6220, #app-mount .lookLink__93965.hoverTransparent_a4eefd.hasHover__3ab8c:hover .contents_fb6220 { 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__2cdc8 { border-color: rgb(var(--textbrightest)) !important; } /* ---- 15.3. INPUTS ---- */ input.input_d266e7 { /* valueinput bordered */ background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); } input.input_d266e7:hover:not(:focus) { border-color: rgb(var(--transparencycolor)); } .textInput-3g8y92 { /* textinput */ background-color: rgba(var(--transparencycolor), .1); } .textInput-3g8y92 .input_d266e7 { background: transparent; } #app-mount .prefixInput__38dcc { background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.3); } #app-mount .prefixInput__38dcc:hover { border-color: rgba(0,0,0,.6); } #app-mount .prefixInputInput_b11731 { color: var(--header-primary); } #app-mount .prefixInputInput_b11731::-webkit-input-placeholder, #app-mount .prefixInputInput_b11731::-moz-placeholder, #app-mount .prefixInputInput_b11731:-ms-input-placeholder, #app-mount .prefixInputInput_b11731::placeholder { color: var(--text-muted); } #app-mount .prefixInputPrefix__7a021 { color: var(--text-muted); } #app-mount .maxLength-IdVNmX { color: var(--text-muted); } #app-mount .copyInput_c1c679 { background-color: var(--deprecated-text-input-bg); } #app-mount .copyInputDefault__8ac9f { border-color: var(--deprecated-text-input-border); } #app-mount .hiddenMessage__19ef2, #app-mount .inputDefault__0d65a { color: var(--header-primary); } #app-mount .hiddenMessage__19ef2::placeholder, #app-mount .inputDefault__0d65a::placeholder { color: rgba(var(--textbrightest),.3); } .container__871ba { /* checkboxswitch */ background-color: rgba(var(--transparencycolor), .3) !important; } .container__871ba rect[fill] { fill: var(--header-primary) !important; } .container__871ba path[fill] { fill: rgb(var(--transparencycolor)) !important; } #app-mount .item_b7fb7e { /* radiogroup container */ background-color: rgba(var(--transparencycolor), .2); } #app-mount .item_b7fb7e:hover { background-color: rgba(var(--transparencycolor), .4); } #app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b { background: rgb(var(--accentcolor)); } #app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b .radioIconForeground__99b9b { color: var(--header-primary); } #app-mount .item_b7fb7e .radioBar__40e1b[style*="--radio-bar-accent-color"] { background: var(--radio-bar-accent-color); border: unset; color: var(--header-primary); } #app-mount .item_b7fb7e[aria-checked=false]:hover .radioBar__40e1b[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_c7f690 { /* checkbox inner */ border-color: rgb(var(--textdark)); } #app-mount .checkbox_c7f690.checked__24ad6 { /* checkbox checked */ background-color: rgb(var(--textbrightest)); border-color: rgb(var(--textbrightest)); } #app-mount .checkbox_c7f690.checked__24ad6.round__67d8d { /* checkbox roundchecked */ background-color: rgb(var(--accentcolor)) !important; border-color: rgb(var(--accentcolor)) !important; } #app-mount .checkbox_c7f690.checked__24ad6.round__67d8d svg { filter: drop-shadow(1px 1px var(--textshadow)); } #app-mount .checkbox_c7f690.checked__24ad6.round__67d8d path[fill] { fill: #fff; } #app-mount .bar_e58961 { /* slider backgroundbar */ background-color: rgba(var(--transparencycolor), .3); } .grabber_d2868c { /* 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_e7a6e4 { /* slider markvalue */ color: var(--text-muted); } #app-mount .defaultValue__4f02f .markValue_e7a6e4 { color: #43b581; } #app-mount .markDash_dc3ae9 { background: transparent; color: rgba(var(--transparencycolor), .3); } #app-mount .defaultValue__4f02f .markDash_dc3ae9 { color: #43b581; } #app-mount .markDash_dc3ae9::before, #app-mount .markDash_dc3ae9::after { content: ""; position: absolute; background: currentColor; height: 8px; width: 2px; } #app-mount .markDash_dc3ae9::before { top: 14px; } #app-mount .markDash_dc3ae9::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__29477 { /* hotkeyinput editicon */ -webkit-mask: url(https://discord.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg) center/cover no-repeat; background: var(--header-primary); } #app-mount .container_e61cfb .button__0982c { background-color: rgba(var(--transparencycolor),.3) !important; color: var(--header-primary) !important; } #app-mount .container_e61cfb.recording__97366 .button__0982c { background-color: rgba(var(--dangercolor),.1) !important; color: rgb(var(--dangercolor)) !important; } .select__55f87 [class*="css-"][class*="-container"] { /* select container */ background-color: transparent; } .lookFilled__3dba3.select__0eb48, .select__55f87 [class*="css-"][class*="-control"] { background-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .3); color: var(--text-normal); } .lookFilled__3dba3.select__0eb48:hover { border-color: rgb(var(--transparencycolor)); } .lookFilled__3dba3.select__0eb48:hover.open_cd27aa, .lookFilled__3dba3.open_cd27aa { border-color: rgb(var(--transparencycolor)) rgb(var(--transparencycolor)) rgba(var(--transparencycolor), .3); } .lookFilled__3dba3.select__0eb48 .searchInput-3pIoTy { background: transparent; } .select__55f87 [class*="css-"][class*="-control"]:hover, .select__55f87 [class*="css-"][class*="-control"]:not(:last-child) { border-color: var(--deprecated-text-input-border-hover); } .select__55f87.languageSelector-1hjSyO [class*="css-"][class*="-control"] { background-color: rgba(var(--transparencycolor), .3); } .select__55f87 [class*="css-"][class*="-singleValue"], .select__55f87 [class*="css-"][class*="-placeholder"], .select__55f87 [class*="css-"][class*="-indicatorContainer"] { color: var(--text-normal); } .option_be8b2e, #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_be8b2e: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_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f), #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_a6e77f::-webkit-scrollbar { display: none; } .popout_a6e77f, .select__55f87 > [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_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e { position: relative; } .popout_a6e77f::before, .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before, .popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::before, .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before, .popout_a6e77f::after, .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after, .popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::after, .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: unset; height: unset; pointer-events: none; z-index: -1; } .popout_a6e77f::before, .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before, .popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::before, .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before { background: var(--popout) var(--popoutposition)/var(--popoutsize); background-attachment: fixed; } .popout_a6e77f::after, .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after, .popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::after, .select__55f87 > [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_a6e77f.scrollerBase_dc3aa9::before, .popout_a6e77f.scrollerBase_dc3aa9::after { display: none; } /* ---- 15.4. SEARCHBARS ---- */ .container_e4c233, /* searchbar inner */ .container__7712a { background-color: rgba(var(--transparencycolor), .3); } #app-mount .searchBox_a63854 .searchBoxInput__73c9c::placeholder { color: var(--text-muted); } #app-mount .searchIcon_e60ea8 { color: var(--text-muted); } #app-mount .filterLabel__3412d { color: var(--header-secondary); } #app-mount .searchBox_a63854 { background-color: rgba(var(--transparencycolor), .3); box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor), .2); } /* ---- 15.5. TAGS ---- */ .botTagRegular_c89c9a:not([style]) { /* bottag regular */ text-shadow: 1px 1px var(--textshadow); } .botTagRegular_c89c9a:not([style]) svg { filter: drop-shadow(1px 1px var(--textshadow)); } .base__92a12[style*="var(--bdfdb-blurple)"], /* numberbadge */ .base__92a12[style*="background-color: rgb(88, 101, 242)"], .base__92a12[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__98a59 { /* no peoples/webhooks/etc. */ opacity: 0.6; } #app-mount .gameIcon__90c32 { /* activity icon */ background-color: rgba(var(--textbrightest), .1); color: var(--header-primary); } #app-mount .invalidPoop__03aa3 { /* erroricon invalidpoop */ background-color: rgba(var(--transparencycolor), .3); opacity: 0.7; } #app-mount .guildIconExpired__1d51f { /* 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__447fe::-webkit-scrollbar, #app-mount .scrollbar_d66c5e::-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__51a8f::-webkit-scrollbar-corner, .none__51a8f::-webkit-scrollbar-thumb, .none__51a8f::-webkit-scrollbar-track, .none__51a8f::-webkit-scrollbar { display: none; } /* ---- 15.8. NOTIFICATIONBAR ---- */ .base__3e6af .notice__5fd4c powercord-announcement { border-radius: 0; } #app-mount .notice-2FJMB4 { box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3); } #app-mount .notice__99c03 { 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_e5c00d, #app-mount .tooltipGrey_a35fcf, #app-mount .tooltipBlack__90eaa { background-color: rgb(var(--accentcolor)); color: #fff; text-shadow: 1px 1px var(--textshadow); } #app-mount .tooltipPrimary_e5c00d .note-e4Jh6_, #app-mount .tooltipGrey_a35fcf .note-e4Jh6_, #app-mount .tooltipBlack__90eaa .note-e4Jh6_ { color: #bbb; } #app-mount .tooltipPrimary_e5c00d a, #app-mount .tooltipGrey_a35fcf a, #app-mount .tooltipBlack__90eaa a { filter: brightness(50%); } #app-mount .tooltipPrimary_e5c00d .tooltipPointer_a79354, #app-mount .tooltipGrey_a35fcf .tooltipPointer_a79354, #app-mount .tooltipBlack__90eaa .tooltipPointer_a79354 { border-top-color: rgb(var(--accentcolor)); } .emptyUser_dba665 { background: rgba(var(--transparencycolor), .5); } .moreUsers_cd5dfc { 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: rgba(var(--transparencycolor), .3); } .bd-addon-views .bd-view-button:active { background: rgba(var(--accentcolor), .7); } .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_b1f720 > div.app_de4237::before { content: "Your Version of BasicBackground by DevilBro is outdated. Please download the newest Version: https://mwittrien.github.io/downloader/?theme=BasicBackground" !important; display: var(--version1_0_5, block) !important; background-color: #4a90e2 !important; box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .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__5fa63.titleBar__01af6 > div.wordmark__0d178 { 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__5fa63.titleBar__01af6 > div.wordmark__0d178[style*="display: none"] { display: none !important; } html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178 > * { display: none !important; } html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::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__5fa63.titleBar__01af6 > div.wordmark__0d178::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__5fa63.titleBar__01af6:hover > div.wordmark__0d178::after { opacity: 1 !important; } html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a::after { content: url('data:image/svg+xml; utf8, ') !important; display: inline !important; position: absolute !important; left: unset !important; bottom: 7px !important; top: unset !important; right: 15px !important; opacity: 0.3 !important; padding: 0 !important; margin: 0 !important; visibility: visible !important; transform: unset !important; animation: unset !important; pointer-events: none !important; z-index: -1 !important; } html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1 { position: relative !important; } html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::after { content: "BasicBackground by" !important; font-size: 12px !important; color: var(--text-muted) !important; cursor: pointer !important; display: inline !important; opacity: 1 !important; padding: 0 !important; margin: 0 !important; cursor: text !important; visibility: visible !important; position: relative !important; top: unset !important; left: unset !important; bottom: unset !important; right: unset !important; transform: unset !important; animation: unset !important; } html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::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; }