@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css); @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css); @import url(https://discord-custom-covers.github.io/usrbg/dist/usrbg.css); :root { --dtransparencycolor: 0,0,0; --dtransparencyalpha: 0.15; --dmessagetransparency: 0.5; --dguildchanneltransparency: 0.15; --dmemberlisttransparency: 0.0; --daccentcolor: 190,78,180; --dfont: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; --dtextshadow: transparent; --dbackground: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg); --dbackgroundsize: cover; --dbackgroundposition: center; --dblur: unset; --dbackdrop: rgba(0,0,0,0.85); --vtransparencycolor: var(--transparencycolor, var(--dtransparencycolor)); --vtransparencyalpha: var(--transparencyalpha, var(--dtransparencyalpha)); --vmessagetransparency: var(--messagetransparency, var(--dmessagetransparency)); --vusechatbubbles: calc(var(--vmessagetransparency) / (var(--vmessagetransparency) + 0.00000000000000000000001)); --vguildchanneltransparency: var(--guildchanneltransparency, var(--dguildchanneltransparency)); --vmemberlisttransparency: var(--memberlisttransparency, var(--dmemberlisttransparency)); --vaccentcolor2: var(--vaccentcolor); --vlinkcolor: var(--vaccentcolor); --vfont: var(--font, var(--dfont)); --vtextshadow: var(--textshadow, var(--dtextshadow)); --vbackground: var(--background, var(--dbackground)); --vbackgroundposition: var(--backgroundposition, var(--dbackgroundposition)); --vbackgroundsize: var(--backgroundsize, var(--dbackgroundsize)); --vbackgroundblur: var(--backgroundblur, var(--dblur)); --vpopout: var(--popout, var(--vbackground)); --vpopoutposition: var(--backgroundposition, var(--vbackgroundposition)); --vpopoutsize: var(--popoutsize, var(--vbackgroundsize)); --vpopoutblur: var(--popoutblur, var(--vbackgroundblur)); --vbackdrop: var(--backdrop, var(--dbackdrop)); --vbackdropposition: var(--backgroundposition, var(--vbackgroundposition)); --vbackdropsize: var(--backdropsize, var(--vbackgroundsize)); --vbackdropblur: var(--backdropblur, var(--vbackgroundblur)); --fontwhite1: 255,255,255; --fontwhite2: 210,210,210; --fontwhite3: 170,170,170; --fontwhite4: 120,120,120; } .theme-light, .theme-dark { --header-primary: rgb(var(--fontwhite1)); --header-secondary: rgb(var(--fontwhite2)); --text-normal: rgb(var(--fontwhite2)); --text-muted: rgb(var(--fontwhite4)); --text-link: rgb(var(--vaccentcolor)); --channels-default: rgb(var(--fontwhite4)); --interactive-normal: rgb(var(--fontwhite3)); --interactive-hover: rgb(var(--fontwhite2)); --interactive-active: rgb(var(--fontwhite1)); --interactive-muted: rgb(var(--fontwhite4)); --elevation-low: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3); --elevation-high: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); --logo-primary: rgb(var(--fontwhite1)); } /* ~~~~ 0. TABLE OF CONTENTS ~~~~ */ /* 1. TRANSPARENCY 2. BACKGROUND 3. TITLEBAR 4. GUILDLIST 5. CHANNELLIST 1. GUILDHEADER 2. CHANNELS 3. DMCHANNELS 4. ACCOUNT/VOICE/GOLIVE 6. CHAT 1. CHANNELHEADER 2. MESSAGES 1. MESSAGE 2. EMBEDS 3. NITROGIFT 4. INVITE 3. TEXTAREA 4. AUTOCOMPLETEMENU 5. MEMBERLIST 6. SEARCHPAGE 7. CALL 8. UNAVAILABLESCREEN 7. PEOPLES 8. STORE/NITRO 9. LIBRARY 10. DISCOVERY 11. USERSETTINGS 12. GUILDSETTINGS 13. MODALS 1. USERMODAL 2. GUILDADD/CREATION 3. REGIONSELECTMODAL 4. UPLOADMODAL 5. KEYBOARDSHORTCUTSMODAL 6. QUICKSWITCHER 7. INVITEMODAL/GROUPCREATE 8. LOGINSCREEN 9. TERMACCEPTMODAL 10. DOWNLOADAPPMODAL 11. GUILDBOOSTMODAL 12. REACTIONSMODAL 13. GUILDTEMPLATEMODAL 14. GUILDWELCOMEMODAL 15. GUILDRULESMODAL 16. GUILDFEEDBACKMODAL 17. SCREENSHAREMODAL 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 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. SERVERFOLDERS 4. MEMBERCOUNT 5. CHARCOUNTER 6. LINENUMBERS 7. PERMISSIONVIEWER 8. DIRECTDOWNLOAD 9. BETTERFORMATINGREDUX 10. PLUGIN/THEMEREPO 11. CHANNELHISTORY 12. CHANNELTABS 19. UPDATENOTICE 20. WATERMARK */ /* ~~~~ 1. TRANSPARENCY ~~~~ */ body, /* body */ #app-mount .app-1q1i1E, /* app container */ #app-mount .app-2rEoOp, /* app inner */ #app-mount .container-16j22k, /* app loadingscreen */ #app-mount .wrapper-1prNyd, /* app errorscreen */ #app-mount .bg-h5JY_x, /* app background */ #app-mount .layer-3QrUeG, /* layer container */ #app-mount .container-3w7J-x, /* channels inner */ #app-mount .privateChannels-1nO12o, /* dmchannels */ #app-mount .panels-j1Uci_ > *, /* account/voice inner */ #app-mount .chat-3bRxxu, /* chat container */ #app-mount .wrapper-3vR61M, /* chat messages loading */ #app-mount .noChannel-Z1DQK7, /* nochannel */ #app-mount .members-1998pB, /* members */ #app-mount .members-1998pB > div, /* members content */ #app-mount .content-MLh4nU, /* unavailable */ #app-mount .container-1D34oG, /* peoples */ #app-mount .applicationStore-1pNvnv, /* nitro */ #app-mount .pageWrapper-1PgVDX, /* guilddiscovery */ #app-mount .scrollerBase-289Jih, /* scroller */ #app-mount .scroller-2FKFPG, /* scroller old */ #app-mount .standardSidebarView-3F1I7i, /* settings */ #app-mount .contentRegion-3nDuYy { /* settings content */ background: transparent; } #app-mount .sidebarRegion-VFTUkN { /* settings sidebar */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .sidebar-_0OpfR { /* sidebarlist sidebar */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount { /* app-mount */ background-color: rgba(var(--vtransparencycolor), var(--vtransparencyalpha)); } #app-mount .wrapper-1Rf91z { /* guilds container */ background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 2)); } #app-mount .sidebar-2K8pFh { /* channels container */ background-color: rgba(var(--vtransparencycolor), var(--vguildchanneltransparency)); } #app-mount .panels-j1Uci_ { /* account/voice container */ background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) / 1.5)); } #app-mount .container-1r6BKw.themed-ANHk51 { /* channelheader container */ background-color: rgba(var(--vtransparencycolor), var(--vguildchanneltransparency)); } #app-mount .membersWrap-2h-GB4 { /* members container */ background-color: rgba(var(--vtransparencycolor), var(--vmemberlisttransparency)); } #app-mount .tabBar-fg4VK9 { /* members tabbar */ background-color: rgba(var(--vtransparencycolor), var(--vmemberlisttransparency)); } #app-mount .nowPlayingColumn-2sl4cE { /* peoples now playing */ background-color: rgba(var(--vtransparencycolor), var(--vmemberlisttransparency)); } #app-mount .image-3zK3Wt { /* app errorscreen image */ background-image: url(https://discordapp.com/assets/e9baf4b505eb54129f832556ea16538e.svg); opacity: 0.6; } /* ~~~~ 2. BACKGROUND ~~~~ */ body::before { content: ""; top: 0; left: 0; right: 0; bottom: 0; position: fixed; background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize); filter: blur(var(--vbackgroundblur)); } #ace_settingsmenu_container, .uploadArea-3QgLtW, .backdropWithLayer-3_uhz4, .backdrop-1wrmKB { background: var(--vbackdrop) var(--vbackdropposition)/var(--vbackdropsize) !important; filter: blur(var(--vbackdropblur)); opacity: 1; animation: none; } .backdropWithLayer-3_uhz4 { z-index: -1; } /* ~~~~ 3. TITLEBAR ~~~~ */ .titleBar-AC4pGV { z-index: 5001; } .titleBar-AC4pGV::after { content: ""; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; background-color: rgba(var(--vtransparencycolor), calc(0.1 + var(--vguildchanneltransparency) * 2)); } .titleBar-AC4pGV:not(.typeMacOS-3EmCyP)::after { height: 22px; } .titleBar-AC4pGV.typeMacOS-3EmCyP::after { height: 28px; width: calc(100% - 4px); margin: 2px; border-radius: 5px; } .titleBar-AC4pGV.typeMacOS-3EmCyP, .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC { width: 72px; } .titleBar-AC4pGV.typeMacOS-3EmCyP.typeMacOSWithFrame-3R_i5S .macButtons-2MuSAC { margin-top: 0; margin-right: 0; } .platform-osx .wrapper-1Rf91z { margin-top: 0; padding-top: 32px; } .platform-osx .standardSidebarView-3F1I7i::before { left: 72px; } .winButton-iRh8-Z { color: rgb(var(--fontwhite3)); } .winButtonMinMax-PBQ2gm:hover { background-color: rgba(var(--vtransparencycolor), 0.2); } .winButtonClose-1HsbF-:hover, .winButtonMinMax-PBQ2gm:hover { color: rgb(var(--fontwhite1)); } /* ~~~~ 4. GUILDLIST ~~~~ */ .childWrapper-anI2G9, /* homebutton/acronym innerwrap */ #bd-pub-button { /* publicbutton innerwrap */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite2)); font-weight: 500; } .wrapper-1BJsBx:hover .childWrapper-anI2G9, .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9, #bd-pub-button:hover { color: rgb(var(--fontwhite1)); text-shadow: 1px 1px var(--vtextshadow); } .noIcon-1a_FrS { /* acronym minicontainer */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite2)); } .circleIconButton-jET_ig { /* guildadd/discovery innerwrap */ background-color: rgba(var(--vtransparencycolor), 0.3); } .circleIconButton-jET_ig.selected-ugP_am { color: rgb(var(--fontwhite1)); } .guildIconUnavailable-5PMHDN, /* guilderror miniicon */ .guildsError-b7zR5H { /* guilderror innerwrap */ background-color: rgba(240, 71, 71, 0.3); } .dragInner-_SHftW { /* dragplaceholder */ background-color: rgba(var(--vtransparencycolor), 0.3); } .guildSeparator-3s64Iy { /* guildseparator */ background-color: rgba(var(--fontwhite1), 0.2); } .item-2hkk8m { /* unread/selectedpill */ background-color: rgb(var(--fontwhite1)); } .wrapper-21YSNc { /* folder outerwrap */ margin-bottom: 8px; } .folder-21wGz3 { /* folder iconwrap */ background-color: rgba(var(--vtransparencycolor), 0.2); } .folder-21wGz3.hover-2ji_A7 { background-color: rgba(var(--vtransparencycolor), 0.4); } .expandedFolderBackground-2sPsd- { /* folder background */ background-color: rgba(var(--vtransparencycolor), 0.2); border-radius: 15px 15px 24px 24px; top: 0; bottom: 0; margin-bottom: 8px; transition: border-radius 3s ease, background-color 1s ease; } .expandedFolderBackground-2sPsd-.hover-2ji_A7 { background-color: rgba(var(--vtransparencycolor), 0.4); } .wrapper-1Rf91z .wrapper-21YSNc [role="group"] { /* folder guildwrap */ margin-bottom: -8px; } .wrapper-1Rf91z .wrapper-21YSNc [role="group"] .listItem-2P_4kh:last-child { margin-bottom: 0; } .bar-30k2ka { /* guild/channelbar inner */ box-shadow: 0 2px 6px rgba(var(--vtransparencycolor), 0.24); color: rgb(var(--fontwhite1)); } .bar-30k2ka:not(.mention-1f5kbO) { background-color: transparent; overflow: hidden; } .bar-30k2ka:not(.mention-1f5kbO)::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize); background-attachment: fixed; filter: blur(var(--vbackgroundblur)); pointer-events: none; z-index: -1; } .bar-30k2ka:not(.mention-1f5kbO)::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1)); pointer-events: none; z-index: -1; } .sidebar-2K8pFh .bar-30k2ka:not(.mention-1f5kbO)::after { background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vguildchanneltransparency) * 0.85 + 0.1)); } .wrapper-1Rf91z .bar-30k2ka:not(.mention-1f5kbO)::after { background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vguildchanneltransparency) * 1.9 + 0.1)); } /* ~~~~ 5. CHANNELLIST ~~~~ */ #app-mount .sidebar-2K8pFh { /* channels container */ border-radius: 0; } /* ---- 5.1. GUILDHEADER ---- */ .container-1taM1r .animatedContainer-1NSq4T { /* banner wrap */ background: none; box-shadow: none; } .bannerImage-1jOskm { /* banner image */ -webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%); } .bannerImage-1jOskm::before { display: none; } .header-2V-4Sw, /* header inner */ .searchBar-6Kv8R2 { /* header searchbar */ box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2), 0 1.5px 0 rgba(var(--vtransparencycolor), 0.05), 0 2px 0 rgba(var(--vtransparencycolor), 0.05); } .searchBar-6Kv8R2 .searchBarComponent-32dTOx { /* header searchbarinner */ background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite3)); } .header-2V-4Sw, .bannerVisible-2ZE_qG .header-2V-4Sw { color: rgb(var(--fontwhite1)); } .clickable-25tGDB:not(.hasBanner-2SrLR3) .header-2V-4Sw:hover, .selected-31Nl7x:not(.hasBanner-2SrLR3) .header-2V-4Sw { background-color: rgba(var(--vtransparencycolor), 0.2); } .channelNotice-1-XFjC { /* notice container */ box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3); } .channelNotice-1-XFjC.invite-OjTXrW, .channelNotice-1-XFjC.guildMFAWarning-3GEzs8, .channelNotice-1-XFjC.maxMembersCount-3E4zND, .channelNotice-3DDmsB, #app-mount .channelNotice-3hkOiI { background: transparent; } .channelNotice-1-XFjC.invite-OjTXrW::before { opacity: 0.6; background: url(https://discordapp.com/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat; } .channelNotice-1-XFjC.guildMFAWarning-3GEzs8::before { opacity: 0.6; background: url(https://discordapp.com/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat; } .channelNotice-1-XFjC.quickswitcher-35bYg4::before { opacity: 0.6; } .channelNotice-1-XFjC.maxMembersCount-3E4zND::before { opacity: 0.6; background: url(https://discordapp.com/assets/01f60394adffda20dc7270a1e3c727df.svg) center 16px no-repeat; } .channelNotice-3DDmsB::before { opacity: 0.6; background: url(https://discordapp.com/assets/1858873f28bdc62dfb3a1f4b67d459bf.svg) center top 20px/153px no-repeat; } #app-mount .channelNotice-3hkOiI::before { opacity: 0.6; background: url(https://discordapp.com/assets/7065587bd42fd829925bf6aa4b36f5e2.svg) center top 22px/220px no-repeat; } .close-relY5R { /* notice close */ color: rgb(var(--fontwhite3)); } .close-relY5R:hover { color: rgb(var(--fontwhite1)); } .message-3SOT5P { /* notice text */ color: rgb(var(--fontwhite2)); } /* ---- 5.2. CHANNELS ---- */ .wrapper-PY0fhH { /* category wrapper */ color: rgb(var(--fontwhite3)); } .wrapper-PY0fhH.muted-2JBAyG { color: rgb(var(--fontwhite4)); } .wrapper-PY0fhH.muted-2JBAyG:hover, .wrapper-PY0fhH:hover { color: rgb(var(--fontwhite1)); } .wrapper-PY0fhH.muted-2JBAyG:hover .icon-2yIBmh, /* category icon */ .wrapper-PY0fhH:hover .icon-2yIBmh { color: rgb(var(--fontwhite1)); } .wrapper-PY0fhH .name-3l27Hl { /* category name */ color: rgb(var(--fontwhite3)); } .wrapper-PY0fhH.muted-2JBAyG .name-3l27Hl { color: rgb(var(--fontwhite4)); } .wrapper-PY0fhH.muted-2JBAyG:hover .name-3l27Hl, .wrapper-PY0fhH:hover .name-3l27Hl { color: rgb(var(--fontwhite1)); } .addButtonIcon-2CbG1X { /* category addbutton */ opacity: 0.5; } .addButtonIcon-2CbG1X:hover { color: rgb(var(--fontwhite1)); opacity: 1; } .wrapper-2jXpOf:hover .content-1x5b-n { /* channel content */ background-color: rgba(var(--vtransparencycolor), 0.2); } .modeSelected-346R90 .content-1x5b-n, .modeSelected-346R90:hover .content-1x5b-n { background-color: rgb(var(--vaccentcolor)); text-shadow: 1px 1px var(--vtextshadow); } .modeSelected-346R90 .content-1x5b-n svg, .modeSelected-346R90:hover .content-1x5b-n svg { filter: drop-shadow(1px 1px var(--vtextshadow)); } .icon-1DeIlz { /* channel icon */ color: rgb(var(--fontwhite3)); } .modeMuted-onO3r- .icon-1DeIlz { color: rgb(var(--fontwhite4)); } .modeConnected-3IsKId .icon-1DeIlz, .modeConnected-3IsKId:hover .icon-1DeIlz, .modeSelected-346R90 .icon-1DeIlz, .modeSelected-346R90:hover .icon-1DeIlz, .modeUnread-1qO3K1 .icon-1DeIlz, .modeUnread-1qO3K1:hover .icon-1DeIlz, .notInteractive-1X92pj.modeConnected-3IsKId .icon-1DeIlz, .notInteractive-1X92pj.modeSelected-346R90 .icon-1DeIlz, .wrapper-2jXpOf:hover .icon-1DeIlz { color: rgb(var(--fontwhite1)); } .name-23GUGE { /* channel name */ color: rgb(var(--fontwhite3)); } .modeMuted-onO3r- .name-23GUGE { color: rgb(var(--fontwhite4)); } .modeConnected-3IsKId .name-23GUGE, .modeConnected-3IsKId:hover .name-23GUGE, .modeSelected-346R90 .name-23GUGE, .modeSelected-346R90:hover .name-23GUGE, .modeUnread-1qO3K1 .name-23GUGE, .modeUnread-1qO3K1:hover .name-23GUGE, .notInteractive-1X92pj.modeConnected-3IsKId .name-23GUGE, .notInteractive-1X92pj.modeSelected-346R90 .name-23GUGE, .wrapper-2jXpOf:hover .name-23GUGE { color: rgb(var(--fontwhite1)); } .modeSelected-346R90 .actionIcon-PgcMM2, .modeSelected-346R90:hover .actionIcon-PgcMM2, .wrapper-2jXpOf:hover .actionIcon-PgcMM2 { color: rgb(var(--fontwhite1)); } .actionIcon-PgcMM2 { opacity: 0.5; } .actionIcon-PgcMM2:hover { opacity: 1.0; } .unread-2lAfLh { background-color: rgb(var(--fontwhite1)); } #app-mount .channelIcon-2xPHJh { /* channelselect icon */ color: rgb(var(--fontwhite3)); } #app-mount .selected-2rGcKN .channelIcon-2xPHJh { color: rgb(var(--fontwhite1)); } .icon-2IuuZd, /* voicechat icon */ .username-3KYl0N { /* voicechat username */ color: rgb(var(--fontwhite3)); } .listDefault-3ir5aS .clickable-1lCRLF:hover .username-3KYl0N { color: rgb(var(--fontwhite2)); } .listDefault-3ir5aS .clickable-1lCRLF.selected-3t3Csj .username-3KYl0N, .listDefault-3ir5aS .clickable-1lCRLF:hover .usernameSpeaking-RmltQx, .usernameSpeaking-RmltQx { color: rgb(var(--fontwhite1)); } .wrapper-2tAnRe { /* voicechat limit */ background-color: rgba(var(--vtransparencycolor), 0.15); color: rgb(var(--fontwhite3)); } .modeConnected-3IsKId .wrapper-2tAnRe { color: rgb(var(--fontwhite1)); } .wrapper-2tAnRe .users-3kndPl { background-color: transparent; } .wrapper-2tAnRe .total-i6us2n { background-color: rgba(var(--vtransparencycolor), 0.3); } .wrapper-2tAnRe .total-i6us2n::after { border-right-color: rgba(var(--vtransparencycolor), 0.3); } .listDefault-3ir5aS .clickable-1lCRLF:hover .content-1Wq3SX { background-color: rgba(var(--vtransparencycolor), 0.2); } /* ---- 5.3. DMCHANNELS ---- */ .channel-2QD9_O { /* dmchannel/page container */ color: rgb(var(--fontwhite3)); } .clickable-1JJAn8.channel-2QD9_O:hover { color: rgb(var(--fontwhite2)); } .clickable-1JJAn8.channel-2QD9_O:active, .selected-aXhQR6.channel-2QD9_O { color: rgb(var(--fontwhite1)); } .channel-2QD9_O:hover .layout-2DM8Md { /* dmchannel/page inner */ background-color: rgba(var(--vtransparencycolor), 0.2); } .selected-aXhQR6.channel-2QD9_O .layout-2DM8Md { background-color: rgb(var(--vaccentcolor)); text-shadow: 1px 1px var(--vtextshadow); } .selected-aXhQR6.channel-2QD9_O .layout-2DM8Md svg:not(.svg-2V3M55) { filter: drop-shadow(1px 1px var(--vtextshadow)); } .channel-2QD9_O .linkButtonIcon-Mlm5d6 { color: rgb(var(--fontwhite2)); } .channel-2QD9_O .name-uJV0GL { color: rgb(var(--fontwhite2)); } .channel-2QD9_O .subtext-1RtU34 { color: rgb(var(--fontwhite3)); } .channel-2QD9_O:hover .linkButtonIcon-Mlm5d6, .channel-2QD9_O.selected-aXhQR6 .linkButtonIcon-Mlm5d6 { color: rgb(var(--fontwhite1)); } .channel-2QD9_O:hover .name-uJV0GL, .channel-2QD9_O.selected-aXhQR6 .name-uJV0GL { color: rgb(var(--fontwhite1)); } .channel-2QD9_O:hover .subtext-1RtU34, .channel-2QD9_O.selected-aXhQR6 .subtext-1RtU34 { color: rgb(var(--fontwhite2)); } .header-zu8eWb { color: rgb(var(--fontwhite2)); } .empty-388osJ { /* loadingplaceholders */ fill: rgba(var(--vtransparencycolor), 0.4); } /* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */ .panels-j1Uci_ > * { /* account/voice inner */ border: none; } .panels-j1Uci_ > * + * { border-top: 1px solid rgba(var(--fontwhite4), 0.2); } .title-eS5yk3 { /* account/voice title */ color: rgb(var(--fontwhite1)); } .subtext-3CDbHg { /* account/voice subtext */ color: rgb(var(--fontwhite3)); } .button-14-BFJ { color: rgb(var(--fontwhite3)); } .button-14-BFJ.enabled-2cQ-u7, /* account/voice buttons */ .button-14-BFJ.enabled-2cQ-u7:hover { color: rgb(var(--fontwhite1)); } .button-14-BFJ.enabled-2cQ-u7 { opacity: 0.7; } .button-14-BFJ.enabled-2cQ-u7:hover { opacity: 1; background-color: rgb(var(--vaccentcolor)); } .button-14-BFJ.enabled-2cQ-u7:hover svg { filter: drop-shadow(1px 1px var(--vtextshadow)); } .button-1YfofB.buttonColor-7qQbGO { background-color: rgba(var(--vtransparencycolor), 0.2); } .button-1YfofB.buttonColor-7qQbGO:hover { background-color: rgba(var(--vtransparencycolor), 0.4); } .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp, .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp:hover { background-color: rgb(var(--vaccentcolor)); text-shadow: 1px 1px var(--vtextshadow); } .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp svg, .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp:hover svg { filter: drop-shadow(1px 1px var(--vtextshadow)); } /* ~~~~ 6. CHAT ~~~~ */ /* ---- 6.1. CHANNELHEADER ---- */ .container-1r6BKw { /* header container */ color: rgb(var(--fontwhite1)); } .container-1r6BKw.themed-ANHk51 { /* header themedcontainer */ box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2),0 1.5px 0 rgba(var(--vtransparencycolor), 0.05),0 2px 0 rgba(var(--vtransparencycolor), 0.05); } .title-29uC1r { /* header title */ color: rgb(var(--fontwhite1)); } .input-2A_zIr { /* header dmchannelinput */ color: rgb(var(--fontwhite1)); } .input-2A_zIr:focus { /* header dmchannelinput */ background-color: rgba(var(--vtransparencycolor), 0.2); } .input-2A_zIr:focus, .outer-o9SjPm:hover .input-2A_zIr { box-shadow: inset 0 0 0 1px rgba(var(--vtransparencycolor), 0.2); } .topic-TCb_qw { /* header topic */ color: rgb(var(--fontwhite2)); } .children-19S4PO::after { /* header topicgradient */ display: none; } .akaBadge-1M-1Gw { /* header aka */ background-color: rgba(var(--vtransparencycolor), 0.3); } .icon-22AiRD { /* header typeicon */ color: rgb(var(--fontwhite1)); } .clickable-3rdHwn .icon-22AiRD, /* header actionicon */ #app-mount .link-2T7oYD { /* header linkicon */ color: rgb(var(--fontwhite3)); opacity: 1; } .clickable-3rdHwn:hover .icon-22AiRD, #app-mount .link-2T7oYD:hover { color: rgb(var(--fontwhite2)); } .clickable-3rdHwn:active .icon-22AiRD, .clickable-3rdHwn.selected-1GqIat .icon-22AiRD, #app-mount .link-2T7oYD:active { color: rgb(var(--fontwhite1)); } .badge-2qGa_k::after { /* header iconbadge red dot */ border: none; } .divider-3FBTu8 { /* header divider */ background-color: rgba(var(--fontwhite1), 0.1); } .searchBar-3dMhjb { /* header searchbar */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } .search-2oPWTC .DraftEditor-root .public-DraftEditorPlaceholder-root { color: rgb(var(--fontwhite3)); } #app-mount .searchFilter-2ESiM3, #app-mount .searchAnswer-3Dz2-q { background-color: rgb(var(--vaccentcolor)); color: rgb(var(--fontwhite1)); } /* ---- 6.2. MESSAGES ---- */ .emptyChannelIcon-cc932w { /* welcomemessage empty channelicon */ background-color: rgba(var(--vtransparencycolor), 0.4); } .card-1yV8cG { /* welcomemessage first steps card */ background-color: rgba(var(--vtransparencycolor), 0.3); } .card-1yV8cG:hover { background-color: rgba(var(--vtransparencycolor), 0.5); } .divider-JfaTT5:not(.isUnread-3Ef-o9) { /* divider time */ border-color: rgba(var(--fontwhite1), 0.2); } .divider-JfaTT5.hasContent-1cNJDh { /* divider hascontent */ border-color: transparent; } .unreadPill-2HyYtt { /* divider unreadPill */ color: rgb(var(--fontwhite1)); } .content-1o0f9g { /* divider content */ background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite3)); width: 100%; text-align: center; } .hasMore-3POVhk { /* bar hasmore */ box-shadow: inset 0 0 0 1px rgba(var(--fontwhite1), 0.1); } .hasMore-3POVhk:hover { background-color: rgba(var(--vtransparencycolor), 0.2); } .jumpToPresentBar-G1R9s6 { /* bar jumptopresent */ background-color: transparent; overflow: hidden; opacity: 1; } .jumpToPresentBar-G1R9s6::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize); background-attachment: fixed; filter: blur(var(--vbackgroundblur)); pointer-events: none; z-index: -1; } .jumpToPresentBar-G1R9s6::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); pointer-events: none; z-index: -1; } .barButtonBase-3UKlW2 { /* bar text */ color: rgb(var(--fontwhite1)); } /* ==== 6.2.1. MESSAGE ==== */ #app-mount .message-2qRu38 { /* message confirm modal */ background-color: rgba(var(--vtransparencycolor), 0.2); box-shadow: none; } .message-2qnXI6, /* message container */ .wrapper-1F5TKx, /* message loading */ .message-2DieIs, /* message mention popout */ .message-2g38UB, /* message inbox popout */ .message-2qRu38 .wrapper-2a6GCs, /* message settings preview */ .messageGroupCozy-2iY6cT, /* message pin popout */ .message-1Ng5AR .wrapper-2a6GCs { /* message searchpage */ background-color: rgba(var(--vtransparencycolor), var(--vmessagetransparency)) !important; contain: unset; } .message-1Ng5AR .wrapper-2a6GCs { /* message searchpage */ background-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 0.8)) !important; } .message-2qnXI6.selected-2P5D_Z, .mouse-mode .message-2qnXI6:hover, .mouse-mode.full-motion .message-2qnXI6:hover, .mouse-mode .wrapper-1F5TKx:hover, .mouse-mode.full-motion .wrapper-1F5TKx:hover { background-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 1.2 * var(--vusechatbubbles) + 0.3 * (1 - var(--vusechatbubbles)))) !important; } .message-2qnXI6.ephemeral-1PsL1r, /* message localbot */ .message-2qnXI6.replying-1x3H0T { /* message replying */ background-image: linear-gradient(rgba(var(--vaccentcolor), calc(0.1 * (1 - var(--vusechatbubbles)))), rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles))))); } .message-2qnXI6.mentioned-xhSam7 { /* message mentioned */ background-image: linear-gradient(rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))), rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles))))); } .message-2qnXI6.ephemeral-1PsL1r::before, .message-2qnXI6.replying-1x3H0T::before, .message-2qnXI6.mentioned-xhSam7::before { background-color: rgb(var(--vaccentcolor)); } .message-2qnXI6.mentioned-xhSam7 .markup-2BOw-j:not(.slateTextArea-1Mkdgw) { border-radius: 3px; background-color: rgba(var(--vaccentcolor), calc(0.3 * var(--vusechatbubbles))); } #app-mount .avatar-1BDn8e, /* message container avatar */ #app-mount .avatar-2daVqv { /* message loading avatar */ position: absolute; top: 2px; left: calc(-70px * var(--vusechatbubbles) + 16px); } #app-mount .repliedMessage-VokQwo ~ * .avatar-1BDn8e { top: 24px; } .container-3FojY8 .avatar-1BDn8e { left: calc(-10px * var(--vusechatbubbles)); } #app-mount .replyBadge-r1su3o { /* message reply badge */ background-color: rgba(var(--vtransparencycolor), 0.5); } #app-mount .spine-1UneWn { width: 0px; top: 20px; right: calc(1px * (-32 * var(--vusechatbubbles) + -25 * (1 - var(--vusechatbubbles)))); left: unset; border: none; } #app-mount .compact-T3H92H .spine-1UneWn { right: 0; } #app-mount .repliedMessage-VokQwo::before, /* message reply spine */ #app-mount .repliedMessage-VokQwo::after, #app-mount .spine-1UneWn::before, /* message command spine */ #app-mount .spine-1UneWn::after { --avatar-size: 40px; --gutter: 16px; --spine-width: 2px; content: ""; display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50%; right: unset; bottom: 0; left: calc(-1*var(--avatar-size) - (6px*var(--vusechatbubbles))); width: calc(var(--avatar-size) - 4px); margin: calc(-1*var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1*var(--spine-width)/2); border-right: 0 solid var(--background-accent); border-left: var(--spine-width) solid var(--background-accent); } #app-mount .repliedMessage-VokQwo::before, #app-mount .repliedMessage-VokQwo::after { border-top: var(--spine-width) solid var(--background-accent); border-bottom: 0 solid var(--background-accent); border-top-left-radius: 6px; } #app-mount .spine-1UneWn::before, #app-mount .spine-1UneWn::after { border-top: 0 solid var(--background-accent); border-bottom: var(--spine-width) solid var(--background-accent); border-bottom-left-radius: 6px; } #app-mount .compact-T3H92H .repliedMessage-VokQwo::before, #app-mount .compact-T3H92H .repliedMessage-VokQwo::after, #app-mount .compact-T3H92H .spine-1UneWn::before, #app-mount .compact-T3H92H .spine-1UneWn::after { --avatar-size: 20px; left: calc(-1*var(--avatar-size)); } #app-mount .repliedMessage-VokQwo::before, #app-mount .spine-1UneWn::before { border-color: rgba(var(--vtransparencycolor), calc(0.5 * var(--vusechatbubbles))); } #app-mount .repliedMessage-VokQwo::after, #app-mount .spine-1UneWn::after { border-color: rgba(var(--fontwhite2), calc(0.5 * (1 - var(--vusechatbubbles)))); } #app-mount .compact-T3H92H .repliedMessage-VokQwo::before, #app-mount .compact-T3H92H .spine-1UneWn::before { border-color: transparent; } #app-mount .compact-T3H92H .repliedMessage-VokQwo::after, #app-mount .compact-T3H92H .spine-1UneWn::after { border-color: rgba(var(--fontwhite2), 0.3); } .cozy-3I4Ja9.content-2Kddbs { /* message command content */ background-color: rgba(var(--vtransparencycolor), 0.3); } .cozy-3raOZG .header-23xsNx::after, /* message container header */ .cozy-12kSNU .header-1oLBbW::after { /* message loading header */ content: ""; position: absolute; top: 12px; left: -32px; border: 10px solid transparent; border-right: 12px solid rgba(var(--vtransparencycolor), var(--vmessagetransparency)); } .cozy-3raOZG .container-3FojY8 .header-23xsNx::after { left: 40px; } .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .header-23xsNx::after { top: 2px; } .message-1Ng5AR .wrapper-2a6GCs .header-23xsNx::after { border-right-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 0.8)); } .cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt { left: calc(-78px * var(--vusechatbubbles)); } .cozy-3raOZG .iconContainer-3GkGRf { background-color: rgba(var(--vtransparencycolor), var(--vmessagetransparency)); border-radius: 50%; left: calc(1px * (-58 * var(--vusechatbubbles) + -48 * (1 - var(--vusechatbubbles)))); height: 25px; width: 25px; margin: unset; margin-right: 1rem; padding: 0; } .cozy-3raOZG .blockedSystemMessage-2Rk1ek .iconContainer-3GkGRf { background-color: transparent; } .cozy-3raOZG .iconContainer-3GkGRf::after { content: ""; position: absolute; top: 2px; left: 26px; border: 10px solid transparent; border-right: 12px solid rgba(var(--vtransparencycolor), var(--vmessagetransparency)); } .cozy-3raOZG .blockedSystemMessage-2Rk1ek .iconContainer-3GkGRf::after { display: none; } .selected-2P5D_Z.message-2qnXI6.cozy-3raOZG .header-23xsNx::after, .mouse-mode .message-2qnXI6.cozy-3raOZG:hover .header-23xsNx::after, .mouse-mode.full-motion .message-2qnXI6.cozy-3raOZG:hover .header-23xsNx::after, .mouse-mode .wrapper-1F5TKx.cozy-12kSNU:hover .header-1oLBbW::after, .mouse-mode.full-motion .wrapper-1F5TKx.cozy-12kSNU:hover .header-1oLBbW::after, .selected-2P5D_Z.message-2qnXI6.cozy-3raOZG .iconContainer-3GkGRf::after, .mouse-mode .message-2qnXI6.cozy-3raOZG:hover .iconContainer-3GkGRf::after, .mouse-mode.full-motion .message-2qnXI6.cozy-3raOZG:hover .iconContainer-3GkGRf::after { border-right-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 1.2)); } #app-mount .ephemeral-1PsL1r.cozy-3raOZG .header-23xsNx::after, #app-mount .replying-1x3H0T.cozy-3raOZG .header-23xsNx::after, #app-mount .mentioned-xhSam7.cozy-3raOZG .header-23xsNx::after { border-right-color: rgba(var(--vaccentcolor), calc(var(--vmessagetransparency) * 100000000000000000000000000000)); } .message-2DieIs, .message-2g38UB, .zalgo-jN1Ica .messageContent-2qWWxC, .zalgo-jN1Ica.cozy-3raOZG .header-23xsNx, .wrapper-1F5TKx, .cozy-12kSNU .header-1oLBbW { overflow: visible; } .container-3FojY8 { padding: 0; overflow: visible; } #app-mount .cozyMessage-3V1Y8y, /* message container cozy */ #app-mount .cozy-12kSNU { /* message loading cozy */ margin-left: calc(80px * var(--vusechatbubbles)); padding-left: calc(1px * (10 * var(--vusechatbubbles) + 72 * (1 - var(--vusechatbubbles)))); } #app-mount .compact-3Dy1Ya { /* message loading compact */ margin-top: .0625rem; } #app-mount .cozy-3raOZG .header-23xsNx, #app-mount .cozy-3raOZG .messageContent-2qWWxC, #app-mount .cozy-12kSNU .header-1oLBbW { margin-left: 0; padding-left: 0; } .messageContainer-gbhlwo .wrapper-2a6GCs, .messages-3G3erD .wrapper-2a6GCs, .message-2qRu38 .wrapper-2a6GCs, .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT, .message-1Ng5AR .wrapper-2a6GCs { border-radius: 5px; margin-left: calc(60px * var(--vusechatbubbles)); padding-left: calc(1px * (10 * var(--vusechatbubbles) + 72 * (1 - var(--vusechatbubbles)))); } .messages-3G3erD .wrapper-2a6GCs { border-radius: 0; } .avatar-2daVqv { /* message loading avatar */ background: rgba(var(--vtransparencycolor), 0.4); opacity: 1 !important; } .attachment-2p5mHK, /* message loading attachment */ .blob-2w7iIK { /* message loading blob */ background: rgb(var(--vaccentcolor)); } .expanded-13sWhZ { /* message expanded blocked */ background-color: rgba(var(--vtransparencycolor), 0.2); border-radius: 5px 5px 0 5px; margin-bottom: .5625rem; } .edited-DL9ECl { /* message editedtag */ color: rgb(var(--fontwhite3)); } .timestampCozy-1HNQR2, /* message timestamp */ .timestampCompact-29LLPQ, .timestamp-1E3uAL { color: rgb(var(--fontwhite3)); } .reaction-1hd86g { /* message reaction */ background-color: rgba(var(--vtransparencycolor), 0.3); } .reactionCount-2mvXRV { /* message reactioncount */ color: rgb(var(--fontwhite4)); } .reaction-1hd86g:hover .reactionCount-2mvXRV { color: rgb(var(--fontwhite2)); } .wrapper-2aW0bm { /* message buttons */ background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25)); position: relative; } .wrapper-2aW0bm::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .separator-42rNt0 { /* message buttonsseparator */ border-left-color: rgba(var(--fontwhite1), 0.1); } .button-1ZiXG9:hover { /* message button */ background-color: rgba(var(--vtransparencycolor), 0.2); } .button-1ZiXG9.selected-LCBEAU { background-color: rgba(var(--vtransparencycolor), 0.4); } #app-mount .ephemeralMessage-1fEWtQ, /* message localbotoperations */ #app-mount .operations-36ENbA { /* message editoperations */ color: rgb(var(--fontwhite3)); } .bumpBox-1r5p3c { /* messageelement publish box */ background-color: rgba(var(--vtransparencycolor), 0.4); } .markup-2BOw-j { /* message markup */ color: rgb(var(--fontwhite2)); } .markup-2BOw-j code { /* messageelement code */ background-color: transparent; border-color: transparent; } .markup-2BOw-j pre { /* messageelement pre */ background-color: rgba(var(--vtransparencycolor), 0.4); border-color: rgba(var(--vtransparencycolor), 0.1); } .markup-2BOw-j .inline, /* messageelement inline */ .after_inlineCode-1KfVgj, .before_inlineCode-1G9rTK, .inlineCode-2ngu6Y { background-color: rgba(var(--vtransparencycolor), 0.4); } .markup-2BOw-j .hljs { /* messageelement hljs */ color: rgb(var(--fontwhite2)); } .blockquoteDivider-2hH8H6 { /* messageelement quotedivider */ background-color: rgb(var(--fontwhite4)); } #app-mount .spoilerText-3p6IlD { /* messageelement spoiler */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .spoilerText-3p6IlD.hidden-HHr2R9 { /* messageelement hiddenspoiler */ background-color: rgba(var(--vtransparencycolor), 0.5); } .container-3-pyIM { /* systemmessage content */ color: rgb(var(--fontwhite3)); } .icon-2Po-VO[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { /* systemmessage pinicon */ -webkit-mask: url(https://discordapp.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat; background: rgb(var(--fontwhite3)) !important; } .icon-2Po-VO[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { /* systemmessage missedcall */ -webkit-mask: url(https://discordapp.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat; background: rgb(var(--fontwhite3)) !important; } .icon-2Po-VO[style*="/assets/b8029fe196b8f1382e90bbe81dab50dc.svg"] { /* systemmessage joincallicon */ -webkit-mask: url(https://discordapp.com/assets/b8029fe196b8f1382e90bbe81dab50dc.svg) center/cover no-repeat; background: rgb(var(--vaccentcolor)) !important; } .icon-2Po-VO[style*="/assets/c30220457097b064286a8759a9b6c4af.svg"] { /* systemmessage recievecallicon */ -webkit-mask: url(https://discordapp.com/assets/c30220457097b064286a8759a9b6c4af.svg) center/cover no-repeat; background: rgb(var(--vaccentcolor)) !important; } /* ==== 6.2.2. EMBEDS ==== */ #app-mount .embedFull-2tM8-- { /* embed wrapper */ background-color: rgba(var(--vtransparencycolor), 0.3); border-left-color: rgb(var(--fontwhite4)); } #app-mount .embedAuthorName-3mnTWj, /* embed author */ #app-mount .embedFieldName-NFrena, /* embed fieldname */ #app-mount .embedTitle-3OXDkz { /* embed title */ color: rgb(var(--fontwhite1)) !important; } #app-mount .embedDescription-1Cuq9a, /* embed description */ #app-mount .embedFieldValue-nELq2s { /* embed fieldvalue */ color: rgb(var(--fontwhite3)); } #app-mount .embedProvider-3k5pfl { /* embed provider */ color: rgb(var(--fontwhite3)) !important; } #app-mount .embedFooterText-28V_Wb { /* embed footer */ color: rgb(var(--fontwhite4)); } #app-mount .attachment-33OFj0 { /* attachment container */ background-color: rgba(var(--vtransparencycolor), 0.3); border-color: rgba(var(--vtransparencycolor), 0.1); margin-left: 18px; } #app-mount .message-2qnXI6 .attachment-33OFj0 { margin-left: 0; } #app-mount .filename-3eBB_v { /* attachment filename */ color: rgb(var(--fontwhite1)); } #app-mount .size-1Arx_I { /* attachment sizesize */ color: rgb(var(--fontwhite4)); } #app-mount .metadata-3WGS0M { /* attachment metadata */ color: rgb(var(--fontwhite4)); } #app-mount .cancelButton-3hVEV6, /* attachment cancelbutton */ #app-mount .downloadButton-23tKQp { /* attachment downloadbutton */ color: rgb(var(--fontwhite4)); } #app-mount .cancelButton-3hVEV6:hover, #app-mount .downloadButton-23tKQp:hover { color: rgb(var(--fontwhite3)); } #app-mount .cancelButton-3hVEV6:active, #app-mount .downloadButton-23tKQp:active { color: rgb(var(--fontwhite2)); } #app-mount .twitchSectionPlayButton-2RamGG { object-position: -999999px -999999px; background: rgba(var(--vtransparencycolor), 0.4) url('data:image/svg+xml; utf8, '); border-radius: 50%; } #app-mount .twitchSectionPlayButton-2RamGG:hover { background-color: rgba(var(--vtransparencycolor), 0.8); } #app-mount .wrapper-2TxpI8 { /* attachment videowrapper */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .embedSuppressButton-1FonMn { /* attachment closebutton */ color: rgb(var(--fontwhite3)); } #app-mount .embedSuppressButton-1FonMn:hover { color: rgb(var(--fontwhite3)); } /* ==== 6.2.3. NITROGIFT ==== */ #app-mount .tile-2OwFgW { /* gift container */ background-color: rgba(var(--vtransparencycolor), 0.3); box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15); } #app-mount .title-1rUb9I { /* gift title */ color: rgb(var(--fontwhite2)); } #app-mount .tagline-2nvxi0 { /* gift tagline */ color: rgb(var(--fontwhite4)); } /* ==== 6.2.4. INVITE ==== */ #app-mount .wrapper-35wsBm { /* invite container */ background-color: rgba(var(--vtransparencycolor), 0.3); border-color: rgba(var(--vtransparencycolor), 0.1); } #app-mount .guildIconImage-3qTk45 { /* invite icon */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .guildName-2hvnt_ { /* invite name */ color: rgb(var(--fontwhite1)); } #app-mount .guildDetail-1nRKNE { /* invite details */ color: rgb(var(--fontwhite4)); } #app-mount .invite-18yqGF { /* invite group invite */ background-color: rgba(var(--vtransparencycolor), 0.3); border-color: rgba(var(--vtransparencycolor), 0.1); } #app-mount .header-Hg_qNF { color: rgb(var(--fontwhite3)); } #app-mount .name-GG2Mcs, #app-mount .partyStatus-6AjDud { color: rgb(var(--fontwhite1)); } #app-mount .moreUsers-1sZP3U { background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite3)); } #app-mount .partyMemberEmpty-2iyh5g { background-color: rgba(var(--vtransparencycolor), 0.3); } /* ---- 6.3. TEXTAREA ---- */ .form-2fGMdU { /* textarea form */ padding-top: 0; margin-top: 0; } .form-2fGMdU::before { display: none; } .channelTextArea-rNsIhG { /* textarea channeltextarea */ background-color: transparent; border-top-color: rgba(var(--fontwhite1), 0.1); } .container-2fRDfG { /* textarea reply */ background: rgba(var(--vtransparencycolor), 0.3); border: none; border-bottom: 1px solid rgba(var(--fontwhite1), 0.1); } .scrollableContainer-2NUZem { /* textarea container */ background-color: rgba(var(--vtransparencycolor), 0.3); } .attachButtonPlus-jWVFah { /* textarea attachbuttoninner */ fill: rgb(var(--fontwhite3)); } .attachButton-2WznTc:hover .attachButtonPlus-jWVFah { fill: rgb(var(--fontwhite2)); } .attachButton-2WznTc:active .attachButtonPlus-jWVFah { fill: rgb(var(--fontwhite1)); } .attachWrapper-2TRKBi { /* textarea attachdivider */ border-color: rgb(var(--fontwhite3)); } #app-mount .textArea-12jD-V { /* textarea textarea */ color: rgb(var(--fontwhite1)); } #app-mount .textArea-12jD-V::placeholder { color: rgb(var(--fontwhite4)); } .placeholder-37qJjk, .slateTextArea-1Mkdgw .hljs-comment, .slateTextArea-1Mkdgw .hljs-quote { color: rgb(var(--fontwhite4)); } .button-3AYNKb { /* textarea buttons */ color: rgb(var(--fontwhite3)); } .button-3AYNKb:hover, .buttonWrapper-1ZmCpA:hover .icon-3D60ES { color: rgb(var(--fontwhite2)); } .active-23Nm0T .icon-3D60ES, .active-23Nm0T:hover .icon-3D60ES { color: rgb(var(--fontwhite1)); } .sprite-2iCowe { /* textarea emojibutton */ transform: none !important; } .base-gE7OpD { /* textarea typingusers */ color: rgb(var(--fontwhite1)); } .wrapper-39oAo3 { /* textarea placeholder */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite2)); } .toolbar-2bjZV7 { /* textarea formattoolbar */ background-color: rgb(var(--vaccentcolor)); } .toolbar-2bjZV7::before { border-top-color: rgb(var(--vaccentcolor)); } .divider-24xeUg { /* textarea formattoolbardivider */ border-left-color: rgba(var(--fontwhite1), 0.1); } .active-2HPddW, /* textarea buttonactive */ .hover-28QbSq:hover { /* textarea buttonhover */ background-color: rgba(var(--fontwhite1), 0.2); } .icon-KgGMGo { /* textarea buttonicon */ color: rgb(var(--fontwhite2)); } .active-2HPddW .icon-KgGMGo, .hover-28QbSq:hover .icon-KgGMGo { color: rgb(var(--fontwhite1)); } #app-mount .pill-2pQByF { /* textarea command query pill */ background-color: rgba(var(--vtransparencycolor), 0.5); border-radius: 5px; } /* ---- 6.4. AUTOCOMPLETEMENU ---- */ #app-mount .autocomplete-1vrmpx { /* autocomplete container */ background-color: transparent; overflow: hidden; } #app-mount .autocomplete-1vrmpx::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .autocomplete-1vrmpx::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25)); width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .theme-brand .autocomplete-1vrmpx { background: rgb(var(--vaccentcolor)) linear-gradient(rgba(var(--vtransparencycolor), 0.2), rgba(var(--vtransparencycolor), 0.2)) !important; } .theme-brand .autocomplete-1vrmpx::before, .theme-brand .autocomplete-1vrmpx::after { display: none; } #app-mount .bar-AokMp3 { /* autocomplete command info */ background-color: transparent; } #app-mount .container-3ISnnM::after { box-shadow: inset 0 -7px 12px -7px rgba(var(--vtransparencycolor), 0.3); } #app-mount .header-1TOWci { /* autocomplete header */ box-shadow: 0 1px 0 0 rgba(var(--vtransparencycolor), 0.2), 0 1px 2px 0 rgba(var(--vtransparencycolor), 0.2); } #app-mount .divider-23swzi::after { /* autocomplete divider */ background-color: rgba(var(--fontwhite4), 0.3); } #app-mount .selected-1Tbx07 { /* autocomplete rowselected */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .option-1B5ZV8 { /* autocomplete option */ background-color: rgba(var(--vtransparencycolor), 0.5); } #app-mount .wrapper-uf3cnO { /* autocomplete categories */ background-color: transparent; } #app-mount .selected-3xBBKs, /* autocomplete category selected */ #app-mount .selected-3xBBKs:hover { background-color: rgb(var(--vaccentcolor)); } #app-mount .searchSuggestion-2K8OBX:hover { /* gifpicker suggestions */ color: rgb(var(--fontwhite1)); } #app-mount .placeholder-1kJjXI { /* gifpicker result placeholder */ background-color: rgba(var(--vtransparencycolor), 0.3); } /* ---- 6.5. MEMBERLIST ---- */ .member-3-YXUe { /* member container */ color: rgb(var(--fontwhite3)); } .clickable-1JJAn8.member-3-YXUe:hover { color: rgb(var(--fontwhite2)); } .clickable-1JJAn8.member-3-YXUe:active, .selected-aXhQR6.member-3-YXUe { color: rgb(var(--fontwhite1)); } .member-3-YXUe:hover .layout-2DM8Md { /* member inner */ background-color: rgba(var(--vtransparencycolor), 0.2); } .selected-aXhQR6.member-3-YXUe .layout-2DM8Md { background-color: rgb(var(--vaccentcolor)); text-shadow: 1px 1px var(--vtextshadow); } .selected-aXhQR6.member-3-YXUe .layout-2DM8Md svg:not(.svg-2V3M55) { filter: drop-shadow(1px 1px var(--vtextshadow)); } .member-3-YXUe .name-uJV0GL { color: rgb(var(--fontwhite2)); } .member-3-YXUe .activity-2Gy-9S { color: rgb(var(--fontwhite3)); } .member-3-YXUe:hover .linkButtonIcon-Mlm5d6, .member-3-YXUe.selected-aXhQR6 .linkButtonIcon-Mlm5d6 { color: rgb(var(--fontwhite1)); } .member-3-YXUe:hover .name-uJV0GL, .member-3-YXUe.selected-aXhQR6 .name-uJV0GL { color: rgb(var(--fontwhite1)); } .member-3-YXUe:hover .activity-2Gy-9S, .member-3-YXUe.selected-aXhQR6 .activity-2Gy-9S { color: rgb(var(--fontwhite2)); } .member-3-YXUe.selected-aXhQR6 .premiumIcon-2IFPOX { color: rgb(var(--fontwhite1)) !important; } .membersGroup-v9BXpm { /* roleheader */ color: rgb(var(--fontwhite2)); } .avatar-VxgULZ::before { /* emptyavatar */ background-color: rgba(var(--vtransparencycolor), 0.3); } .memberGroupsPlaceholder-3mwPub, /* loadingplaceholders */ .placeholderAvatar-damqh6, .placeholderUsername-2B_OA9 { background-color: rgba(var(--vtransparencycolor), 0.4); } /* ---- 6.6. SEARCHPAGE ---- */ .searchResultsWrap-3-pOjs { /* searchpage container */ background-color: transparent; } .searchHeader-2XoQg7 { /* searchpage header */ background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.8)); border-radius: 0 0 0 8px; } #app-mount .tab-2j5AEF.selected-2LAck8 { /* searchpage selected tab */ background-color: rgb(var(--vaccentcolor)); text-shadow: 1px 1px var(--vtextshadow); } .channelName-1JRO3C { /* searchpage channelname */ background-color: transparent; } .searchResult-9tQ1uo { /* searchpage searchresult */ background-color: rgba(var(--vtransparencycolor), 0.2); } .button-11zvza { /* searchpage jumpbutton */ background-color: rgba(var(--vtransparencycolor), 0.4); } .button-11zvza:hover { background-color: rgb(var(--vaccentcolor)); text-shadow: 1px 1px var(--vtextshadow); } .pageButton-2ruNwd:hover { background-color: rgba(var(--vtransparencycolor), 0.4); } #app-mount .activeButton-rvKcqq, #app-mount .activeButton-rvKcqq:hover { color: rgb(var(--fontwhite1)); text-shadow: 1px 1px var(--vtextshadow); } /* ---- 6.7. CALL ---- */ #app-mount .incomingCallInner-2VmFiR, #app-mount .root-3JVdIJ { /* popout inner */ background-color: transparent; border: none; } .incomingCallInner-2VmFiR::before, .root-3JVdIJ::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .incomingCallInner-2VmFiR::after, .root-3JVdIJ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .members-2BNiuX { /* popout members */ color: rgb(var(--fontwhite1)); } #app-mount .subtitle-1H8FPn { /* popout subtitle */ color: rgb(var(--fontwhite3)); } #app-mount .wrapper-2qzCYF { /* call wrapper */ background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.8)); } #app-mount .root-217Brm { /* call root */ color: rgb(var(--fontwhite1)); } .videoWrapper-2v09vt { /* call video wrapper */ background-color: rgba(var(--vtransparencycolor), 0.3); } .video-1FfuMD { /* call video */ background-color: transparent; } .tile-2naSqK, /* call user video voicechannel */ .tile-2gi3tr { /* call user video dm */ background-color: rgba(var(--vtransparencycolor), 0.3); } .gradientContainer-10lXLB { /* call gradientcontainer */ display: none; } .participantsButton-KYW-IW { /* call participantsbutton */ background-color: rgba(0, 0, 0, 0.3); } .participantsButton-KYW-IW:hover { background-color: rgba(0, 0, 0, 0.6); } .centerButton-3CaNcJ, .colorable-1bkp8v.primaryDark-3mSFDl { background-color: rgba(var(--vtransparencycolor), 0.5); } .centerButton-3CaNcJ:hover, .colorable-1bkp8v.primaryDark-3mSFDl:hover { background-color: rgb(var(--vaccentcolor)); } .button-3HqqDX { background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite1)); } .button-3HqqDX:hover { background-color: rgba(var(--vtransparencycolor), 0.6); } .controlButton-2MhVEL.leaveButton-2YnTyt { background-color: rgba(240, 71, 71, 0.5); } .controlButton-2MhVEL.leaveButton-2YnTyt:hover { background-color: rgb(240, 71, 71); } .regionSelectPopout-p9-0_W { width: 170px; } /* ---- 6.8. UNAVAILABLESCREEN ---- */ .category-2haXBH, /* loadingplaceholders */ .channelIcon-1TvDoP, .channelName-2wrHHc { background: rgba(var(--vtransparencycolor), 0.4); } .splashImage-13vBzp { /* screen image */ opacity: 0.7; } .splashHeader-ehL7gZ { /* screen headertext */ color: rgb(var(--fontwhite1)); } /* ~~~~ 7. PEOPLES ~~~~ */ .wrapper-1cBijl { /* friendsadd inputcontainer */ background-color: rgba(var(--vtransparencycolor), 0.1); border-color: rgba(var(--vtransparencycolor), 0.3); } .wrapper-1cBijl:hover { border-color: rgb(var(--vtransparencycolor)); } .wrapper-1cBijl .addFriendInput-4bcerK { color: rgb(var(--fontwhite1)); } .wrapper-1cBijl .addFriendInput-4bcerK::placeholder, .addFriendHint-3Y70FX { color: rgb(var(--fontwhite4)); } .tableHeaderText-2io-_N, /* tableheader text */ .onlineStatusGroupTitle-6ObdV6 { /* groupheader */ color: rgb(var(--fontwhite2)); } .tableHeader-2Ctu7Y { /* tablerheader border */ border-top-color: rgba(var(--fontwhite4), 0.5); } .peopleListItem-2nzedh { /* peoples row */ border-top-color: rgba(var(--fontwhite1), 0.1); } .peopleListItem-2nzedh .username-31C1TQ { /* peoples username */ color: rgb(var(--fontwhite2)); } .peopleListItem-2nzedh .discriminator-22Okc1 { /* peoples discriminator */ color: rgb(var(--fontwhite4)); } .peopleListItem-2nzedh .subtext-24R4-w { /* peoples subtext */ color: rgb(var(--fontwhite3)); } .peopleListItem-2nzedh .actionButton-uPB8Fs { /* peoples actionbutton */ background-color: rgba(var(--vtransparencycolor), 0.1); color: rgb(var(--fontwhite3)); } .peopleListItem-2nzedh:hover { background-color: rgba(var(--vtransparencycolor), 0.3); } .peopleListItem-2nzedh:hover .username-31C1TQ { color: rgb(var(--fontwhite1)); } .peopleListItem-2nzedh:hover .discriminator-22Okc1 { color: rgb(var(--fontwhite3)); } .peopleListItem-2nzedh:hover .subtext-24R4-w { color: rgb(var(--fontwhite2)); } .peopleListItem-2nzedh:hover .actionButton-uPB8Fs { background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite2)); } .peopleListItem-2nzedh .actionButton-uPB8Fs:hover { background-color: rgb(var(--vaccentcolor)); color: rgb(var(--fontwhite1)); } .header-13Cw0- { /* playing header */ color: rgb(var(--fontwhite2)); } #app-mount .outer-1AjyKL { /* playing card */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .outer-1AjyKL.active-1xchHY, #app-mount .outer-1AjyKL.interactive-3B9GmY:hover { background-color: rgba(var(--vtransparencycolor), 0.4); } #app-mount .inset-3sAvek { /* playing card inner */ background-color: rgba(var(--vtransparencycolor), 0.2); } .emptyCard-1RJw8n { /* playing empty card */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .partyMemberOverflow-lXnzvu { background: rgba(var(--vtransparencycolor), 0.5); } #app-mount .partyMemberBackground-3XOgDv, #app-mount .partyMemberUnknown-fwK2DC { background-color: rgba(var(--vtransparencycolor), 0.5); } #app-mount .partyMemberUnknownIcon-1eDbV6 { color: color: rgb(var(--fontwhite4)); } #app-mount .popout-38lTFE { /* playing popout */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 8px 16px 0 rgba(var(--vtransparencycolor), 0.3); overflow: hidden; } .popout-38lTFE::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .popout-38lTFE::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover, #app-mount .enabled-1t_Gxm:hover { background-color: rgba(var(--vtransparencycolor), 0.2); } /* ~~~~ 7. STORE/NITRO ~~~~ */ .gridItemBadge-1Se-Pu { text-shadow: 1px 1px var(--vtextshadow); } .gridItemHeading-3D4Rb2 { color: rgb(var(--fontwhite1)); } .gridItemSubheading-FIneEP { color: rgb(var(--fontwhite1)); } .marketingHeader-2Iq7qk { /* marketingheader */ background-color: rgba(var(--vtransparencycolor), 0.3); } .detailsBlock-FoDTGA { /* billing details */ background-color: rgba(var(--vtransparencycolor), 0.3); } .sectionHeader-127c3L { /* header */ color: rgb(var(--fontwhite1)); } .tier2PlanName-2TttcQ { /* header svgtitle */ color: rgb(var(--fontwhite1)); } #app-mount .title-2a5mvx { /* header title */ color: rgb(var(--fontwhite1)); } #app-mount .subtitle-UfhpvR, /* header subtitle */ #app-mount .subtitleRepositioned-11uB9- { color: rgb(var(--fontwhite2)); } .yearlyButtonDiscount-2K7GZZ { border-color: rgba(var(--fontwhite1), 0.3); } .subsectionHeader-1SVMaW { /* subsection header */ color: rgb(var(--fontwhite1)); } .blurb-1H7VPv { /* subsection description */ color: rgb(var(--fontwhite2)); } .title-3IUNJ6 { /* subsection featuretitle */ color: rgb(var(--fontwhite1)); } .description-yMw5z0 { /* subsection featuredescription */ color: rgb(var(--fontwhite2)); } .guildMoreFeatures-svfRvH { /* subsection footer */ color: rgb(var(--fontwhite1)); } #app-mount .categoryHeader-1D7Tqy, /* categoryheader */ #app-mount .premiumApplicationsHeader-Zmkm5e { color: rgb(var(--fontwhite1)); border-color: rgba(var(--fontwhite4), 0.3); } .gradientOverlay-298TBM { /* cardscroller gradient */ display: none; } .scrollerButton-1Vm5_P { /* cardscroller button */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .tile-QA_yMc { /* gamecard container */ background-color: rgba(var(--vtransparencycolor), 0.3); box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15); } #app-mount .description-2oYgWO { /* gamecard description */ color: rgb(var(--fontwhite1)); } #app-mount .tagline-EIH5-W, /* gamecard tagline */ #app-mount .title-2XwaXv { /* gamecard title */ color: rgb(var(--fontwhite2)); } #app-mount .perkTag-2O4dx4 { /* gamecard perktag */ border-radius: 4px; color: rgb(var(--fontwhite1)); } #app-mount .tier1Banner-1BTgv0 { /* tier1banner container */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } .headerIcon-3bqya6 { /* tier1banner svgtitle */ color: rgb(var(--fontwhite1)); } .carouselButtonsContainer-Rba2-D { /* gamepreview container */ color: rgb(var(--fontwhite1)); } .smallCarousel-2e0IQc { background-color: rgba(var(--vtransparencycolor), 0.3); border-radius: 5px; } #app-mount .item-3V15ea { /* gamepreview previewitem */ background-color: rgba(var(--vtransparencycolor), 0.3); } .arrow-3jRqK8 { /* gamepreview prev/nextarrow (big) */ background-color: rgba(var(--vtransparencycolor), 0.3); } .arrow-vOpU7R { /* gamepreview prev/nextarrow (small) */ color: rgb(var(--fontwhite1)); } .dot-2Q_mMZ { /* gamepreview itemdot (small) */ background-color: rgb(var(--fontwhite1)); } #app-mount .root-1bFE0x { /* gameinfo sectioncontainer */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .header-3HFF3R { /* gameinfo sectionheader */ color: rgb(var(--fontwhite1)); } #app-mount .section-7tu4tu { /* gameinfo subsection */ border-bottom-color: rgba(var(--fontwhite4), 0.3); } #app-mount .playerOverflow-2Hf77M { background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite2)); } #app-mount .description-2Ifi6N { /* gameinfo subsectiondescription */ color: rgb(var(--fontwhite3)); } #app-mount .description-2Ifi6N strong, #app-mount .username-2gp_Xw { /* gameinfo subsectionusername */ color: rgb(var(--fontwhite1)); } #app-mount .smallHeader-2h-9-U { /* gameinfo subsectionheader */ color: rgb(var(--fontwhite3)); } #app-mount .text-1Z3P6i { /* gameinfo subsectiontext */ color: rgb(var(--fontwhite1)); } #app-mount .iconCircle-1dlYo0 { background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .circle-1nK_79 { color: rgb(var(--fontwhite1)); } #app-mount .divider-21LyPb { /* section divider */ border-color: rgba(var(--fontwhite4), 0.3); } #app-mount .blurb-1iBKJy { /* section description */ color: rgb(var(--fontwhite1)); } #app-mount .description-1AwRKJ, /* section subdescription */ #app-mount .markdown-11q6EU { color: rgb(var(--fontwhite3)); } #app-mount .tile-PuWjfs { /* perkcard container */ background-color: rgba(var(--vtransparencycolor), 0.3); box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15); } .tile-PuWjfs div.splashPlaceholder-1ev-9c { /* perkcard imagecontainer */ background-color: transparent; position: relative; z-index: 5; } .tile-PuWjfs div.splashPlaceholder-1ev-9c::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize); background-attachment: fixed; filter: blur(var(--vbackgroundblur)); pointer-events: none; z-index: -1; } .tile-PuWjfs div.splashPlaceholder-1ev-9c::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); pointer-events: none; z-index: -1; } .tile-PuWjfs img.splashPlaceholder-1ev-9c { /* perkcard image */ -webkit-mask: linear-gradient(rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%); } .tile-PuWjfs .description-2h6giI { /* perkcard imagecontainer */ color: rgb(var(--fontwhite1)); z-index: 6; } #app-mount .mediaFade-2NVPtV { /* perkcard fade */ background: transparent; } #app-mount .item-2yFVoY { /* newscard container */ background-color: rgba(var(--vtransparencycolor), 0.3); box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15); } #app-mount .collapsedTimestamp-2gjDIM, /* newscard timestamp */ #app-mount .openTimestamp-sTgPmn { color: rgb(var(--fontwhite3)); } #app-mount .title-i-qCkH { /* newscard title */ color: rgb(var(--fontwhite1)); } #app-mount .openDescription-2XUOH3 { /* newscard description */ color: rgb(var(--fontwhite3)); } #app-mount .requirements-dEriwm { /* requirements */ color: rgb(var(--fontwhite2)); } #app-mount .requirementKey-14DT2D { /* requirements key */ color: rgb(var(--fontwhite4)); } #app-mount .content-1zhNsr { /* requirements rating */ color: rgb(var(--fontwhite4)); } #app-mount .content-3FEARf { /* requirements copyright */ color: rgb(var(--fontwhite4)); } #app-mount .bodySection-jqkkIP { /* sidebar section */ background-color: rgba(var(--vtransparencycolor), 0.2); border-top-color: rgba(var(--fontwhite4), 0.3); } #app-mount .actionText-3EKWER { /* sidebar header */ color: rgb(var(--fontwhite2)); } #app-mount .purchaseUnitOperatingSystem-cnbJPz { /* sidebar OSicon */ color: rgb(var(--fontwhite2)); } #app-mount .price-4PDWNj, /* sidebar price */ #app-mount .listingPrice-2GiDSc { color: rgb(var(--fontwhite1)); } #app-mount .title-2xCQKy { /* sidebar subtitle */ color: rgb(var(--fontwhite1)); } #app-mount .skuNormal-3h1es- { /* sidebar pricerow */ border-bottom-color: rgba(var(--fontwhite4), 0.4); } #app-mount .name-u2zgy7 { /* sidebar pricename */ color: rgb(var(--fontwhite3)); } #app-mount .price-NUANu6 { /* sidebar priceamount */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .label-13UUcd { /* sidebar label */ color: rgb(var(--fontwhite4)); } #app-mount .info-1Emy1X { /* sidebar labelinfo */ color: rgb(var(--fontwhite1)); } #app-mount .content-35aVm0 { /* invitecard container */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .name-3TBxUq { /* invitecard guildname */ color: rgb(var(--fontwhite3)); } #app-mount .memberInfo-1TAaKC { /* invitecard memberinfo */ color: rgb(var(--fontwhite4)); } #app-mount .row-1bU71H { /* features row */ background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite3)); } #app-mount .featureIcon-1f78KU { /* features featureicon */ color: rgb(var(--fontwhite3)); } #app-mount .feature-2w65J5 { /* features feature */ background-color: rgba(var(--vtransparencycolor), 0.4); } .featureImage-2L9kA0 { /* features image */ opacity: 0.7; } .banner-WELp4M { /* features xbox promo */ background-color: rgba(var(--vtransparencycolor), 0.4); } /* ~~~~ 9. LIBRARY ~~~~ */ .header-39GIC8 { /* library table header */ background-color: transparent; border-bottom-color: rgba(var(--fontwhite4), 0.5); color: rgb(var(--fontwhite3)); position: relative; } .header-39GIC8::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize); background-attachment: fixed; filter: blur(var(--vbackgroundblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .header-39GIC8::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), 0.4); width: unset; height: unset; pointer-events: none; z-index: -1; } .headerCell-3L6rFG { /* library table headercell */ border-left-color: rgba(var(--fontwhite4), 0.3); } .clickable-VxMZ3b { color: rgb(var(--fontwhite2)); } .clickable-VxMZ3b:hover { color: rgb(var(--fontwhite1)); } .lastPlayedCell-2arbtc, .platformCell-XyBBs6 { color: rgb(var(--fontwhite3)); } .headerCellSorted-3a5AzJ, .headerCellSorted-3a5AzJ:hover { color: rgb(var(--fontwhite1)); } .row-ZLfFhY { /* library table row */ color: rgb(var(--fontwhite3)); } .rowWrapperActive-2L7i9f { background-color: rgba(var(--vtransparencycolor), 0.2); } .rowWrapper-2fB6P0 + .rowWrapper-2fB6P0 .row-ZLfFhY { border-top-color: rgba(var(--fontwhite4), 0.3); } .nameCellText-1mpqtF { /* library table namecell */ color: rgb(var(--fontwhite2)); } .row-ZLfFhY:hover .nameCellText-1mpqtF { color: rgb(var(--fontwhite1)); } .textCell-1aBIUP { /* library table textcell */ color: rgb(var(--fontwhite4)); } .row-ZLfFhY:hover .textCell-1aBIUP { color: rgb(var(--fontwhite3)); } .icon-1IKq3C { /* library table icon */ color: rgb(var(--fontwhite4)); } .row-ZLfFhY:hover .icon-1IKq3C { color: rgb(var(--fontwhite3)); } .emptyWumpus-12J3jI { /* library no games */ opacity: 0.6; } /* ~~~~ 10. DISCOVERY ~~~~ */ .categoryItem-3zFJns { /* categoryitem container */ color: rgb(var(--fontwhite3)); } .clickable-1JJAn8.categoryItem-3zFJns:hover { color: rgb(var(--fontwhite2)); } .clickable-1JJAn8.categoryItem-3zFJns:active, .selected-aXhQR6.categoryItem-3zFJns { color: rgb(var(--fontwhite1)); } .categoryItem-3zFJns:hover .layout-2DM8Md { /* categoryitem inner */ background-color: rgba(var(--vtransparencycolor), 0.2); } .selected-aXhQR6.categoryItem-3zFJns .layout-2DM8Md { background-color: rgb(var(--vaccentcolor)); text-shadow: 1px 1px var(--vtextshadow); } .selected-aXhQR6.categoryItem-3zFJns .layout-2DM8Md svg:not(.svg-2V3M55) { filter: drop-shadow(1px 1px var(--vtextshadow)); } .categoryItem-3zFJns .name-uJV0GL { color: rgb(var(--fontwhite2)); } .categoryItem-3zFJns:hover .name-uJV0GL, .categoryItem-3zFJns.selected-aXhQR6 .name-uJV0GL { color: rgb(var(--fontwhite1)); } #app-mount .pageWrapper-1PgVDX { /* guilddiscovery container */ color: rgb(var(--fontwhite1)); } .select-2TCrqx.languageSelector-1R8fPE [class*="css-"][class*="-control"] { background-color: rgba(var(--vtransparencycolor), 0.3); } .container-RHl2Ju { /* guilddiscovery news container */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .sectionSeparator-2OWiNT { /* guilddiscovery separator */ border-top-color: rgba(var(--fontwhite4), 0.3); } /* guilddiscovery pagebutton */ #app-mount .pageButton-MknE-_:not(.activeButton-1BJAiN):hover { background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .activeButton-1BJAiN, #app-mount .activeButton-1BJAiN:hover { /* guilddiscovery pagebuttonactive */ color: rgb(var(--fontwhite1)); } #app-mount .card-3DjzTQ { /* guildcard container */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .iconMask-3b8GzQ { /* guildcard iconmask */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .card-3DjzTQ:hover, #app-mount .iconMask-3b8GzQ:hover { background-color: rgba(var(--vtransparencycolor), 0.4); } #app-mount .cardPlaceholder-1zrbbe { /* guildcard placeholder */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .loading-17PYl_ { /* guildcard loading */ background-color: rgba(var(--vtransparencycolor), 0.5); } #app-mount .guildName-1yURO5 { /* guildcard guildname */ color: rgb(var(--fontwhite1)); } #app-mount .description-2QALGo { /* guildcard description */ color: rgb(var(--fontwhite3)); } .search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng { /* search searchinput */ color: rgb(var(--fontwhite1)); } .search-1iTphC .searchBox-2_mAlO .cta-BiH9zX { /* search searchtip */ color: rgb(var(--fontwhite3)); } .categoryPill-34fszg .categoryLabel-2G3r2V { /* search categorypill */ color: rgb(var(--fontwhite3)); } .emojiContainer-1u-_sQ { /* search emojicontainer */ background-color: rgba(var(--vtransparencycolor), 0.3); } .emptyContainer-1_gwCl { /* search no results */ background-color: rgba(var(--vtransparencycolor), 0.4); } /* ~~~~ 11. USERSETTINGS ~~~~ */ .themed-OHr7kt.item-PXvHYJ { /* sidebar item */ color: rgb(var(--fontwhite3)); } .item-PXvHYJ[style^="color: rgb(255, 255, 255)"], .item-PXvHYJ[style*=" color: rgb(255, 255, 255)"] { color: rgb(var(--fontwhite1)) !important; } .item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"] { text-shadow: 1px 1px var(--vtextshadow); } .themed-OHr7kt.item-PXvHYJ:hover { color: rgb(var(--fontwhite2)); } .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover:not(.disabled-1Hwwfb), /* sideitems */ .topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover:not(.disabled-1Hwwfb) { /* tabitems */ background-color: rgba(var(--vtransparencycolor), 0.2); } .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover, .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover { background-color: rgb(var(--vaccentcolor)); color: rgb(var(--fontwhite1)); text-shadow: 1px 1px var(--vtextshadow); } .header-2RyJ0Y { /* sidebar sideitemheader */ color: rgb(var(--fontwhite3)); } .separator-gCa7yv { /* sidebar sideitemseparator */ background-color: rgba(var(--fontwhite4), 0.3); } #app-mount .foreground-26ym5y { /* sidebar sideitemlink */ fill: rgb(var(--fontwhite3)); } #app-mount .link-1IoFq-:hover .foreground-26ym5y { fill: rgb(var(--fontwhite1)); } .bd-social-logo { opacity: 1; background: rgb(var(--fontwhite3)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat; transition: background .15s ease; } .bd-social-link:hover .bd-social-logo { background: rgb(var(--fontwhite1)); } .bd-social-logo > * { display: none; } #app-mount .closeButton-1tv5uR { /* closebutton item */ border-color: rgb(var(--fontwhite4)); } #app-mount .closeButton-1tv5uR path.fill { fill: rgb(var(--fontwhite4)); } #app-mount .closeButton-1tv5uR:hover { background-color: rgba(var(--vaccentcolor), 0.2); border-color: rgb(var(--vaccentcolor)); } #app-mount .closeButton-1tv5uR:hover path.fill { fill: rgb(var(--vaccentcolor)); } #app-mount .keybind-KpFkfr { /* closebutton keybind */ color: rgb(var(--fontwhite4)); } .cardPrimary-1Hv-to, .cardPrimaryEditable-3KtE4g { /* settingsitems card */ border-color: rgba(var(--vtransparencycolor), 0.1); } .cardPrimary-1Hv-to { background-color: rgba(var(--vtransparencycolor), 0.2); } .cardPrimaryEditable-3KtE4g { background-color: rgba(var(--vtransparencycolor), 0.1); } .cardPrimaryOutline-29Ujqw { border-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .card-2qG0dv { color: rgb(var(--fontwhite1)); } .title-31JmR4 { /* settingsitems settingstitle */ color: rgb(var(--fontwhite1)); } .divider-3573oO { /* settingsitems settingstitle */ border-color: rgba(var(--fontwhite1), 0.1); } #app-mount .userSettingsAccount-2eMFVR .viewBody-2Qz-jg { /* accountsettings info */ color: rgb(var(--fontwhite3)); } .questionMark-CWEQZn .icon-3a_Jgd, /* accountsettings questionmark */ .questionMark-3qBhGj .icon-3OA7an { /* accountsettings questionmark new */ color: rgb(var(--fontwhite1)); } #app-mount .avatarUploader-3XDtmn .removeButton-1hcZyG { /* accountsettings removeavatar */ color: rgb(var(--fontwhite3)); } #app-mount .userSettingsSecurity-3IYeMF .codeCheckbox-1T0TTy { color: rgb(var(--fontwhite2)); } #app-mount .background-1QDuV2 { /* accountsettings container */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .fieldList-21DyL8 { /* accountsettings settings */ background-color: rgba(var(--vtransparencycolor), 0.4); } .accountList-33MS45 { /* connections container */ background-color: rgba(var(--vtransparencycolor), 0.4); } .accountBtn-2Nozo3 .accountBtnInner-sj5jLs { /* connections connectioninner */ background-color: rgba(var(--vtransparencycolor), 0.2); } .accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover { background-color: rgb(var(--vaccentcolor)); } .connection-1fbD7X { /* connections connection */ background-color: rgba(var(--vtransparencycolor), 0.3); } .connectionHeader-2MDqhu { /* connections connection header */ background-color: rgba(var(--vtransparencycolor), 0.2); } .connectionHeader-2MDqhu .connectionAccountValue-3VdBGs { color: rgb(var(--fontwhite1)); } .connectionHeader-2MDqhu .description-3_Ncsb { color: rgb(var(--fontwhite2)) !important; opacity: 1; } .subEnabledTitle-2ElRo_ { color: rgb(var(--fontwhite1)); } #app-mount .codeRedemptionRedirect-1wVR4b { /* payment coderedem */ background-color: rgba(var(--vtransparencycolor), 0.2); border-color: rgba(var(--vtransparencycolor), 0.1); color: rgb(var(--fontwhite1)); } .emptyStateImage-2MrSNs { /* giftinventory no gifts */ opacity: 0.6; } .guildHeader-3nh5RK { /* boostsettings suggestioncard */ background-color: rgba(var(--vtransparencycolor), 0.5); } .guildSubscriptionSlots-JPXXvN { /* boostsettings suggestioncard */ background-color: rgba(var(--vtransparencycolor), 0.3); } .cardWrapper-2Min21 { /* boostsettings suggestioncard */ background-color: rgba(var(--vtransparencycolor), 0.2); } .cardWrapper-2Min21:hover { background-color: rgba(var(--vtransparencycolor), 0.4); } .cardWrapper-2Min21 .card-3AyPWq, /* boostsettings suggestioncard inner */ .cardWrapper-2Min21 .card-3AyPWq:hover { background-color: transparent; } #app-mount .gemIndicatorContainer-2jdECl { /* boostsettings suggestioncard circle */ background-color: transparent; } #app-mount .paymentPane-3bwJ6A { /* boostsettings past transations */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .summaryInfo-2QFKUg { /* boostsettings past transations summary */ color: rgb(var(--fontwhite1)); } #app-mount .paymentHeader-3QlZQi { /* boostsettings past transations header */ border-color: rgba(var(--fontwhite3), 0.5); color: rgb(var(--fontwhite3)); } #app-mount .payment-xT17Mq { /* boostsettings past transations payment */ background-color: transparent; color: rgb(var(--fontwhite2)); } #app-mount .hoverablePayment-Yc6mK7:hover { background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .paymentText-2vaF7U { /* boostsettings past transations paymenttext */ color: rgb(var(--fontwhite3)); } #app-mount .expandedInfo-3kfShd { /* boostsettings past transations expandedinfo */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .giftIcon-3DRGI6 { /* boostsettings past transations gifticon */ color: rgb(var(--fontwhite1)); } #app-mount .paginator-166-09 { /* boostsettings past transations paginator */ background: rgba(var(--vtransparencycolor), 0.3); } #app-mount .bottomDivider-1K9Gao { /* boostsettings past transations divider */ border-bottom-color: rgba(var(--fontwhite3), 0.5); } #app-mount .tab-1kx2RU { /* boostsettings past transations tab */ color: rgb(var(--fontwhite3)); } #app-mount .appleRowHeader-241O5v { /* boostsettings past transations applerowheader */ color: rgb(var(--fontwhite2)); } #app-mount .appleRowBody-2B5tp2 { /* boostsettings past transations applerowbody */ color: rgb(var(--fontwhite3)); } .introHeader-4MPach { /* hypesquad header */ color: rgb(var(--fontwhite1)); } .introBlurb-3gFgTQ { /* hypesquad description */ color: rgb(var(--fontwhite2)); } .title-PMZpEi { /* hypesquad perktitle */ color: rgb(var(--fontwhite1)); } .description-1W0DiL { /* hypesquad description */ color: rgb(var(--fontwhite2)); } .attendeeCTA-3ZZQWt { /* hypesquad attendeeCTA */ color: rgb(var(--fontwhite2)); } .membershipDialogHouse1-3KhKE- { /* hypesquad membershipdialogs */ background-color: rgba(156, 132, 239, 0.8); } .membershipDialogHouse2-35h9SY { background-color: rgba(244, 123, 103, 0.8); } .membershipDialogHouse3-15OBIQ { background-color: rgba(69, 221, 192, 0.8); } .container-3PXSwK { /* voicesettings voicebarcontainer */ -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg); } .notches-1sAcEM { background: transparent !important; } #app-mount .progress-1IcQ3A { /* voicesettings voicebar */ background-color: rgba(var(--vtransparencycolor), 0.3); } .userSettingsVoice-iwdUCU .media-engine-video { /* voicesettings video */ background: transparent; } #app-mount .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC { background-color: rgba(var(--vtransparencycolor), 0.2); border-color: rgba(var(--vtransparencycolor), 0.1); } .option-n0icdO { /* overlay option */ background-color: rgba(var(--vtransparencycolor), 0.4); } .option-n0icdO:hover, .option-n0icdO.selected-mKYnfr { box-shadow: 0 2px 0 rgba(var(--vtransparencycolor), 0.3); } .disabled-3I9jyo { color: rgba(var(--vtransparencycolor), 0.4); } .notificationsSound-27jFSh { /* notifications row */ color: rgb(var(--fontwhite2)); box-shadow: inset 0 -1px 0 0 rgba(var(--fontwhite4), 0.2); } #app-mount .row-2okwlC { /* hotkeys row */ color: rgb(var(--fontwhite2)); box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3); } #app-mount .card-FDVird::before { /* settingscard backdrop */ background-color: rgba(var(--vtransparencycolor), 0.2); border-color: rgba(var(--vtransparencycolor), 0.1); } #app-mount .button-2CgfFz { /* settingscard removebutton */ background-color: rgba(var(--vtransparencycolor), 0.3); box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.6), 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3); } #app-mount .button-2CgfFz:hover { background-color: rgba(var(--vtransparencycolor), 0.7); } #app-mount .game-1ipmAa { /* games card */ box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3); } #app-mount .notDetected-33MY4s { /* games nogame */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .nowPlayingAdd-1Kdmh_ { /* games descriptionhint */ color: rgb(var(--fontwhite3)); } #app-mount .gameName-1RiWHm { /* games gamename */ color: rgb(var(--fontwhite1)); } #app-mount .lastPlayed-3bQ7Bo, /* games lastplayed */ #app-mount .overlayStatusText-L2IACa { /* games overlaystatustext */ color: rgb(var(--fontwhite3)); } #app-mount .overlayToggleIconOn-3UNmty .fill-1ugeBG { /* games overlaystatusicon */ fill: rgb(var(--fontwhite3)); } #app-mount .nowPlaying-284llR .lastPlayed-3bQ7Bo, #app-mount .nowPlaying-284llR .overlayStatusText-L2IACa { color: rgb(var(--fontwhite2)); } #app-mount .nowPlaying-284llR .overlayToggleIconOff-1kT42w .fill-1ugeBG, #app-mount .nowPlaying-284llR .overlayToggleIconOn-3UNmty .fill-1ugeBG { fill: rgb(var(--fontwhite2)); } #app-mount .gameNameInput-385LoS:focus, #app-mount .gameNameInput-385LoS:hover { background-color: rgba(var(--vtransparencycolor), 0.3); border-color: rgba(var(--vtransparencycolor), 0.1); } #app-mount .text-GwUZgS, #app-mount .title-2BxgL2 { color: rgb(var(--fontwhite4)); } #app-mount .installationPath-24giJj { /* gamelibrary path */ box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3); } #app-mount .usageInfo-2WQAwr { /* gamelibrary usageinfo */ color: rgb(var(--fontwhite2)); } #app-mount .background-yZEZik { /* gamelibrary usagebar */ stroke: rgb(var(--vtransparencycolor), 0.5); } #app-mount .rowTitle-3xCiqy { /* gamelibrary rowtitle */ color: rgb(var(--fontwhite3)); } #app-mount .defaultIndicator-2X8Auf { /* gamelibrary rowtag */ background-color: rgba(var(--vtransparencycolor), 0.5); color: rgb(var(--fontwhite1)); } #app-mount .rowBody-10yI-R { /* gamelibrary rowdescription */ color: rgb(var(--fontwhite3)); } .preview-2nSL_2 { /* appearance preview */ background-color: rgba(var(--vtransparencycolor), 0.2); border-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .item-3eFBNF { /* languagesettings row */ border-radius: 5px; box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3); } .item-3eFBNF:hover { background-color: rgba(var(--vtransparencycolor), 0.2); } .item-3eFBNF.selected-2DeaDa { background-color: rgba(var(--vtransparencycolor), 0.4); } #app-mount .experimentDate-2ymg99 { /* experiments date */ color: rgb(var(--fontwhite3)); } /* ~~~~ 12. GUILDSETTINGS ~~~~ */ .container-2VW0UT { /* settings confirmnotice */ position: relative; } .container-2VW0UT[style*="background-color: rgba(248, 249, 249"], .container-2VW0UT[style*="background-color: rgba(32, 34, 37"] { background-color: rgba(var(--vtransparencycolor), 0.7) !important; } .container-2VW0UT::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize); background-attachment: fixed; filter: blur(var(--vbackgroundblur)); pointer-events: none; z-index: -1; } #app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse { /* emojisettings nameinput */ background-color: rgba(var(--vtransparencycolor), 0.1); } #app-mount .selectableItem-1MP3MQ { /* auditlogs popoutitem */ color: rgb(var(--fontwhite2)); } #app-mount .selectableItem-1MP3MQ:hover { background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .selectableItem-1MP3MQ[style*=" color: rgb(255, 255, 255)"] { color: rgb(var(--fontwhite1)) !important; } #app-mount .selectableItem-1MP3MQ polyline[stroke="#ffffff"] { stroke: rgb(var(--fontwhite1)); } #app-mount .auditLog-3jNbM6 { /* auditlogs logitem */ border-color: rgba(var(--vtransparencycolor), 0.1); color: rgb(var(--fontwhite4)); } #app-mount .headerClickable-2IVFo9, /* auditlogs loginner */ #app-mount .headerDefault-1wrJcN { background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite3)); } #app-mount .headerExpanded-CUEwZ5 { background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite2)); } #app-mount .divider-1pnAR2 { /* auditlogs loginnerdivider */ background-color: rgba(var(--fontwhite4), 0.3); } #app-mount .changeDetails-bk98pu { /* auditlogs logdetails */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .userHook-3AdCBF { /* auditlogs userhook */ color: rgb(var(--fontwhite1)); } #app-mount .auditLog-3jNbM6 strong { /* auditlogs targets */ color: rgb(var(--fontwhite1)); } #app-mount .timestamp-1mruiI { /* auditlogs timestamp */ color: rgb(var(--fontwhite4)); } #app-mount .expandForeground-1nZ4VR { /* auditlogs expandarrow */ stroke: rgb(var(--fontwhite2)); } .themeOverrideLight-3bx_5B.icon-RTGJu3, /* auditlogs logicon */ .themeOverrideDark-1u5Vo0.icon-RTGJu3, #app-mount .icon-RTGJu3 { background: none !important; } .icon-RTGJu3::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(var(--fontwhite1)); } .icon-RTGJu3.targetAll-13V3n6::before { -webkit-mask: url(https://discordapp.com/assets/fc3f5f9be1a4db14b02336b7cb02e6ce.svg); } .icon-RTGJu3.targetBan-3mbIPL::before { -webkit-mask: url(https://discordapp.com/assets/edb23a53ea40ac60f212ebae66e5c5c7.svg); } .icon-RTGJu3.targetChannel-TrRFlx::before { -webkit-mask: url(https://discordapp.com/assets/343c9ff4c775c66a7d4af1f8691c34e0.svg); } .icon-RTGJu3.targetGuild-mDWfAV::before { -webkit-mask: url(https://discordapp.com/assets/30af96a386520760ad107c5b77ba002a.svg); } .icon-RTGJu3.targetEmoji-3vhPhM::before { -webkit-mask: url(https://discordapp.com/assets/7a9bf92329dad473ef0383ae75367215.svg); } .icon-RTGJu3.targetInvite-1RQBlr::before { -webkit-mask: url(https://discordapp.com/assets/4b33371531a1a89f99296a73fc9ef588.svg); } .icon-RTGJu3.targetMemberRole-jowY3I::before { -webkit-mask: url(https://discordapp.com/assets/a9098042cb36b955c5021259f1d48f91.svg); } .icon-RTGJu3.targetMember-2iuwxX::before { -webkit-mask: url(https://discordapp.com/assets/af043346e036ef7b1aac1cf42cd1e699.svg); } .icon-RTGJu3.targetPermission-ZRUN5n::before { -webkit-mask: url(https://discordapp.com/assets/2a37995eb832bae805190a93ba043857.svg); } .icon-RTGJu3.targetRole-2MoUny::before { -webkit-mask: url(https://discordapp.com/assets/0176a91b4c44ed05c05af68784e78da8.svg); } .icon-RTGJu3.targetVanityUrl-3OpsYX::before { -webkit-mask: url(https://discordapp.com/assets/84215a5fec3d9de9960a225143238d74.svg); } .icon-RTGJu3.targetWebhook-1xS7Z7::before { -webkit-mask: url(https://discordapp.com/assets/a6975850d800aa86162b4aa5f18c41ac.svg); } .icon-RTGJu3.targetWidget-3hFVSM::before { -webkit-mask: url(https://discordapp.com/assets/4ac0e382cc7b8aa0cb1d6d074b0e8ba5.svg); } .icon-RTGJu3.targetMessage-2kBYMT::before { -webkit-mask: url(https://discordapp.com/assets/8c85e30795486caa8caacd829703459d.svg); } .icon-RTGJu3.targetIntegration-3rnyMN::before { -webkit-mask: url(https://discordapp.com/assets/da8463a04b4a289801d2516f50eb4c19.svg); } #app-mount .card-o7rAq- { /* integrationsettings card */ border-color: rgba(var(--vtransparencycolor), 0.1) } #app-mount .card-3IImnr { /* integrationsettings webhook card */ border-color: rgba(var(--vtransparencycolor), 0.1) } #app-mount .card-1o0mns { /* integrationsettings apps card */ border-color: rgba(var(--vtransparencycolor), 0.1) } .iconWrapper-lS1uig { /* integrationsettings icon */ background-color: rgba(var(--vtransparencycolor), 0.4); } #app-mount .footerImage-4UrEF0 { background-image: url(https://discordapp.com/assets/36d0e0bb009fa362c2533003c0af67b5.svg); opacity: 0.6; } .guildDetails-2p1NmK { /* communitysettings intro details */ background-color: rgba(var(--vtransparencycolor), 0.4); } .featureCard-1RR4Tl { /* communitysettings intro featurecard */ background-color: rgba(var(--vtransparencycolor), 0.3); } .featureIcon-3p1TC_ { /* communitysettings intro featureicon */ background-color: rgba(var(--vtransparencycolor), 0.3); } .checklistContainer-mFJZEJ { /* communitysettings intro checklist */ background-color: rgba(var(--vtransparencycolor), 0.3); } .checklistHeader-1KWcEY { /* communitysettings intro checklist header */ background-color: rgba(var(--vtransparencycolor), 0.3); } .upsellContainer-L9xv7w { /* communitysettings general upsellcontainer */ background-color: rgba(var(--vtransparencycolor), 0.2); } .upsellFooter-ZYsio_ { /* communitysettings general upsellfooter */ background-color: rgba(var(--vtransparencycolor), 0.2); } .developerPortalCtaWrapper-2XNafh { /* communitysettings analytics info */ background-color: rgba(var(--vtransparencycolor), 0.3); } .analyticsCard-qckucw { /* communitysettings analytics card */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .card-3_CqkU { /* communitysettings discovery card */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .iconMask-30Tvqs { /* communitysettings discovery icon */ background-color: rgba(var(--vtransparencycolor), 0.2); } .perkArt-1SGWbA { /* communitysettings discovery perk */ background-color: rgba(var(--vtransparencycolor), 0.4); } .container-2w0lh0 { /* communitysettings discovery checklist */ background-color: rgba(var(--vtransparencycolor), 0.3); } .header-2Y0-A- { /* communitysettings discovery checklist header */ background-color: rgba(var(--vtransparencycolor), 0.3); } .exampleContainer-3ekFIr, /* communitysettings rules example */ .exampleContainer-25sB-A { /* communitysettings welcome example */ background: transparent; position: relative; } .exampleContainer-3ekFIr > *, .exampleContainer-25sB-A > * { z-index: 1; } .exampleContainer-3ekFIr::after, .exampleContainer-25sB-A::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(var(--vtransparencycolor), 0.5); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/discord_window_placeholder.svg) 0 0/cover no-repeat; } #app-mount .exampleModal-2oh58d, /* communitysettings rules examplemodal */ #app-mount .exampleModal-2X2Vf8 { /* communitysettings welcome examplemodal */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; border-radius: 5px; } .exampleModal-2oh58d > *, .exampleModal-2X2Vf8 > * { z-index: 1; } .exampleModal-2oh58d::before, .exampleModal-2X2Vf8::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); filter: blur(var(--vpopoutblur)); width: unset; height: unset; border-radius: 5px; pointer-events: none; } .exampleModal-2oh58d::after, .exampleModal-2X2Vf8::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; border-radius: 5px; pointer-events: none; } .guildSidebar-339BqP { /* communitysettings rules example sidebar */ background-color: rgba(var(--vtransparencycolor), 0.4); margin-right: 0 !important; } .content-BMIBeK { /* communitysettings rules example inner */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .footer-1JuRYY { /* communitysettings rules example footer */ background: transparent; } .exampleTextSingleLine-1kvErc { /* communitysettings rules example line */ background-color: rgba(var(--fontwhite1), 0.2); } .enableContainer-2DIT9Q { /* communitysettings rules enablecontainer */ background-color: rgba(var(--vtransparencycolor), 0.3); } .icon-1CGepy { /* communitysettings rules category icon */ background-color: rgba(var(--vtransparencycolor), 0.2); } .settingsFormItem-103g1I { /* communitysettings rules form */ background-color: rgba(var(--vtransparencycolor), 0.2); } .editButton-1MavoF { /* communitysettings rules editbutton */ background-color: rgba(var(--vtransparencycolor), 0.4); } .editButton-1MavoF:hover { background-color: rgba(var(--vtransparencycolor), 0.6); } .formFieldWrapper-malor5, .settingsFormFieldWrapper-3Y77Pr { /* communitysettings rules form field */ background-color: rgba(var(--vtransparencycolor), 0.2); border-color: rgba(var(--vtransparencycolor), 0.2); } .termsRow-2dS5nm { /* communitysettings rules termsrow */ border-color: rgba(var(--fontwhite3), 0.2); } .optionContainer-1FtykV { /* communitysettings welcome exampleoption */ background-color: rgba(var(--vtransparencycolor), 0.3); } .enableContainer-6E-puu { /* communitysettings welcome previewheader */ background-color: rgba(var(--vtransparencycolor), 0.4); } .previewContainer-1SS3uO { /* communitysettings welcome previewcontainer */ background-color: rgba(var(--vtransparencycolor), 0.2); } .welcomeChannel-1rFrIO { /* communitysettings welcome welcomechannel */ background-color: rgba(var(--vtransparencycolor), 0.4); } .addRoleIcon-3YjErH { /* rolesettings addrolebutton */ -webkit-mask: url(https://discordapp.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg); background: rgb(var(--fontwhite3)); object-position: -999999px -999999px; } .group-1WdBVp { /* rolesettings permissions group */ border-color: rgb(var(--vtransparencycolor), 0.4); } .item-1yAxl1 { /* rolesettings permissions item */ background: rgb(var(--vtransparencycolor), 0.2); } .passthrough-1c2ewQ.selected-2YhbGh { /* rolesettings permissions passthrough selected */ background: rgb(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite1)); } #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm { /* rolesettings colorswatchnocolor */ border-color: rgba(var(--fontwhite1), 0.3); } #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm .colorPickerDropperFg-3jYKWI { fill: rgb(var(--fontwhite1)); } #app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm polyline { stroke: rgb(var(--fontwhite1)); } .descriptionBox-1EKQKL { /* templatesettings descriptionbox */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .tierHeaderLocked-1a2opw { /* boostsettings tierheaderlocked */ background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite3)); } #app-mount .tierLock-1oFMOZ { /* boostsettings tierlock */ color: rgb(var(--fontwhite4)); } #app-mount .tierHeaderUnlocked-2RhWqn { /* boostsettings tierheaderunlocked */ background-color: rgba(var(--vtransparencycolor), 0.5); color: rgb(var(--fontwhite1)); } #app-mount .tierUnlocked-27DwHo { /* boostsettings tierunlocked */ background-color: rgb(var(--fontwhite1)); } #app-mount .tierBody-x9kBBp { /* boostsettings tierbody */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite3)); } #app-mount .tierInProgress-3mBoXq { /* boostsettings tiermilestone */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .background-3xPPFc { /* boostsettings tierbar (settings) */ color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .member-1q7VfX { /* membersettings membercard */ box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3); } #app-mount .member-1q7VfX .name-8yzEIY { /* membersettings membercardname */ color: rgb(var(--fontwhite1)); } #app-mount .member-1q7VfX .tag-1YGWN9 { /* membersettings membercardtag */ color: rgb(var(--fontwhite4)); } #app-mount .actionButton-VzECiy { /* membersettings addrolebutton */ border-color: rgb(var(--fontwhite4)); color: rgb(var(--fontwhite3)); } #app-mount .member-1q7VfX .overflowIconFg-QMRRFI { /* membersettings 3-doticon */ fill: rgb(var(--fontwhite1)); } #app-mount .overflowRolesPopout-140n9i, /* membersettings roleoverflow popout */ #app-mount .overflowRolesPopoutArrow-2O66oH { background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.2), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.2); border: none; border-radius: 3px; overflow: hidden; } .overflowRolesPopout-140n9i::before, .overflowRolesPopoutArrow-2O66oH::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .overflowRolesPopout-140n9i::after, .overflowRolesPopoutArrow-2O66oH::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1)); width: unset; height: unset; pointer-events: none; z-index: -1; } .overflowRolesPopoutHeaderIcon-6PNEZA path { fill: rgb(var(--fontwhite2)); } .overflowRolesPopoutHeaderText-1SW-y3 { color: rgb(var(--fontwhite2)); } #app-mount .inviteSettingsInviteRow-3p2O-N { /* invitesettings invitecard */ box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3); color: rgb(var(--fontwhite2)); } .user-3x-NP9 { /* invitesettings user */ color: rgb(var(--fontwhite1)); } .channelName-13-Sm9 { /* invitesettings channelname */ color: rgb(var(--fontwhite3)); } #app-mount .bannedUser-1IalTM { /* bansettings bancard */ box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3); } #app-mount .bannedUser-1IalTM .username-1b3MVI { /* invitesettings username */ color: rgb(var(--fontwhite1)); } #app-mount .bannedUserModal-3RJCOV .reasonHeader-2etdjy { /* invitesettings banmodalreasonheader */ color: rgb(var(--fontwhite2)); } #app-mount .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO, #app-mount .bannedUserModal-3RJCOV .reason-YbfGC6, /* invitesettings banmodalreason */ #app-mount .bannedUserModal-3RJCOV .userDiscrim-1D2NlF { /* invitesettings discriminator */ color: rgb(var(--fontwhite3)); } /* ~~~~ 13. MODALS ~~~~ */ .layer-2KE1M9:nth-child(1), .backdropWithLayer-3_uhz4:nth-child(1) { z-index: 1002; } .layer-2KE1M9:nth-child(2), .backdropWithLayer-3_uhz4:nth-child(2) { z-index: 1003; } .layer-2KE1M9:nth-child(3), .backdropWithLayer-3_uhz4:nth-child(3) { z-index: 1004; } .layer-2KE1M9:nth-child(4), .backdropWithLayer-3_uhz4:nth-child(4) { z-index: 1005; } .layer-2KE1M9:nth-child(5), .backdropWithLayer-3_uhz4:nth-child(5) { z-index: 1006; } .layer-2KE1M9:nth-child(6), .backdropWithLayer-3_uhz4:nth-child(6) { z-index: 1007; } .layer-2KE1M9:nth-child(7), .backdropWithLayer-3_uhz4:nth-child(7) { z-index: 1008; } .layer-2KE1M9:nth-child(8), .backdropWithLayer-3_uhz4:nth-child(8) { z-index: 1009; } .layer-2KE1M9:nth-child(9), .backdropWithLayer-3_uhz4:nth-child(9) { z-index: 1010; } #app-mount .root-1gCeng, /* modal container (foldersettings) */ #app-mount .modal-yWgWj- { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; border-radius: 5px; } .root-1gCeng > *, .modal-yWgWj- > * { z-index: 1; } .root-1gCeng::before, .modal-yWgWj-::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .root-1gCeng::after, .modal-yWgWj-::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .root-1gCeng .modal-yWgWj-::before, .modal-qgFCbT::before, .root-1gCeng .modal-yWgWj-::after, .modal-qgFCbT::after { display: none; } #app-mount .footer-2gL1pp { /* modal footer */ background-color: rgba(var(--vtransparencycolor), 0.2); box-shadow: none; } #app-mount .footer-1lnhms { /* modal footer info */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .closeButton-1tv5uR, /* modal closebutton */ #app-mount .close-hZ94c6 { color: rgb(var(--fontwhite1)); } #app-mount .guildName-3WI6ml, /* modal guildname */ #app-mount .date-2WJGyu, #app-mount .override-2YgiXd, #app-mount .overrideHighlight-YPcBxt { color: rgb(var(--fontwhite3)); } #app-mount .channelName-28iMRJ { /* modal channelname */ color: rgb(var(--fontwhite1)); } .tabBarContainer-1s1u-z { /* modal tabbarcontainer */ border-top-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .modal-6GHvdM .tabBarContainer-1s1u-z { background: rgba(var(--vtransparencycolor), 0.2); box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1); } .top-28JiJ- .themed-OHr7kt.item-PXvHYJ, /* modal tabbaritem */ .top-28JiJ- .item-PXvHYJ[style*="rgba(79, 84, 92, 0.4)"], .top-28JiJ- .item-PXvHYJ[style*="rgba(255, 255, 255, 0.4)"], .themed-OHr7kt.tabBarItem-1b8RUP, .tabBarItem-1b8RUP[style*="rgba(79, 84, 92, 0.4)"], .tabBarItem-1b8RUP[style*="rgba(255, 255, 255, 0.4)"] { color: rgba(var(--fontwhite1), 0.4) !important; } .top-28JiJ- .themed-OHr7kt.item-PXvHYJ:hover, /* modal tabbaritem hover */ .top-28JiJ- .item-PXvHYJ[style*="rgba(79, 84, 92, 0.6)"], .top-28JiJ- .item-PXvHYJ[style*="rgba(255, 255, 255, 0.6)"], .themed-OHr7kt.tabBarItem-1b8RUP:hover, .tabBarItem-1b8RUP[style*="rgba(79, 84, 92, 0.6)"], .tabBarItem-1b8RUP[style*="rgba(255, 255, 255, 0.6)"] { border-color: rgba(var(--fontwhite1), 0.6) !important; color: rgba(var(--fontwhite1), 0.6) !important; } .top-28JiJ- .themed-OHr7kt.item-PXvHYJ.selected-3s45Ha, /* modal tabbaritem selected */ .top-28JiJ- .item-PXvHYJ[style*="rgb(79, 84, 92)"], .top-28JiJ- .item-PXvHYJ[style*="rgb(255, 255, 255)"], .themed-OHr7kt.tabBarItem-1b8RUP.selected-3s45Ha, .tabBarItem-1b8RUP[style*="rgb(79, 84, 92)"], .tabBarItem-1b8RUP[style*="rgb(255, 255, 255)"] { border-color: rgb(var(--fontwhite1)) !important; color: rgb(var(--fontwhite1)) !important; } #app-mount .content-8biNdB p, /* modal listentry */ #app-mount .content-8biNdB ul li { color: rgb(var(--fontwhite2)); } #app-mount .content-8biNdB ul li::before { /* modal listentrydot */ background-color: rgb(var(--fontwhite2)); } /* ---- 13.1. USERMODAL ----- */ #app-mount .root-SR8cQa { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; overflow: hidden; } .root-SR8cQa::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--user-background, var(--vpopout)) var(--vpopoutposition)/var(--vpopoutsize); filter: blur(var(--vpopoutblur)); background-attachment: fixed; width: unset; height: unset; pointer-events: none; z-index: -1; } .root-SR8cQa::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .topSectionNormal-2-vo2m { /* modal headernormal */ background-color: rgba(var(--vtransparencycolor), 0.2); } .topSectionPlaying-1J5E4n { /* modal headerplaying */ text-shadow: 1px 1px var(--vtextshadow); } .headerFill-adLl4x { /* modal activity */ background-color: rgba(var(--vtransparencycolor), 0.1); } .body-3ND3kc { /* modal body */ background-color: transparent; } .discriminator-xUhQkU { /* header discriminator */ color: rgb(var(--fontwhite1)); } .topSectionNormal-2-vo2m .discriminator-xUhQkU { color: rgb(var(--fontwhite2)); } .additionalActionsIcon-1FoUlE, /* header additionalactionsicon */ .topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE, .topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE:hover { color: rgb(var(--fontwhite1)); } .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z { /* header tabbarcontainer */ border-top-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .header-QKLPzZ .textRow-19NEd_ { color: rgb(var(--fontwhite2)); } #app-mount .topSectionNormal-2-vo2m .header-QKLPzZ .textRow-19NEd_ { color: rgb(var(--fontwhite3)); } #app-mount .activityProfile-2bJRaP .headerText-1HLrL7 { /* header activitytext */ color: rgb(var(--fontwhite1)); } #app-mount .activityProfile-2bJRaP .content-3JfFJh, /* header activitycontent */ #app-mount .activityProfile-2bJRaP .details-38sfDr, /* header activitydetails */ #app-mount .activityProfile-2bJRaP .name-29ETJS { /* header activityname */ color: rgb(var(--fontwhite2)); } .activityName-1IaRLn, .nameNormal-2lqVQK, .nameWrap-3Z4G_9 { color: rgb(var(--fontwhite1)); } .userInfoSectionHeader-CBvMDh { /* body sectionheader */ color: rgb(var(--fontwhite3)); } .userInfoSection-2acyCx + .userInfoSection-2acyCx { border-top-color: rgba(var(--fontwhite4), 0.3); } .connectedAccount-36nQx7 { /* body connectedaccount */ border-color: rgba(var(--fontwhite4), 0.3); } .connectedAccountName-f8AEe2 { /* body connectedaccountname */ color: rgb(var(--fontwhite2)); } .connectedAccountOpenIcon-2cNbq5 { color: rgb(var(--fontwhite2)); } .connectedAccountOpenIcon-2cNbq5:hover { color: rgb(var(--fontwhite1)); } .listRow-hutiT_ { /* body listrow */ color: rgb(var(--fontwhite2)); } .guildNick-3uAm3i { /* body guildnick */ color: rgb(var(--fontwhite3)); } .listRow-hutiT_:hover { background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite1)); } .listRow-hutiT_:hover .guildNick-3uAm3i { color: rgb(var(--fontwhite2)); } .emptyIcon-pGTAhd { /* body emptypic */ opacity: 0.6; } .emptyText-6tYmO5 { /* body emptytext */ color: rgb(var(--fontwhite2)); } /* ---- 13.2. GUILDADD/CREATION ----- */ .container-UC8Ug1 { /* modal item */ background-color: rgb(var(--vtransparencycolor), 0.2); border: none; } .container-UC8Ug1:hover { background-color: rgb(var(--vtransparencycolor), 0.4); } .text-1FOLJS { /* modal text */ color: rgb(var(--fontwhite2)); } .container-UC8Ug1:hover .text-1FOLJS { color: rgb(var(--fontwhite1)); } .arrow-hynWUl { /* modal arrow */ object-position: -999999px -999999px; -webkit-mask: url(https://discordapp.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat; background: rgb(var(--fontwhite2)); } .container-UC8Ug1:hover .arrow-hynWUl { background: rgb(var(--fontwhite1)); } .input--jS-j2 { /* modal invite input */ background: transparent; } .inputInner-2akrSS { /* modal invite input inner */ border-width: 1px; border-style: solid; } .container-1CE3eW .footer-2gL1pp .lookBlank-3eh9lL { color: rgb(var(--fontwhite2)); } .container-1CE3eW .footer-2gL1pp .lookBlank-3eh9lL:hover { color: rgb(var(--fontwhite1)); } /* ---- 13.3. REGIONSELECTMODAL ---- */ #app-mount .regionSelectModal-12e-57 { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; overflow: hidden; } .regionSelectModal-12e-57::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .regionSelectModal-12e-57::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 { background-color: rgba(var(--vtransparencycolor), 0.2); border-color: rgba(var(--vtransparencycolor), 0.1); } #app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover { background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA { color: rgb(var(--fontwhite3)); } /* ---- 13.4. UPLOADMODAL ---- */ #app-mount .uploadModal-2ifh8j { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; border-radius: 10px; } .uploadModal-2ifh8j::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; border-radius: 10px; z-index: -1; } .uploadModal-2ifh8j::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; border-radius: 10px; z-index: -1; } .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc { width: unset; } .uploadModal-2ifh8j .inner-3nWsbo, /* modal inner */ .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo { border-color: rgba(var(--fontwhite1), 0.5); color: rgb(var(--fontwhite1)); } .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .description-2ug5H_ .filename-ovv3c5 { color: rgb(var(--fontwhite1)); } .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .title-2Vtl4y { text-shadow: 1px 1px var(--vtextshadow); } .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .instructions-2Du9gG { color: rgb(var(--fontwhite3)); text-shadow: 1px 1px var(--vtextshadow); } .content-P4SiGI { /* modal errorcontent */ color: rgb(var(--fontwhite3)); } .navArrow-3Q9QPC { /* modal navarrow */ -webkit-mask: url(https://discordapp.com/assets/c83861b2303b7ee40c419e9590d57f11.svg) center/contain no-repeat; background-color: rgb(var(--fontwhite3)); object-position: -999999px -999999px; } .uploadModal-2ifh8j .inner-zqa7da { /* modal channeltextarea */ background-color: rgba(var(--vtransparencycolor), 0.3); } .uploadModal-2ifh8j .footer-3mqk7D { /* modal footer */ background-color: rgba(var(--vtransparencycolor), 0.2); } .uploadModal-2ifh8j .checkbox-1ix_J3 { /* modal checkbox */ border-color: rgb(var(--fontwhite1)) !important; } .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j { box-shadow: 0 2px 8px rgba(var(--vtransparencycolor), 0.4); } /* ---- 13.5. KEYBOARDSHORTCUTSMODAL ---- */ #app-mount .keyboardShortcutsModal-3piNz7 { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; overflow: hidden; } .keyboardShortcutsModal-3piNz7::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .keyboardShortcutsModal-3piNz7::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .modalTitle-37O4n6 { /* modal title */ color: rgb(var(--fontwhite1)); } #app-mount .modalSubtitle-1Pj5nv { /* modal subtitle */ border-color: rgba(var(--fontwhite4), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w .keybindDescription-2RDbC2 { color: rgb(var(--fontwhite2)); } #app-mount .keybindShortcut-1BD6Z1 { color: rgb(var(--fontwhite1)); } #app-mount .keybindShortcut-1BD6Z1 span { background-color: rgb(var(--fontwhite4)); border: 1px solid rgb(0, 0, 0, 0.4); box-shadow: inset 0 -4px 0 rgb(0, 0, 0, 0.4); color: rgb(var(--fontwhite1)); } #app-mount .keybindShortcut-1BD6Z1 span [fill^="#"] { fill: rgb(var(--fontwhite1)); } #app-mount .tabButton-1n4gNP { background-color: rgb(var(--fontwhite4)); border: 1px solid rgb(0, 0, 0, 0.4); border-radius: 4px; box-shadow: inset 0 -4px 0 rgb(0, 0, 0, 0.4); color: rgb(var(--fontwhite1)); } #app-mount .tabButton-1n4gNP rect[fill="#4F545C"], #app-mount .tabButton-1n4gNP path[fill="#36393F"] { display: none; } /* ---- 13.6. QUICKSWITCHER ---- */ #app-mount .quickswitcher-3JagVE { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; overflow: hidden; } .quickswitcher-3JagVE::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .quickswitcher-3JagVE::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } .scroller-zPkAnE { background-color: transparent; } #app-mount .input-2VB9rf { /* modal input */ background-color: rgba(var(--vtransparencycolor), 0.4); box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .input-2VB9rf::placeholder { color: rgb(var(--fontwhite3)); } #app-mount .header-13MUnb { /* modal header */ color: rgb(var(--fontwhite2)); } #app-mount .resultFocused-3aIoYe { /* modal resultfocused */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .contentUnread-3gTHvA { /* modal contentunread */ color: rgb(var(--fontwhite1)); } #app-mount .contentDefault-16dKSY, /* modal contentdefault */ #app-mount .icon-30q1Or, /* modal icon */ #app-mount .misc-1CT3G7 { /* modal misc */ color: rgb(var(--fontwhite3)); } #app-mount .note-S--UP5 { /* modal note */ color: rgb(var(--fontwhite4)); } #app-mount .resultFocused-3aIoYe .contentDefault-16dKSY, #app-mount .resultFocused-3aIoYe .icon-30q1Or, #app-mount .contentUnread-3gTHvA .icon-30q1Or, #app-mount .resultFocused-3aIoYe .misc-1CT3G7 { color: rgb(var(--fontwhite1)); } #app-mount .resultFocused-3aIoYe .note-S--UP5 { color: rgb(var(--fontwhite3)); } #app-mount .tipsWithoutResults-lGY-De, #app-mount .tipsWithResults-HhTE9b { border-color: rgba(var(--fontwhite4), 0.3); color: rgb(var(--fontwhite3)); } #app-mount .keybindShortcutTipsSelect-HDyfe8:last-of-type::before { background-color: rgba(var(--fontwhite4), 0.3); } /* ---- 13.7. INVITEMODAL/GROUPCREATE ---- */ #app-mount .contentWrapper-3WC1ID { /* modal guildinvitemodal */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; overflow: hidden; } .contentWrapper-3WC1ID::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .contentWrapper-3WC1ID::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .friendSelected-1sa4bG, /* modal groupdmrow */ #app-mount .inviteRow-2L02ae:hover { /* modal guildrow */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .friend-3KALPe, /* modal groupdmrow */ #app-mount .inviteRowName-1tVaxu { /* modal username */ color: rgb(var(--fontwhite2)); } #app-mount .friendSelected-1sa4bG, #app-mount .inviteRow-2L02ae:hover .inviteRowName-1tVaxu { color: rgb(var(--fontwhite1)); } #app-mount .checkBoxLabel-4PWfpk, #app-mount .footerText-2a7NxZ, #app-mount .subTitle-3TUjmF, #app-mount .subtitle-2P4u9v, #app-mount .subText-bCySlS { color: rgb(var(--fontwhite3)); } .tag-2gHSR7 { /* modal added user */ background-color: rgb(var(--vaccentcolor)); color: rgb(var(--fontwhite1)); text-shadow: 1px 1px var(--vtextshadow); } .pill-1dHPfk { background-color: rgba(var(--vtransparencycolor), 0.5); } /* ---- 13.8. LOGINSCREEN ---- */ #app-mount .wrapper-3Q5DdO { /* login wrapper */ background: transparent; } .wrapper-3Q5DdO::before, /* login winbuttonshadow */ .wrapper-3Q5DdO .rightSplit-2US0xy, /* login background */ .wrapper-3Q5DdO .canvas-3XuBXe { /* login movingshadow */ display: none; } #app-mount .authBox-hW6HRx { /* login modal */ background-color: rgba(var(--vtransparencycolor), 0.5); box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite3)); position: relative; overflow: hidden; } #app-mount .quote-3aooyW { /* login loadingquote */ color: rgb(var(--fontwhite1)); } #app-mount .contentBase-11jeVK { /* login loadingcontent */ color: rgb(var(--fontwhite3)); } #app-mount .problems-3mgf6w { /* login loadingproblems */ color: rgb(var(--fontwhite1)); } #app-mount .problemsText-1Yx-Kl { /* login loadingproblemtext */ color: rgb(var(--fontwhite3)); } /* ---- 13.9. TERMACCEPTMODAL ---- */ #app-mount .modal-DRZfgq { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; overflow: hidden; } .modal-DRZfgq::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .modal-DRZfgq::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } [style*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"], /* modal image */ [src*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"] { filter: brightness(85%) invert(100%); opacity: 0.7; } #app-mount .modal-DRZfgq .checkbox-1ix_J3.checked-3_4uQ9 { /* modal ackcheckbox */ background-color: rgb(var(--vaccentcolor)); } #app-mount .modal-DRZfgq .checkbox-1ix_J3 [stroke="#7289da"] { stroke: rgb(var(--fontwhite1)) !important; } #app-mount .ack-2yIUvY { /* modal acklabel */ color: rgb(var(--fontwhite2)); } #app-mount .buttonContainer-3S_miP { /* modal footer */ background-color: rgba(var(--vtransparencycolor), 0.2); box-shadow: none; } /* ---- 13.10. DOWNLOADAPPMODAL ---- */ #app-mount .downloadApps-wbBFdZ { /* modal container */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; overflow: hidden; } .downloadApps-wbBFdZ::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .downloadApps-wbBFdZ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } .downloadApps-wbBFdZ .header-nJMe-Q { color: rgb(var(--fontwhite2)); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 { border-color: rgb(var(--fontwhite3)); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 p { color: rgb(var(--fontwhite3)); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236 .downloadButton-1bWXpg { background-color: rgb(var(--fontwhite3)); } .downloadApps-wbBFdZ .footer-1nkeBm { color: rgb(var(--fontwhite3)); } /* ---- 13.11. GUILDBOOSTMODAL ---- */ #app-mount .perksModal-fSYqOq { /* modal wrapper */ background-color: transparent; } .carouselContainer-2-vIZS { /* modal scrollercontainer */ -webkit-mask: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 60px, rgba(0,0,0,1) calc(100vw - 60px), rgba(0,0,0,0) 100vw); } .carouselGradientEdge-2W94ou { /* modal scrollergradient */ display: none; } #app-mount .subscriberCount-27QHc5 { /* modal subcount */ color: rgb(var(--fontwhite3)); } #app-mount .subscriberCount-27QHc5 strong { color: rgb(var(--fontwhite2)); } #app-mount .moreSubscribers-1cuWDE { /* modal suboverflow */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .subscribersPopout-2CP6Ln { /* subpopout container */ background-color: transparent; box-shadow: 0 2px 10px rgba(var(--vtransparencycolor), 0.2); overflow: hidden; } .subscribersPopout-2CP6Ln::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .subscribersPopout-2CP6Ln::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.35)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .subscribersPopoutUser-3rC75S { /* subpopout users */ color: rgb(var(--fontwhite3)); } #app-mount .ctaBar-2UsjF2 { /* current boost stats container */ background-color: rgba(var(--vtransparencycolor), 0.4); background-image: url(https://discordapp.com/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg); } .guildIcon-3raYf3 { /* current boost stats guild icon */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .perk-2WeBWW { /* modal perkcard */ background-color: rgba(var(--vtransparencycolor), 0.4); } #app-mount .tierHeaderLocked-1s2JJz { /* modal tierheaderlocked */ background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite3)); } #app-mount .tierLock-3CSxSX { /* modal tierlock */ color: rgb(var(--fontwhite4)); } #app-mount .tierHeaderUnlocked-1n-OTI { /* modal tierheaderunlocked */ background-color: rgba(var(--vtransparencycolor), 0.5); color: rgb(var(--fontwhite1)); } #app-mount .tierUnlocked-25K6Kv { /* modal tierunlocked */ background-color: rgb(var(--fontwhite1)); } #app-mount .boostCount-UFqabz { background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite3)); } #app-mount .tierBody-16Chc9 { /* modal tierbody */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite3)); } #app-mount .tierNoneContainer-3hhK3h { /* modal tiernonecontainer */ background-color: rgba(var(--vtransparencycolor), 0.2); } .tierNoneCard-peD7hV { /* modal tiernonecard */ opacity: 0.6; } #app-mount .tierNoneText-2OvCv7 { color: rgb(var(--fontwhite3)); } #app-mount .tierCloseHint-380zIA, /* modal tierclose */ #app-mount .tierCloseClose-2z5dSa { color: rgb(var(--fontwhite1)); } #app-mount .tierMarkerBackground-3q29am { /* modal tiermilestone */ background: transparent; } #app-mount .tierMarkerInProgress-24LMzJ { background: rgba(var(--vtransparencycolor), 0.3) !important; } #app-mount .selectedTier-1JkO7i .tierMarker-5HkGJ_ { box-shadow: 0 4px 8px rgba(var(--vtransparencycolor), 0.24); } #app-mount .tierMarkerLabel-2PluTw { /* modal tiermilestonelabel */ color: rgb(var(--fontwhite3)); } #app-mount .selectedTier-1JkO7i .tierMarkerLabel-2PluTw { color: rgb(var(--fontwhite1)); } #app-mount .barBackground-2EEiLw { /* modal tierbar */ background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(var(--vtransparencycolor), 0.3) 3%, rgba(var(--vtransparencycolor), 0.3) 30.2%, rgba(0,0,0,0) 30.2%, rgba(0,0,0,0) 36.2%, rgba(var(--vtransparencycolor), 0.3) 36.2%, rgba(var(--vtransparencycolor), 0.3) 63.5%, rgba(0,0,0,0) 63.5%, rgba(0,0,0,0) 69.5%, rgba(var(--vtransparencycolor), 0.3) 69.5%, rgba(var(--vtransparencycolor), 0.3) 96.7%, rgba(0,0,0,0) 96.7%, rgba(0,0,0,0) 100%); } .barSecondary-3B1aP2 { background-color: rgb(var(--vaccentcolor)); } .wrapper-3nSjSv .heading-4znNKq { /* modal boostaddwrapper header */ text-shadow: 1px 1px var(--vtextshadow); } .tier-1EY-yj { /* modal boostaddwrapper tier */ background-color: rgb(var(--vtransparencycolor), 0.3); } #app-mount .giftIcon-2Pjbiy { /* modal gifticon */ color: rgb(var(--fontwhite3)); margin: 0 18px; } #app-mount .button-38aScr:hover .giftIcon-2Pjbiy { color: rgb(var(--fontwhite2)); } #app-mount .button-38aScr:active .giftIcon-2Pjbiy { color: rgb(var(--fontwhite1)); } .header-1F6gxU { /* prebuy popout header */ background: rgba(var(--vtransparencycolor), 0.3); padding-bottom: 10px; margin-bottom: 10px; } #app-mount .iconWrapper-3LVgIo { /* prebuy popout amount icon wrapper */ background: rgba(var(--vtransparencycolor), 0.3); } .icon-TYbVk4:hover { /* prebuy popout amount icon */ background: rgb(var(--vaccentcolor)); color: rgb(var(--fontwhite1)); } .upsellFooter-6EgwMe { /* prebuy popout footer details */ background: rgba(var(--vtransparencycolor), 0.3); } .perksList-1vtwXn { /* prebuy popout perkslist */ background: rgba(var(--vtransparencycolor), 0.3); } .perkRow-2dYUqs { /* prebuy popout perkrow */ border-bottom-color: rgba(var(--fontwhite3), 0.3); } #app-mount .selectGuild-1Ygl76:hover { background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .tierPill-3gJ0eN { background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } /* ---- 13.12. REACTIONSMODAL ---- */ #app-mount .scroller-1-nKid { /* modal sidebar */ background-color: rgba(var(--vtransparencycolor), 0.4); } #app-mount .reactors-Blmlhw { /* modal list */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .reactionDefault-GBA58K:hover { /* modal reaction */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .reactionSelected-1pqISm { background-color: rgba(var(--vtransparencycolor), 0.4); } #app-mount .count-1vzEyg { /* modal reaction count */ color: rgb(var(--fontwhite2)); } #app-mount .reactionDefault-GBA58K:hover .count-1vzEyg, #app-mount .reactionSelected-1pqISm .count-1vzEyg { color: rgb(var(--fontwhite1)); } #app-mount .nickname-miBZxb { /* modal nickname */ color: rgb(var(--fontwhite1)); } #app-mount .username-Af3M5Y { /* modal username */ color: rgb(var(--fontwhite1)); } #app-mount .discriminator-byOsvi { /* modal discriminator */ color: rgb(var(--fontwhite3)); } #app-mount .tagFaded-WP86yt { opacity: 0.5; } #app-mount .remove-3V-yj8 { /* modal remove */ color: rgb(var(--fontwhite2)); } #app-mount .remove-3V-yj8:hover { background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite1)); } /* ---- 13.13. GUILDTEMPLATEMODAL ---- */ .ctaSection-izWwhs { /* modal ctasection */ background-color: transparent; } .formSection-1NFAGI { /* modal formsection */ background-color: transparent; } .divider-2gQcba { /* modal divider */ border-color: rgba(var(--fontwhite3), 0.5); } .usagePill-2WGS4A { /* modal usagepill 1 */ background-color: rgba(var(--vtransparencycolor), 0.3); } .usagePill-_nSrnP { /* modal usagePill 2 */ background-color: rgba(var(--vtransparencycolor), 0.3); } .channelsWrapper-2HhUER { /* modal channelswrapper */ background-color: rgba(var(--vtransparencycolor), 0.3); } .channel-OaJouZ { /* modal channel */ color: rgb(var(--fontwhite3)); } .rolesWrapper-2yOx9S { /* modal roleswrapper */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .role-3paDXR { /* modal role */ border-color: rgba(var(--fontwhite3), 0.6); border-radius: 5px; padding: 0 5px; position: relative; } #app-mount .role-3paDXR[style*="border-color: rgba(185, 187, 190, 0.6)"] { border-color: rgba(var(--fontwhite3), 0.6) !important; } #app-mount .role-3paDXR .roleName-1JcOmP { /* modal rolename */ color: rgb(var(--fontwhite1)); margin: 0; font-weight: normal; position: relative; height: 20px; line-height: 20px; z-index: 1000; pointer-events: none; } #app-mount .role-3paDXR .roleCircle-3DE8xJ { /* modal rolecircle */ position: absolute; background-color: rgb(var(--fontwhite3)); border-radius: 3px; opacity: 0.3; height: 100%; width: 100%; left: 0; top: 0; } #app-mount .role-3paDXR .roleCircle-3DE8xJ[style*="background-color: rgb(185, 187, 190)"] { background-color: rgb(var(--fontwhite3)) !important; } /* ---- 13.14. GUILDWELCOMEMODAL ---- */ .optionContainer-15srkc { /* modal option */ background-color: rgba(var(--vtransparencycolor), 0.2); } .optionContainer-15srkc:hover { background-color: rgba(var(--vtransparencycolor), 0.4); } /* ---- 13.15. GUILDRULESMODAL ---- */ .guildSidebar-2OCzWB { /* modal sidebar */ background-color: rgba(var(--vtransparencycolor), 0.4); } .modal-f02hVt { /* modal inner */ background-color: rgba(var(--vtransparencycolor), 0.2); } /* ---- 13.16. GUILDFEEDBACKMODAL ---- */ .root-2IyrUe { /* modal items */ background-color: transparent; border-radius: 0; } .option-3Ztn6N { /* modal item */ background-color: rgb(var(--vtransparencycolor), 0.2); border: none; border-radius: 8px; margin-bottom: 8px; } .option-3Ztn6N:hover { background-color: rgb(var(--vtransparencycolor), 0.4); } /* ---- 13.17. SCREENSHAREMODAL ---- */ #app-mount .sourceThumbnail-27dolk { /* modal preview tiles */ background-color: rgba(var(--vtransparencycolor), 0.4); box-shadow: 0 2px 5px rgba(var(--vtransparencycolor), 0.2), 0 0 0 1px rgba(var(--vtransparencycolor), 0.6); } .card-2Mz_4z { background-color: rgba(var(--vtransparencycolor), 0.2); border-color: rgba(var(--vtransparencycolor), 0.4); } #app-mount .item-3T2z1R { border-color: rgba(var(--vtransparencycolor), 0.4); } .selectorButton-EEUWed:not(.selectorButtonSelected-t5V9On) { background-color: rgba(var(--vtransparencycolor), 0.2); } /* ~~~~ 14. POPOUTS ~~~~ */ .layer-v9HyYc:nth-child(1) { z-index: 1002; } .layer-v9HyYc:nth-child(2) { z-index: 1003; } .layer-v9HyYc:nth-child(3) { z-index: 1004; } .layer-v9HyYc:nth-child(4) { z-index: 1005; } .layer-v9HyYc:nth-child(5) { z-index: 1006; } .layer-v9HyYc:nth-child(6) { z-index: 1007; } .layer-v9HyYc:nth-child(7) { z-index: 1008; } .layer-v9HyYc:nth-child(8) { z-index: 1009; } .layer-v9HyYc:nth-child(9) { z-index: 1010; } #app-mount .popout-2iWAc-:not(.noShadow-3pu20z) { box-shadow: 0 0 1px rgba(var(--vtransparencycolor), 0.2), 0 1px 4px rgba(var(--vtransparencycolor), 0.1); } #app-mount .container-2x5lvQ, /* RTCpopout (for example voicequality) */ #app-mount .quickSelectPopout-X1hvgV, /* quickselect (for example regionselect) */ #app-mount .themedPopout-1TrfdI, /* themed popout (for example mentionpopout) */ #app-mount .popoutList-T9CKZQ { /* listpopout (for example auditlogs) */ background-color: transparent; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); position: relative; } .container-2x5lvQ::before, .quickSelectPopout-X1hvgV::before, .themedPopout-1TrfdI::before, .popoutList-T9CKZQ::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; border-radius: 5px; z-index: -1; } .container-2x5lvQ::after, .quickSelectPopout-X1hvgV::after, .themedPopout-1TrfdI::after, .popoutList-T9CKZQ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; border-radius: 5px; z-index: -1; } #app-mount .quickSelectPopoutOption-opKBx9:hover { background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .quickSelectPopoutOption-opKBx9.selected { background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite1)); } #app-mount .container-2x5lvQ .header-2C89wJ { background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .container-2x5lvQ section { background-color: transparent; } #app-mount .container-2x5lvQ section p { color: rgb(var(--fontwhite3)); } #app-mount .container-2x5lvQ section strong { color: rgb(var(--fontwhite1)); } #app-mount .debugButton-1Zec0y { color: rgb(var(--fontwhite3)); } #app-mount .header-3po9qd { /* popout innerheader (for example GoLive) */ color: rgb(var(--fontwhite1)); } #app-mount .breadcrumbWrapper-WmDjgG { /* popout breadcrumbs (for example NitroGift) */ color: rgb(var(--fontwhite3)); } #app-mount .activeBreadcrumb-p6aw-F { color: rgb(var(--fontwhite1)); } #app-mount .divider-1que2t { /* popout divider */ border-color: rgba(var(--fontwhite4), 0.3); } #app-mount .giftBlurb-4VKZWm, #app-mount .trialNote-wEO1RW, #app-mount .trialText-2gR3-S { color: rgb(var(--fontwhite2)); } #app-mount .price-3dKlQv, #app-mount .annualDiscount-1VxngV { color: rgb(var(--fontwhite1)); } #app-mount .interval-bfFUiQ { color: rgb(var(--fontwhite3)); } #app-mount .option-1l2vXE { background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .addGamePopout-2RY8Ju { /* addgamepopout */ background-color: transparent; } .addGamePopout-2RY8Ju::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .addGamePopout-2RY8Ju::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.15)); width: unset; height: unset; pointer-events: none; z-index: -1; } /* ---- 14.1. CONTEXTMENU ---- */ .styleFlexible-wGDiIL, /* contextmenu flexible */ .styleFixed-sX-yHV, /* contextmenu fixed */ .submenu-2-ysNh { /* contextmenu submenu */ background: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); } .styleFlexible-wGDiIL::before, .styleFixed-sX-yHV::before, .submenu-2-ysNh::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .styleFlexible-wGDiIL::after, .styleFixed-sX-yHV::after, .submenu-2-ysNh::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3)); width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .submenu-2-ysNh { position: relative; } .container-1S6Mlq { /* contextmenu searchbar */ background-color: rgba(var(--vtransparencycolor), 0.2); } .colorDefault-2K3EoJ:not(.colorDanger-2qLCe1):not(.colorBrand-ROmMP1) { /* item */ color: rgb(var(--fontwhite2)); } .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j, .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O) { background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite1)); } .item-1tOPte.colorDanger-2qLCe1.focused-3afm-j, .item-1tOPte.colorDanger-2qLCe1:hover:not(.hideInteraction-1iHO1O) { background-color: rgba(240, 71, 71, 0.2); color: rgb(var(--fontwhite1)) !important; } .item-1tOPte.colorBrand-ROmMP1.focused-3afm-j, .item-1tOPte.colorBrand-ROmMP1:hover:not(.hideInteraction-1iHO1O), .item-1tOPte.colorPremium-p4p7qO.focused-3afm-j, .item-1tOPte.colorPremium-p4p7qO:hover:not(.hideInteraction-1iHO1O), .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j[id="user-settings-cog-Discord_Nitro"], .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O)[id="user-settings-cog-Discord_Nitro"], .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j[id="user-settings-cog-Nitro_Server_Boost"], .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O)[id="user-settings-cog-Nitro_Server_Boost"], .item-1tOPte.colorDefault-2K3EoJ.focused-3afm-j[id="guild-context-guild-settings--GUILD_PREMIUM"], .item-1tOPte.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O)[id="guild-context-guild-settings--GUILD_PREMIUM"] { background-color: rgba(var(--vaccentcolor), 0.2); color: rgb(var(--fontwhite1)) !important; } #app-mount .item-1tOPte .checkbox-3s5GYZ { /* contextmenu checkbox */ color: rgb(var(--vaccentcolor)); } #app-mount .item-1tOPte.colorDanger-2qLCe1 .checkbox-3s5GYZ { color: #F04747; } #app-mount .item-1tOPte .check-1JyqgN { /* contextmenu checkmark */ color: rgb(var(--fontwhite1)); stroke: var(--vtextshadow); } .separator-2I32lJ { /* contextmenu separator */ border-bottom-color: rgba(var(--fontwhite4), 0.3); } .button-F9qN4n { /* contextmenu quick reaction button */ background-color: rgba(var(--vtransparencycolor), 0.3); } .button-F9qN4n:hover { background-color: rgb(var(--vaccentcolor)); } /* ---- 14.2. USERPOPOUT ---- */ .userPopout-3XzG_A { /* popout container */ box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); } .userPopout-3XzG_A::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--user-background, var(--vpopout)) var(--vpopoutposition)/var(--vpopoutsize); filter: blur(var(--vpopoutblur)); background-attachment: fixed; width: unset; height: unset; pointer-events: none; z-index: -1; } .userPopout-3XzG_A::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; z-index: -1; } .header-2BwW8b { /* popout header */ color: rgb(var(--fontwhite1)); } #app-mount .headerNormal-T_seeN { /* popout headernormal */ background-color: rgba(var(--vtransparencycolor), 0.2); } .headerPlaying-j0WQBV { /* popout headerplaying */ text-shadow: 1px 1px var(--vtextshadow); } .headerStreaming-2FjmGz { /* popout headerstreaming */ background: #593695; } .activity-11LB_k { /* popout activity */ background-color: rgba(var(--vtransparencycolor), 0.1); } #app-mount .body-3iLsc4, /* popout body */ #app-mount .bodyInner-245q0L, /* popout bodyinner */ #app-mount .footer-1fjuF6 { /* popout footer */ background-color: transparent; color: rgb(var(--fontwhite2)); } #app-mount .footer-1fjuF6 { border-color: rgba(var(--fontwhite4), 0.3); } .headerTag-2pZJzA { /* header headertag */ color: rgb(var(--fontwhite2)); } .headerName-fajvi9, /* header username */ .headerTagUsernameNoNickname-2_H881, #app-mount .headerNormal-T_seeN .headerName-fajvi9, #app-mount .headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881 { color: rgb(var(--fontwhite1)); } #app-mount .headerTop-3C2Zn0 .textRow-19NEd_ { color: rgb(var(--fontwhite2)); } #app-mount .headerNormal-T_seeN .headerTop-3C2Zn0 .textRow-19NEd_ { color: rgb(var(--fontwhite3)); } #app-mount .activityUserPopout-2yItg2 .headerText-1HLrL7 { /* header activitytext */ color: rgb(var(--fontwhite1)); } #app-mount .activityUserPopout-2yItg2 .content-3JfFJh, /* header activitycontent */ #app-mount .activityUserPopout-2yItg2 .details-38sfDr, /* header activitydetails */ #app-mount .activityUserPopout-2yItg2 .name-29ETJS { /* header activityname */ color: rgb(var(--fontwhite2)); } .activityName-1IaRLn { /* header activityname */ color: rgb(var(--fontwhite1)); } .bar-3urHkF { /* header activitybar */ background-color: rgba(var(--fontwhite1), 0.2); } .barInner-3NDaY_ { /* header activitybarfill */ background-color: rgb(var(--fontwhite1)); } .text-AOoUen { /* header activitybartext */ color: rgb(var(--fontwhite2)); } .listenAlongIcon-2vb1HG { /* header listenalong */ color: rgb(var(--fontwhite1)); } .bodyTitle-Y0qMQz { /* body title */ color: rgb(var(--fontwhite3)); } .root-3-B5F3 { /* body roles */ max-height: 100px; overflow-x: hidden; overflow-y: scroll; } #app-mount .root-3-B5F3::-webkit-scrollbar { width: 4px; } #app-mount .role-2irmRk { /* body role */ border-color: rgba(var(--fontwhite3), 0.6); border-radius: 5px; padding: 0 5px; position: relative; } #app-mount .role-2irmRk[style*="border-color: rgba(185, 187, 190, 0.6)"] { border-color: rgba(var(--fontwhite3), 0.6) !important; } #app-mount .role-2irmRk .roleName-32vpEy { /* body rolename */ color: rgb(var(--fontwhite1)); margin: 0; font-weight: normal; position: relative; height: 20px; line-height: 20px; z-index: 1000; pointer-events: none; } #app-mount .role-2irmRk .roleCircle-3xAZ1j { /* body rolecircle */ position: absolute; background-color: rgb(var(--fontwhite3)); border-radius: 3px; opacity: 0.3; height: 100%; width: 100%; left: 0; top: 0; } #app-mount .role-2irmRk .roleCircle-3xAZ1j[style*="background-color: rgb(185, 187, 190)"] { background-color: rgb(var(--fontwhite3)) !important; } #app-mount .role-2irmRk .roleCircle-3xAZ1j:not(:empty):hover { opacity: 1; z-index: 2000; cursor: pointer; } .textarea-2r0oV8:focus { /* body note */ background-color: rgba(var(--vtransparencycolor), 0.2); } .textarea-2r0oV8::placeholder { color: rgba(var(--fontwhite4)); } .wumpusWrapper-yrvoR3 { /* footer wumpus new user */ margin-top: 27px; } #app-mount .quickMessage-1yeL4E { /* footer quickmessage */ background-color: rgba(var(--vtransparencycolor), 0.1); border-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .quickMessage-1yeL4E:hover { border-color: rgb(var(--vtransparencycolor)); } #app-mount .quickMessage-1yeL4E:focus { border-color: rgb(var(--vaccentcolor)); } #app-mount .quickMessage-1yeL4E::placeholder { color: rgb(var(--fontwhite3)); } /* ---- 14.3. EMOJIPICKER ---- */ .contentWrapper-SvZHNd, /* picker expression wrapper */ .emojiPicker-3PwZFl, /* picker inner */ .diversitySelectorPopout-3FiGaM { /* picker diversityselector */ background: transparent; box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); border: none; overflow: hidden; } .contentWrapper-SvZHNd::before, .emojiPicker-3PwZFl::before, .diversitySelectorPopout-3FiGaM::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .contentWrapper-SvZHNd::after, .emojiPicker-3PwZFl::after, .diversitySelectorPopout-3FiGaM::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; z-index: -1; } .diversitySelectorPopout-3FiGaM::after, .diversitySelectorPopout-3FiGaM::before { border-radius: 5px; } .emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl { box-shadow: unset; } .emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl::after, .emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl::before { display: none; } .diversityEmojiItem-L6_IXw:hover { /* picker diversityemoji */ background-color: rgb(var(--vaccentcolor)); } .navButton-2gQCx- { /* picker navbutton */ color: rgb(var(--fontwhite3)); } .navButtonActive-1MkytQ { /* picker navbuttonactive */ background-color: rgb(var(--vaccentcolor)); color: rgb(var(--fontwhite1)); } .wrapper-2Gsate { /* picker sidebar */ background-color: rgba(var(--vtransparencycolor), 0.2); } .guildIcon-3h-1IH { /* picker guildicon */ background-color: rgba(var(--vtransparencycolor), 0.2); } .categoryItemDefaultCategory-aBZ6nJ:first-child, .categoryItemDefaultCategory-aBZ6nJ:first-child + .categoryItemDefaultCategory-aBZ6nJ, .stickerCategoryRecent-1WVWrj { margin-bottom: 8px; } .categoryItemDefaultCategory-aBZ6nJ:hover, /* picker categoryitem */ .stickerCategory-3Yz7vN:hover, /* picker stickercategoryitem */ .stickerCategoryShopWrapper-3EnJdQ:hover .stickerCategoryShop-d5zC3B { background-color: rgba(var(--vtransparencycolor), 0.3); } .categoryItemDefaultCategorySelected-_HCKoz, /* picker categoryitem selected */ .categoryItemDefaultCategorySelected-_HCKoz:hover, .stickerCategorySelected-2uaMAG, /* picker stickercategoryitem selected */ .stickerCategorySelected-2uaMAG:hover { background-color: rgb(var(--vaccentcolor)); } .categoryItemDefaultCategorySelected-_HCKoz svg, /* picker categoryitem selected */ .categoryItemDefaultCategorySelected-_HCKoz:hover svg, .stickerCategorySelected-2uaMAG svg, /* picker stickercategoryitem selected */ .stickerCategorySelected-2uaMAG:hover svg { filter: drop-shadow(1px 1px var(--vtextshadow)); } .unicodeShortcut-15J8Ck, /* picker unicodeemojis shortcut */ .stickerCategoryShopWrapper-3EnJdQ { /* picker unicodeemojis shortcut */ background-color: transparent; color: rgb(var(--fontwhite3)); border: none; overflow: hidden; z-index: 100; } .unicodeShortcut-15J8Ck:hover { color: rgb(var(--fontwhite1)); } .unicodeShortcut-15J8Ck::before, .stickerCategoryShopWrapper-3EnJdQ::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .unicodeShortcut-15J8Ck::after, .stickerCategoryShopWrapper-3EnJdQ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.35)); width: unset; height: unset; pointer-events: none; z-index: -1; } .inspector-S2gM3e { /* picker emojiinfowrapper */ background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .wrapper-1-Fsb8 { /* picker categoryheader */ background: transparent; position: static; } #app-mount .imageLoading-bpSr0M { /* picker emoji loading */ background: rgba(var(--vtransparencycolor), 0.3); border-radius: 10px; } .emojiItem-14v6tW.emojiItemSelected-1aLkfV { /* picker emoji selected */ background-color: rgb(var(--vaccentcolor)); } .emojiItemDisabled-1FvFuF { /* picker emoji disabled */ filter: none; cursor: no-drop; } .emojiItemDisabled-1FvFuF > * { filter: grayscale(1); } .shape-2kfO2v { /* picker sticker loading */ background-color: rgba(var(--vtransparencycolor), 0.2); } .feature-3kpTdS { /* picker sticker feature */ background: transparent; color: rgb(var(--fontwhite1)); } .stickerInspected-2EM4w- .stickerBackground-2XECKi { /* picker sticker focused */ background-color: rgb(var(--vaccentcolor)); } .viewAllBackground-3Bn1vh { /* picker sticker view all */ background-color: rgba(var(--vtransparencycolor), 0.2); } .viewAll-2RLt-n:hover .viewAllBackground-3Bn1vh, .viewAllInspected-FsmJHj .viewAllBackground-3Bn1vh { background-color: rgba(var(--vtransparencycolor), 0.4); } .premiumPromo-fVlLu- { /* picker premium warning */ background-color: transparent; opacity: 1; } .premiumPromo-fVlLu-::before { content: ""; opacity: 0.9; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .premiumPromo-fVlLu-::after { content: ""; opacity: 0.9; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.29)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .backButton-JyKGC1 { /* gifpicker backbutton */ color: rgb(var(--fontwhite3)); } #app-mount .backButton-JyKGC1:hover { color: rgb(var(--fontwhite2)); } #app-mount .focused-1En8bG, /* gifpicker result */ #app-mount .result-3w1ZcL:hover { box-shadow: 0 11px 22px 1px rgba(var(--vtransparencycolor), 0.3); } #app-mount .emptyHintCard-2mUdMe { background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .emptyHintText-1QDF9N { color: rgb(var(--fontwhite1)); } #app-mount .endText-3SrwuD { color: rgb(var(--fontwhite3)); } #app-mount .endContainer-1ZDW8j::after { background-image: url(https://discordapp.com/assets/0c735bf91232f2a2266e6ba9d6753565.svg); opacity: 0.6; } /* ---- 14.4. PINS/MENTIONS ---- */ .messagesPopoutWrap-1MQ1bW, /* popout wrapper */ .container-enaOkj { /* popout wrapper (inbox) */ background-color: transparent; box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); border: none; overflow: hidden; } .messagesPopoutWrap-1MQ1bW > *, .container-enaOkj > * { z-index: 1000; } .messagesPopoutWrap-1MQ1bW::before, .container-enaOkj::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .messagesPopoutWrap-1MQ1bW::after, .container-enaOkj::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .messagesPopout-24nkyi { /* popout innerwrap */ background-color: transparent; } .themedPopout-1TrfdI .header-2Kf7Yu { box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1); } .header-ykumBX { /* popout header */ background-color: rgba(var(--vtransparencycolor), 0.2); box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.2); } .header-ykumBX .title-3pkaKd { /* popout headertitle */ color: rgb(var(--fontwhite1)); } .themedPopout-1TrfdI .footer-1K57q_ { background-color: rgba(var(--vtransparencycolor), 0.1); } .footer-1kmXd4 { /* popout footer */ background-color: rgba(var(--vtransparencycolor), 0.2); } .tutorial-i_drPV { /* popout tutorial */ background-color: rgba(var(--vtransparencycolor), 0.3); } .tutorialIcon-G9i5Ne { /* popout tutorial icon */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } .messageGroupWrapper-o-Zw7G { background-color: transparent; border: none; overflow: visible; padding: 11px 10px 10px 10px; } .messageGroupWrapper-o-Zw7G + .messageGroupWrapper-o-Zw7G::before { content: ""; border-top: 1px solid rgba(var(--fontwhite4), 0.3); position: absolute; top: -3px; left: 0; width: 100%; } .messageGroupWrapper-o-Zw7G .contentCozy-3XX413 { overflow: hidden; } .actionButtons-1sUUug { /* popout actionbuttonscontainer */ top: 4px; right: 14px; } .jumpButton-2dvRSC, /* popout jumpbutton (mentions) */ .jumpButton-3DTcS_ { /* popout jumpbutton (pins) */ background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite2)); } .jumpButton-2dvRSC:hover, .jumpButton-3DTcS_:hover { background-color: rgb(var(--vaccentcolor)); } .jumpButton-2dvRSC:hover .text-3KVtey, .jumpButton-3DTcS_:hover { color: rgb(var(--fontwhite1)); } .jumpButton-2dvRSC + .jumpButton-2dvRSC, .jumpButton-3DTcS_ + .jumpButton-3DTcS_ { margin-left: 2px; } .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .closeButton-17RIVZ { opacity: 1; } .channelName-3kBz6H { /* popout dividerchannelname */ color: rgb(var(--fontwhite1)); } .guildName-1Bc3Ta { /* popout dividerguildname */ color: rgb(var(--fontwhite2)); } .hasMoreButton-1MELpI { /* popout hasmorebutton */ background-color: rgba(var(--vtransparencycolor), 0.2); border: none; } .emptyPlaceholder-1zh-Eu .body-bvcIjN { /* popout emptytext */ color: rgb(var(--fontwhite3)); } .image-2JDb81 { /* popout emptyimage */ opacity: 0.6; } /* popout active tab */ #app-mount .header-2-Imhb .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa { background-color: rgb(var(--vaccentcolor)); } .secondary-dIudih, /* popout header button */ .tertiary-aMXF0g, /* popout message button */ .collapseButton-3V3Cqh { /* popout collapse button */ background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite3)); } .secondary-dIudih:hover, .tertiary-aMXF0g:hover, .collapseButton-3V3Cqh:hover { background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite1)); } .collapseButton-3V3Cqh { position: static; margin-left: 12px; border-radius: 32px; box-sizing: border-box; cursor: pointer; flex-shrink: 0; height: 32px; min-height: 32px; width: 32px; min-width: 32px; padding: 8px; transform: unset !important; } .collapseButton-3V3Cqh.collapsed-b6uSCG svg { transform: rotate(-90deg); } .channelHeader-3Gd2xq { /* popout channelheader */ background-color: rgba(var(--vtransparencycolor), 0.4); padding-right: 16px; border-radius: 5px 5px 0 0; position: static; } .channelHeader-3Gd2xq:only-child { border-radius: 0; } .messageContainer-gbhlwo, /* popout messagecontainer */ .messages-3G3erD { /* popout messagecontainer (inbox) */ background-color: rgba(var(--vtransparencycolor), 0.2); border-radius: 0; } .messageContainer-gbhlwo:last-child, .messages-3G3erD:last-child { border-radius: 0 0 5px 5px; } .tutorial-3w5I9h { /* popout tutorial (inbox) */ background-color: rgba(var(--vtransparencycolor), 0.4); } .tutorialIcon-3f1miQ { /* popout tutorial (inbox) */ background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite2)); } .emptyStateIcon-3VCpT2 { /* popout no messages (inbox) */ background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite2)); } /* ---- 14.5. SEARCHPOPOUT ---- */ #app-mount .container-3ayLPN { /* popout wrapper */ background-color: transparent; box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); border: none; overflow: hidden; position: relative; } .container-3ayLPN::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .container-3ayLPN::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .queryContainer-RKFJW- { color: rgb(var(--fontwhite3)); border-bottom-color: rgba(var(--fontwhite4), 0.3); } #app-mount .queryContainer-RKFJW- strong { color: rgb(var(--fontwhite1)); } #app-mount .focused-2bY0OD { background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .resultsGroup-r_nuzN::before { border-top-color: rgba(var(--fontwhite4), 0.3); } #app-mount .resultsGroup-r_nuzN .header-2N-gMV, #app-mount .resultsGroup-r_nuzN .plusIcon-v0BTrL, #app-mount .resultsGroup-r_nuzN .searchClearHistory-2cSSMO, #app-mount .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a { color: rgb(var(--fontwhite2)); } #app-mount .option-96V44q::after { display: none; } #app-mount .option-96V44q.selected-rZcOL- { background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .option-96V44q.selected-rZcOL-::before { background-color: rgb(var(--vaccentcolor)); border-radius: 3px; width: 34px; } #app-mount .option-96V44q .answer-1n6g43, #app-mount .option-96V44q .nonText-3CRkO0, #app-mount .option-96V44q strong { color: rgb(var(--fontwhite2)); } #app-mount .option-96V44q .filter-3Y_im- { color: rgb(var(--fontwhite4)); } #app-mount .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU { color: rgb(var(--fontwhite2)); } #app-mount .option-96V44q.user-O3Czj0 .displayUsername-Qekxml { color: rgb(var(--fontwhite3)); } #app-mount .searchOption-zQ-1l6 .filter-3Y_im- { color: rgb(var(--fontwhite2)); } #app-mount .searchOption-zQ-1l6 .answer-1n6g43 { color: rgb(var(--fontwhite4)); } #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw { border-top-color: rgba(var(--fontwhite4), 0.3); } #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 { color: rgb(var(--fontwhite2)); } #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { color: rgb(var(--fontwhite1)); } #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover { background-color: #677bc4; } #app-mount .searchResultChannelCategory-1l0lSn, #app-mount .searchResultChannelIcon-1DnTme { color: rgb(var(--fontwhite4)); } #app-mount .calendarPicker-2yf6Ci .react-datepicker { background: transparent; } #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--outside-month) { border-color: rgba(var(--vtransparencycolor), 0.5); } #app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month { border-color: transparent; background: rgba(var(--vtransparencycolor), 0.5); } #app-mount .datePicker--XZbmJ .react-datepicker__header, #app-mount .datePicker--XZbmJ .react-datepicker__month-container, #app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) { background: rgba(var(--vtransparencycolor), 0.2); } #app-mount .datePicker--XZbmJ .react-datepicker__header { padding-bottom: 5px; } #app-mount .datePicker--XZbmJ .react-datepicker__navigation { background: transparent; border-color: rgba(var(--fontwhite1), 0.5); top: 30px; } #app-mount .datePicker--XZbmJ .react-datepicker__navigation::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-mask: url(https://discordapp.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat; background-color: rgb(var(--fontwhite1)); } #app-mount .datePicker--XZbmJ .react-datepicker__navigation--previous { left: 30px; } #app-mount .datePicker--XZbmJ .react-datepicker__navigation--next { right: 30px; } #app-mount .datePicker--XZbmJ .react-datepicker__current-month { border-color: transparent; padding: 10px 0; } #app-mount .datePicker--XZbmJ .react-datepicker__current-month, #app-mount .datePicker--XZbmJ .react-datepicker__day-name, #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):hover, #app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month), #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4, #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { color: rgb(var(--fontwhite1)); } #app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) { color: rgb(var(--fontwhite3)); } #app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month { color: rgb(var(--fontwhite4)); } #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw { margin: 0; padding: 20px; display: flex; justify-content: center; } /* ---- 14.6. COLORPICKER ---- */ #app-mount .colorPickerCustom-2CWBn2 { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); border: none; border-radius: 3px; overflow: hidden; } .colorPickerCustom-2CWBn2::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; border-radius: 5px; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .colorPickerCustom-2CWBn2::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.35)); border-radius: 5px; width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .saturation-1FDvtn > div > div > div > div { /* popout saturationcursor */ box-shadow: rgb(var(--fontwhite1)) 0px 0px 0px 1.5px, rgba(var(--vtransparencycolor), 0.6) 0px 0px 1px 1px inset, rgba(var(--vtransparencycolor), 0.6) 0px 0px 1px 2px !important; } #app-mount .hue-13HAGb > div > div > div > div, /* popout huecursor */ #app-mount .BDFDB-colorpicker .alpha-bar > div > div > div > div { /* popout alphacursor */ background: rgb(var(--fontwhite1)) !important; box-shadow: rgba(var(--vtransparencycolor), 1) 0px 0px 2px !important; } #app-mount .BDFDB-colorpicker .gradient-button { /* popout gradientbutton */ color: rgb(var(--fontwhite1)); } #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor > div { /* popout gradientcursor */ border-color: rgb(var(--fontwhite4)); } #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor > div::before { /* popout gradientcursorpointer */ border-top-color: rgb(var(--fontwhite4)); } #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor.selected > div { border-color: rgb(var(--fontwhite1)); } #app-mount .BDFDB-colorpicker .gradient-bar .gradient-cursor.selected > div::before { border-top-color: rgb(var(--fontwhite1)); } /* ---- 14.7. ADDROLE ---- */ #app-mount .container-VSDcQc { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); border: none; border-radius: 3px; overflow: hidden; } .container-VSDcQc::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .container-VSDcQc::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .header-2bNvm4, #app-mount .autocompleteHeaderBackground-30T70q { /* popout header */ background: rgba(var(--vtransparencycolor), 0.3); border-radius: 5px 5px 0 0; } #app-mount .container-VSDcQc .headerText-3i6A8K { /* popout headertext */ color: rgb(var(--fontwhite2)); } #app-mount .container-VSDcQc .input-1ppKdn { /* popout headerinput */ color: rgb(var(--fontwhite1)); } #app-mount .container-VSDcQc .input-1ppKdn::placeholder { color: rgb(var(--fontwhite4)); } #app-mount .autocompleteArrow-Zxoy9H { /* popout arrow */ display: none; } #app-mount .autocompleteShadow-iiGWFU { /* popout shadow */ box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3); } #app-mount .container-VSDcQc .sectionTag-pXyto9 { /* popout body */ background: transparent; border-radius: 0 0 5px 5px; color: rgb(var(--fontwhite3)); } .row-rrHHJU:focus .rowInner-1vvRiF, .row-rrHHJU:hover .rowInner-1vvRiF { background: rgba(var(--vtransparencycolor), 0.2); } .row-rrHHJU.selected-1pIgLL .rowInner-1vvRiF { background: rgba(var(--vtransparencycolor), 0.4); } /* ---- 14.8. EVERYONEMENTION ---- */ #app-mount .everyonePopout-nEbJY3 { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .everyonePopout-nEbJY3::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .everyonePopout-nEbJY3::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1)); width: unset; height: unset; pointer-events: none; z-index: -1; } .everyonePopout-nEbJY3 .animation-3GofIz { opacity: 0.7; } #app-mount .header-3_S6dz { color: rgb(var(--fontwhite1)); } #app-mount .buttonHint-2OxJB8 { color: rgb(var(--fontwhite3)); } #app-mount .buttonHint-2OxJB8 strong { color: rgb(var(--fontwhite1)); } #app-mount .footer-2aTx0s { background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite3)); } #app-mount .footer-2aTx0s .icon-2qOzDL path { fill: rgb(var(--fontwhite3)); } /* ---- 14.9. CHANNELFOLLOW ---- */ #app-mount .header-1pGpFt { background: rgba(var(--vtransparencycolor), 0.3); } #app-mount .separator-3gy7tq { box-shadow: 0 1px 0 0 rgba(var(--vtransparencycolor), 0.3), 0 1px 2px 0 rgba(var(--vtransparencycolor), 0.3); } .channelContainer-1x3D6I { background-color: rgba(var(--vtransparencycolor), 0.3); } .channel-2PJTLY { background-color: rgba(var(--vtransparencycolor), 0.3); } .channelContainer-1x3D6I .channel-2PJTLY { background-color: transparent; } .channelIcon-3ci4bV { color: rgb(var(--fontwhite3)); } /* ---- 14.10. CHANNELFOLLOWINFO ---- */ #app-mount .guildPopout-3CgKqR { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .guildPopout-3CgKqR::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .guildPopout-3CgKqR::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1)); width: unset; height: unset; pointer-events: none; z-index: -1; } /* ---- 14.11. EMOJIINFO ---- */ #app-mount .popoutContainer-1MXdqN { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .popoutContainer-1MXdqN::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .popoutContainer-1MXdqN::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } .emojiSection-3Fb9ix { /* popout emojisection */ background-color: transparent; } .guildSection-1EoFKd { /* popout emojisection */ background-color: rgba(var(--vtransparencycolor), 0.2); } .loading-1lSwpg { /* popout loading placeholder */ background: rgba(var(--vtransparencycolor), 0.3); } /* ---- 14.12. STREAMPREVIEW ---- */ #app-mount .streamPreview-2-WUWT { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .streamPreview-2-WUWT::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .streamPreview-2-WUWT::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .previewContainer-12UlHl { /* popout preview */ background-color: rgba(var(--vtransparencycolor), 0.2); } /* ---- 14.13. PUBLICGUILDANNOUNCEMENT ---- */ #app-mount .popout-6p6fkZ { /* popout wrapper */ background-color: transparent; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); border: none; border-radius: 3px; overflow: hidden; position: relative; } .popout-6p6fkZ::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .popout-6p6fkZ::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } /* ~~~~ 15. GENERAL ~~~~ */ ::-webkit-input-placeholder, body, button, input, select, textarea { font-family: var(--vfont); } ::selection { /* selection */ background: rgb(var(--vaccentcolor)); } .highlight { background: rgb(var(--vaccentcolor)); } #app-mount .elevationLow-2lY09M, #app-mount .elevationLow-126AxN, .lightElevationLow-3_Ybxi, .darkElevationLow-DABD7i { box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3); } #app-mount .elevationHigh-3A9Xbf, #app-mount .elevationHigh-1PneE4, .lightElevationHigh-3usmGv, .darkElevationHigh-6iWpWi { box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); } #app-mount .elevationBorderLow-2qgTRQ, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow-3APXjz, .darkElevationBorderLow-39dDV7 { box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3); } #app-mount .elevationBorderHigh-2WYJ09, #app-mount .elevationBorderHigh-2_BGCd, .lightElevationBorderHigh-2T98IF, .darkElevationBorderHigh-2U1nXW { box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); } .pointerEvents-2zdfdO[fill="#ffffff"] { /* status whitedot */ fill: rgb(var(--fontwhite1)); } .dots-3Bkt3k, /* loading 3-dots */ .dots-3Bkt3k.themed-IQiCm3 { color: rgb(var(--fontwhite1)); } /* ---- 15.1. TEXT ---- */ .username-3gJmXY { color: rgb(var(--fontwhite1)); } .discriminator-uTZ08z { color: rgb(var(--fontwhite3)); } .h5-18_1nd { color: rgb(var(--fontwhite3)); } .white-1VR_aZ, .white-3xi-nx { color: rgb(var(--fontwhite1)); } #app-mount h1.title-3KTIjF, #app-mount h2.title-3KTIjF { color: rgb(var(--fontwhite1)); } #app-mount h3.title-3KTIjF { color: rgb(var(--fontwhite2)); } #app-mount h4.title-3KTIjF, #app-mount h5.title-3KTIjF, #app-mount h6.title-3KTIjF { color: rgb(var(--fontwhite3)); } #app-mount .coloredText-1kAd0O { color: rgb(var(--fontwhite1)); } #app-mount .defaultColor-1_ajX0 { color: rgb(var(--fontwhite1)); } /* ---- 15.2. BUTTONS ---- */ .searchSuggestion-2K8OBX:hover, .form-236Xmo .btnPrimary-346kfV, .button-22FETM, .questionMark-CWEQZn, .questionMark-3qBhGj, .btn-1PnLxm.btnPrimary-1jluZW, .btn-15Au6M.btnPrimary-ggBniE, .bd-modal-wrapper .footer button, .bd-pfbtn, .bda-settings-button, .btn-primary, .platform-iik236.active-iLSdWQ .downloadButton-1bWXpg, .action-1lSjCi.create-3jownz .actionButton-2PeQbJ, .ui-button.brand.filled, .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover, .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):not([style*="background-color"]) { text-shadow: 1px 1px var(--vtextshadow); } .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover svg, .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):not([style*="background-color"]) svg { filter: drop-shadow(1px 1px var(--vtextshadow)); } .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ) .spinnerItem-3GlVyU { background-color: rgb(var(--fontwhite1)) !important; } .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ) { color: rgb(var(--fontwhite1)) !important; } .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):hover { background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)) !important; } .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):active { background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) !important; } .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ), .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):disabled { background: rgb(var(--fontwhite1)) !important; } .theme-light .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover, .theme-dark .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover, .theme-light .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active, .theme-dark .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active { color: rgb(var(--fontwhite1)) !important; } .theme-light .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover, .theme-dark .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover { background-color: rgb(var(--fontwhite2)) !important; } .theme-light .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active, .theme-dark .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active { background-color: rgb(var(--fontwhite3)) !important; } .lookFilled-1Gx00P.colorWhite-rEQuAQ .spinnerItem-3GlVyU { background-color: rgb(var(--vtransparencycolor)); } .lookInverted-2D7oAl.colorWhite-rEQuAQ .spinnerItem-3GlVyU, .lookOutlined-3sRXeN.colorWhite-rEQuAQ .spinnerItem-3GlVyU, .lookGhost-2Fn_0-.colorWhite-rEQuAQ .spinnerItem-3GlVyU, .lookLink-9FtZy-.colorWhite-rEQuAQ .spinnerItem-3GlVyU { background-color: rgb(var(--fontwhite1)); } .lookFilled-1Gx00P.colorWhite-rEQuAQ { color: rgb(var(--vtransparencycolor)); } .lookFilled-1Gx00P.colorWhite-rEQuAQ:hover, .theme-light .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:hover, .theme-dark .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)) !important; } .lookFilled-1Gx00P.colorWhite-rEQuAQ:active, .theme-light .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:active, .theme-dark .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:active { background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) !important; } .lookFilled-1Gx00P.colorWhite-rEQuAQ, .lookFilled-1Gx00P.colorWhite-rEQuAQ:disabled { background: rgb(var(--fontwhite1)); } .lookInverted-2D7oAl.colorWhite-rEQuAQ:hover, .theme-light .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:hover, .theme-dark .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1)); color: rgb(var(--fontwhite2)); } .lookInverted-2D7oAl.colorWhite-rEQuAQ:active, .theme-light .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:active, .theme-dark .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:active { background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.2),rgba(255,255,255,.2)); color: rgb(var(--fontwhite3)); } .lookInverted-2D7oAl.colorWhite-rEQuAQ, .lookInverted-2D7oAl.colorWhite-rEQuAQ:disabled { background-color: rgb(var(--vtransparencycolor)); color: rgb(var(--fontwhite1)); } .lookOutlined-3sRXeN.colorWhite-rEQuAQ { border-color: rgba(var(--fontwhite1), 0.3); color: rgb(var(--fontwhite1)); } .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .theme-light .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover, .theme-dark .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { border-color: rgba(var(--fontwhite1), 0.6); color: rgb(var(--fontwhite1)); } .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active, .theme-light .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover, .theme-dark .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover { background-color: rgba(var(--fontwhite1), 0.1); border-color: rgb(var(--fontwhite1)); color: rgb(var(--fontwhite1)); } .lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled { border-color: rgba(var(--fontwhite1), 0.3); } .lookGhost-2Fn_0-.colorWhite-rEQuAQ { background-color: rgba(var(--fontwhite1), 0.1); color: rgb(var(--fontwhite1)); } .lookGhost-2Fn_0-.colorWhite-rEQuAQ:hover { color: rgb(var(--fontwhite1)); background-color: rgba(var(--fontwhite1), 0.15); } .lookGhost-2Fn_0-.colorWhite-rEQuAQ:active, .theme-light .lookGhost-2Fn_0-.hoverWhite-2uUmXw.hasHover-3X1-zV:active, .theme-dark .lookGhost-2Fn_0-.hoverWhite-2uUmXw.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite1), 0.2); color: rgb(var(--fontwhite1)); } .lookGhost-2Fn_0-.colorWhite-rEQuAQ:disabled { background-color: rgba(var(--fontwhite1), 0.1); } #app-mount .backButtonColor-1zIPlh, #app-mount .backButtonColor-N09dXJ, .lookLink-9FtZy-.colorWhite-rEQuAQ { color: rgb(var(--fontwhite1)); } #app-mount .backButtonColor-1zIPlh:hover .contents-18-Yxp, #app-mount .backButtonColor-N09dXJ:hover .contents-18-Yxp, .lookLink-9FtZy-.colorWhite-rEQuAQ:hover .contents-18-Yxp, .theme-light .lookLink-9FtZy-.hoverWhite-2uUmXw.hasHover-3X1-zV:hover .contents-18-Yxp, .theme-dark .lookLink-9FtZy-.hoverWhite-2uUmXw.hasHover-3X1-zV:hover .contents-18-Yxp { color: rgb(var(--fontwhite1)); background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite1)) 0, rgb(var(--fontwhite1)) 2px, transparent 0); } .lookInverted-2D7oAl.colorBlack-1jwPVL .spinnerItem-3GlVyU, .lookOutlined-3sRXeN.colorBlack-1jwPVL .spinnerItem-3GlVyU, .lookGhost-2Fn_0-.colorBlack-1jwPVL .spinnerItem-3GlVyU, .lookLink-9FtZy-.colorBlack-1jwPVL .spinnerItem-3GlVyU { background-color: rgb(var(--vtransparencycolor)); } .lookFilled-1Gx00P.colorBlack-1jwPVL:hover, .theme-light .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:hover, .theme-dark .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:hover { background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1)); } .lookFilled-1Gx00P.colorBlack-1jwPVL:active, .theme-light .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:active, .theme-dark .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:active { background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.2),rgba(255,255,255,.2)); } .lookFilled-1Gx00P.colorBlack-1jwPVL, .lookFilled-1Gx00P.colorBlack-1jwPVL:disabled { background: rgb(var(--vtransparencycolor)); } .theme-light .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:hover, .theme-dark .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:hover, .theme-light .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:active, .theme-dark .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:active { color: rgb(var(--vtransparencycolor)); } .lookInverted-2D7oAl.colorBlack-1jwPVL, .lookInverted-2D7oAl.colorBlack-1jwPVL:disabled { color: rgb(var(--vtransparencycolor)); } .lookOutlined-3sRXeN.colorBlack-1jwPVL:hover, .theme-light .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:hover, .theme-dark .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:hover { border-color: rgba(var(--vtransparencycolor), 0.6); color: rgb(var(--vtransparencycolor)); } .lookOutlined-3sRXeN.colorBlack-1jwPVL:active, .theme-light .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:active, .theme-dark .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:active { background-color: rgba(var(--vtransparencycolor), 0.1); border-color: rgb(var(--vtransparencycolor)); color: rgb(var(--vtransparencycolor)); } .lookOutlined-3sRXeN.colorBlack-1jwPVL, .lookOutlined-3sRXeN.colorBlack-1jwPVL:disabled { border-color: rgba(var(--vtransparencycolor), 0.3); } .lookGhost-2Fn_0-.colorBlack-1jwPVL:active, .theme-light .lookGhost-2Fn_0-.hoverBlack-3jULb8.hasHover-3X1-zV:active, .theme-dark .lookGhost-2Fn_0-.hoverBlack-3jULb8.hasHover-3X1-zV:active { background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--vtransparencycolor)); } .lookGhost-2Fn_0-.colorBlack-1jwPVL, .lookGhost-2Fn_0-.colorBlack-1jwPVL:disabled { background-color: rgba(var(--vtransparencycolor), 0.1); } .lookLink-9FtZy-.colorBlack-1jwPVL { color: rgb(var(--vtransparencycolor)); } .lookLink-9FtZy-.colorBlack-1jwPVL:hover .contents-18-Yxp, .theme-light .lookLink-9FtZy-.hoverBlack-3jULb8.hasHover-3X1-zV:hover .contents-18-Yxp, .theme-dark .lookLink-9FtZy-.hoverBlack-3jULb8.hasHover-3X1-zV:hover .contents-18-Yxp { background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--vtransparencycolor)) 0, rgb(var(--vtransparencycolor)) 2px, transparent 0); color: rgb(var(--vtransparencycolor)); } .theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV .spinnerItem-3GlVyU, .theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV .spinnerItem-3GlVyU, .theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV .spinnerItem-3GlVyU, .theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV .spinnerItem-3GlVyU, .theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV .spinnerItem-3GlVyU, .theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV .spinnerItem-3GlVyU, .theme-light .lookLink-9FtZy-.colorGrey-2DXtkV .spinnerItem-3GlVyU, .theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV .spinnerItem-3GlVyU { background-color: rgb(var(--fontwhite4)); } .buttonColor-1agP3J:hover, .theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:hover, .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover, .theme-light .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, .theme-dark .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover { background: rgb(var(--fontwhite4)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)); } .buttonColor-1agP3J:active, .theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:active, .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:active, .theme-light .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active, .theme-dark .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active { background: rgb(var(--fontwhite4)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)); } .buttonColor-1agP3J, .theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV, .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV, .theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled, .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled { background: rgb(var(--fontwhite4)); } .theme-light .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, .theme-dark .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, .theme-light .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active, .theme-dark .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active { color: rgb(var(--fontwhite4)); } .theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV, .theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV, .theme-light .lookInverted-2D7oAl.colorGrey-2DXtkV:disabled, .theme-dark .lookInverted-2D7oAl.colorGrey-2DXtkV:disabled { color: rgb(var(--fontwhite4)); } .theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover, .theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover, .theme-light .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover, .theme-dark .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover { border-color: rgba(var(--fontwhite4), 0.6); color: rgb(var(--fontwhite4)); } .theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV:active, .theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV:active, .theme-light .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active, .theme-dark .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite4), 0.1); border-color: rgb(var(--fontwhite4)); color: rgb(var(--fontwhite4)); } .theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV, .theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV, .theme-light .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled, .theme-dark .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled { border-color: rgba(var(--fontwhite4), 0.3); color: rgb(var(--fontwhite4)); } .theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV:active, .theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV:active, .theme-light .lookGhost-2Fn_0-.hoverGrey-2CBXu0.hasHover-3X1-zV:active, .theme-dark .lookGhost-2Fn_0-.hoverGrey-2CBXu0.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite4), 0.2); } .theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV, .theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV, .theme-light .lookGhost-2Fn_0-.colorGrey-2DXtkV:disabled, .theme-dark .lookGhost-2Fn_0-.colorGrey-2DXtkV:disabled { background-color: rgba(var(--fontwhite4), 0.1); color: rgb(var(--fontwhite4)); } .theme-light .lookLink-9FtZy-.colorGrey-2DXtkV, .theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV { color: rgb(var(--fontwhite4)); } .theme-light .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp, .theme-dark .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp, .theme-light .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp, .theme-dark .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp { color: rgb(var(--fontwhite4)); background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite4)) 0, rgb(var(--fontwhite4)) 2px, transparent 0); } .theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, .theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, .theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, .theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, .theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, .theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, .theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU, .theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU { background-color: rgb(var(--fontwhite3)); } .theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, .theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover, .theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover { background: rgb(var(--fontwhite3)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)); } .theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:active, .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:active, .theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active, .theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { background: rgb(var(--fontwhite3)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)); } .theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6, .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6, .theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled, .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled { background: rgb(var(--fontwhite3)); } .theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover, .theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover, .theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active, .theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { color: rgb(var(--fontwhite3)); } .theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6, .theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6, .theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled, .theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled { color: rgb(var(--fontwhite3)); } .theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover, .theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover, .theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover, .theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover { border-color: rgba(var(--fontwhite3), 0.6); color: rgb(var(--fontwhite3)); } .theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active, .theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active, .theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active, .theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite3), 0.1); border-color: rgb(var(--fontwhite3)); color: rgb(var(--fontwhite3)); } .theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6, .theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6, .theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled, .theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled { border-color: rgba(var(--fontwhite3), 0.3); color: rgb(var(--fontwhite3)); } .theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active, .theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active, .theme-light .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active, .theme-dark .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite3), 0.2); } .theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6, .theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6, .theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled, .theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled { background-color: rgba(var(--fontwhite3), 0.1); color: rgb(var(--fontwhite3)); } .theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6, .theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 { color: rgb(var(--fontwhite3)); } .theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp, .theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp, .theme-light .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp, .theme-dark .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp { color: rgb(var(--fontwhite3)); background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite3)) 0, rgb(var(--fontwhite3)) 2px, transparent 0); } .theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, .theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU { background-color: rgba(var(--fontwhite1), 0.1); } .theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, .theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, .theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, .theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, .theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU, .theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU { background-color: rgb(var(--fontwhite2)); } .theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover, .theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover, .theme-light .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover, .theme-dark .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { background-color: rgba(var(--fontwhite1), 0.05); color: rgb(var(--fontwhite1)); } .theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:active, .theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:active, .theme-light .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active, .theme-dark .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite1), 0.01); color: rgb(var(--fontwhite1)); } .theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9, .theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9, .theme-light .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled, .theme-dark .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled { background-color: rgba(var(--fontwhite1), 0.1); } .theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover, .theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover, .theme-light .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover, .theme-dark .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { background-color: rgba(var(--fontwhite1), 0.05); color: rgba(var(--fontwhite1), 0.1); } .theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:active, .theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:active, .theme-light .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active, .theme-dark .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite1), 0.1); color: rgba(var(--fontwhite1), 0.1); } .theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9, .theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9, .theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled, .theme-dark .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled { background-color: rgb(var(--fontwhite1)); color: rgba(var(--fontwhite1), 0.1); } .theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9:hover, .theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9:hover, .theme-light .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover, .theme-dark .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover { border-color: rgba(var(--fontwhite2), 0.6); color: rgb(var(--fontwhite2)); } .theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active, .theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active, .theme-light .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active, .theme-dark .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite2), 0.1); border-color: rgb(var(--fontwhite2)); color: rgb(var(--fontwhite2)); } .theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9, .theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9, .theme-light .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled, .theme-dark .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled { border-color: rgba(var(--fontwhite2), 0.3); color: rgb(var(--fontwhite2)); } .theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9:active, .theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9:active, .theme-light .lookGhost-2Fn_0-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active, .theme-dark .lookGhost-2Fn_0-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active { background-color: rgba(var(--fontwhite2), 0.2); color: rgb(var(--fontwhite2)); } .theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9, .theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9, .theme-light .lookGhost-2Fn_0-.colorTransparent-1ewNp9:disabled, .theme-dark .lookGhost-2Fn_0-.colorTransparent-1ewNp9:disabled { background-color: rgba(var(--fontwhite2), 0.1); color: rgb(var(--fontwhite2)); } .theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9, .theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9 { color: rgb(var(--fontwhite2)); } .theme-light .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp, .theme-dark .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp, .theme-light .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp, .theme-dark .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp { background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite2)) 0, rgb(var(--fontwhite2)) 2px, transparent 0); color: rgb(var(--fontwhite2)); } /* ---- 15.3. INPUTS ---- */ .input-cIJ7To { /* valueinput bordered */ background-color: rgba(var(--vtransparencycolor), 0.1); border-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } .input-cIJ7To:hover:not(:focus) { border-color: rgb(var(--vtransparencycolor)); } .input-cIJ7To::placeholder { color: rgb(var(--fontwhite3)); } #app-mount .input-1mgnkM, /* valueinput underlined */ #app-mount .input-UJ9Tr3 { border-color: rgba(var(--fontwhite1), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .input-1mgnkM:hover, #app-mount .input-UJ9Tr3:hover { border-color: rgb(var(--fontwhite1)); } #app-mount .input-1mgnkM:focus, #app-mount .input-UJ9Tr3:focus { border-color: rgb(var(--vaccentcolor)); } #app-mount .input-1mgnkM::placeholder, #app-mount .input-UJ9Tr3::placeholder { color: rgb(var(--fontwhite3)); } #app-mount .copyInput-2rOSt7 { background-color: rgba(var(--vtransparencycolor), 0.1); } #app-mount .copyInputDefault-21sXtF { border-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .hiddenMessage-1iiFV5, #app-mount .inputDefault-A2ud2y { color: rgb(var(--fontwhite1)); } #app-mount .inputDefault-A2ud2y::placeholder { color: rgb(var(--fontwhite3)); } #app-mount .multiInputLast-1aQ3YA::before { border-color: rgb(var(--fontwhite1)); } #app-mount .inputPrefix-2VAOGg { color: rgb(var(--fontwhite1)); opacity: 0.3; } .maxLength-39QFBo { color: rgb(var(--fontwhite3)); } #app-mount .inputNumberWrapper .numberinput-button-up { border-bottom-color: rgb(var(--fontwhite3)); } #app-mount .inputNumberWrapper .numberinput-button-up:hover { border-bottom-color: rgb(var(--fontwhite1)); } #app-mount .inputNumberWrapper .numberinput-button-down { border-top-color: rgb(var(--fontwhite3)); } #app-mount .inputNumberWrapper .numberinput-button-down:hover { border-top-color: rgb(var(--fontwhite1)); } #app-mount .container-3auIfb { /* checkboxswitch */ background-color: rgba(var(--vtransparencycolor), 0.3) !important; } #app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"], #app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"] { background-color: rgba(var(--vaccentcolor), 0.8) !important; } #app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"]:hover, #app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"]:hover { background: var(--vaccentcolor-hover); } #app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"]:active, #app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"]:active { background: var(--vaccentcolor-active); } #app-mount .container-3auIfb rect[fill] { fill: rgb(var(--fontwhite1)) !important; } #app-mount .container-3auIfb path[fill] { fill: rgb(var(--vtransparencycolor)) !important; } #app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"] path[fill], #app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"] path[fill] { fill: rgb(var(--vaccentcolor)) !important; } #app-mount .item-26Dhrx { /* radiogroup container */ background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite3)); } #app-mount .item-26Dhrx:hover { background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite2)); } #app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- { background: rgb(var(--vaccentcolor)); color: rgb(var(--fontwhite1)); } #app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- .radioIconForeground-XwlXQN { color: rgb(var(--fontwhite1)); } #app-mount .item-26Dhrx .radioBar-bMNUI-[style*="--radio-bar-accent-color"] { background: var(--radio-bar-accent-color); border: unset; color: rgb(var(--fontwhite1)); } #app-mount .item-26Dhrx[aria-checked=false]:hover .radioBar-bMNUI-[style*="--radio-bar-accent-color"] { background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); } #app-mount .checkboxContainer-2vV9zd::before { /* checkbox container */ background-color: rgba(var(--fontwhite4), 0.3); } #app-mount .checkbox-1ix_J3 { /* checkbox inner */ border-color: rgb(var(--fontwhite3)); } #app-mount .checkbox-1ix_J3.checked-3_4uQ9 { /* checkbox checked */ background-color: rgb(var(--fontwhite1)); border-color: rgb(var(--fontwhite1)); } #app-mount .checkbox-1ix_J3.checked-3_4uQ9.round-2jCFai, /* checkbox roundchecked */ #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgb(79, 84, 92)"] { background-color: rgb(var(--vaccentcolor)) !important; border-color: rgb(var(--vaccentcolor)) !important; } #app-mount .checkbox-1ix_J3.checked-3_4uQ9.round-2jCFai svg, #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgb(79, 84, 92)"] svg, #app-mount .checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgb(114, 137, 218)"] svg { filter: drop-shadow(1px 1px var(--vtextshadow)); } #app-mount .checkbox-1ix_J3.checked-3_4uQ9 polyline[stroke="#43b581"], /* checkbox checkmark */ #app-mount .checkbox-1ix_J3.checked-3_4uQ9 polyline[stroke="#4f545c"], #app-mount .checkbox-1ix_J3.checked-3_4uQ9 polyline[stroke="#ffffff"] { stroke: rgb(var(--fontwhite1)); } .checkboxMute-14hTGS::before { background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .bar-2Qqk5Z { /* slider backgroundbar */ background-color: rgba(var(--vtransparencycolor), 0.3); } .grabber-3mFHz2 { /* slider grabber */ background-color: rgb(var(--fontwhite1)); border-color: rgb(var(--fontwhite1)); box-shadow: 0 3px 1px 0 rgba(var(--vtransparencycolor), 0.05), 0 2px 2px 0 rgba(var(--vtransparencycolor), 0.1), 0 3px 3px 0 rgba(var(--vtransparencycolor), 0.05); } #app-mount .markValue-2DwdXI { /* slider markvalue */ color: rgb(var(--fontwhite3)); } #app-mount .defaultValue-3gC7yw .markValue-2DwdXI { color: #43b581; } #app-mount .markDash-3hAolZ { background: transparent; color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .defaultValue-3gC7yw .markDash-3hAolZ { color: #43b581; } #app-mount .markDash-3hAolZ::before, #app-mount .markDash-3hAolZ::after { content: ""; position: absolute; background: currentColor; height: 8px; width: 2px; } #app-mount .markDash-3hAolZ::before { top: 14px; } #app-mount .markDash-3hAolZ::after { top: 30px; } #app-mount .fontScaleLarge-3xtq7i, #app-mount .fontScaleSmall-368quy { color: rgb(var(--fontwhite1)); } #app-mount .bubble-3we2di { /* slider bubble */ background-color: rgb(var(--vaccentcolor)); color: rgb(var(--fontwhite1)); } #app-mount .bubble-3we2di::before { border-top-color: rgb(var(--vaccentcolor)); } #app-mount .container-1nZlH6 { /* hotkeyinput container */ background-color: rgba(var(--vtransparencycolor), 0.1); border-color: rgba(var(--vtransparencycolor), 0.3); } .input-1UhAnY { /* hotkeyinput input */ color: rgb(var(--fontwhite1)); } .input-1UhAnY::placeholder { color: rgb(var(--fontwhite3)); } #app-mount .editIcon-13gaox { /* hotkeyinput editicon */ -webkit-mask: url(https://discordapp.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg) center/cover no-repeat; background: rgb(var(--fontwhite1)); } #app-mount .container-CpszHS.recording-1H2dS7 .button-34kXw5 { color: #f04747; background-color: rgba(240,71,71,.1); } #app-mount .quickSelect-3BxO0K { /* quickselect container */ color: rgb(var(--fontwhite1)); } #app-mount .quickSelectLabel-2r3iJ_ { /* quickselect label */ color: rgb(var(--fontwhite3)); } #app-mount .quickSelectArrow-1QublR { /* quickselect arrow */ -webkit-mask: url(https://discordapp.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat; background: rgb(var(--fontwhite1)); } .select-2TCrqx [class*="css-"][class*="-container"] { /* select container */ background-color: transparent; } #app-mount .lookFilled-1h1y05.select-1Pkeg4, .select-2TCrqx [class*="css-"][class*="-control"] { background-color: rgba(var(--vtransparencycolor), 0.1); border-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .lookFilled-1h1y05.select-1Pkeg4:hover.selectOpen-hQuR6b, #app-mount .lookFilled-1h1y05.selectOpen-hQuR6b { border-color: rgb(var(--vtransparencycolor)) rgb(var(--vtransparencycolor)) rgba(var(--vtransparencycolor), 0.3); } #app-mount .select-1Pkeg4, #app-mount .lookFilled-1h1y05 .arrow-2KJjTM, .select-2TCrqx [class*="css-"][class*="-singleValue"], .select-2TCrqx [class*="css-"][class*="-placeholder"], .select-2TCrqx [class*="css-"][class*="-indicatorContainer"] { color: rgb(var(--fontwhite1)); } #app-mount .optionNormal-12VR9V, .css-1gfjib6-option, .css-1yz4bi9-option, .css-ru8b0x-option, .css-1yz4bi9-option { background-color: rgba(var(--vtransparencycolor), 0.1); color: rgb(var(--fontwhite2)); } #app-mount .optionNormal-12VR9V:hover, .css-pkcurw-option, .css-rzbxvl-option, .css-1qxn4c5-option, .css-rzbxvl-option { background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite2)); } #app-mount .optionActive-KkAdqq, .css-1gxgi19-option, .css-1ba14n5-option, .css-6qzljd-option, .css-1ba14n5-option { background-color: rgba(var(--vtransparencycolor), 0.5); color: rgb(var(--fontwhite1)); } .role-3ulsK-:hover { background-color: rgba(var(--vtransparencycolor), 0.2); } #app-mount .popout-2sKjHu, .container-3LUQwT, .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] { background-color: transparent; border: 1px solid rgba(var(--vtransparencycolor), 0.3); box-shadow: 0px 1px 5px 0px rgba(var(--vtransparencycolor), 0.3); overflow: hidden; } #app-mount .popout-2sKjHu::before, .container-3LUQwT::before, .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } #app-mount .popout-2sKjHu::after, .container-3LUQwT::after, .select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } /* ---- 15.4. SEARCHBARS ---- */ .container-2XeR5Z, /* searchbar inner */ .container-cMG81i { background-color: rgba(var(--vtransparencycolor), 0.3); } .input-1Rv96N, /* searchbar input */ .input-3Xdcic { color: rgb(var(--fontwhite1)); } .input-1Rv96N::placeholder, .input-3Xdcic::placeholder, #app-mount .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder { color: rgb(var(--fontwhite3)); } .icon-3cZ1F_, /* searchbar icon */ .icon-1S6UIr, #app-mount .clearIcon-2N9YIn, #app-mount .searchIcon-1a1-yA, #app-mount .searchIcon-32i2pb { color: rgb(var(--fontwhite3)); } .clear-1pMieT .icon-3cZ1F_, .icon-1S6UIr.clear--Eywng, #app-mount .clearIcon-xXwSFS, #app-mount .clear-U3WkKp .clearIcon-2N9YIn, #app-mount .clear-U3WkKp .searchIcon-1a1-yA, #app-mount .clear-U3WkKp .searchIcon-32i2pb { color: rgb(var(--fontwhite2)); } .clear-1pMieT.iconLayout-1WxHy4:hover .icon-3cZ1F_, .iconLayout-3OgqU3:hover .icon-1S6UIr.clear--Eywng, #app-mount .clearIcon-xXwSFS:hover, #app-mount .clear-U3WkKp:hover .clearIcon-2N9YIn, #app-mount .clear-U3WkKp:hover .searchIcon-1a1-yA, #app-mount .clear-U3WkKp:hover .searchIcon-32i2pb { color: rgb(var(--fontwhite1)); } #app-mount .searchBox-3Y2Vi7 { background-color: rgba(var(--vtransparencycolor), 0.3); box-shadow: 0 2px 5px 0 rgba(var(--vtransparencycolor), 0.2); } /* ---- 15.5. TAGS ---- */ .botTagRegular-2HEhHi { /* bottag regular */ color: rgb(var(--fontwhite1)); } .botTagRegular-2HEhHi:not([style]) { /* bottag regular */ text-shadow: 1px 1px var(--vtextshadow); } .botTagRegular-2HEhHi:not([style]) svg { filter: drop-shadow(1px 1px var(--vtextshadow)); } .botTagInvert-18-95s { /* bottag inverted */ background-color: rgb(var(--fontwhite1)); } .iconBadge-2wi9r4 { /* iconbadge */ background-color: rgba(var(--vtransparencycolor), 0.3); } .base-PmTxvP { /* mentionbadge */ color: rgb(var(--fontwhite1)); } .disableColor-MwOAZf, /* nitrobadge flower */ .iconBackgroundTierNone-3MPhMJ, .iconBackgroundTierOne-2LhaMB, .iconBackgroundTierThree-3qw3JX, .iconBackgroundTierTwo-3bCmdc { color: rgb(var(--fontwhite4)); } .bannerVisible-2ZE_qG .iconBackgroundTierOne-2LhaMB, /* nitrobadge icon */ .bannerVisible-2ZE_qG .iconBackgroundTierThree-3qw3JX, .bannerVisible-2ZE_qG .iconBackgroundTierTwo-3bCmdc, .iconTierOne-BHC2T8, .iconTierTwo-_1edeM { color: rgb(var(--fontwhite1)); } .flowerStarContainer-3zDVtj path[fill="#4f545c"] { /* flowerbadge flower */ fill: rgb(var(--fontwhite4)); } .flowerStarContainer-3zDVtj path[fill="#ffffff"] { /* flowerbadge icon */ fill: rgb(var(--fontwhite1)); } .icon-1ihkOt { /* flowerbadge icon */ color: rgb(var(--fontwhite1)); } /* ---- 15.6. ICONS ---- */ .emptySearchImage-1qOMLW, /* empty search */ .image-1GzsFd { /* no peoples/webhooks/etc. */ opacity: 0.6; } .gameIcon-gg34Dz { /* gameicon unknowngame */ color: rgb(var(--fontwhite1)); } #app-mount .invalidPoop-pnUbq7 { /* erroricon invalidpoop */ background-color: rgba(var(--vtransparencycolor), 0.3); opacity: 0.7; } #app-mount .guildIconExpired-2Qcq05 { /* erroricon expiredguild */ background-color: rgba(var(--vtransparencycolor), 0.3); opacity: 0.7; } img[src="/assets/4c1bab3f945269a5c1be0b3a2c177141.png"], /* connectionicon twitch */ img[src="/assets/402008166e5ef53b0045b10930b263b0.png"] { -webkit-mask: url(https://discordapp.com/assets/4c1bab3f945269a5c1be0b3a2c177141.png) center/contain no-repeat; background: rgb(var(--fontwhite1)); object-position: -999999px -999999px; } img[src="/assets/0ef81742942677bcef0bebdfb7061d29.png"], /* connectionicon youtube */ img[src="/assets/3f8d3e1dd3c9426ac7e680dada39650e.png"] { -webkit-mask: url(https://discordapp.com/assets/0ef81742942677bcef0bebdfb7061d29.png) center/contain no-repeat; background: rgb(var(--fontwhite1)); object-position: -999999px -999999px; } img[src="/assets/3a257c4cab129e956b05bd50047eb0f9.png"], /* connectionicon battlenet */ img[src="/assets/cf74f0c780cba6ae11728b8ca740b30c.png"] { -webkit-mask: url(https://discordapp.com/assets/3a257c4cab129e956b05bd50047eb0f9.png) center/contain no-repeat; background: rgb(var(--fontwhite1)); object-position: -999999px -999999px; } img[src="/assets/de5fb9e860729912c65048c1c657e1a3.png"], /* connectionicon skype */ img[src="/assets/1c419ecaf6e5406addbae729c7fa2e75.png"] { -webkit-mask: url(https://discordapp.com/assets/de5fb9e860729912c65048c1c657e1a3.png) center/contain no-repeat; background: rgb(var(--fontwhite1)); object-position: -999999px -999999px; } img[src="/assets/fbbd224a0d94747c102515090682bbe1.png"], /* connectionicon LoL */ img[src="/assets/f87228c98e49168b6cf7ad38651b4e87.png"] { -webkit-mask: url(https://discordapp.com/assets/fbbd224a0d94747c102515090682bbe1.png) center/contain no-repeat; background: rgb(var(--fontwhite1)); object-position: -999999px -999999px; } img[src="/assets/baf4bdd36b7ef74e8f34b402e66f81f4.png"], /* connectionicon steam */ img[src="/assets/6ca4a49418715a16e226be1280494f46.png"] { -webkit-mask: url(https://discordapp.com/assets/baf4bdd36b7ef74e8f34b402e66f81f4.png) center/contain no-repeat; background: rgb(var(--fontwhite1)); object-position: -999999px -999999px; } img[src="/assets/bcc7bc0c0b27f9cbadaa1a47ea79db22.png"], /* connectionicon reddit */ img[src="/assets/51edbb92b1904c19197eb16be97bc6fb.png"] { -webkit-mask: url(https://discordapp.com/assets/bcc7bc0c0b27f9cbadaa1a47ea79db22.png) center/contain no-repeat; background: rgb(var(--fontwhite1)); object-position: -999999px -999999px; } img[src="/assets/c926e69c482dac25b8e940db74496813.png"], /* connectionicon facebook */ img[src="/assets/27fb89c30127405c6a5370b477590da6.png"] { -webkit-mask: url(https://discordapp.com/assets/c926e69c482dac25b8e940db74496813.png) center/contain no-repeat; background: rgb(var(--fontwhite1)); object-position: -999999px -999999px; } img[src="/assets/2ac50d286a1c883f28b5149239a8ad36.png"], /* connectionicon twitter */ img[src="/assets/c38327e52d3a859d550af398edb8d8e0.png"] { -webkit-mask: url(https://discordapp.com/assets/2ac50d286a1c883f28b5149239a8ad36.png) center/contain no-repeat; background: rgb(var(--fontwhite1)); object-position: -999999px -999999px; } img[src="/assets/fe3770614c2658a07dea3ecb286ce745.png"], /* connectionicon spotify */ img[src="/assets/739cb09703de9dcfe68d0200a163d9fc.png"] { -webkit-mask: url(https://discordapp.com/assets/fe3770614c2658a07dea3ecb286ce745.png) center/contain no-repeat; background: rgb(var(--fontwhite1)); object-position: -999999px -999999px; } img[src="/assets/850ed4fcf5839b7a32651f5959e8511e.png"], /* connectionicon xbox */ img[src="/assets/4c59c8e37dda86294d3cf237b2695dde.png"] { -webkit-mask: url(https://discordapp.com/assets/850ed4fcf5839b7a32651f5959e8511e.png) center/contain no-repeat; background: rgb(var(--fontwhite1)); object-position: -999999px -999999px; } img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { /* videosettings opus */ -webkit-mask: url(https://discordapp.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat; background: rgb(var(--fontwhite2)); object-position: -999999px -999999px; } .container-q03LZO:not(.colored-1armap) .profileBadgeStaff-3BXdTO { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/7cfd90c8062139e4804a1fa59f564731.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgePartner-j6Lwhr { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/a0e288a458c48dfcf548dadc277e42e6.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgeHypesquad-12E2P6 { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/3a050fcc884255231b99b7033c776070.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1-3rBtjf { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/1115767aed344e96a27a12e97718c171.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2-2oU04B { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/d3478c6bd5cee0fc600e55935ddc81aa.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3-1DoJkv { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/2a085ed9c86f3613935a6a8667ba8b89.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1Winner-3wCl80 { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/75f75c3142b8d44ea7052c2bcb9a9043.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2Winner-AS5bXe { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/d4a8fe68fc5f40c8a778f858881a7b84.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3Winner-2CwwQi { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/5dc48a7859a00e7d95ad8382156aab84.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgeEarlySupporter-2ng_jL { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/ce15562552e3d70c56d5408cfeed2ffd.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgePremium-1KDZYC { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/379d2b3171722ef8be494231234da5d1.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgeVerifiedDeveloper-195KfD { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/785d81fdbedd133e213da693aba98774.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgeBugHunterLevel1-dbEzVz { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/df26f079738a4dcd07cbce6eb3c957f1.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileBadgeBugHunterLevel2-3TUciC { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/16def052b03d75dac0ed9234c5d6a880.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl1-3oI9tx { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl2-r6nJHT { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl3-38s3Dj { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl4-2NXrsI { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl5-3XIa2K { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/a99def5f819c077e5e5061cab741b7e6.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl6-3e3sxW { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/2cfb317f3db3963d8ded9a97ee967bac.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl7-1dVhQT { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/278736f579d810b11ddf308cb598b19e.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl8-1kXdFr { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/38e40f25802a0fdf480d9b855a37a2f3.svg) center/contain no-repeat; } .container-q03LZO:not(.colored-1armap) .profileGuildSubscriberlvl9-1d6zav { background: rgb(var(--fontwhite1)); -webkit-mask: url(https://discordapp.com/assets/cfbc2d8ceacfacf07850f986c8165195.svg) center/contain no-repeat; } /* ---- 15.7. SCROLLBARS ---- */ ::-webkit-scrollbar, #app-mount ::-webkit-scrollbar { width: 8px; height: 8px; } #app-mount .scroller-3vODG7::-webkit-scrollbar { width: 6px; height: 6px; } #app-mount .scroller--qpKGq::-webkit-scrollbar, #app-mount .scrollbar-3dvm_9::-webkit-scrollbar, #app-mount .scroller-2PSBSf::-webkit-scrollbar { width: 4px; height: 4px; } ::-webkit-scrollbar, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, #app-mount ::-webkit-scrollbar, #app-mount ::-webkit-scrollbar-track, #app-mount ::-webkit-scrollbar-track-piece { border-color: transparent !important; background: transparent !important; } ::-webkit-scrollbar-thumb, #app-mount ::-webkit-scrollbar-thumb { border-radius: 10px; border: none; background-color: rgb(var(--vaccentcolor)) !important; } .none-2Eo-qx::-webkit-scrollbar-corner, .none-2Eo-qx::-webkit-scrollbar-thumb, .none-2Eo-qx::-webkit-scrollbar-track, .none-2Eo-qx::-webkit-scrollbar { display: none; } /* ---- 15.8. NOTIFICATIONBAR ---- */ .base-3dtUhz .notice-3bPHh- { border-radius: 0; } #app-mount .notice-2FJMB4 { box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .notice-2X5hT5 { background-color: rgba(var(--vtransparencycolor), 0.6); } #app-mount .button-1MICoQ:not(:hover) { border-color: rgba(var(--fontwhite1), 0.25); color: rgb(var(--fontwhite1)); } #app-mount .button-1MICoQ:hover { border-color: rgb(var(--fontwhite1)); background-color: rgb(var(--fontwhite1)); } #app-mount .dismiss-SCAH9H { -webkit-mask: url(https://discordapp.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) 50% 55%/10px 10px no-repeat; background: rgb(var(--fontwhite1)); } #app-mount .icon-KgjVwm:empty, #app-mount .platformIcon-2NdO9F:empty { background: rgb(var(--fontwhite1)); } #app-mount .iconWindows-1KG_XN { -webkit-mask: url(https://discordapp.com/assets/24b843ed68d70abffbf4fdab9b400cc9.svg) center/contain no-repeat; } #app-mount .iconApple-1hp9Sq { -webkit-mask: url(https://discordapp.com/assets/ca511da5c9b326e5cb3f6befab1a3143.svg) center/contain no-repeat; } #app-mount .iconAndroid-3HTSwF { -webkit-mask: url(https://discordapp.com/assets/296aebeec33f5ce47db9ebbee9ccf1fc.svg) center/contain no-repeat; } #app-mount .premiumLogo-30dge3 { -webkit-mask: url(https://discordapp.com/assets/9328a2df4b542ac8725b57010a52f73b.svg) center/contain no-repeat; background: rgb(var(--fontwhite1)); } .noticeBrand-3nQBC_ { text-shadow: 1px 1px var(--vtextshadow); } .noticeBrand-3nQBC_ .button-1MICoQ { box-shadow: 1px 1px var(--vtextshadow); text-shadow: 1px 1px var(--vtextshadow); } #app-mount .noticeBrand-3nQBC_ .icon-KgjVwm:empty::after, #app-mount .noticeBrand-3nQBC_ .platformIcon-2NdO9F:empty::after, #app-mount .noticeBrand-3nQBC_ .premiumLogo-30dge3::after, #app-mount .noticeBrand-3nQBC_ .dismiss-SCAH9H::after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: var(--vtextshadow); } /* ---- 15.9. TOOLTIPS ---- */ .headerText-1e7ZU0, .bodyText-3yi6Dj { color: rgb(var(--fontwhite1)); } #app-mount .tooltip-3oByQd, #app-mount .tooltip-1_vJJI, #app-mount .tooltip-2QfLtc { box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .guildNameText-74xXQn { color: rgb(var(--fontwhite1)); } #app-mount .muteText-1DPH3L { color: rgb(var(--fontwhite3)); } #app-mount .tooltip-3oByQd, #app-mount .tooltip-1_vJJI, #app-mount .tooltipPrimary-1d1ph4, #app-mount .tooltipGrey-1hnvTt, #app-mount .tooltipBlack-PPG47z { background-color: rgb(var(--vaccentcolor)); text-shadow: 1px 1px var(--vtextshadow); } #app-mount .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK, #app-mount .tooltipGrey-1hnvTt .tooltipPointer-3ZfirK, #app-mount .tooltipBlack-PPG47z .tooltipPointer-3ZfirK { border-top-color: rgb(var(--vaccentcolor)); } #app-mount .tooltipPointer-22Q7m0, #app-mount .tooltipPointer-1awMxk { border-right-color: rgb(var(--vaccentcolor)); } .emptyUser-7txhlW { background: rgba(var(--vtransparencycolor), 0.5); } .moreUsers-7v8yWY { background: rgba(var(--vtransparencycolor), 0.5); } /* ~~~~ 16. BDSUPPORT ~~~~ */ html .bd-toast { background-color: rgb(var(--vaccentcolor)); box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); text-shadow: 1px 1px var(--vtextshadow); } 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: rgb(var(--fontwhite1)) !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(--header-primary); 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-modal-inner { /* modal container */ background-color: transparent; border: none; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; overflow: hidden; } .bd-modal-inner::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } .bd-modal-inner::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } .bd-modal-wrapper .header { /* modal header */ background-color: transparent; box-shadow: none; color: rgb(var(--fontwhite1)); } .bd-modal-wrapper .bd-modal-body { /* modal body */ background-color: transparent; color: rgb(var(--fontwhite1)); } .bd-modal-wrapper .footer { /* modal footer */ background-color: rgba(var(--vtransparencycolor), 0.2); box-shadow: none; } .bd-modal-wrapper .footer button { color: rgb(var(--fontwhite1)); } .bd-modal-wrapper .tab-bar-container { /* modal tabbarcontainer */ background: rgba(var(--vtransparencycolor), 0.2); border-top-color: rgba(var(--vtransparencycolor), 0.3); box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1); } .bd-modal-wrapper .tab-bar-container .tab-bar-item { /* modal tabbaritem */ color: rgb(var(--fontwhite1)) !important; } .bd-modal-wrapper .tab-bar-container .tab-bar-item.selected,/* modal tabbaritem selected */ .bd-modal-wrapper .tab-bar-container .tab-bar-item:hover { /* modal tabbaritem hover */ border-color: rgb(var(--fontwhite1)) !important; } .bd-modal-wrapper .table-header, /* modal tableheader */ .bd-modal-wrapper .error { /* modal tablerow */ border-color: rgba(var(--fontwhite4), 0.3); color: rgb(var(--fontwhite1)); } #pubslayer .ui-tab-bar-item, #app-mount #bd-settings-sidebar .ui-tab-bar-item { /* sidebar item */ color: rgb(var(--fontwhite3)); } #pubslayer .ui-tab-bar-item:hover, #app-mount #bd-settings-sidebar .ui-tab-bar-item:hover { background-color: rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite2)); } #pubslayer .ui-tab-bar-item.selected, #app-mount #bd-settings-sidebar .ui-tab-bar-item.selected { background-color: rgb(var(--vaccentcolor)); color: rgb(var(--fontwhite1)); text-shadow: 1px 1px var(--vtextshadow); } #pubslayer .ui-tab-bar-header, #app-mount #bd-settings-sidebar .ui-tab-bar-header { /* sidebar sideitemheader */ color: rgb(var(--fontwhite3)); } #pubslayer .ui-tab-bar-separator, #app-mount #bd-settings-sidebar .ui-tab-bar-separator { /* sidebar sideitemseparator */ background-color: rgba(var(--fontwhite4), 0.3); } #bd-settings-sidebar [style*=" color: rgb(114, 118, 125)"] {/* sidebar credits */ color: rgb(var(--fontwhite4)) !important; } #app-mount .bd-server-card { /* pubslayer guildcard */ background-color: rgba(var(--vtransparencycolor), 0.3); } #app-mount .bd-server-icon { /* pubslayer guildicon */ background-color: rgba(var(--vtransparencycolor), 0.2); border-color: transparent; } #app-mount .bd-server-card:hover, #app-mount .bd-server-icon:hover { background-color: rgba(var(--vtransparencycolor), 0.4); } .bd-server-description-container { /* pubslayer guilddescription */ border-color: rgba(var(--fontwhite4), 0.3); color: rgb(var(--fontwhite3)); } .bd-server-card .bd-server-tags { /* pubslayer guildtags */ color: rgb(var(--fontwhite3)); } #pubslayer h2.ui-form-title { /* pubslayer header */ color: rgb(var(--fontwhite1)); } #pubslayer button { /* pubslayer button */ color: rgb(var(--fontwhite1)); } #pubslayer input { /* pubslayer input */ background-color: rgba(var(--vtransparencycolor), 0.1); border-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } #pubslayer input:hover { border-color: rgb(var(--vtransparencycolor)); } #pubslayer input::placeholder { color: rgb(var(--fontwhite3)); } #app-mount #bd-settingspane-container h2.ui-form-title { /* settingsitems header */ color: rgb(var(--fontwhite1)); min-width: 100px; } #app-mount #bd-settingspane-container .ui-switch-item h3 { color: rgb(var(--fontwhite1)); } #app-mount #bd-settingspane-container .ui-switch-item .style-description { border-bottom-color: rgba(var(--fontwhite4), 0.3); color: rgb(var(--fontwhite3)); } .bd-switch: { /* bd switch */ box-shadow: inset 0 1px 1px rgba(var(--vtransparencycolor), 0.15); } .bd-switch:not(.bd-switch-checked) { background-color: rgba(var(--vtransparencycolor), 0.3); } .bd-switch::before { background-color: rgb(var(--fontwhite1)); box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.6); } .bd-select-wrapper { /* bd select wrapper */ color: rgb(var(--fontwhite1)); } .bd-select { /* bd select inner */ background-color: rgba(var(--vtransparencycolor), 0.1); border-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } .bd-select-arrow { /* bd select arrow */ fill: rgb(var(--fontwhite1)); } .bd-select .bd-select-options { /* bd select popout */ background-color: transparent; border: none; border-radius: 4px; box-shadow: rgba(var(--vtransparencycolor), 0.3) 0px 2px 5px 0px; box-sizing: border-box; padding: 6px 8px; margin-left: -9px; } .bd-select .bd-select-options::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .bd-select .bd-select-options::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3)); width: unset; height: unset; border-radius: 4px; pointer-events: none; z-index: -1; } .bd-select .bd-select-option { /* bd select popout option */ display: flex; align-items: center; min-height: 32px; border-radius: 2px; box-sizing: border-box; color: var(--interactive-normal); font-size: 14px; font-weight: 500; line-height: 18px; margin-top: 2px; margin-bottom: 2px; padding: 0 8px; } .bd-select .bd-select-option:hover { background-color: rgba(var(--vtransparencycolor), 0.2); color: var(--interactive-hover); } .bd-select .bd-select-option.selected { background-color: rgba(var(--vtransparencycolor), 0.3); color: var(--interactive-active); } .bd-pfbtn { /* addonlist folderbutton */ color: rgb(var(--fontwhite1)); text-shadow: 1px 1px var(--vtextshadow); } .bd-server-tag { /* addonlist public list tag */ color: rgb(var(--fontwhite1)); text-shadow: 1px 1px var(--vtextshadow); } .bd-search-wrapper { /* addonlist searchbar container */ background-color: rgba(var(--vtransparencycolor), 0.3); color: rgb(var(--fontwhite1)); } .bd-search { /* addonlist searchbar input */ color: rgb(var(--fontwhite1)) } .bd-search::placeholder { color: rgb(var(--fontwhite3)); } .bd-search-wrapper svg[fill] { /* addonlist searchbar icon */ fill: rgb(var(--fontwhite1)); } #app-mount .bd-addon-list .bd-addon-card { /* addonlist addoncard */ background-color: rgba(var(--vtransparencycolor), 0.4); border-color: transparent; color: rgb(var(--fontwhite1)); max-height: unset; } #app-mount .bd-addon-list .bd-addon-header { /* addonlist header */ background-color: rgba(var(--vtransparencycolor), 0.3); border-bottom-color: rgba(var(--fontwhite2), 0.3); color: rgb(var(--fontwhite1)); } #app-mount .bd-addon-list .bda-header { /* addonlist header old */ background-color: transparent; } #app-mount .bd-addon-list .bd-addon-button svg[fill] { /* addonlist header button icon */ fill: currentColor; } #app-mount .bd-addon-list .bd-addon-button svg { /* addonlist header button icon */ color: rgb(var(--fontwhite3)); } #app-mount .bd-addon-list .bd-button.bd-addon-button svg, #app-mount .bd-addon-list .bd-addon-button svg:hover { color: rgb(var(--fontwhite1)); } #app-mount .bd-addon-list .bd-description { /* addonlist description */ color: rgb(var(--fontwhite2)); } #app-mount .bd-addon-list .bd-description::-webkit-scrollbar { width: 4px; height: 4px; } #app-mount .bd-addon-list .bd-footer { /* addonlist footer */ border-top-color: rgba(var(--fontwhite2), 0.3); } .bd-addon-list .bd-footer button { /* addonlist footer button */ color: rgb(var(--fontwhite1)); } #bd-customcss-detach-container { /* customcsseditor detached */ background: transparent; } #bd-customcss-attach-controls { background-color: rgba(var(--vtransparencycolor), 0.8); box-shadow: none; } .contentRegion-3nDuYy #bd-customcss-attach-controls, #bd-customcss-detach-container #bd-customcss-attach-controls { background-color: rgba(var(--vtransparencycolor), 0.5); box-shadow: inset 0 1px 0 0 rgba(var(--fontwhite4), 0.3); color: rgb(var(--fontwhite1)); } .standardSidebarView-3F1I7i #bd-customcss-attach-controls button, .bd-detached-css-editor #bd-customcss-attach-controls button { color: rgb(var(--fontwhite1)); background: rgba(var(--vtransparencycolor), 0.5); border: none !important; border-radius: 3px !important; margin: 5px 5px 0 0; transition: background-color 0.1s ease; } .standardSidebarView-3F1I7i #bd-customcss-attach-controls button:hover, .bd-detached-css-editor #bd-customcss-attach-controls button:hover { background: rgb(var(--vaccentcolor)); } .standardSidebarView-3F1I7i #editor-detached h3 { color: rgb(var(--fontwhite3)); } #bd-customcss-attach-controls .help-text .inline { background-color: rgba(var(--vtransparencycolor), 0.4); } html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight { background: rgb(var(--vaccentcolor)); } /* ~~~~ 17. POWERCORDSUPPORT ~~~~ */ html .powercord-toast { background-color: transparent; border: none; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); overflow: hidden; } html .powercord-toast::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } html .powercord-toast::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25)); width: unset; height: unset; border-radius: 5px; pointer-events: none; z-index: -1; } html .powercord-toast .header { background-color: rgba(var(--vtransparencycolor), 0.2); box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite1)); } html .powercord-toast .contents .inner { background-color: rgba(var(--vtransparencycolor), 0.2); border: none; color: rgb(var(--fontwhite2)); } /* ~~~~ 18. PLUGINSUPPORT ~~~~ */ /* ---- 18.1. BDFDB ---- */ html .colorDefault-XdNdIp .bg-8df5St { background: linear-gradient(rgba(var(--vtransparencycolor), 0.75), rgba(var(--vtransparencycolor), 0.75)) var(--vpopoutposition)/var(--vpopoutsize), var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); } /* ---- 18.2. DATEVIEWER ---- */ #app-mount #dv-mount { background: transparent; } #app-mount #dv-main { border-top-color: rgba(var(--fontwhite1), 0.1); color: rgb(var(--fontwhite1)); } #app-mount #dv-main .dv-date { color: rgb(var(--fontwhite3)); opacity: 1; } /* ---- 18.3. SERVERFOLDERS ---- */ .base-PmTxvP[style*="background-color: rgb(114, 137, 218)"] { text-shadow: 1px 1px var(--vtextshadow); } /* ---- 18.4. MEMBERCOUNT ---- */ #app-mount #MemberCount { background-color: transparent; color: rgb(var(--fontwhite2)); width: calc(100% - 8px); margin: 0; line-height: 0; height: 30px; } #MemberCount::after, #MemberCount::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; z-index: -1; } #MemberCount::after { background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vmemberlisttransparency) * 0.85)); } #MemberCount::before { background: var(--vbackground) var(--vbackgroundposition)/var(--vbackgroundsize); background-attachment: fixed; filter: blur(var(--vbackgroundblur)); } /* ---- 18.5. CHARCOUNTER ---- */ #app-mount #charcounter { color: rgb(var(--fontwhite3)); opacity: 1; } /* ---- 18.6. LINENUMBERS ---- */ .hljs ol li { border-left-color: rgba(var(--fontwhite1), 0.2); } .hljs ol li::before { color: rgb(var(--fontwhite4)); } /* ---- 18.7. PERMISSIONVIEWER ---- */ #permissions-modal-wrapper #permissions-modal { /* modal container */ background-color: transparent; border: none; box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); position: relative; overflow: hidden; } #permissions-modal-wrapper #permissions-modal::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); width: unset; height: unset; pointer-events: none; z-index: -1; } #permissions-modal-wrapper #permissions-modal::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)); width: unset; height: unset; pointer-events: none; z-index: -1; } #permissions-modal-wrapper .header { background-color: rgba(var(--vtransparencycolor), 0.2); box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.2); color: rgb(var(--fontwhite1)); } #permissions-modal-wrapper .modal-body { background-color: transparent; } #permissions-modal-wrapper .scroller-title { border-bottom: 1px solid rgba(var(--vtransparencycolor), 0.3); } #permissions-modal-wrapper .role-side { background-color: rgba(var(--vtransparencycolor), 0.1); } #permissions-modal-wrapper .role-item { color: rgb(var(--fontwhite2)); } #permissions-modal-wrapper .role-item:hover { background-color: rgba(var(--vtransparencycolor), 0.1); } #permissions-modal-wrapper .role-item.selected { background-color: rgba(var(--vtransparencycolor), 0.2); } #permissions-modal-wrapper .perm-side { background-color: transparent; } #permissions-modal-wrapper .perm-item { box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3); } #permissions-modal-wrapper .perm-name { color: rgb(var(--fontwhite3)); } /* ---- 18.8. DIRECTDOWNLOAD ---- */ #files_directDownload .file { background-color: rgba(var(--vtransparencycolor), 0.4); border-color: rgba(var(--vaccentcolor), 0.2); border-radius: 6px 6px 0 0; } #files_directDownload .file svg { fill: rgb(var(--fontwhite1)); opacity: 0.5; } #files_directDownload .file svg:hover { opacity: 1; } #files_directDownload .file span { color: rgb(var(--fontwhite1)); } #files_directDownload .file .progress-bar { background-color: rgb(var(--vaccentcolor)); } /* ---- 18.9. BETTERFORMATINGREDUX ---- */ .innerDisabled-2mc-iF ~ .bf-toolbar { display: none; } .bf-arrow { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; background: rgb(var(--fontwhite1)) !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(--vtransparencycolor), 0.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(--vpopout) var(--vpopoutposition)/var(--vpopoutsize); background-attachment: fixed; filter: blur(var(--vpopoutblur)); z-index: 100; } .theme-brand .bf-toolbar::after { background: rgb(var(--vaccentcolor)) linear-gradient(rgba(var(--vtransparencycolor), 0.2), rgba(var(--vtransparencycolor), 0.2)) !important; } .theme-brand .bf-toolbar::before { display: none; } .bf-toolbar > * { z-index: 300; } .bf-toolbar .format { color: rgb(var(--fontwhite2)); } .bf-toolbar .format:hover { background-color: rgb(var(--vaccentcolor)); color: rgb(var(--fontwhite1)); } /* ---- 18.10 PLUGIN/THEMEREPO ---- */ #app-mount .pluginEntry svg[fill="currentColor"], #app-mount .pluginEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN), #app-mount .themeEntry svg[fill="currentColor"], #app-mount .themeEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN) { color: rgb(var(--fontwhite2)) !important; } #app-mount .pluginEntry svg[fill="currentColor"]:hover, #app-mount .pluginEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN):hover, #app-mount .themeEntry svg[fill="currentColor"]:hover, #app-mount .themeEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN):hover { color: rgb(var(--fontwhite1)) !important; } /* ---- 18.11 CHANNELHISTORY ---- */ .channelHistoryButtons { top: 4px; left: 310px; } /* ---- 18.12 CHANNELTABS ---- */ html .channelTabs-tabContainer, html .channelTabs-favContainer { display: flex; align-items: center; flex-wrap: wrap; min-height: 28px; height: unset; overflow: hidden; transition: height 0.3s linear; } html .channelTabs-tabContainer { background: rgba(var(--vtransparencycolor), calc(0.05 + var(--vguildchanneltransparency) * 2)); box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2),0 1.5px 0 rgba(var(--vtransparencycolor), 0.05),0 2px 0 rgba(var(--vtransparencycolor), 0.05); padding-top: 6px; } html .channelTabs-favContainer { background: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 2)); padding-top: 3px; padding-bottom: 3px; } html .channelTabs-noFavs { background: transparent; padding: 0 6px; } html .channelTabs-tab, html .channelTabs-fav { display: flex; align-items: center; color: var(--interactive-normal); height: 28px; margin: 0 4px; padding: 0 4px; cursor: pointer; } html .channelTabs-tab { background: rgba(var(--vtransparencycolor), 0.3); border-radius: 5px 5px 0 0; } html .channelTabs-tab:not(.channelTabs-selected):hover, html .channelTabs-fav:hover { background: rgba(var(--vtransparencycolor), 0.4); color: var(--interactive-hover); } html .channelTabs-tab.channelTabs-selected, html .channelTabs-fav:active { background: rgb(var(--vaccentcolor)); color: var(--interactive-active); } html .channelTabs-tab > *, html .channelTabs-fav > *, html .channelTabs-tab .channelTabs-mentionBadge, html .channelTabs-fav .channelTabs-mentionBadge, html .channelTabs-tab .channelTabs-unreadBadge, html .channelTabs-fav .channelTabs-unreadBadge { position: static !important; transform: unset !important; float: unset !important; } html .channelTabs-tabIcon, html .channelTabs-favIcon { margin-right: 6px !important; } html .channelTabs-tabName, html .channelTabs-favName { margin: 0 !important; font-size: 16px; line-height: 20px; font-weight: 500; white-space: nowrap; } html .channelTabs-tab .channelTabs-tabName ~ *, html .channelTabs-fav .channelTabs-favName ~ * { margin: 0 0 0 4px !important; } html .channelTabs-closeTab, html .channelTabs-tab.channelTabs-selected .channelTabs-closeTab { position: static; background: rgba(var(--vtransparencycolor), 0.3); color: var(--interactive-hover); border-radius: 50%; width: 14px; height: 14px; min-width: 14px; min-height: 14px; font-size: 14px; line-height: unset; } html .channelTabs-closeTab:hover, html .channelTabs-tab.channelTabs-selected .channelTabs-closeTab:hover { background: #f04747; color: var(--interactive-active); } html .channelTabs-newTab { position: static; display: flex; justify-content: center; align-items: center; background: rgba(var(--vtransparencycolor), 0.3); color: var(--interactive-hover); padding: 0; width: 22px; height: 22px; } html .channelTabs-newTab:hover { background: rgb(var(--vaccentcolor)); color: var(--interactive-active); } /* ~~~~ 19. UPDATENOTICE ~~~~ */ html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp::before { content: "Your version of BasicBackground by DevilBro is outdated. Please download the newest version from: https://github.com/mwittrien/BetterDiscordAddons/blob/master/Themes/BasicBackground" !important; display: var(--version1_0_5, block) !important; background-color: #4a90e2 !important; box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3) !important; color: rgb(var(--fontwhite1)) !important; flex-grow: 0 !important; flex-shrink: 0 !important; font-size: 14px !important; font-weight: 500 !important; height: 36px !important; line-height: 36px !important; opacity: 1 !important; padding-left: 4px !important; padding-right: 28px !important; position: relative !important; text-align: center !important; visibility: unset !important; white-space: pre !important; top: 0 !important; left: 0 !important; bottom: unset !important; right: unset !important; max-width: unset !important; min-width: unset !important; max-height: unset !important; min-height: unset !important; transform: unset !important; animation: unset !important; z-index: 101 !important; pointer-events: none !important; } /* ~~~~ 20. WATERMARK ~~~~ */ html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm { color: white !important; 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: 0.6 !important; visibility: visible !important; transform: unset !important; animation: unset !important; } html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm::after { content: url('data:image/svg+xml; utf8, ') !important; display: inline !important; position: absolute !important; top: unset !important; left: unset !important; bottom: unset !important; right: unset !important; opacity: 1 !important; padding: 0 !important; margin: 0 !important; visibility: visible !important; transform: unset !important; animation: unset !important; } html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i::after { content: url('data:image/svg+xml; utf8, ') !important; display: inline !important; position: absolute !important; left: unset !important; bottom: 7px !important; top: unset !important; right: 15px !important; opacity: 0.3 !important; padding: 0 !important; margin: 0 !important; visibility: visible !important; transform: unset !important; animation: unset !important; } html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT { position: relative !important; } html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT::after { content: "BasicBackground by" !important; font-size: 12px !important; color: var(--text-muted) !important; cursor: pointer !important; display: inline !important; opacity: 1 !important; padding: 0 !important; margin: 0 !important; cursor: text !important; visibility: visible !important; position: relative !important; top: unset !important; left: unset !important; bottom: unset !important; right: unset !important; transform: unset !important; animation: unset !important; } html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT::before { content: "DevilBro" !important; font-size: 12px !important; color: rgb(var(--vaccentcolor)) !important; display: inline !important; opacity: 1 !important; padding: 0 !important; margin: 0 !important; cursor: pointer !important; visibility: visible !important; position: absolute !important; top: unset !important; left: 113px !important; bottom: 9px !important; right: unset !important; transform: unset !important; animation: unset !important; }