@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.css); :root { --daccentcolor: 114,137,218; --vaccentcolor: var(--accentcolor, var(--daccentcolor)); --dlinkcolor: 0,176,244; --vlinkcolor: var(--linkcolor, var(--dlinkcolor)); --dfontwhite1: 255,255,255; --vaccentcolor-hover: rgb(var(--vaccentcolor)) linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)); --vaccentcolor-active: rgb(var(--vaccentcolor)) linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); --bdfdb-blurple: rgb(var(--vaccentcolor)) !important; --bd-blue: rgb(var(--vaccentcolor)) !important; --bd-blue-hover: var(--vaccentcolor-hover) !important; --bd-blue-active: var(--vaccentcolor-active) !important; --blurple: rgb(var(--vaccentcolor)) !important; } .theme-dark, .theme-light { --text-link: rgb(var(--vlinkcolor)); --focus-primary: rgb(var(--vlinkcolor)); --radio-group-dot-foreground: rgb(var(--vaccentcolor)); } .theme-light { --logo-primary: rgb(var(--vaccentcolor)); } /* ~~~~ 0. TABLE OF CONTENTS ~~~~ */ /* 1. GUILDLIST 2. CHANNELLIST 3. CHAT 1. MESSAGES 2. AUTOCOMPLETEMENU 3. MEMBERLIST 4. SEARCHPAGE 5. CALL 4. PEOPLES 5. STORE/NITRO 6. LIBRARY 7. DISCOVERY 8. USERSETTINGS 9. GUILDSETTINGS 10. MODALS 1. USERMODAL 2. GUILDADD/CREATION 3. REGIONSELECTMODAL 4. UPLOADMODAL 5. KEYBOARDSHORTCUTSMODAL 6. LOGINSCREEN 7. DOWNLOADAPPMODAL 8. GUILDBOOSTMODAL 9. STREAMSETTINGSMODAL 10. DISPATCHERRORMODAL 11. CHANGELOGMODAL 12. SCREENSHAREMODAL 11. POPOUTS 1. CONTEXTMENU 2. USERPOPOUT 3. EMOJIPICKER 4. PINS/MENTIONS 5. SEARCHPOPOUT 12. GENERAL 1. TEXT 2. BUTTONS 3. INPUTS 4. TAGS 5. ICONS 6. SCROLLBARS 7. NOTIFICATIONBAR 8. TOOLTIPS 9. TOASTS 13. BDSUPPORT 14. POWERCORDSUPPORT 15. PLUGINSUPPORT 1. IMAGEZOOM 2. HIDEUTILS 3. READALLNOTIFICATIONSBUTTON 4. SERVERSEARCH 5. CHANNELTABS 16. THEMESUPPORT 1. THEMEDEVBADGE */ /* ~~~~ 1. GUILDLIST ~~~~ */ .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9, /* home/acronym */ .wrapper-1BJsBx:hover .childWrapper-anI2G9 { background-color: rgb(var(--vaccentcolor)); } /* ~~~~ 2. CHANNELLIST ~~~~ */ .background-2uufRq { /* guild header partnerbadge */ color: rgb(var(--vaccentcolor)); } .iconTierThree-3EAOB7 { /* guild header icontier3 */ color: rgb(var(--vaccentcolor)); } .subscribeTooltipWrapper-32-Ce8 { /* guild header subscribetooltip */ background-color: rgb(var(--vaccentcolor)); } .subscribeTooltipWrapper-32-Ce8::after { border-bottom-color: rgb(var(--vaccentcolor)); } .channelNotice-1-XFjC::before, /* channel notice */ .channelNotice-1-XFjC::after, .channelNotice-3DDmsB::before, .channelNotice-3DDmsB::after, #app-mount .channelNotice-3hkOiI::before, #app-mount .channelNotice-3hkOiI::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .channelNotice-1-XFjC.quickswitcher-35bYg4 { background: transparent; } .channelNotice-1-XFjC.quickswitcher-35bYg4::before { filter: grayscale(0.5); background: url(https://discord.com/assets/8fdb69b7684b8e1ecb3fdde909daca41.svg) center 35px no-repeat; } .channelNotice-1-XFjC.premiumGuildSubscription-3oKecP { background: url('data:image/svg+xml; utf8, ') center 23px no-repeat; } .channelNotice-1-XFjC.premiumGuildSubscription-3oKecP::after { background: rgb(var(--vaccentcolor)); -webkit-mask: url('data:image/svg+xml; utf8, ') center 23px no-repeat; } .channelNotice-1-XFjC.publicUpsell-31ZSJ8::before { background: url('data:image/svg+xml; utf8, ') center 12px no-repeat; } .channelNotice-1-XFjC.publicUpsell-31ZSJ8::after { background: rgb(var(--vaccentcolor)); -webkit-mask: url('data:image/svg+xml; utf8, ') center 12px no-repeat; } /* ~~~~ 3. CHAT ~~~~ */ /* ---- 3.1. MESSAGES ---- */ .newMessagesBar-265mhP { /* new messagesbar */ background-color: rgb(var(--vaccentcolor)); } .hasMore-3POVhk { /* hasmore messagesbar */ color: rgb(var(--vaccentcolor)); } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 1"] { background-color: rgba(var(--vaccentcolor), 1) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.9"] { background-color: rgba(var(--vaccentcolor), 0.9) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.8"] { background-color: rgba(var(--vaccentcolor), 0.8) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.7"] { background-color: rgba(var(--vaccentcolor), 0.7) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.6"] { background-color: rgba(var(--vaccentcolor), 0.6) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.5"] { background-color: rgba(var(--vaccentcolor), 0.5) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.4"] { background-color: rgba(var(--vaccentcolor), 0.4) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.3"] { background-color: rgba(var(--vaccentcolor), 0.3) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.2"] { background-color: rgba(var(--vaccentcolor), 0.2) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.1"] { background-color: rgba(var(--vaccentcolor), 0.1) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.0"] { background-color: rgba(var(--vaccentcolor), 0.0) !important; } .ephemeral-1PsL1r, /* localbot container */ .replying-1x3H0T { /* replying container */ background-color: rgba(var(--vaccentcolor), 0.05); } .ephemeral-1PsL1r::before, /* localbot before */ .replying-1x3H0T::before { /* replying before */ background-color: rgb(var(--vaccentcolor)); } .message-2qnXI6.ephemeral-1PsL1r.selected-2P5D_Z, .mouse-mode.full-motion .ephemeral-1PsL1r:hover, .mouse-mode .ephemeral-1PsL1r:hover, .message-2qnXI6.replying-1x3H0T.selected-2P5D_Z, .mouse-mode.full-motion .replying-1x3H0T:hover, .mouse-mode .replying-1x3H0T:hover { background-color: rgba(var(--vaccentcolor), 0.1); } .ephemeralMessage-1fEWtQ a { /* localbot operations */ color: rgb(var(--vaccentcolor)); } .operations-36ENbA > a { /* message operations */ color: rgb(var(--vaccentcolor)); } .icon-360yEu { /* systemmessage guild sub easter egg icon */ color: rgb(var(--vaccentcolor)); } .message-15tBk4 strong, /* mention in header */ .wrapper-3WhCwL { /* mention */ background-color: rgba(var(--vaccentcolor), 0.1); color: rgb(var(--vaccentcolor)); } .message-15tBk4 strong:hover, .interactive:hover { background-color: rgb(var(--vaccentcolor)); } #app-mount .mentioned-xhSam7 .mention.interactive:hover { color: rgb(var(--vaccentcolor)); } .reactionMe-wv5HKu .reactionCount-2mvXRV, /* reaction count me */ .reactionMe-wv5HKu:hover .reactionCount-2mvXRV { color: rgb(var(--vaccentcolor)); } .reaction-1hd86g.reactionMe-wv5HKu { /* reaction wrapper me */ background-color: rgba(var(--vaccentcolor), 0.3); } /* attachment upload bar */ .progressBar-3u8FBM[style*="background-color: rgb(114, 137, 218)"] { background-color: rgb(var(--vaccentcolor)) !important; } /* ---- 3.2. AUTOCOMPLETEMENU ---- */ #app-mount .active-2awTSY { /* autocomplete option active */ background-color: rgb(var(--vaccentcolor)); } #app-mount .searchSuggestion-2K8OBX:hover { /* gifpicker suggestions */ border-color: rgb(var(--vaccentcolor)); background-color: rgb(var(--vaccentcolor)); } .result-3w1ZcL[style*="background-color"] { /* gifpicker result loading */ background-color: rgb(var(--vaccentcolor)) !important; } .result-3w1ZcL[style*="background-color: rgb(146, 154, 250)"] { background: var(--vaccentcolor-hover) !important; } .result-3w1ZcL[style*="background-color: rgb(179, 174, 255)"] { background: var(--vaccentcolor-active) !important; } .theme-light .focused-1En8bG::after, /* gifpicker result hover */ .theme-light .result-3w1ZcL:hover::after { box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor)), inset 0 0 0 3px #dcddde; } .theme-dark .focused-1En8bG::after, /* gifpicker result hover */ .theme-dark .result-3w1ZcL:hover::after { box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor)), inset 0 0 0 3px #2f3136; } #app-mount .categoryFadeBlurple-1j72_A { /* gifpicker categoryfade */ background-color: rgba(var(--vaccentcolor), 0.8); } #app-mount .categoryFadeBlurple-1j72_A:hover { background-color: rgba(var(--vaccentcolor), 0.95); } .introductionAction-M1r6AX { /* gifpicker introductionaction tooltip */ color: rgb(var(--vaccentcolor)); } /* ---- 3.3. MEMBERLIST ---- */ .premiumIcon-1rDbWQ { color: rgb(var(--vaccentcolor)); } /* ---- 3.4. SEARCHPAGE ---- */ .noResultsImage-3Y0eCI.alt-3EpRdH { display: flex; } .noResultsImage-3Y0eCI.alt-3EpRdH::before { content: ""; position: absolute; width: 160px; height: 160px; background: rgb(var(--vaccentcolor)); -webkit-mask: url('data:image/svg+xml; utf8, ') center/cover no-repeat; } /* ---- 3.5. CALL ---- */ .sparkleBlurple-awNnsZ { background-image: url(https://discordapp.com/assets/c7539bb38577495f5021c8ea455c7145.png); } .popBlurple-27zBE3 { background-image: url(https://discordapp.com/assets/237a2f9325a83d230fb30b2cd63bbfe6.png); } .lightBlurple-1mZKpk { background-image: url(https://discordapp.com/assets/1c20f6ecd2d83c1844a3fd6da306d239.png); } .crossBlurple--iGG5Y { background-image: url(https://discordapp.com/assets/c13a0b03a798023c27155fad5f0c7a61.png); } /* ~~~~ 4. PEOPLES ~~~~ */ .wrapper-1cBijl .btn:disabled { /* addfriendpage button */ background-color: rgb(var(--vaccentcolor)); } /* ~~~~ 5. STORE/NITRO ~~~~ */ #app-mount .premiumIndicator-1XvbfM { /* premium where? */ background-color: rgb(var(--vaccentcolor)); } .gridItemGuildSubscription-1sZ0fD::before { background: rgb(255, 255, 255) linear-gradient(135deg, rgb(162, 48, 194), rgba(162, 48, 194, 0.5)); } .gridItemBadge-1Se-Pu::before { background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .activeTransferGuildCardBorder-2jUQ7t{ background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .premiumGuildSubscriptionRowActive-1WxLXI{ background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .theme-light .animationContainer-cNePAf { color: rgb(var(--vaccentcolor)); } .theme-light .shine-KMI5j7 { color: rgba(var(--vaccentcolor), 0.2); } .grandfatheredMessage-1BnHtv { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .tierGrandfathered-R6zrrD.banner-3Kac2g { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5) 75.25%); } .tier1-UUxEBG, .headerTier1-2Ckjmd, /* submodal tier1 header */ .tier1HeaderBackground-3LjWgU { /* submodal tier1 bg */ background-color: rgb(var(--vaccentcolor)); } .headerTier1-2Ckjmd .wrapper-1P_m9K image:not([width="170px"]), .tier1HeaderBackground-3LjWgU .wrapper-1P_m9K image:not([width="170px"]) { display: none !important; } .tier1-1ttHRY.banner-3Kac2g { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5) 75.25%); } .tier2-3pW_6T, .headerTier2-3FKMxd, /* submodal tier2 header */ .tier2HeaderBackground-2BUqcl { /* submodal tier2 bg */ background: #ffcd4b linear-gradient(45deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .tier2-3hSil0.banner-3Kac2g { background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5) 75.25%); } .price-1rEl-z { /* submodal price */ color: rgb(var(--vaccentcolor)); } .iconBackgroundTier1-2GOcU8 { /* tierlist tier1 bg */ background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .iconBackgroundTier2-2TeI3a { /* tierlist tier2 bg */ background: #ffcd4b linear-gradient(45deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .xboxPromotion-1k0m0c { /* bannerpromo xboxpromo */ background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .bannerPromotionLogoPremium-2cB301 { /* bannerpromo logo */ background: #ffcd4b linear-gradient(rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .premiumLogo-1D3iJc { /* bannerpromo nitro logo */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } #app-mount .tag-HanR-9 { /* tag */ background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } #app-mount .tag-HanR-9::before { -webkit-mask: url(https://discordapp.com/assets/04a2e1509ad72be575b1529b51ea3977.svg) top/cover no-repeat; background: rgb(var(--vaccentcolor)); } .skuButtonTier1-2XTq5D, .skuButtonTier1-3-EFd9 { background: rgb(255, 255, 255) linear-gradient(32.3deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5) 75.25%); } .skuButtonTier2-2asv3-, .skuButtonTier2-i01WfL { background: #ffcd4b linear-gradient(32.3deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } #app-mount .alternativeSkuSelected-3Qhw9n { background-color: rgb(var(--vaccentcolor)); } .overlappingBorder-1-XPGl { /* store preview image */ border-color: rgb(var(--vaccentcolor)); } #app-mount .headerFancy-1AcCLF { /* store header fancy */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } #app-mount .premiumHeaderPrice-1F1CMD { /* store price */ background-color: rgb(var(--vaccentcolor)); } .premiumCircle-3jgziV { /* store premiumcircle */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } #app-mount .staffIcon-2MB1se { /* store stafficon */ background-color: rgb(var(--vaccentcolor)); } #app-mount .nitroIcon-2uS3VJ { /* store nitroicon */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .perkTag-2O4dx4 { /* store perktag */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .confirmPremiumIcon-26GX5Y, /* store confirmpremiumicon */ .gameIcon-gg34Dz[style*="/assets/f6cbcdc9366fb8d31e03bdc6c9c50246.svg"] { background-color: rgb(255, 255, 255) !important; background-image: url('data:image/svg+xml; utf8, '), linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)) !important; } .pageWrapper-3F6owx { /* store pagewrapper */ background: white linear-gradient(114deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.6)); } /* ~~~~ 6. LIBRARY ~~~~ */ .foreground-2aE44H { /* installationpath fill */ stroke: rgb(var(--vaccentcolor)); } /* ~~~~ 7. DISCOVERY ~~~~ */ .searchBox-3Y2Vi7:focus, /* searchbox focus */ .searchBox-3Y2Vi7:focus-within, .searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO:focus, .searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO:focus-within { border-color: rgb(var(--vaccentcolor)); } .search-1iTphC .searchBox-2_mAlO:focus, .search-1iTphC .searchBox-2_mAlO:focus-within { box-shadow: 0 0 0 1px rgb(var(--vaccentcolor)), 0 0 0 2px rgba(var(--vaccentcolor), 0.6), 0 0 0 3px rgba(var(--vaccentcolor), 0.3); } #app-mount .activeButton-1BJAiN, /* pagination button */ #app-mount .activeButton-1BJAiN:hover { background-color: rgb(var(--vaccentcolor)); } /* categorylist selected item */ .categoryItem-3zFJns.selectedCategoryItem-3X8ujp .itemInner-3gVXMG { background-color: rgb(var(--vaccentcolor)); } .categoryPill-34fszg.selected-1dONk0 { /* categorylist search categorypill */ background-color: rgb(var(--vaccentcolor)); } /* ~~~~ 8. USERSETTINGS ~~~~ */ .item-PXvHYJ[style^="color: rgb(114, 137, 218)"], .item-PXvHYJ[style*=" color: rgb(114, 137, 218)"] { /* settingsitems list item */ color: rgb(var(--vaccentcolor)) !important; } .item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"] { background-color: rgb(var(--vaccentcolor)) !important; } .item-PXvHYJ[style*="background-color: rgba(114, 137, 218, 0.1)"] { background-color: rgb(var(--vaccentcolor), 0.1) !important; } .dot-2s_oHI { /* settingsitems dot */ background-color: rgb(var(--vaccentcolor)); } .cardBrand-39zmMQ { /* settingsitems card */ background-color: rgb(var(--vaccentcolor)); } .cardBrand-39zmMQ, .cardBrandOutline-3jvFfo { border-color: rgb(var(--vaccentcolor)); } .avatarUploaderInner-3UNxY3 { /* accountsettings avatar upload */ background-color: rgb(var(--vaccentcolor)); } #app-mount .questionMark-CWEQZn, /* accountsettings questionmark */ #app-mount .questionMark-3qBhGj { /* accountsettings questionmark new */ background-color: rgb(var(--vaccentcolor)); } #app-mount .questionMark-CWEQZn:hover, #app-mount .questionMark-3qBhGj:hover { background: var(--vaccentcolor-hover); } #app-mount .tierUnlocked-27DwHo { /* boostsettings tierunlocked */ color: rgb(var(--vaccentcolor)); } #app-mount .tierAccomplished-2eXPdI, #app-mount .tierCurrent-Lw7-4E, #app-mount .tierDefault-2qaRkD { background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } #app-mount .tierCloseHint-380zIA { /* boostsettings tierclosehint */ background-color: rgb(var(--vaccentcolor)); } #app-mount .tierCloseHint-380zIA::before { border-right-color: rgb(var(--vaccentcolor)); } #app-mount .tierHeaderUnlockedBackground-MW5XJU { /* boostsettings tierheaderunlockedbg */ background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .emojiIcon-2xOPMD { /* boostsettings perkicon emoji */ color: rgb(var(--vaccentcolor)); filter: brightness(75%); } .uploadSizeIcon-2HNa5p { /* boostsettings perkicon upload */ color: rgb(var(--vaccentcolor)); } .memberBadgeIcon-1hpSQc { /* boostsettings perkicon guild */ color: rgb(var(--vaccentcolor)); filter: brightness(150%); } .profileBadgeIcon-_ctnKj { position: relative; background: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; -webkit-mask: unset; } .profileBadgeIcon-_ctnKj::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(var(--vaccentcolor)); -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; } .premiumGuildIcon-13KUPa { /* boostsettings sub count icon */ color: rgb(var(--vaccentcolor)); } .gemWithLabel-2aecE_ { /* boostsettings progress label */ color: rgb(var(--vaccentcolor)); } .gemIndicatorProgressCircle-3wDFa1 { /* boostsettings progress circle */ color: rgb(var(--vaccentcolor)); } .guildSubscriberCountIcon-6Fo5EK { /* boostsettings sub count */ color: rgb(var(--vaccentcolor)); } .guildSubscriptionSlotIcon-EVE04u { /* boostsettings slot icon */ color: rgb(var(--vaccentcolor)); } .wrapper-3jrx9n { /* overlaysettings positionsettings wrapper */ border-color: rgb(var(--vaccentcolor)); } .option-n0icdO:hover { /* overlaysettings positionoption */ background-color: rgb(var(--vaccentcolor)); } .selected-mKYnfr.option-n0icdO { background-color: rgb(var(--vaccentcolor)); border-color: rgb(var(--vaccentcolor)); } /* streamermodesettings headerimage */ .noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] { object-position: -999999px -999999px; background: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + * { position: relative; } .noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + *::before, .noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + *::after { content: ""; position: absolute; top: 0; right: -204px; width: 184px; height: 110px; } .noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + *::before { background: rgb(var(--vaccentcolor)); -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + *::after { background: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } /* ~~~~ 9. GUILDSETTINGS ~~~~ */ /* widgetsettings widget placeholder image */ .layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type { position: relative !important; } .layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type img[src="/assets/5fb477ca84edd15d9a2888ac28365acd.svg"] { object-position: -999999px -999999px; background: var(--background-tertiary); -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; min-width: 320px !important; height: 310px !important; flex: unset !important; } .layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type::before, .layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type::after { content: ""; position: absolute; right: 0; bottom: 0; width: 320px; height: 310px; } .layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type::before { background: rgb(var(--vaccentcolor)); -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; } .layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type::after { background: var(--header-primary); -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; } @-webkit-keyframes pulseBorder-1LZYy9 { /* intergrationsettings new webhook */ 0% {border-color: transparent;} 50% {border-color: rgb(var(--vaccentcolor));} to {border-color: transparent;} } @keyframes pulseBorder-1LZYy9 { 0% {border-color: transparent;} 50% {border-color: rgb(var(--vaccentcolor));} to {border-color: transparent;} } .defaultIcon-2NMkWn { /* discoverysettings default guildicon */ background-color: rgb(var(--vaccentcolor)); } /* discoverysettings requirements icon */ .requirementsImage-tqIP2X[src="/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg"], .headerIcon-2S6VR5[src="/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg"] { object-position: -999999999px -999999999px; background: url('data:image/svg+xml; utf8, ') center/cover no-repeat; } .requirementsImage-tqIP2X[src="/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg"] + *, .headerIcon-2S6VR5[src="/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg"] + * { position: relative; height: 60px; } .requirementsImage-tqIP2X[src="/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg"] + *::after, .headerIcon-2S6VR5[src="/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg"] + *::after { content: ""; position: absolute; left: -56px; bottom: 10px; width: 40px; height: 40px; background: rgb(var(--vaccentcolor)); -webkit-mask: url('data:image/svg+xml; utf8, ') center/cover no-repeat; } .featureIcon-3p1TC_ [fill="#7289da" i] { /* communitysettings intro featureicon */ fill: rgb(var(--vaccentcolor)); } .fakeButton-kGEmb3 { /* communitysettings rules example fake */ background-color: rgb(var(--vaccentcolor)); } .exampleWumpus-3QIhvG .wumpus-3Q6pSF, /* communitysettings rules wumpus */ .exampleWumpus-1zk2dq .wumpus-3JzuYd { /* communitysettings welcome wumpus */ object-position: -999999px -999999px; background: url('data:image/svg+xml; utf8, ') center/cover no-repeat; } .exampleWumpus-3QIhvG::after, .exampleWumpus-1zk2dq::after { content: ""; position: absolute; width: 82px; height: 72px; background: rgb(var(--vaccentcolor)); -webkit-mask: url('data:image/svg+xml; utf8, ') center/cover no-repeat; } .exampleModal-2oh58d .guildInfo-3Co_-d, /* communitysettings rules wumpus icon */ .exampleModal-2X2Vf8 .guildIcon-1F8t_p + * { /* communitysettings rules wumpus icon */ position: relative; } .exampleModal-2X2Vf8 .guildIcon-1F8t_p + * { display: flex; justify-content: center; white-space: pre; } .exampleModal-2oh58d .guildIcon-38Zs0M, .exampleModal-2X2Vf8 .guildIcon-1F8t_p { object-position: -999999px -999999px; border-radius: 10px; background: white url('data:image/svg+xml; utf8, ') center/cover no-repeat; } .exampleModal-2oh58d .guildInfo-3Co_-d::after { top: 0; width: 48px; height: 48px; } .exampleModal-2X2Vf8 .guildIcon-1F8t_p + *::after { top: -80px; width: 64px; height: 64px; } .exampleModal-2oh58d .guildInfo-3Co_-d::after, .exampleModal-2X2Vf8 .guildIcon-1F8t_p + *::after { content: ""; position: absolute; border-radius: 10px; background: rgb(var(--vaccentcolor)); -webkit-mask: url('data:image/svg+xml; utf8, ') center/cover no-repeat; } /* ~~~~ 10. MODALS ~~~~ */ /* ---- 10.1. USERMODAL ---- */ .topSectionPlaying-1J5E4n { /* modal topsection playing */ background: rgb(var(--vaccentcolor)); } .container-q03LZO.colored-1armap .profileBadgeBugHunterLevel1-dbEzVz { background: rgb(var(--vaccentcolor)); -webkit-mask: url(https://discordapp.com/assets/df26f079738a4dcd07cbce6eb3c957f1.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileBadgeBugHunterLevel2-3TUciC { background: rgb(var(--vaccentcolor)); -webkit-mask: url(https://discordapp.com/assets/16def052b03d75dac0ed9234c5d6a880.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl1-3oI9tx { background: rgb(var(--vaccentcolor)); -webkit-mask: url(https://discordapp.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl2-r6nJHT { background: rgb(var(--vaccentcolor)); -webkit-mask: url(https://discordapp.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl3-38s3Dj { background: rgb(var(--vaccentcolor)); -webkit-mask: url(https://discordapp.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl4-2NXrsI { background: rgb(var(--vaccentcolor)); -webkit-mask: url(https://discordapp.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl5-3XIa2K { background: rgb(var(--vaccentcolor)); -webkit-mask: url(https://discordapp.com/assets/a99def5f819c077e5e5061cab741b7e6.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl6-3e3sxW { background: rgb(var(--vaccentcolor)); -webkit-mask: url(https://discordapp.com/assets/2cfb317f3db3963d8ded9a97ee967bac.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl7-1dVhQT { background: rgb(var(--vaccentcolor)); -webkit-mask: url(https://discordapp.com/assets/278736f579d810b11ddf308cb598b19e.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl8-1kXdFr { background: rgb(var(--vaccentcolor)); -webkit-mask: url(https://discordapp.com/assets/38e40f25802a0fdf480d9b855a37a2f3.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl9-1d6zav { background: rgb(var(--vaccentcolor)); -webkit-mask: url(https://discordapp.com/assets/cfbc2d8ceacfacf07850f986c8165195.svg) center/contain no-repeat; } .guildAvatarWithoutIcon-1sTmE_ { /* modal shared servers no icon */ background-color: rgb(var(--vaccentcolor)); } /* ---- 10.2. GUILDADD/CREATION ---- */ .uploadIcon-2IFzZU [fill="#7289da" i] { /* create guild upload icon */ fill: rgb(var(--vaccentcolor)); } /* ---- 10.3. REGIONSELECTMODAL ---- */ .regionSelectFlag-3uwFtG, /* modal regionselect flag */ .regionSelectFlag-1htPow { background-color: rgb(var(--vaccentcolor)); } .vip-3pFIN8::after, /* modal regionselect vip */ .vip-1SuRbe::after { background: rgb(var(--vaccentcolor)); } .regionSelect-3lf4eE button { /* modal regionselect button */ color: rgb(var(--vaccentcolor)); } #app-mount .regionSelect-3lf4eE:hover .regionSelectInner-24f4Ce, #app-mount .regionSelect-3lf4eE:hover button { border-color: rgb(var(--vaccentcolor)); } #app-mount .regionSelect-3lf4eE:hover button { background-color: rgb(var(--vaccentcolor)); } .regionSelectModal-12e-57 .regionSelectModalHeader-21khC1 { /* modal regionselect header */ color: rgb(var(--vaccentcolor)); } /* modal regionselect option */ .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover { border-color: rgb(var(--vaccentcolor)); } .check-2by_h9 { -webkit-mask: url(https://discordapp.com/assets/6acb20d5e709b34b6a7f36ec13648666.svg); background: rgb(var(--vaccentcolor)); } /* ---- 10.4. UPLOADMODAL ---- */ /* modal background */ .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc { background-color: rgb(var(--vaccentcolor)); } .uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j), .uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j) { object-position: -999999px -999999px; background: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; } .uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j)::before, .uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j)::after, .uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j)::before, .uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j)::after { content: ""; position: absolute; height: 130px; width: 100px; background-color: rgb(var(--vaccentcolor)); } .uploadModalIn-1z07Bv .error-kKl9o2 .icon-kyxXVr:not(.image-2yrs5j)::before, .uploadModalIn-1z07Bv .error-kKl9o2 .icon-kyxXVr:not(.image-2yrs5j)::after { background-color: rgb(240, 71, 71); } .uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j)::before, .uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j)::before { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.unknown-3TPTMr::after, .uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j)::after, .uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j)::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.acrobat-3K1PC6::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.ae-1Y5Jq3::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.ai-11KAaB::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.archive-2hqXug::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.audio-14DQXq::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.code-aoB-kL::after, .uploadModalIn-1z07Bv .icon-kyxXVr.two-3BBQI9::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.document-2cvI0u::after, .uploadModalIn-1z07Bv .icon-kyxXVr.three-27ScFD::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.photoshop-1UWfyZ::after, .uploadModal-2ifh8j .icon-kyxXVr.ps-2T6Jrl::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.sketch-ZMuo7D::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.spreadsheet-1QuSej::after, .uploadModalIn-1z07Bv .icon-kyxXVr.one-2crnLX::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.video-27RLEH::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .uploadModal-2ifh8j .icon-kyxXVr.webcode-22GGLX::after { -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } /* ---- 10.5. KEYBOARDSHORTCUTSMODAL ---- */ .ddrArrows-lSnH7P .arrow-2enltQ, /* modal arrows */ .ddrArrows-lSnH7P .arrow-2enltQ::after { height: 50px; width: 50px; } .ddrArrows-lSnH7P .arrow-2enltQ.active-2X6Ewx { filter: brightness(130%); } .ddrArrows-lSnH7P .arrow-2enltQ { position: relative; animation: none !important; background: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; } .ddrArrows-lSnH7P .arrow-2enltQ::after { content: ""; position: absolute; top: 0; left: 0; background: rgb(var(--vaccentcolor)); -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat; } .ddrArrows-lSnH7P .arrow-2enltQ.down-2Ju7Q_ { transform: rotate(270deg); } .ddrArrows-lSnH7P .arrow-2enltQ.up-fkTose { transform: rotate(90deg); } .ddrArrows-lSnH7P .arrow-2enltQ.right-1AEPK3 { transform: rotate(180deg); } /* ---- 10.6. LOGINSCREEN ---- */ .authBox-hW6HRx a { /* authobox links */ color: rgb(var(--vaccentcolor)); } .authBox-hW6HRx img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] { object-position: -999999px -999999px; background: url('data:image/svg+xml; utf8, ') center/cover no-repeat; } .authBox-hW6HRx img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + * { position: relative; display: flex; justify-content: center; } .authBox-hW6HRx img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + *::before { content: ""; position: absolute; top: -107px; width: 124px; height: 84px; background: rgb(var(--vaccentcolor)); -webkit-mask: url('data:image/svg+xml; utf8, ') center/cover no-repeat; } .startOverButton-3q0wUV { /* authobox startover */ color: rgb(var(--vaccentcolor)); } /* ---- 10.7. DOWNLOADAPPMODAL ---- */ .downloadApps-wbBFdZ .footer-1nkeBm a { color: rgb(var(--vaccentcolor)); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ { border-color: rgb(var(--vaccentcolor)); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ p { color: rgb(var(--vaccentcolor)); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ .downloadButton-1bWXpg { background-color: rgb(var(--vaccentcolor)); } #app-mount .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ { background: rgb(var(--vaccentcolor)); -webkit-mask-size: cover; } .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.apple-1fKN59 { -webkit-mask: url(https://discordapp.com/assets/7ddab19e24325212299490c2f413b122.svg); } .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.windows-29yOum { -webkit-mask: url(https://discordapp.com/assets/37ce528f3abf4d735a624309e990acc6.svg); } .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.linux-15cW1y { -webkit-mask: url(https://discordapp.com/assets/f8e3f6e7b2cf5f10aed43243560a1b91.svg); } .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.ios-Z7K-rr { -webkit-mask: url(https://discordapp.com/assets/00a1b0447f0474ecaa767a4bc09fe2ed.svg); } .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.android-gGrHJu { -webkit-mask: url(https://discordapp.com/assets/676bfec9f4343f6fcdf0a12ae313a3de.svg); } .browserItem-1mKMYK:hover { border-color: rgb(var(--vaccentcolor)); } .browserItem-1mKMYK:hover .btn-3wPLTq { background-color: rgb(var(--vaccentcolor)); border-color: rgb(var(--vaccentcolor)); } /* ---- 10.8. GUILDBOOSTMODAL ---- */ .badgeIconWithSubscribers-3PlMu9 { /* modal sub badge icon */ color: rgb(var(--vaccentcolor)); } #app-mount .icon-QVoPRH { /* modal perkicon general */ color: rgb(var(--vaccentcolor)); } /* modal tiermarker in progress tier3 */ #app-mount .tierMarkerInProgress-24LMzJ .currentTierIcon-2gcTCn.tier3Icon-Ku4Ahe { color: rgb(var(--vaccentcolor)); } .tierMarkerAccomplished-2MiXeg { /* modal tiermarker accomplished */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.7)) !important; } #app-mount .barForeground-3KglC8 { /* modal tierbarfill */ background-color: rgb(var(--vaccentcolor)); } #app-mount .iconIncluded-24npcq { /* modal included perkicon */ color: rgb(var(--vaccentcolor)); } #app-mount .upload-2-2ZMI { /* modal perkicon upload */ color: rgb(var(--vaccentcolor)); } #app-mount .animated-XlVkOl { /* modal perkicon animated */ color: rgb(var(--vaccentcolor)); filter: brightness(75%); } #app-mount .stream-3mNTxK { /* modal perkicon stream */ color: rgb(var(--vaccentcolor)); filter: brightness(150%); } #app-mount .tierUnlocked-25K6Kv { /* modal tierunlocked */ color: rgb(var(--vaccentcolor)); } #app-mount .tierHeaderUnlocked-1n-OTI { /* modal tierheaderunlockedbg */ background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .wrapper-3nSjSv { /* modal boostaddwrapper */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .tierMarkerLabelPlusIcon-1OS7E9 { /* modal prebuy icon */ color: rgb(var(--vaccentcolor)); } .upsellFooterIcon-2105bD path { /* prebuy popout footer icon */ fill: rgb(var(--vaccentcolor)); } .perkIconGuild-KLNhuR { /* prebuy popout perkicon guild */ color: rgb(var(--vaccentcolor)); } .perkIconChatPerks-BnKNFh { /* prebuy popout perkicon chat */ color: rgb(var(--vaccentcolor)); filter: brightness(120%); } .perkIconStream-7wqAvn { /* prebuy popout perkicon stream */ color: rgb(var(--vaccentcolor)); filter: brightness(150%); } /* ---- 10.9. STREAMSETTINGSMODAL ---- */ .selectorButtonSelected-336oUc, /* modal selectorselectedbutton */ .selectorButtonSelected-1j4DmC { background-color: rgb(var(--vaccentcolor)); } .badgeUpgrade-1DzdNZ { /* modal badgeupgrade */ color: rgb(var(--vaccentcolor)); } .imageSelected-4Kl81J { /* modal imageselected */ border-color: rgb(var(--vaccentcolor)); } .tile-2silOL:hover .sourceThumbnail-14Iubx { /* modal sourcethumbnail */ box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor)); } .sourceThumbnail-14Iubx.selected-3Qtv-u { box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor)); } /* ---- 10.10. DISPATCHERRORMODAL ---- */ .theme-light .closeLink-2MRAUp { /* modal closelink */ color: rgb(var(--vaccentcolor)); } /* ---- 10.11. CHANGELOGMODAL ---- */ .content-s2SEQO a { /* modal link */ color: var(--text-link); } .improved-1NJK-y { /* modal improved category */ color: rgb(var(--vaccentcolor)); } .improved-1NJK-y::after { background-color: rgb(var(--vaccentcolor)); } .premiumBanner-rP6H1S { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } /* ---- 10.12. SCREENSHAREMODAL ---- */ .tile-2w4k5N:hover .sourceThumbnail-27dolk { box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor)); } .sourceThumbnail-27dolk.selected-1nOkyc { box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor)); } .selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover { background-color: rgb(var(--vaccentcolor)); } .selectorButtonSelected-t5V9On { background-color: rgb(var(--vaccentcolor)); } /* ~~~~ 11. POPOUTS ~~~~ */ .popoutLeft-3aViER.arrowAlignmentTop-1yftWI::before { border-left-color: #rgb(var(--vaccentcolor)); } .popoutRight-1veHKi.arrowAlignmentTop-1yftWI::before { border-right-color: #rgb(var(--vaccentcolor)); } .popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX::before, .popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI::before, .popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX::before, .popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI::before, .popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX::before, .popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI::before, .theme-light.popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX::before, .theme-light.popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI::before, .theme-light.popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX::before, .theme-light.popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI::before, .theme-light.popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX::before, .theme-light.popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI::before { border-bottom-color: #rgb(var(--vaccentcolor)); } .popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTop-3WSJtH.arrowAlignmentMiddle-NBGtsX::before, .popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTop-3WSJtH.arrowAlignmentTop-1yftWI::before, .popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTopRight-1lc8Mq.arrowAlignmentMiddle-NBGtsX::before, .popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTopRight-1lc8Mq.arrowAlignmentTop-1yftWI::before { border-top-color: #rgb(var(--vaccentcolor)); } .theme-light.contentNarrowMedia-W7SHxH.topArrow-1B63md::before, .theme-light .contentNarrowNoMedia-Il01H1.topArrow-1B63md::before, .theme-light.contentWideNoMedia-22TIu6.topArrow-1B63md::before, .theme-light .contentWideNoMedia-22TIu6.topArrow-1B63md::before { border-bottom-color: #rgb(var(--vaccentcolor)); } /* ---- 11.1. CONTEXTMENU ---- */ .colorBrand-ROmMP1, /* contextmenu brand */ .colorPremium-p4p7qO { /* contextmenu premium */ color: rgb(var(--vaccentcolor)); } .colorDefault-2K3EoJ.focused-3afm-j, .colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O), .colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) { background-color: rgb(var(--vaccentcolor)); } .colorDanger-2qLCe1.focused-3afm-j, .colorDanger-2qLCe1:hover:not(.hideInteraction-1iHO1O), .colorDanger-2qLCe1:active:not(.hideInteraction-1iHO1O) { background-color: #F04747; } .colorDefault-2K3EoJ .radioSelection-1HmrQS { /* contextmenu radioselection */ color: rgb(var(--vaccentcolor)); } .colorDanger-2qLCe1 .radioSelection-1HmrQS { color: #F04747; } .colorDefault-2K3EoJ .checkbox-3s5GYZ { /* contextmenu checkbox */ color: rgb(var(--vaccentcolor)); } .colorDanger-2qLCe1 .checkbox-3s5GYZ { color: #F04747; } .colorDefault-2K3EoJ.focused-3afm-j .check-1JyqgN, /* contextmenu checkmark */ .colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O) .check-1JyqgN, .colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) .check-1JyqgN { color: rgb(var(--vaccentcolor)); } .colorDanger-2qLCe1.focused-3afm-j .check-1JyqgN, /* contextmenu checkmark */ .colorDanger-2qLCe1:hover:not(.hideInteraction-1iHO1O) .check-1JyqgN, .colorDanger-2qLCe1:active:not(.hideInteraction-1iHO1O) .check-1JyqgN { color: #F04747; } .colorPremium-p4p7qO .icon-LYJorE { /* contextmenu premiumicon */ color: rgb(var(--vaccentcolor)); } /* ---- 11.2. USERPOPOUT ---- */ .headerPlaying-j0WQBV { background: rgb(var(--vaccentcolor)); } .headerStreaming-2FjmGz { background: #593695; } /* ---- 11.3. EMOJIPICKER ---- */ .emojiPicker-3m1S-j .categories-1feg4n .selected-39BZ4S { /* emojipicker selected category */ border-bottom-color: rgb(var(--vaccentcolor)); } /* ---- 11.4. PINS/MENTIONS ---- */ .hasMoreButton-1MELpI { /* popout hasmore button */ color: rgb(var(--vaccentcolor)); } /* ---- 11.5. SEARCHPOPOUT ---- */ /* datepicker day hover */ #app-mount .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover, #app-mount .calendarPicker-2yf6Ci .react-datepicker__day:not(.react-datepicker__day--disabled):hover { background-color: rgb(var(--vaccentcolor)); } /* datepicker day selectd */ #app-mount .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected::after { background-color: rgb(var(--vaccentcolor)); } /* datepicker hintvalue */ #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { background-color: rgb(var(--vaccentcolor)); } /* ~~~~ 12. GENERAL ~~~~ */ .wanderingCubesItem-WPXqao { /* loading cubes */ background-color: rgb(var(--vaccentcolor)); } .chasingDotsItem-2DVNUn { /* loading dots */ background-color: rgb(var(--vaccentcolor)); } .theme-light .path-92Hmty, /* loading circle */ .theme-dark .path-92Hmty, .theme-dark .path2-1q7bG_ { stroke: rgb(var(--vaccentcolor)); } /* ---- 12.1. TEXT ---- */ .brand-2-tkdo { color: rgb(var(--vaccentcolor)); } .colorBrand-2tjs5J { color: rgb(var(--vaccentcolor)); } .tipTitle-GL9qAt { color: rgb(var(--vaccentcolor)); } /* ---- 12.2. BUTTONS ---- */ #app-mount .lookInverted-2D7oAl.colorBrand-3pXr91 .spinnerItem-3GlVyU, #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91 .spinnerItem-3GlVyU, #app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91 .spinnerItem-3GlVyU, #app-mount .lookLink-9FtZy-.colorBrand-3pXr91 .spinnerItem-3GlVyU { background-color: rgb(var(--vaccentcolor)); } #app-mount .btn-1PnLxm.btnPrimary-1jluZW:hover:not(:disabled), #app-mount .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):hover, #app-mount .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover { background: var(--vaccentcolor-hover); } #app-mount .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):active, #app-mount .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:active { background: var(--vaccentcolor-active); } #app-mount .btn-1PnLxm.btnPrimary-1jluZW, #app-mount .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO), #app-mount .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):disabled { background: rgb(var(--vaccentcolor)); } #app-mount .lookInverted-2D7oAl.colorBrand-3pXr91:hover, #app-mount .lookInverted-2D7oAl.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } #app-mount .lookInverted-2D7oAl.colorBrand-3pXr91:active, #app-mount .lookInverted-2D7oAl.hoverBrand-1_Fxlk.hasHover-3X1-zV:active { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } #app-mount .lookInverted-2D7oAl.colorBrand-3pXr91, #app-mount .lookInverted-2D7oAl.colorBrand-3pXr91:disabled { color: rgb(var(--vaccentcolor)); } #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91:hover, #app-mount .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover { border-color: rgba(var(--vaccentcolor), 0.6); } #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91:active, #app-mount .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover { background-color: rgba(var(--vaccentcolor), 0.1); border-color: rgb(var(--vaccentcolor)); } #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91, #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91:disabled { border-color: rgba(var(--vaccentcolor), 0.1); color: rgb(var(--vaccentcolor)); } #app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91:hover, #app-mount .lookGhost-2Fn_0-.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover { background-color: rgba(var(--vaccentcolor), 0.15); } #app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91:active, #app-mount .lookGhost-2Fn_0-.hoverBrand-1_Fxlk.hasHover-3X1-zV:active { background-color: rgba(var(--vaccentcolor), 0.2); } #app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91, #app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91:disabled { background-color: rgba(var(--vaccentcolor), 0.1); color: rgb(var(--vaccentcolor)); } #app-mount .lookLink-9FtZy-.colorBrand-3pXr91 { color: rgb(var(--vaccentcolor)); } #app-mount .lookLink-9FtZy-.colorBrand-3pXr91:hover .contents-18-Yxp, #app-mount .lookLink-9FtZy-.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover .contents-18-Yxp { background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--vaccentcolor)) 0, rgb(var(--vaccentcolor)) 2px, transparent 0); color: rgb(var(--vaccentcolor)); } /* ---- 12.3. INPUTS ---- */ .input-cIJ7To.focused-1mmYsC, /* textinput focused */ .input-cIJ7To:focus { border-color: rgb(var(--vaccentcolor)); } .input-cIJ7To.error-2O5WFJ { border-color: #f04747; } .input-cIJ7To.success-2-F980 { border-color: #43b581; } .focused-1mmYsC { border-color: rgb(var(--vaccentcolor)); } #app-mount .prefixInput-14nUik.focused-2QzoMt { border-color: rgb(var(--vaccentcolor)); } /* checkbox checked */ .checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span { background-color: rgb(var(--vaccentcolor)); border-color: rgb(var(--vaccentcolor)); } /* checkbox checked alt */ .checkbox-3kaeSU .checkboxInner-3yjcPe.alt-6FvZrq .checkboxElement-1qV33p:checked + span::after { border-color: rgb(var(--vaccentcolor)); } .checked-3_4uQ9[style*="background-color: rgb(114, 137, 218)"] { background-color: rgb(var(--vaccentcolor)) !important; } .checked-3_4uQ9[style*="border-color: rgb(114, 137, 218)"] { border-color: rgb(var(--vaccentcolor)) !important; } .container-3auIfb { /* switch unchecked */ background-color: rgb(114, 118, 125) !important; transition: background-color .1s ease-out; } /* switch checked */ .container-3auIfb[style*="background-color: rgb(67, 181, 129)"], .container-3auIfb[style*="background-color: rgb(114, 137, 218)"] { background-color: rgba(var(--vaccentcolor), 0.8) !important; } .container-3auIfb[style*="background-color: rgb(67, 181, 129)"]:hover, .container-3auIfb[style*="background-color: rgb(114, 137, 218)"]:hover { background: var(--vaccentcolor-hover); } .container-3auIfb[style*="background-color: rgb(67, 181, 129)"]:active, .container-3auIfb[style*="background-color: rgb(114, 137, 218)"]:active { background: var(--vaccentcolor-active); } .container-3auIfb path[fill] { fill: rgb(114, 118, 125) !important; } .container-3auIfb[style*="background-color: rgb(67, 181, 129)"] path[fill], .container-3auIfb[style*="background-color: rgb(114, 137, 218)"] path[fill] { fill: rgb(var(--vaccentcolor)) !important; } .barFill-23-gu- { /* slider barfill */ background: rgb(var(--vaccentcolor)); } .mediaBarGrabber-1FqnbN, /* progessbar grabber */ .mediaBarProgress-1xaPtl, /* progessbar barfill */ .mediaBarProgress-1xaPtl::after, .mediaBarProgress-1xaPtl::before { background-color: rgb(var(--vaccentcolor)); } .mediaBarInteraction-37i2O4:hover .mediaBarGrabber-1FqnbN, .mediaBarInteractionDragging-2QurIZ .mediaBarGrabber-1FqnbN { background-color: rgb(var(--vaccentcolor)); filter: brightness(120%); } .theme-light .select-1Pkeg4:focus, /* dropdown select nitro subscription */ .theme-light .lookFilled-1h1y05.select-1Pkeg4:focus { border-color: rgb(var(--vaccentcolor)); } .theme-light .lookFilled-1h1y05.select-1Pkeg4:hover.selectOpen-hQuR6b, .theme-light .lookFilled-1h1y05.selectOpen-hQuR6b { border-color: rgb(var(--vaccentcolor)) rgb(var(--vaccentcolor)) #b9bbbe; } .theme-dark .select-1Pkeg4:focus, .theme-dark .lookFilled-1h1y05.select-1Pkeg4:focus { border-color: rgb(var(--vaccentcolor)); } .theme-dark .lookFilled-1h1y05.select-1Pkeg4:hover.selectOpen-hQuR6b, .theme-dark .lookFilled-1h1y05.selectOpen-hQuR6b { border-color: rgb(var(--vaccentcolor)) rgb(var(--vaccentcolor)) rgba(0, 0, 0, 0.3); } /* ---- 12.4. TAGS ---- */ .botTagRegular-2HEhHi { /* bottag regular */ background-color: rgb(var(--vaccentcolor)); } .botTagInvert-18-95s { /* bottag inverted */ color: rgb(var(--vaccentcolor)); } .verified-1eC5dy { /* verifiedbadge */ color: rgb(var(--vaccentcolor)); } .partnered-3nJayh { /* partneredbadge */ color: rgb(var(--vaccentcolor)); } .partnered-3nJayh .flowerStar-1GeTsn { filter: brightness(75%); } /* ---- 12.5. ICONS ---- */ [style*="/assets/f78426a064bc9dd24847519259bc42af.png"], [src*="/assets/f78426a064bc9dd24847519259bc42af.png"] { /* avatars clyde */ object-position: -999999px -999999px; background: rgb(var(--vaccentcolor)) url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; } [style*="/assets/6debd47ed13483642cf09e832ed0bc1b.png"], [src*="/assets/6debd47ed13483642cf09e832ed0bc1b.png"] { /* avatars blue discord */ object-position: -999999px -999999px; background: rgb(var(--vaccentcolor)) url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; } /* ---- 12.6. SCROLLBARS ---- */ .scrollerThemed-2oenus.themeLight-1_DWyY .scrollbar-2rkZSL .thumb-2JwNFC, .theme-dark .scrollerThemed-2oenus.themeLight-1_DWyY .scrollbar-2rkZSL .thumb-2JwNFC, .theme-light .scrollerWrap-2lJEkd .scrollbar-2rkZSL .thumb-2JwNFC, .theme-light .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scrollbar-2rkZSL .thumb-2JwNFC, .theme-light .scrollbarDefault-3COgCQ::-webkit-scrollbar-thumb { background-color: rgb(var(--vaccentcolor)); } ::-webkit-scrollbar-corner, #app-mount ::-webkit-scrollbar-corner { background-color: transparent; } /* ---- 12.7. NOTIFICATIONBAR ---- */ .colorPremiumTier1-3D7SPt { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.7)); } .colorPremiumTier1-3D7SPt .button-2DhvE9:hover { color: rgb(var(--vaccentcolor)); } .colorPremiumTier2-dCdap5 { background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); } .colorPremiumTier2-dCdap5 .button-2DhvE9:hover { color: rgb(var(--vaccentcolor)); } .colorBrand-2zeG8h { background-color: rgb(var(--vaccentcolor)); } .colorBrand-2zeG8h .button-2DhvE9:hover { color: rgb(var(--vaccentcolor)); } .notice-2X5hT5 { /* preview notice */ background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.5), rgba(var(--vaccentcolor), 0.5)); } .button-2PWmas:hover { /* preview notice button */ background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.7), rgba(var(--vaccentcolor), 0.7)); } .notice-1tZwqv { /* role notice */ background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.5), rgba(var(--vaccentcolor), 0.5)); } .button-3Ijpww:hover { /* role notice button */ background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.7), rgba(var(--vaccentcolor), 0.7)); } .notice-3uyY6c { /* rules notice */ background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.5), rgba(var(--vaccentcolor), 0.5)); } .button-gP4R86:hover { /* rules notice button */ background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.7), rgba(var(--vaccentcolor), 0.7)); } /* ---- 12.8. TOOLTIPS ---- */ #app-mount .tooltipBrand-g03Nz8 { background-color: rgb(var(--vaccentcolor)); } #app-mount .tooltipBrand-g03Nz8 .tooltipPointer-3ZfirK { border-top-color: rgb(var(--vaccentcolor)); } .content-3O0wBS { background-color: rgb(var(--vaccentcolor)); } .content-3O0wBS .button-3zdF3z { color: rgb(var(--vaccentcolor)); } .pointer-3ClhC2 { border-top-color: rgb(var(--vaccentcolor)); } /* ---- 12.9. TOASTS ---- */ .toast-brand { background-color: rgb(var(--vaccentcolor)); } /* ~~~~ 13. BDSUPPORT ~~~~ */ #bd-pub-button { color: var(--text-normal); transition: background-color .15s ease-out, color .15s ease-out; } #bd-pub-button:hover { color: rgb(var(--fontwhite1, var(--dfontwhite1))); background-color: rgb(var(--vaccentcolor)); } #bd-pub-button:active { color: rgb(var(--fontwhite1, var(--dfontwhite1))); background: var(--vaccentcolor-hover); } #pubslayer button:hover { background: var(--vaccentcolor-hover); } #pubslayer button:active { background: var(--vaccentcolor-active); } .bd-server-card.bd-server-card-pinned::after { background: var(--bd-blue); } .bd-modal-wrapper .footer button { background: var(--bd-blue); } .bd-modal-wrapper .footer button:hover { background: var(--vaccentcolor-hover); } .bd-modal-wrapper .footer button:active { background: var(--vaccentcolor-active); } .bd-modal-wrapper .error-link { color: var(--bd-blue); } .bd-pfbtn { background: var(--bd-blue); } .bd-pfbtn:hover { background: var(--vaccentcolor-hover); } .bd-pfbtn:active { background: var(--vaccentcolor-active); } .bd-button { background: var(--bd-blue); } .bd-button:hover { background: var(--vaccentcolor-hover); } .bd-button:active { background: var(--vaccentcolor-active); } .bd-addon-views .bd-view-button.selected { background: var(--bd-blue); } .bd-addon-list .bd-footer a { color: var(--bd-blue); } #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked, .bd-switch-checked { background-color: rgba(var(--vaccentcolor), 0.8); } #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked:hover, .bd-switch-checked:hover { background: var(--vaccentcolor-hover); } #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked:active, .bd-switch-checked:active { background: var(--vaccentcolor-active); } .bd-switch::before { box-shadow: none; } html .monaco-editor .find-widget .monaco-inputbox.synthetic-focus { outline-color: rgb(var(--vaccentcolor)); } html .monaco-editor .monaco-editor-hover a { color: rgb(var(--vaccentcolor)); } html .monaco-editor [class*="arrow-decoration"] { border-bottom-color: rgb(var(--vaccentcolor)); } html .monaco-editor .focused .selected-text { background-color: rgb(var(--vaccentcolor)); } html .monaco-tree[class*="monaco-tree-instance"].focused .monaco-tree-rows > .monaco-tree-row.focused:not(.highlighted) { background-color: rgb(var(--vaccentcolor)); color: #ffffff; } html .monaco-tree[class*="monaco-tree-instance"].focused .monaco-tree-rows > .monaco-tree-row.focused:not(.highlighted) .results-group { color: #ffffff !important; } html .monaco-editor [style*="background-color: rgb(0, 122, 204)"], html .monaco-editor [style*="background: rgb(0, 122, 204)"], html .monaco-editor [style*="background-color: rgb(14, 122, 192)"], html .monaco-editor [style*="background: rgb(14, 122, 192)"], html .monaco-editor [style*="background-color: rgb(14, 99, 156)"], html .monaco-editor [style*="background: rgb(14, 99, 156)"], html .monaco-editor [style*="background-color: rgb(9, 71, 113)"], html .monaco-editor [style*="background: rgb(9, 71, 113)"] { background: rgb(var(--vaccentcolor)) !important; } html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.9)"], html .monaco-editor [style*="background: rgba(0, 122, 204, 0.9)"], html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.9)"], html .monaco-editor [style*="background: rgba(14, 122, 192, 0.9)"], html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.9)"], html .monaco-editor [style*="background: rgba(14, 99, 156, 0.9)"], html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.9)"], html .monaco-editor [style*="background: rgba(9, 71, 113, 0.9)"] { background: rgba(var(--vaccentcolor), 0.9) !important; } html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.8)"], html .monaco-editor [style*="background: rgba(0, 122, 204, 0.8)"], html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.8)"], html .monaco-editor [style*="background: rgba(14, 122, 192, 0.8)"], html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.8)"], html .monaco-editor [style*="background: rgba(14, 99, 156, 0.8)"], html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.8)"], html .monaco-editor [style*="background: rgba(9, 71, 113, 0.8)"] { background: rgba(var(--vaccentcolor), 0.8) !important; } html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.7)"], html .monaco-editor [style*="background: rgba(0, 122, 204, 0.7)"], html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.7)"], html .monaco-editor [style*="background: rgba(14, 122, 192, 0.7)"], html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.7)"], html .monaco-editor [style*="background: rgba(14, 99, 156, 0.7)"], html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.7)"], html .monaco-editor [style*="background: rgba(9, 71, 113, 0.7)"] { background: rgba(var(--vaccentcolor), 0.7) !important; } html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.6)"], html .monaco-editor [style*="background: rgba(0, 122, 204, 0.6)"], html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.6)"], html .monaco-editor [style*="background: rgba(14, 122, 192, 0.6)"], html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.6)"], html .monaco-editor [style*="background: rgba(14, 99, 156, 0.6)"], html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.6)"], html .monaco-editor [style*="background: rgba(9, 71, 113, 0.6)"] { background: rgba(var(--vaccentcolor), 0.6) !important; } html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.5)"], html .monaco-editor [style*="background: rgba(0, 122, 204, 0.5)"], html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.5)"], html .monaco-editor [style*="background: rgba(14, 122, 192, 0.5)"], html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.5)"], html .monaco-editor [style*="background: rgba(14, 99, 156, 0.5)"], html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.5)"], html .monaco-editor [style*="background: rgba(9, 71, 113, 0.5)"] { background: rgba(var(--vaccentcolor), 0.5) !important; } html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.4)"], html .monaco-editor [style*="background: rgba(0, 122, 204, 0.4)"], html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.4)"], html .monaco-editor [style*="background: rgba(14, 122, 192, 0.4)"], html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.4)"], html .monaco-editor [style*="background: rgba(14, 99, 156, 0.4)"], html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.4)"], html .monaco-editor [style*="background: rgba(9, 71, 113, 0.4)"] { background: rgba(var(--vaccentcolor), 0.4) !important; } html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.3)"], html .monaco-editor [style*="background: rgba(0, 122, 204, 0.3)"], html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.3)"], html .monaco-editor [style*="background: rgba(14, 122, 192, 0.3)"], html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.3)"], html .monaco-editor [style*="background: rgba(14, 99, 156, 0.3)"], html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.3)"], html .monaco-editor [style*="background: rgba(9, 71, 113, 0.3)"] { background: rgba(var(--vaccentcolor), 0.3) !important; } html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.2)"], html .monaco-editor [style*="background: rgba(0, 122, 204, 0.2)"], html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.2)"], html .monaco-editor [style*="background: rgba(14, 122, 192, 0.2)"], html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.2)"], html .monaco-editor [style*="background: rgba(14, 99, 156, 0.2)"], html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.2)"], html .monaco-editor [style*="background: rgba(9, 71, 113, 0.2)"] { background: rgba(var(--vaccentcolor), 0.2) !important; } html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.1)"], html .monaco-editor [style*="background: rgba(0, 122, 204, 0.1)"], html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.1)"], html .monaco-editor [style*="background: rgba(14, 122, 192, 0.1)"], html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.1)"], html .monaco-editor [style*="background: rgba(14, 99, 156, 0.1)"], html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.1)"], html .monaco-editor [style*="background: rgba(9, 71, 113, 0.1)"] { background: rgba(var(--vaccentcolor), 0.1) !important; } html .monaco-editor [style*="border-color: rgb(0, 122, 204)"], html .monaco-editor [style*="border-color: rgb(14, 122, 192)"], html .monaco-editor [style*="border-color: rgb(14, 99, 156)"], html .monaco-editor [style*="border-color: rgb(9, 71, 113)"] { border-color: rgb(var(--vaccentcolor)) !important; } html .monaco-editor [style*="border-top-color: rgb(0, 122, 204)"], html .monaco-editor [style*="border-top-color: rgb(14, 122, 192)"], html .monaco-editor [style*="border-top-color: rgb(14, 99, 156)"], html .monaco-editor [style*="border-top-color: rgb(9, 71, 113)"] { border-top-color: rgb(var(--vaccentcolor)) !important; } html .monaco-editor [style*="border-right-color: rgb(0, 122, 204)"], html .monaco-editor [style*="border-right-color: rgb(14, 122, 192)"], html .monaco-editor [style*="border-right-color: rgb(14, 99, 156)"], html .monaco-editor [style*="border-right-color: rgb(9, 71, 113)"] { border-right-color: rgb(var(--vaccentcolor)) !important; } html .monaco-editor [style*="border-bottom-color: rgb(0, 122, 204)"], html .monaco-editor [style*="border-bottom-color: rgb(14, 122, 192)"], html .monaco-editor [style*="border-bottom-color: rgb(14, 99, 156)"], html .monaco-editor [style*="border-bottom-color: rgb(9, 71, 113)"] { border-bottom-color: rgb(var(--vaccentcolor)) !important; } html .monaco-editor [style*="border-left-color: rgb(0, 122, 204)"], html .monaco-editor [style*="border-left-color: rgb(14, 122, 192)"], html .monaco-editor [style*="border-left-color: rgb(14, 99, 156)"], html .monaco-editor [style*="border-left-color: rgb(9, 71, 113)"] { border-left-color: rgb(var(--vaccentcolor)) !important; } .embedFull-2tM8--[style*="border-color: rgb(62, 130, 229)"], .embedFull-2tM8--[style*="border-color: rgb(62, 130, 226)"] { border-color: rgb(var(--vaccentcolor)) !important; } /* ~~~~ 14. POWERCORDSUPPORT ~~~~ */ .powercord-toast .progressBar-3u8FBM { background-color: rgb(var(--vaccentcolor)); } /* ~~~~ 15. PLUGINSUPPORT ~~~~ */ /* ---- 15.1. IMAGEZOOM ---- */ .zoomLens-uOK8xV { border-color: rgb(var(--vaccentcolor)) !important; } /* ---- 15.2. HIDEUTILS ---- */ #HideUtils-Settings button { background-color: rgb(var(--vaccentcolor)) !important; } /* ---- 15.3. READALLNOTIFICATIONSBUTTON ---- */ .wrapper-1BJsBx:active .childWrapper-anI2G9.button-Jt-tIg{ background: var(--vaccentcolor-hover); color: rgb(var(--fontwhite1, var(--dfontwhite1))); } /* ---- 15.4. SERVERSEARCH ---- */ #server-search .wrapper-25eVIn { background-color: rgb(47, 49, 54) !important; transition: background-color .16s ease-out; } #server-search .wrapper-25eVIn:hover { background-color: rgb(var(--vaccentcolor)) !important; } /* ---- 15.5. CHANNELTABS ---- */ .channelTabs-unreadBadge:not(.channelTabs-noUnread) { background-color: rgb(var(--vaccentcolor)) !important; } /* ~~~~ 16. THEMESUPPORT ~~~~ */ /* ---- 16.1. THEMEDEVBADGE ---- */ #app-mount .dev-A7f2Rx.hasBadge-4rT8_u .badge-7R_W3s { background: rgb(var(--vaccentcolor)) !important; } #app-mount .topSectionPlaying-1J5E4n .dev-A7f2Rx.hasBadge-4rT8_u .badge-7R_W3s, #app-mount .headerPlaying-j0WQBV .dev-A7f2Rx.hasBadge-4rT8_u .badge-7R_W3s { background: rgb(var(--vaccentcolor)) !important; }