@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.css); :root { --accentcolor: 114,137,218; --accentcolor2: 255,115,250; --linkcolor: 0,176,244; --accentcolor-hover: rgb(var(--accentcolor)) linear-gradient(0deg, rgba(255,255,255,.15), rgba(255,255,255,.15)); --accentcolor-active: rgb(var(--accentcolor)) linear-gradient(0deg, rgba(255,255,255,.3), rgba(255,255,255,.3)); --accentcolor2-hover: rgb(var(--accentcolor2)) linear-gradient(0deg, rgba(255,255,255,.15), rgba(255,255,255,.15)); --accentcolor2-active: rgb(var(--accentcolor2)) linear-gradient(0deg, rgba(255,255,255,.3), rgba(255,255,255,.3)); --bdfdb-blurple: rgb(var(--accentcolor)) !important; --bd-blue: rgb(var(--accentcolor)) !important; --bd-blue-hover: var(--accentcolor-hover) !important; --bd-blue-active: var(--accentcolor-active) !important; --blurple: rgb(var(--accentcolor)) !important; } .theme-dark, .theme-light { --text-link: rgb(var(--linkcolor)); --info-help-background: rgba(var(--linkcolor),.1); --info-help-foreground: rgb(var(--linkcolor)); --info-help-text: #fff; --focus-primary: rgb(var(--linkcolor)); --control-brand-foreground: rgb(var(--accentcolor)); } .theme-light { --logo-primary: rgb(var(--accentcolor)); } html.oldBrand, html.newBrand { --brand-experiment-100: #fdfdfd; --brand-experiment-130: #f2f2f2; --brand-experiment-160: #ebebeb; --brand-experiment-200: #e3e3e3; --brand-experiment-230: #dadada; --brand-experiment-260: #d1d1d1; --brand-experiment-300: #c7c7c7; --brand-experiment-330: rgb(var(--accentcolor)); --brand-experiment-360: rgb(var(--accentcolor)); --brand-experiment-400: rgb(var(--accentcolor)); --brand-experiment-430: rgb(var(--accentcolor)); --brand-experiment-460: rgb(var(--accentcolor)); --brand-experiment: rgb(var(--accentcolor)); --brand-experiment-500: rgb(var(--accentcolor)); --brand-experiment-530: rgb(var(--accentcolor)); --brand-experiment-560: rgb(var(--accentcolor)); --brand-experiment-600: rgb(var(--accentcolor)); --brand-experiment-630: rgb(var(--accentcolor)); --brand-experiment-660: rgb(var(--accentcolor)); --brand-experiment-700: #323232; --brand-experiment-730: #2b2b2b; --brand-experiment-760: #272727; --brand-experiment-800: #222222; --brand-experiment-830: #1a1a1a; --brand-experiment-860: #111111; --brand-experiment-900: #0b0b0b; --brand-experiment-05a: rgba(var(--accentcolor),.05); --brand-experiment-10a: rgba(var(--accentcolor),.1); --brand-experiment-15a: rgba(var(--accentcolor),.15); --brand-experiment-20a: rgba(var(--accentcolor),.2); --brand-experiment-25a: rgba(var(--accentcolor),.25); --brand-experiment-30a: rgba(var(--accentcolor),.3); --brand-experiment-35a: rgba(var(--accentcolor),.35); --brand-experiment-40a: rgba(var(--accentcolor),.4); --brand-experiment-45a: rgba(var(--accentcolor),.45); --brand-experiment-50a: rgba(var(--accentcolor),.5); --brand-experiment-55a: rgba(var(--accentcolor),.55); --brand-experiment-60a: rgba(var(--accentcolor),.6); --brand-experiment-65a: rgba(var(--accentcolor),.65); --brand-experiment-70a: rgba(var(--accentcolor),.7); --brand-experiment-75a: rgba(var(--accentcolor),.75); --brand-experiment-80a: rgba(var(--accentcolor),.8); --brand-experiment-85a: rgba(var(--accentcolor),.85); --brand-experiment-90a: rgba(var(--accentcolor),.9); --brand-experiment-95a: rgba(var(--accentcolor),.95)} } /* ~~~~ 0. TABLE OF CONTENTS ~~~~ */ /* 1. GUILDLIST 2. CHANNELLIST 3. CHAT 1. MESSAGES 2. TEXTAREA 3. AUTOCOMPLETEMENU 4. MEMBERLIST 5. SEARCHPAGE 6. 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. ADDGUILDBOOSTMODAL 10. STREAMSETTINGSMODAL 11. DISPATCHERRORMODAL 12. CHANGELOGMODAL 13. SCREENSHAREMODAL 14. PHONEVERIFICATIONMODAL 15. CUSTOMSTATUSMODAL 16. DISCOVERYENTRYMODAL 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 */ /* ~~~~ 1. GUILDLIST ~~~~ */ .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9, /* home/acronym */ .wrapper-1BJsBx:hover .childWrapper-anI2G9 { background-color: rgb(var(--accentcolor)); } .folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 1"] { background-color: rgba(var(--accentcolor), 1) !important; } .folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.9"] { background-color: rgba(var(--accentcolor), 0.9) !important; } .folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.8"] { background-color: rgba(var(--accentcolor), 0.8) !important; } .folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.7"] { background-color: rgba(var(--accentcolor), 0.7) !important; } .folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.6"] { background-color: rgba(var(--accentcolor), 0.6) !important; } .folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.5"] { background-color: rgba(var(--accentcolor), 0.5) !important; } .folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.4"] { background-color: rgba(var(--accentcolor), 0.4) !important; } .folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.3"] { background-color: rgba(var(--accentcolor), 0.3) !important; } .folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.2"] { background-color: rgba(var(--accentcolor), 0.2) !important; } .folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.1"] { background-color: rgba(var(--accentcolor), 0.1) !important; } .folderIconWrapper-1_bOZe svg[style^="color: rgb(114, 137, 218)"], .folderIconWrapper-1_bOZe svg[style*=" color: rgb(114, 137, 218)"] { color: rgb(var(--accentcolor)) !important; } /* ~~~~ 2. CHANNELLIST ~~~~ */ .background-2uufRq { /* guild header partnerbadge */ color: rgb(var(--accentcolor)); } .iconTierThree-3EAOB7 { /* guild header icontier3 */ color: rgb(var(--accentcolor2)); } .subscribeTooltipWrapper-1JoUuw { /* guild header subscribetooltip */ background-color: rgb(var(--accentcolor)); } .subscribeTooltipWrapper-1JoUuw::after { border-bottom-color: rgb(var(--accentcolor)); } .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; pointer-events: none; } .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(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_bg.svg) center 23px no-repeat; } .channelNotice-1-XFjC.premiumGuildSubscription-3oKecP::after { background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_accent.svg) center 23px no-repeat; } .channelNotice-1-XFjC.publicUpsell-31ZSJ8::before { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_bg.svg) center 12px no-repeat; } .channelNotice-1-XFjC.publicUpsell-31ZSJ8::after { background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_accent.svg) center 12px no-repeat; } /* ~~~~ 3. CHAT ~~~~ */ /* ---- 3.1. MESSAGES ---- */ .newMessagesBar-265mhP { /* new messagesbar */ background-color: rgb(var(--accentcolor)); } .hasMore-3POVhk { /* hasmore messagesbar */ color: rgb(var(--accentcolor)); } .backgroundFlash-24qWLN[style*="background-color: rgb(114, 137, 218)"], .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 1"] { background-color: rgba(var(--accentcolor), 1) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.9"] { background-color: rgba(var(--accentcolor), 0.9) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.8"] { background-color: rgba(var(--accentcolor), 0.8) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.7"] { background-color: rgba(var(--accentcolor), 0.7) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.6"] { background-color: rgba(var(--accentcolor), 0.6) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.5"] { background-color: rgba(var(--accentcolor), 0.5) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.4"] { background-color: rgba(var(--accentcolor), 0.4) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.3"] { background-color: rgba(var(--accentcolor), 0.3) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.2"] { background-color: rgba(var(--accentcolor), 0.2) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.1"] { background-color: rgba(var(--accentcolor), 0.1) !important; } .backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.0"] { background-color: rgba(var(--accentcolor), 0.0) !important; } .embedFull-2tM8--[style*="border-color: rgb(114, 137, 218)"], .embedFull-2tM8--[style*="border-color: rgb(58, 113, 193)"] { border-color: rgb(var(--accentcolor)) !important; } .ephemeral-1PsL1r, /* localbot container */ .replying-1x3H0T { /* replying container */ background-color: rgba(var(--accentcolor), 0.05); } .ephemeral-1PsL1r::before, /* localbot before */ .replying-1x3H0T::before { /* replying before */ background-color: rgb(var(--accentcolor)); } .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(--accentcolor), 0.1); } .ephemeralMessage-1fEWtQ a { /* localbot operations */ color: rgb(var(--accentcolor)); } .operations-36ENbA > a { /* message operations */ color: rgb(var(--accentcolor)); } .command-2EsN1V { /* command used command */ color: rgb(var(--accentcolor)); } .icon-360yEu { /* systemmessage guild sub easter egg icon */ color: rgb(var(--accentcolor2)); } .message-15tBk4 strong, /* mention in header */ .wrapper-3WhCwL { /* mention */ background-color: rgba(var(--accentcolor), 0.1); color: rgb(var(--accentcolor)); } .message-15tBk4 strong:hover, .interactive:hover { background-color: rgb(var(--accentcolor)); } .mentioned-xhSam7 .mention.interactive:hover { color: rgb(var(--accentcolor)); } .reactionMe-wv5HKu .reactionCount-2mvXRV, /* reaction count me */ .reactionMe-wv5HKu:hover .reactionCount-2mvXRV { color: rgb(var(--accentcolor)); } .reaction-1hd86g.reactionMe-wv5HKu { /* reaction wrapper me */ background-color: rgba(var(--accentcolor), 0.3); } /* attachment upload bar */ .progressBar-3u8FBM[style*="background-color: rgb(114, 137, 218)"] { background-color: rgb(var(--accentcolor)) !important; } /* ---- 3.2. TEXTAREA ---- */ /* textarea follow channel icon */ .image-3XsqGc[src="/assets/dc7e9e55b3a6d39d24acdd650ecc2ef3.svg"] { object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_followchannel_bg.svg) center/contain no-repeat; width: 47px; height: 60px; margin-bottom: -8px; } .image-3XsqGc[src="/assets/dc7e9e55b3a6d39d24acdd650ecc2ef3.svg"] + * { overflow: visible; } .image-3XsqGc[src="/assets/dc7e9e55b3a6d39d24acdd650ecc2ef3.svg"] + *::after { content: ""; position: absolute; bottom: 8px; left: 16px; width: 47px; height: 60px; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_followchannel_accent.svg) center/contain no-repeat; } /* textarea verify email icon */ .image-3XsqGc[src="/assets/b0df989dede2e65a2d631874ffe04de0.svg"] { object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_verifyemail_bg.svg) center/contain no-repeat; width: 65px; height: 60px; margin-bottom: -16px; } .image-3XsqGc[src="/assets/b0df989dede2e65a2d631874ffe04de0.svg"] + * { overflow: visible; } .image-3XsqGc[src="/assets/b0df989dede2e65a2d631874ffe04de0.svg"] + *::after { content: ""; position: absolute; bottom: 0px; left: 16px; width: 65px; height: 60px; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_verifyemail_accent.svg) center/contain no-repeat; } /* textarea wave hand icon */ .animation-10aT2_ path[stroke="rgb(123,162,255)"], .animation-10aT2_ path[stroke="rgb(123, 162, 255)"], .animation-vamXOL path[stroke="rgb(123,162,255)"], .animation-vamXOL path[stroke="rgb(123, 162, 255)"] { stroke: rgb(var(--accentcolor)) !important; } .colorLink-2vG20E.mentionButton-3710-W { /* textarea reply mention */ color: rgb(var(--accentcolor)); } /* ---- 3.3. AUTOCOMPLETEMENU ---- */ #app-mount .active-2awTSY { /* autocomplete option active */ background-color: rgb(var(--accentcolor)) !important; } #app-mount .searchSuggestion-2K8OBX:hover { /* gifpicker suggestions */ border-color: rgb(var(--accentcolor)); background-color: rgb(var(--accentcolor)); } .result-3w1ZcL[style*="background-color"] { /* gifpicker result loading */ background-color: rgb(var(--accentcolor)) !important; } .result-3w1ZcL[style*="background-color: rgb(146, 154, 250)"] { background: var(--accentcolor-hover) !important; } .result-3w1ZcL[style*="background-color: rgb(179, 174, 255)"] { background: var(--accentcolor-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(--accentcolor)), 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(--accentcolor)), inset 0 0 0 3px #2f3136; } #app-mount .categoryFadeBlurple-1j72_A { /* gifpicker categoryfade */ background-color: rgba(var(--accentcolor), 0.8); } #app-mount .categoryFadeBlurple-1j72_A:hover { background-color: rgba(var(--accentcolor), 0.95); } .introductionAction-M1r6AX { /* gifpicker introductionaction tooltip */ color: rgb(var(--accentcolor)); } .iconColorLightBlue-zbxJUe { /* stickerpicker icon lightblue */ color: rgb(var(--accentcolor)); filter: brightness(150%); } .iconColorDarkBlue-6qQpJf { /* stickerpicker icon darkblue */ color: rgb(var(--accentcolor)); filter: brightness(75%); } .iconColorPink-1dhBIv { /* stickerpicker icon pink */ color: rgb(var(--accentcolor2)); } /* ---- 3.4. MEMBERLIST ---- */ .premiumIcon-1rDbWQ { color: rgb(var(--accentcolor2)); } /* ---- 3.5. SEARCHPAGE ---- */ #app-mount .activeButton-rvKcqq, #app-mount .activeButton-rvKcqq:hover { background-color: rgb(var(--accentcolor)); } .noResultsImage-3Y0eCI.alt-3EpRdH { display: flex; } .noResultsImage-3Y0eCI.alt-3EpRdH::before { content: ""; position: absolute; width: 160px; height: 160px; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/searchpage_noresults_accent.svg) center/cover no-repeat; } /* ---- 3.6. CALL ---- */ .sparkleBlurple-awNnsZ { background-image: url(https://discord.com/assets/c7539bb38577495f5021c8ea455c7145.png); } .popBlurple-27zBE3 { background-image: url(https://discord.com/assets/237a2f9325a83d230fb30b2cd63bbfe6.png); } .lightBlurple-1mZKpk { background-image: url(https://discord.com/assets/1c20f6ecd2d83c1844a3fd6da306d239.png); } .crossBlurple--iGG5Y { background-image: url(https://discord.com/assets/c13a0b03a798023c27155fad5f0c7a61.png); } .background-ujHpbY[style*="background-color: rgb(116, 140, 220)"] { background-color: rgb(var(--accentcolor)) !important; } /* ~~~~ 4. PEOPLES ~~~~ */ .wrapper-1cBijl .btn:disabled { /* addfriendpage button */ background-color: rgb(var(--accentcolor)); } /* ~~~~ 5. STORE/NITRO ~~~~ */ #app-mount .premiumIndicator-1XvbfM { /* premium where? */ background-color: rgb(var(--accentcolor)); } .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(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } .activeTransferGuildCardBorder-2jUQ7t{ background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } .premiumGuildSubscriptionRowActive-1WxLXI{ background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } .theme-light .animationContainer-cNePAf { color: rgb(var(--accentcolor)); } .theme-light .shine-KMI5j7 { color: rgba(var(--accentcolor), 0.2); } .grandfatheredMessage-1BnHtv { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } .tierGrandfathered-R6zrrD.banner-3Kac2g { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%); } .tier1-UUxEBG, .headerTier1-2Ckjmd, /* submodal tier1 header */ .tier1HeaderBackground-3LjWgU { /* submodal tier1 bg */ background-color: rgb(var(--accentcolor)); } .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(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%); } .tier2-3pW_6T, .headerTier2-3FKMxd, /* submodal tier2 header */ .tier2HeaderBackground-2BUqcl { /* submodal tier2 bg */ background: #ffcd4b linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } .tier2-3hSil0.banner-3Kac2g { background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%); } .price-1rEl-z { /* submodal price */ color: rgb(var(--accentcolor)); } .iconBackgroundTier1-2GOcU8 { /* tierlist tier1 bg */ background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } .iconBackgroundTier2-2TeI3a { /* tierlist tier2 bg */ background: #ffcd4b linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } .xboxPromotion-1k0m0c { /* bannerpromo xboxpromo */ background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } .bannerPromotionLogoPremium-2cB301 { /* bannerpromo logo */ background: #ffcd4b linear-gradient(rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } .premiumLogo-1D3iJc { /* bannerpromo nitro logo */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } #app-mount .tag-HanR-9 { /* tag */ background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } #app-mount .tag-HanR-9::before { background: rgb(var(--accentcolor)); -webkit-mask: url(https://discord.com/assets/04a2e1509ad72be575b1529b51ea3977.svg) top/cover no-repeat; } .skuButtonTier1-2XTq5D, .skuButtonTier1-3-EFd9 { background: rgb(255, 255, 255) linear-gradient(32.3deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%); } .skuButtonTier2-2asv3-, .skuButtonTier2-i01WfL { background: #ffcd4b linear-gradient(32.3deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } #app-mount .alternativeSkuSelected-3Qhw9n { background-color: rgb(var(--accentcolor)); } .overlappingBorder-1-XPGl { /* store preview image */ border-color: rgb(var(--accentcolor)); } #app-mount .headerFancy-1AcCLF { /* store header fancy */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } #app-mount .premiumHeaderPrice-1F1CMD { /* store price */ background-color: rgb(var(--accentcolor)); } .premiumCircle-3jgziV { /* store premiumcircle */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } #app-mount .staffIcon-2MB1se { /* store stafficon */ background-color: rgb(var(--accentcolor)); } #app-mount .nitroIcon-2uS3VJ { /* store nitroicon */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } .confirmPremiumIcon-26GX5Y, /* store confirmpremiumicon */ .gameIcon-gg34Dz[style*="/assets/f6cbcdc9366fb8d31e03bdc6c9c50246.svg"] { background-color: rgb(255, 255, 255) !important; background-image: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/nitrobadge_details.svg), linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)) !important; } .pageWrapper-3F6owx { /* store pagewrapper */ background: white linear-gradient(114deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.6)); } /* ~~~~ 6. LIBRARY ~~~~ */ .foreground-2aE44H { /* installationpath fill */ stroke: rgb(var(--accentcolor)); } /* ~~~~ 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(--accentcolor)); } .search-1iTphC .searchBox-2_mAlO:focus, .search-1iTphC .searchBox-2_mAlO:focus-within { box-shadow: 0 0 0 1px rgb(var(--accentcolor)), 0 0 0 2px rgba(var(--accentcolor), 0.6), 0 0 0 3px rgba(var(--accentcolor), 0.3); } #app-mount .activeButton-1BJAiN, /* pagination button */ #app-mount .activeButton-1BJAiN:hover { background-color: rgb(var(--accentcolor)); } /* categorylist selected item */ .categoryItem-1QIroW.selectedCategoryItem-FHKU_o .itemInner-gPkiWb { background-color: rgb(var(--accentcolor)); } .categoryPill-34fszg.selected-1dONk0 { /* categorylist search categorypill */ background-color: rgb(var(--accentcolor)); } /* ~~~~ 8. USERSETTINGS ~~~~ */ .premiumTabItem-1QTfBr[aria-selected=false], .item-PXvHYJ[style^="color: rgb(114, 137, 218)"], .item-PXvHYJ[style*=" color: rgb(114, 137, 218)"] { /* settingsitems item */ color: rgb(var(--accentcolor)) !important; } .premiumTabItem-1QTfBr[aria-selected=false]:hover, .item-PXvHYJ[style*="background-color: rgba(114, 137, 218, 0.1)"] { background-color: rgb(var(--accentcolor), 0.1) !important; } .premiumTabItem-1QTfBr[aria-selected=true], .item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"] { background-color: rgb(var(--accentcolor)) !important; } .item-PXvHYJ:not(.selected-3s45Ha)[aria-controls="Nitro Server Boost-tab"], .serverBoostTabItem-2hFTIN[aria-selected=false], .item-PXvHYJ[style^="color: rgb(114, 137, 218)"][aria-controls="GUILD_PREMIUM-tab"], .item-PXvHYJ[style*=" color: rgb(114, 137, 218)"][aria-controls="GUILD_PREMIUM-tab"] { color: rgb(var(--accentcolor2)) !important; } .item-PXvHYJ:hover[aria-controls="Nitro Server Boost-tab"], .serverBoostTabItem-2hFTIN[aria-selected=false]:hover,, .item-PXvHYJ[style*="background-color: rgba(114, 137, 218, 0.1)"][aria-controls="GUILD_PREMIUM-tab"] { background-color: rgb(var(--accentcolor2), 0.1) !important; } .item-PXvHYJ.selected-3s45Ha[aria-controls="Nitro Server Boost-tab"], .serverBoostTabItem-2hFTIN[aria-selected=true], .item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"][aria-controls="GUILD_PREMIUM-tab"] { background-color: rgb(var(--accentcolor2)) !important; } .item-PXvHYJ .icon-Zc-uZZ, .item-PXvHYJ .icon-3Povsy { fill: currentColor; } .dot-2s_oHI { /* settingsitems dot */ background-color: rgb(var(--accentcolor)); } .cardBrand-39zmMQ { /* settingsitems card */ background-color: rgb(var(--accentcolor)); } .cardBrand-39zmMQ, .cardBrandOutline-3jvFfo { border-color: rgb(var(--accentcolor)); } .avatarUploaderInner-3UNxY3 { /* accountsettings avatar upload */ background-color: rgb(var(--accentcolor)); } #app-mount .questionMark-CWEQZn, /* accountsettings questionmark */ #app-mount .questionMark-3qBhGj { /* accountsettings questionmark new */ background-color: rgb(var(--accentcolor)); } #app-mount .questionMark-CWEQZn:hover, #app-mount .questionMark-3qBhGj:hover { background: var(--accentcolor-hover); } .marketingLogoImage-2SzXIR { /* boostsettings boost header */ position: relative; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_bg.svg) center/cover no-repeat; } .marketingLogoImage-2SzXIR::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent.svg) center/cover no-repeat; } #app-mount .tierUnlocked-27DwHo { /* boostsettings tierunlocked */ color: rgb(var(--accentcolor)); } #app-mount .tierAccomplished-2eXPdI, #app-mount .tierCurrent-Lw7-4E, #app-mount .tierDefault-2qaRkD { background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } #app-mount .tierCloseHint-380zIA { /* boostsettings tierclosehint */ background-color: rgb(var(--accentcolor)); } #app-mount .tierCloseHint-380zIA::before { border-right-color: rgb(var(--accentcolor)); } #app-mount .tierHeaderUnlockedBackground-MW5XJU { /* boostsettings tierheaderunlockedbg */ background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } #app-mount .foreground-2EIns2 { /* boostsettings icon foreground */ color: rgb(var(--accentcolor2)); } .emojiIcon-2xOPMD { /* boostsettings perkicon emoji */ color: rgb(var(--accentcolor)); filter: brightness(75%); } .uploadSizeIcon-2HNa5p { /* boostsettings perkicon upload */ color: rgb(var(--accentcolor2)); filter: brightness(75%); } .memberBadgeIcon-1hpSQc { /* boostsettings perkicon guild */ color: rgb(var(--accentcolor)); filter: brightness(150%); } .profileBadgeIcon-_ctnKj { /* boostsettings perkicon badge */ position: relative; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_boostbadge_bg.svg) center/contain no-repeat; } .profileBadgeIcon-_ctnKj::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgb(var(--accentcolor2)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_boostbadge_accent.svg) center/contain no-repeat; } .premiumGuildIcon-13KUPa { /* boostsettings perkicon premium */ color: rgb(var(--accentcolor2)); } .gemWithLabel-2aecE_ { /* boostsettings progress label */ color: rgb(var(--accentcolor2)); } .gemIndicatorProgressCircle-3wDFa1 { /* boostsettings progress circle */ color: rgb(var(--accentcolor2)); } .guildSubscriberCountIcon-6Fo5EK { /* boostsettings sub count */ color: rgb(var(--accentcolor2)); } .guildSubscriptionSlotIcon-EVE04u { /* boostsettings slot icon */ color: rgb(var(--accentcolor2)); } .icon-3j1dJB { /* hypesettings perk icon */ position: relative; } .icon-3j1dJB::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/empty.svg) center/cover no-repeat; } .perkNewsletter-2lxlA1 { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_bg.svg) center/cover no-repeat; } .perkNewsletter-2lxlA1::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_accent.svg) center/cover no-repeat; } .perkBadge-2la1kc { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_bg.svg) center/cover no-repeat; } .perkBadge-2la1kc::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_accent.svg) center/cover no-repeat; } .perkChallenges-19qHzw { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_bg.svg) center/cover no-repeat; } .perkChallenges-19qHzw::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_accent.svg) center/cover no-repeat; } .wrapper-3jrx9n { /* overlaysettings positionsettings wrapper */ border-color: rgb(var(--accentcolor)); } .option-n0icdO:hover { /* overlaysettings positionoption */ background-color: rgb(var(--accentcolor)); } .selected-mKYnfr.option-n0icdO { background-color: rgb(var(--accentcolor)); border-color: rgb(var(--accentcolor)); } /* streamermodesettings headerimage */ .noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] { object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_bg.svg) 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; pointer-events: none; } .noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + *::before { background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_accent.svg) center/contain no-repeat; } .noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + *::after { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_details.svg) center/contain no-repeat; } #app-mount .premiumIcon-3GPLjg { /* games premium icon */ background-color: rgb(var(--accentcolor)); } /* ~~~~ 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; flex: unset !important; height: 310px !important; min-width: 320px !important; background: var(--background-tertiary); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_widget_bg.svg) center/contain no-repeat; } .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; pointer-events: none; } .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(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_widget_accent.svg) center/contain no-repeat; } .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(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_widget_details.svg) center/contain no-repeat; } @-webkit-keyframes pulseBorder-1LZYy9 { /* intergrationsettings new webhook */ 0% {border-color: transparent;} 50% {border-color: rgb(var(--accentcolor));} to {border-color: transparent;} } @keyframes pulseBorder-1LZYy9 { 0% {border-color: transparent;} 50% {border-color: rgb(var(--accentcolor));} to {border-color: transparent;} } .placeholderImage-37MstR { /* discoverysettings insight */ background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_insight_bg.svg) center/cover no-repeat; } .placeholderImage-37MstR::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_insight_accent.svg) center/cover no-repeat; } /* discoverysettings partner program */ .banner-2AwsUs[src="/assets/b3d9ebeb2259945abe78c49206f5b62d.svg"], .banner-2AwsUs[src="/assets/fd7c94580512371af3a5bb3bf25299e9.svg"] { object-position: -999999px -999999px; filter: grayscale(0.5); background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_partnerprogram_bg.svg) center/cover no-repeat; } .banner-2AwsUs[src="/assets/b3d9ebeb2259945abe78c49206f5b62d.svg"] + *, .banner-2AwsUs[src="/assets/fd7c94580512371af3a5bb3bf25299e9.svg"] + * { position: relative; display: flex; justify-content: center; } .banner-2AwsUs[src="/assets/b3d9ebeb2259945abe78c49206f5b62d.svg"] + *::after, .banner-2AwsUs[src="/assets/fd7c94580512371af3a5bb3bf25299e9.svg"] + *::after { content: ""; position: absolute; top: -281px; width: 428px; height: 241px; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_partnerprogram_accent.svg) center/cover no-repeat; } .defaultIcon-2NMkWn { /* discoverysettings default guildicon */ background-color: rgb(var(--accentcolor)); } /* discoverysettings requirements icon */ .requirementsImage-tqIP2X[src="/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg"], .requirementsImage-tqIP2X[src="/assets/bc7f9210390707aa76067bf85b8137e6.svg"], .headerIcon-2S6VR5[src="/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg"], .headerIcon-2S6VR5[src="/assets/84c2ac411161e2270327766e6c44a4fe.svg"] { object-position: -999999999px -999999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_requirements_bg.svg) center/cover no-repeat; } .requirementsImage-tqIP2X[src="/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg"] + *, .requirementsImage-tqIP2X[src="/assets/bc7f9210390707aa76067bf85b8137e6.svg"] + *, .headerIcon-2S6VR5[src="/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg"] + *, .headerIcon-2S6VR5[src="/assets/84c2ac411161e2270327766e6c44a4fe.svg"] + * { position: relative; height: 60px; } .requirementsImage-tqIP2X[src="/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg"] + *::after, .requirementsImage-tqIP2X[src="/assets/bc7f9210390707aa76067bf85b8137e6.svg"] + *::after, .headerIcon-2S6VR5[src="/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg"] + *::after, .headerIcon-2S6VR5[src="/assets/84c2ac411161e2270327766e6c44a4fe.svg"] + *::after { content: ""; position: absolute; left: -56px; bottom: 10px; width: 40px; height: 40px; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_requirements_accent.svg) center/cover no-repeat; } .featureIcon-3p1TC_ [fill="#7289da" i] { /* communitysettings intro featureicon */ fill: rgb(var(--accentcolor)); } .info-1LuGpo { /* communitysettings partnership */ color: rgb(var(--accentcolor)); } .fakeButton-kGEmb3 { /* communitysettings rules example fake */ background-color: rgb(var(--accentcolor)); } .exampleWumpus-3QIhvG .wumpus-3Q6pSF, /* communitysettings rules wumpus */ .exampleWumpus-1zk2dq .wumpus-3JzuYd { /* communitysettings welcome wumpus */ object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_wumpus_bg.svg) center/cover no-repeat; } .exampleWumpus-3QIhvG::after, .exampleWumpus-1zk2dq::after { content: ""; position: absolute; width: 82px; height: 72px; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_wumpus_accent.svg) 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(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_wumpusicon_bg.svg) 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; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_wumpusicon_accent.svg) center/cover no-repeat; } /* ~~~~ 10. MODALS ~~~~ */ /* ---- 10.1. USERMODAL ---- */ .topSectionPlaying-1J5E4n { /* modal topsection playing */ background: rgb(var(--accentcolor)); } .container-q03LZO.colored-1armap .profileBadgeStaff-3BXdTO { background: rgb(var(--accentcolor)); -webkit-mask: url(https://discord.com/assets/4358ad1fb423b346324516453750f569.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileBadgePartner-j6Lwhr { background: rgb(var(--accentcolor)); -webkit-mask: url(https://discord.com/assets/6203964d9d25c394a573fd4f6be36d97.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl1-3oI9tx { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://discord.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl2-r6nJHT { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://discord.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl3-38s3Dj { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://discord.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl4-2NXrsI { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://discord.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl5-3XIa2K { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://discord.com/assets/a99def5f819c077e5e5061cab741b7e6.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl6-3e3sxW { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://discord.com/assets/2cfb317f3db3963d8ded9a97ee967bac.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl7-1dVhQT { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://discord.com/assets/278736f579d810b11ddf308cb598b19e.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl8-1kXdFr { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://discord.com/assets/38e40f25802a0fdf480d9b855a37a2f3.svg) center/contain no-repeat; } .container-q03LZO.colored-1armap .profileGuildSubscriberlvl9-1d6zav { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://discord.com/assets/cfbc2d8ceacfacf07850f986c8165195.svg) center/contain no-repeat; } .guildAvatarWithoutIcon-1sTmE_ { /* modal shared servers no icon */ background-color: rgb(var(--accentcolor)); } /* ---- 10.2. GUILDADD/CREATION ---- */ /* create guild create own icon */ .icon-QM5383[src="/assets/79516499036b21acd5f56ccba0635c38.svg"] { object-position: -999999px -999999px; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildcreate_createown_accent.svg) center/contain no-repeat; } .icon-QM5383[src="/assets/79516499036b21acd5f56ccba0635c38.svg"] + * { position: relative; display: flex; align-items: center; overflow: visible; } .icon-QM5383[src="/assets/79516499036b21acd5f56ccba0635c38.svg"] + *::after { content: ""; position: absolute; left: -56px; width: 48px; height: 48px; pointer-events: none; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildcreate_createown_bg.svg) center/contain no-repeat; } .uploadIcon-2IFzZU [fill="#7289da" i], .uploadIcon-2IFzZU [fill="#5865f2" i] { /* create guild upload icon */ fill: rgb(var(--accentcolor)); } /* ---- 10.3. REGIONSELECTMODAL ---- */ .regionSelectFlag-3uwFtG, /* modal regionselect flag */ .regionSelectFlag-1htPow { background-color: rgb(var(--accentcolor)); } .vip-3pFIN8::after, /* modal regionselect vip */ .vip-1SuRbe::after { background: rgb(var(--accentcolor)); } .regionSelect-3lf4eE button { /* modal regionselect button */ color: rgb(var(--accentcolor)); } #app-mount .regionSelect-3lf4eE:hover .regionSelectInner-24f4Ce, #app-mount .regionSelect-3lf4eE:hover button { border-color: rgb(var(--accentcolor)); } #app-mount .regionSelect-3lf4eE:hover button { background-color: rgb(var(--accentcolor)); } .regionSelectModal-12e-57 .regionSelectModalHeader-21khC1 { /* modal regionselect header */ color: rgb(var(--accentcolor)); } /* modal regionselect option */ .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover { border-color: rgb(var(--accentcolor)); } .check-2by_h9 { -webkit-mask: url(https://discord.com/assets/6acb20d5e709b34b6a7f36ec13648666.svg); background: rgb(var(--accentcolor)); } /* ---- 10.4. UPLOADMODAL ---- */ /* modal background */ .uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc { background-color: rgb(var(--accentcolor)); } .attachment-33OFj0 .icon-1kp3fr, .audioMetadata-3zOuGv::before, .uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j), .uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j) { object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_bg.svg) center/contain no-repeat !important; } .attachment-33OFj0 .icon-1kp3fr + *::before, .attachment-33OFj0 .icon-1kp3fr + *::after, .audioMetadata-3zOuGv > *:first-child::before, .audioMetadata-3zOuGv > *:first-child::after, .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; pointer-events: none; background: rgb(var(--accentcolor)); } .markup-2BOw-j > .attachment-33OFj0 { position: relative; } .attachment-33OFj0 .icon-1kp3fr { background-size: 120% !important; } .audioMetadata-3zOuGv::before { background-position: center -4px !important; background-size: 140% !important; } .attachment-33OFj0 .icon-1kp3fr + *::before, .attachment-33OFj0 .icon-1kp3fr + *::after { top: 9px; left: 8px; width: 36px; height: 48px; } .markup-2BOw-j > .attachment-33OFj0 .icon-1kp3fr + *::before, .markup-2BOw-j > .attachment-33OFj0 .icon-1kp3fr + *::after { top: 6px; left: 7px; } .audioMetadata-3zOuGv > *:first-child::before, .audioMetadata-3zOuGv > *:first-child::after { top: 0; left: 5px; width: 34px; height: 56px; } .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 { width: 100px; height: 130px; } .uploadModalIn-1z07Bv .error-kKl9o2 .icon-kyxXVr:not(.image-2yrs5j)::before, .uploadModalIn-1z07Bv .error-kKl9o2 .icon-kyxXVr:not(.image-2yrs5j)::after { background: #d83c3f; } .attachment-33OFj0 .icon-1kp3fr + *::before, .audioMetadata-3zOuGv > *:first-child::before, .uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j)::before, .uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j)::before { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_details.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr + *::after, .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(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/empty.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="acrobat"] + *::after, .uploadModal-2ifh8j .icon-kyxXVr.acrobat-3K1PC6::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_acrobat_accent.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="ae"] + *::after, .uploadModal-2ifh8j .icon-kyxXVr.ae-1Y5Jq3::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ae_accent.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="ai"] + *::after, .uploadModal-2ifh8j .icon-kyxXVr.ai-11KAaB::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ai_accent.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="archive"] + *::after, .uploadModal-2ifh8j .icon-kyxXVr.archive-2hqXug::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_archive_accent.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="audio"] + *::after, .audioMetadata-3zOuGv > *:first-child::after, .uploadModal-2ifh8j .icon-kyxXVr.audio-14DQXq::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_audio_accent.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="code"] + *::after, .uploadModal-2ifh8j .icon-kyxXVr.code-aoB-kL::after, .uploadModalIn-1z07Bv .icon-kyxXVr.two-3BBQI9::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_code_accent.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="document"] + *::after, .uploadModal-2ifh8j .icon-kyxXVr.document-2cvI0u::after, .uploadModalIn-1z07Bv .icon-kyxXVr.three-27ScFD::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_document_accent.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="photoshop"] + *::after, .attachment-33OFj0 .icon-1kp3fr[title="ps"] + *::after, .uploadModal-2ifh8j .icon-kyxXVr.photoshop-1UWfyZ::after, .uploadModal-2ifh8j .icon-kyxXVr.ps-2T6Jrl::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_photoshop_accent.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="sketch"] + *::after, .uploadModal-2ifh8j .icon-kyxXVr.sketch-ZMuo7D::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_sketch_accent.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="spreadsheet"] + *::after, .uploadModal-2ifh8j .icon-kyxXVr.spreadsheet-1QuSej::after, .uploadModalIn-1z07Bv .icon-kyxXVr.one-2crnLX::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_spreadsheet_accent.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="video"] + *::after, .uploadModal-2ifh8j .icon-kyxXVr.video-27RLEH::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_video_accent.svg) center/contain no-repeat; } .attachment-33OFj0 .icon-1kp3fr[title="webcode"] + *::after, .uploadModal-2ifh8j .icon-kyxXVr.webcode-22GGLX::after { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_webcode_accent.svg) 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(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/keybinds_arrows_bg.svg) center/contain no-repeat !important; } .ddrArrows-lSnH7P .arrow-2enltQ::after { content: ""; position: absolute; top: 0; left: 0; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/keybinds_arrows_accent.svg) 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(--accentcolor)); } .authBox-hW6HRx img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] { object-position: -999999px -999999px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/login_authbox_bg.svg) 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; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/login_authbox_mask.svg) center/cover no-repeat; } .startOverButton-3q0wUV { /* authobox startover */ color: rgb(var(--accentcolor)); } /* ---- 10.7. DOWNLOADAPPMODAL ---- */ .downloadApps-wbBFdZ .footer-1nkeBm a { color: rgb(var(--accentcolor)); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ { border-color: rgb(var(--accentcolor)); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ p { color: rgb(var(--accentcolor)); } .downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ .downloadButton-1bWXpg { background-color: rgb(var(--accentcolor)); } #app-mount .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ { background: rgb(var(--accentcolor)); -webkit-mask-size: cover; } .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.apple-1fKN59 { -webkit-mask: url(https://discord.com/assets/7ddab19e24325212299490c2f413b122.svg); } .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.windows-29yOum { -webkit-mask: url(https://discord.com/assets/37ce528f3abf4d735a624309e990acc6.svg); } .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.linux-15cW1y { -webkit-mask: url(https://discord.com/assets/f8e3f6e7b2cf5f10aed43243560a1b91.svg); } .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.ios-Z7K-rr { -webkit-mask: url(https://discord.com/assets/00a1b0447f0474ecaa767a4bc09fe2ed.svg); } .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.android-gGrHJu { -webkit-mask: url(https://discord.com/assets/676bfec9f4343f6fcdf0a12ae313a3de.svg); } .browserItem-1mKMYK:hover { border-color: rgb(var(--accentcolor)); } .browserItem-1mKMYK:hover .btn-3wPLTq { background-color: rgb(var(--accentcolor)); border-color: rgb(var(--accentcolor)); } /* ---- 10.8. GUILDBOOSTMODAL ---- */ /* modal boost header */ .headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] { object-position: -999999px -999999px; width: 96px; height: 60px; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_bg.svg) center/cover no-repeat; } .headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + *:not(svg), .headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + svg + * { position: relative; } .headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + *:not(svg)::after, .headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + svg + *::after { content: ""; position: absolute; top: -132px; left: calc((100% - 96px) / 2); width: 96px; height: 60px; pointer-events: none; background: rgb(var(--accentcolor2)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent.svg) center/cover no-repeat; } .badgeIconWithSubscribers-3PlMu9 { /* modal sub badge icon */ color: rgb(var(--accentcolor2)); } #app-mount .icon-QVoPRH { /* modal perkicon general */ color: rgb(var(--accentcolor2)); } /* modal tiermarker in progress tier3 */ #app-mount .tierMarkerInProgress-24LMzJ .currentTierIcon-2gcTCn.tier3Icon-Ku4Ahe { color: rgb(var(--accentcolor2)); } .tierMarkerAccomplished-2MiXeg { /* modal tiermarker accomplished */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.7)) !important; } #app-mount .barForeground-3KglC8 { /* modal tierbarfill */ background-color: rgb(var(--accentcolor2)); } #app-mount .barSecondary-3B1aP2 { /* modal previewbarfill */ background: var(--interactive-hover) linear-gradient(90deg, rgba(var(--accentcolor2), 0.3), rgba(var(--accentcolor2), 0.3)); } #app-mount .iconIncluded-24npcq { /* modal included perkicon */ color: rgb(var(--accentcolor)); } #app-mount .upload-2-2ZMI { /* modal perkicon upload */ color: rgb(var(--accentcolor2)); } #app-mount .animated-XlVkOl { /* modal perkicon animated */ color: rgb(var(--accentcolor)); filter: brightness(75%); } #app-mount .stream-3mNTxK { /* modal perkicon stream */ color: rgb(var(--accentcolor)); filter: brightness(150%); } #app-mount .tierUnlocked-25K6Kv { /* modal tierunlocked */ color: rgb(var(--accentcolor)); } #app-mount .tierHeaderUnlocked-1n-OTI { /* modal tierheaderunlockedbg */ background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } .wrapper-3nSjSv { /* modal boostaddwrapper */ background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5)); } .wrapper-3nSjSv::before, /* modal boostangel */ .wrapper-3nSjSv::after { content: ""; position: absolute; top: -44px; right: -82px; width: 168px; height: 88px; pointer-events: none; } .wrapper-3nSjSv::before { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_bg.svg) center/cover no-repeat; } .wrapper-3nSjSv::after { background: rgb(var(--accentcolor2)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_accent.svg) center/cover no-repeat; } #app-mount .wrapper-3nSjSv .lookInverted-2D7oAl.colorBrand-3pXr91 { color: rgb(var(--accentcolor2)) !important; } .tierMarkerLabelPlusIcon-1OS7E9 { /* modal prebuy icon */ color: rgb(var(--accentcolor2)); } .upsellFooterIcon-2105bD path { /* prebuy popout footer icon */ fill: rgb(var(--accentcolor)); } .perkIconGuild-KLNhuR { /* prebuy popout perkicon guild */ color: rgb(var(--accentcolor2)); } .perkIconChatPerks-BnKNFh { /* prebuy popout perkicon chat */ color: rgb(var(--accentcolor)); filter: brightness(120%); } .perkIconStream-7wqAvn { /* prebuy popout perkicon stream */ color: rgb(var(--accentcolor)); filter: brightness(150%); } /* ---- 10.9. ADDGUILDBOOSTMODAL ---- */ #app-mount .confirmImage-2pGr87 { /* add boost modal add confirm */ position: relative; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/addboost_header_bg.svg) center/contain no-repeat; } .confirmImage-2pGr87::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/addboost_header_accent.svg) center/contain no-repeat; } #app-mount .transferConfirmImage-1SYwXp { /* add boost modal transfer confirm */ position: relative; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/transferboost_header_bg.svg) center/contain no-repeat; } .transferConfirmImage-1SYwXp::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgb(var(--accentcolor2)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/transferboost_header_accent.svg) center/contain no-repeat; } /* ---- 10.10. STREAMSETTINGSMODAL ---- */ .selectorButtonSelected-336oUc, /* modal selectorselectedbutton */ .selectorButtonSelected-1j4DmC { background-color: rgb(var(--accentcolor)); } .badgeUpgrade-3_4a3F { /* modal badgeupgrade */ color: rgb(var(--accentcolor)); } .imageSelected-4Kl81J { /* modal imageselected */ border-color: rgb(var(--accentcolor)); } .tile-2silOL:hover .sourceThumbnail-14Iubx { /* modal sourcethumbnail */ box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)); } .sourceThumbnail-14Iubx.selected-3Qtv-u { box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)); } /* ---- 10.11. DISPATCHERRORMODAL ---- */ .theme-light .closeLink-2MRAUp { /* modal closelink */ color: rgb(var(--accentcolor)); } /* ---- 10.12. CHANGELOGMODAL ---- */ .content-s2SEQO a { /* modal link */ color: var(--text-link); } #app-mount .improved-1NJK-y { /* modal improved category */ color: rgb(var(--accentcolor)); } #app-mount .improved-1NJK-y::after { background-color: rgb(var(--accentcolor)); } .premiumBanner-rP6H1S { background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } /* ---- 10.13. SCREENSHAREMODAL ---- */ #app-mount .art-1qgogX { /* settings modal */ position: relative; background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/screenshare_header_bg.svg) center/contain no-repeat; } .art-1qgogX::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/screenshare_header_accent.svg) center/contain no-repeat; } #app-mount .art-11ppxi[src="/assets/3f8ff16e485080df4e54267370420785.png"] + * { /* unlock modal */ position: static; } #app-mount .art-11ppxi[src="/assets/3f8ff16e485080df4e54267370420785.png"] + *::after { content: ""; position: absolute; top: 0; border: 0px solid rgb(var(--accentcolor)); border-width: 29px 26px; border-radius: 7px; width: 225px; height: 149px; margin: -24px -112.5px 8px; box-sizing: border-box; } .tile-2w4k5N:hover .sourceThumbnail-27dolk { box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)); } .sourceThumbnail-27dolk.selected-1nOkyc { box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)); } .selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover { background-color: rgb(var(--accentcolor)); } .selectorButtonSelected-t5V9On { background-color: rgb(var(--accentcolor)); } /* ---- 10.14. PHONEVERIFICATIONMODAL ---- */ .phoneVerificationModal-OzcDc3 path[fill="rgb(118,134,177)"] { fill: rgb(var(--accentcolor)); } /* ---- 10.15. CUSTOMSTATUSMODAL ---- */ .art-347BZj { background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/customstatus_header_bg.svg) center/contain no-repeat; } .art-347BZj::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgb(var(--accentcolor)); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/customstatus_header_accent.svg) center/contain no-repeat; } /* ---- 10.16. DISCOVERYENTRYMODAL ---- */ .overviewSidebar-auQZeh { background: rgb(255, 255, 255) linear-gradient(rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.66)); text-shadow: 1px 1px var(--textshadow); } .selected-3AsYnC .stepIndex-3rtpcw { color: rgb(var(--accentcolor)); } /* ~~~~ 11. POPOUTS ~~~~ */ .popoutLeft-3aViER.arrowAlignmentTop-1yftWI::before { border-left-color: #rgb(var(--accentcolor)); } .popoutRight-1veHKi.arrowAlignmentTop-1yftWI::before { border-right-color: #rgb(var(--accentcolor)); } .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(--accentcolor)); } .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(--accentcolor)); } .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(--accentcolor)); } .selectedBrand-1UKrSX { /* popout combobox selected brand */ background-color: rgb(var(--accentcolor)); } .selectedBrand-1UKrSX.focused-dKLoQt, .selectedBrand-1UKrSX:hover { background: var(--accentcolor-hover); } /* ---- 11.1. CONTEXTMENU ---- */ .colorBrand-ROmMP1, /* contextmenu brand */ .colorDefault-2K3EoJ:not(.focused-3afm-j)[id="user-settings-cog-Discord_Nitro"] { color: rgb(var(--accentcolor)); } .colorBrand-ROmMP1.focused-3afm-j, .colorDefault-2K3EoJ:not(.colorDanger-2qLCe1):not(.colorPremium-p4p7qO).focused-3afm-j { background-color: rgb(var(--accentcolor)); } .colorBrand-ROmMP1:not(.focused-3afm-j) .radioSelection-1HmrQS, .colorDefault-2K3EoJ:not(.colorDanger-2qLCe1):not(.colorPremium-p4p7qO):not(.focused-3afm-j) .radioSelection-1HmrQS { color: rgb(var(--accentcolor)); } .colorBrand-ROmMP1:not(.focused-3afm-j) .checkbox-3s5GYZ, .colorDefault-2K3EoJ:not(.colorDanger-2qLCe1):not(.colorPremium-p4p7qO):not(.focused-3afm-j) .checkbox-3s5GYZ { color: rgb(var(--accentcolor)); } .colorBrand-ROmMP1.focused-3afm-j .check-1JyqgN, .colorDefault-2K3EoJ.focused-3afm-j .check-1JyqgN { color: rgb(var(--accentcolor)); } .colorPremium-p4p7qO, /* contextmenu premium */ .colorDefault-2K3EoJ:not(.focused-3afm-j)[id="user-settings-cog-Nitro_Server_Boost"], .colorDefault-2K3EoJ:not(.focused-3afm-j)[id="guild-context-guild-settings--GUILD_PREMIUM"] { color: rgb(var(--accentcolor2)); } .colorPremium-p4p7qO.focused-3afm-j, .colorDefault-2K3EoJ.focused-3afm-j[id="user-settings-cog-Nitro_Server_Boost"], .colorDefault-2K3EoJ.focused-3afm-j[id="guild-context-guild-settings--GUILD_PREMIUM"] { background-color: rgb(var(--accentcolor2)); } .colorPremium-p4p7qO.focused-3afm-j { background-color: rgb(var(--accentcolor2)); } .colorPremium-p4p7qO:not(.focused-3afm-j) .radioSelection-1HmrQS { color: rgb(var(--accentcolor2)); } .colorPremium-p4p7qO:not(.focused-3afm-j) .checkbox-3s5GYZ { color: rgb(var(--accentcolor2)); } .colorPremium-p4p7qO.focused-3afm-j .check-1JyqgN { color: rgb(var(--accentcolor2)); } .colorDefault-2K3EoJ[id="status-picker-online"].focused-3afm-j { background-color: rgb(59,165,92); } .colorDefault-2K3EoJ[id="status-picker-idle"].focused-3afm-j { background-color: rgb(250,166,26); } .colorDefault-2K3EoJ[id="status-picker-dnd"].focused-3afm-j { background-color: rgb(240,71,71); } .colorDefault-2K3EoJ[id="status-picker-invisible"].focused-3afm-j { background-color: rgb(116,127,141); } .icon-LYJorE { /* contextmenu icon */ color: currentColor !important; } /* ---- 11.2. USERPOPOUT ---- */ .headerPlaying-j0WQBV { background: rgb(var(--accentcolor)); } .headerStreaming-2FjmGz { background: #593695; } /* ---- 11.3. EMOJIPICKER ---- */ .emojiPicker-3m1S-j .categories-1feg4n .selected-39BZ4S { /* emojipicker selected category */ border-bottom-color: rgb(var(--accentcolor)); } /* ---- 11.4. PINS/MENTIONS ---- */ .hasMoreButton-1MELpI { /* popout hasmore button */ color: rgb(var(--accentcolor)); } /* ---- 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(--accentcolor)); } /* datepicker day selectd */ #app-mount .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected::after { background-color: rgb(var(--accentcolor)); } /* datepicker hintvalue */ #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { background-color: rgb(var(--accentcolor)); } #app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover { background: var(--accentcolor-hover); } /* ~~~~ 12. GENERAL ~~~~ */ .wanderingCubesItem-WPXqao { /* loading cubes */ background-color: rgb(var(--accentcolor)); } .chasingDotsItem-2DVNUn { /* loading dots */ background-color: rgb(var(--accentcolor)); } .theme-light .path-92Hmty, /* loading circle */ .theme-dark .path-92Hmty, .theme-dark .path2-1q7bG_ { stroke: rgb(var(--accentcolor)); } /* ---- 12.1. TEXT ---- */ .brand-2-tkdo { color: rgb(var(--accentcolor)); } .colorBrand-2tjs5J { color: rgb(var(--accentcolor)); } .tipTitle-GL9qAt { color: rgb(var(--accentcolor)); } /* ---- 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(--accentcolor)); } #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(--accentcolor-hover); } #app-mount .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):active, #app-mount .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:active { background: var(--accentcolor-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(--accentcolor)); } #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(--accentcolor)); } #app-mount .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover { border-color: rgba(var(--accentcolor), 0.6); } #app-mount .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:active { background-color: rgba(var(--accentcolor), 0.1); border-color: rgb(var(--accentcolor)); } #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91, #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91:disabled { border-color: rgba(var(--accentcolor), 0.1); color: rgb(var(--accentcolor)); } #app-mount .lookGhost-2Fn_0-.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover { background-color: rgba(var(--accentcolor), 0.15); } #app-mount .lookGhost-2Fn_0-.hoverBrand-1_Fxlk.hasHover-3X1-zV:active { background-color: rgba(var(--accentcolor), 0.2); } #app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91, #app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91:disabled { background-color: rgba(var(--accentcolor), 0.1); color: rgb(var(--accentcolor)); } #app-mount .lookLink-9FtZy-.colorBrand-3pXr91 { color: rgb(var(--accentcolor)); } #app-mount .lookLink-9FtZy-.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover .contents-18-Yxp { background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--accentcolor)) 0, rgb(var(--accentcolor)) 2px, transparent 0); color: rgb(var(--accentcolor)); } /* ---- 12.3. INPUTS ---- */ /* textinput focused */ .input-cIJ7To:not(.error-2O5WFJ):not(.success-2-F980).focused-1mmYsC, .input-cIJ7To:not(.error-2O5WFJ):not(.success-2-F980):focus { border-color: rgb(var(--accentcolor)); } .focused-1mmYsC { border-color: rgb(var(--accentcolor)); } #app-mount .prefixInput-14nUik:not(.error-6_-E9g).focused-2QzoMt { border-color: rgb(var(--accentcolor)); } /* checkbox checked */ .checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span { background-color: rgb(var(--accentcolor)); border-color: rgb(var(--accentcolor)); } /* checkbox checked alt */ .checkbox-3kaeSU .checkboxInner-3yjcPe.alt-6FvZrq .checkboxElement-1qV33p:checked + span::after { border-color: rgb(var(--accentcolor)); } .checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgb(114, 137, 218)"] { background-color: rgb(var(--accentcolor)) !important; } .checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgb(114, 137, 218)"] { border-color: rgb(var(--accentcolor)) !important; } .checkbox-1ix_J3.checked-3_4uQ9 path[fill="#7289da"] { border-color: rgb(var(--accentcolor)) !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(59, 165, 92)"], .container-3auIfb[style*="background-color: rgb(114, 137, 218)"] { background-color: rgba(var(--accentcolor), 0.8) !important; } .container-3auIfb[style*="background-color: rgb(67, 181, 129)"]:hover, .container-3auIfb[style*="background-color: rgb(59, 165, 92)"]:hover, .container-3auIfb[style*="background-color: rgb(114, 137, 218)"]:hover { background: var(--accentcolor-hover) !important; } #app-mount .container-3auIfb:active { background: var(--accentcolor-active) !important; } .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(59, 165, 92)"] path[fill], .container-3auIfb[style*="background-color: rgb(114, 137, 218)"] path[fill], .container-3auIfb:active path[fill] { fill: rgb(var(--accentcolor)) !important; } .barFill-23-gu- { /* slider barfill */ background: rgb(var(--accentcolor)); } .mediaBarGrabber-1FqnbN, /* progessbar grabber */ .mediaBarProgress-1xaPtl, /* progessbar barfill */ .mediaBarProgress-1xaPtl::after, .mediaBarProgress-1xaPtl::before { background-color: rgb(var(--accentcolor)); } .mediaBarInteraction-37i2O4:hover .mediaBarGrabber-1FqnbN, .mediaBarInteractionDragging-2QurIZ .mediaBarGrabber-1FqnbN { background-color: rgb(var(--accentcolor)); filter: brightness(120%); } .theme-light .select-2fjwPw:focus, /* dropdown select nitro subscription */ .theme-light .lookFilled-22uAsw.select-2fjwPw:focus { border-color: rgb(var(--accentcolor)); } .theme-light .lookFilled-22uAsw.select-2fjwPw:hover.open-kZ53_U, .theme-light .lookFilled-22uAsw.open-kZ53_U { border-color: rgb(var(--accentcolor)) rgb(var(--accentcolor)) #b9bbbe; } .theme-dark .select-2fjwPw:focus, .theme-dark .lookFilled-22uAsw.select-2fjwPw:focus { border-color: rgb(var(--accentcolor)); } .theme-dark .lookFilled-22uAsw.select-2fjwPw:hover.open-kZ53_U, .theme-dark .lookFilled-22uAsw.open-kZ53_U { border-color: rgb(var(--accentcolor)) rgb(var(--accentcolor)) rgba(0, 0, 0, 0.3); } .selectedIcon-3uS11H { /* dropdown select selected icon */ color: rgb(var(--accentcolor)); } /* ---- 12.4. TAGS ---- */ .botTagRegular-2HEhHi { /* bottag regular */ background-color: rgb(var(--accentcolor)); } .botTagInvert-18-95s { /* bottag inverted */ color: rgb(var(--accentcolor)); } .verified-1eC5dy { /* verifiedbadge */ color: rgb(var(--accentcolor)); } .partnered-3nJayh { /* partneredbadge */ color: rgb(var(--accentcolor)); } .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(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/clydeicon_details.svg) center/contain no-repeat !important; } [style*="/assets/6debd47ed13483642cf09e832ed0bc1b.png"], [src*="/assets/6debd47ed13483642cf09e832ed0bc1b.png"] { /* avatars blue discord */ object-position: -999999px -999999px; background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/discordavatar_old_details.svg) center/contain no-repeat !important; } [style*="/assets/1f0bfc0865d324c2587920a7d80c609b.png"], [src*="/assets/1f0bfc0865d324c2587920a7d80c609b.png"] { /* avatars blue discord */ object-position: -999999px -999999px; background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/discordavatar_details.svg) 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(--accentcolor)); } ::-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(--accentcolor)), rgba(var(--accentcolor), 0.7)); } .colorPremiumTier1-3D7SPt .button-2DhvE9:hover { color: rgb(var(--accentcolor)); } .colorPremiumTier2-dCdap5 { background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)); } .colorPremiumTier2-dCdap5 .button-2DhvE9:hover { color: rgb(var(--accentcolor)); } .colorBrand-2zeG8h { background-color: rgb(var(--accentcolor)); } .colorBrand-2zeG8h .button-2DhvE9:hover { color: rgb(var(--accentcolor)); } .notice-3bPHh-[style*="background-color: rgb(114, 137, 218)"] { background-color: rgb(var(--accentcolor)) !important; } .notice-3bPHh-[style*="background-color: rgb(114, 137, 218)"] .button-2DhvE9:hover { color: rgb(var(--accentcolor)) !important; } .notice-2X5hT5 { /* preview notice */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.5), rgba(var(--accentcolor), 0.5)); } .button-2PWmas:hover { /* preview notice button */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.7), rgba(var(--accentcolor), 0.7)); } .notice-1tZwqv { /* role notice */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.5), rgba(var(--accentcolor), 0.5)); } .button-3Ijpww:hover { /* role notice button */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.7), rgba(var(--accentcolor), 0.7)); } .notice-3uyY6c { /* rules notice */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.5), rgba(var(--accentcolor), 0.5)); } .button-gP4R86:hover { /* rules notice button */ background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.7), rgba(var(--accentcolor), 0.7)); } /* ---- 12.8. TOOLTIPS ---- */ #app-mount .tooltipBrand-g03Nz8 { background-color: rgb(var(--accentcolor)); } #app-mount .tooltipBrand-g03Nz8 .tooltipPointer-3ZfirK { border-top-color: rgb(var(--accentcolor)); } .content-3O0wBS { background-color: rgb(var(--accentcolor)); } .content-3O0wBS .button-3zdF3z { color: rgb(var(--accentcolor)); } .pointer-3ClhC2 { border-top-color: rgb(var(--accentcolor)); } /* ---- 12.9. TOASTS ---- */ .toast-brand { background-color: rgb(var(--accentcolor)); } .colorBrand-WfDfzD .bg-8df5St { background-color: rgb(var(--accentcolor)); } .colorCustom-WKsPgT .bg-8df5St[style*="background-color: rgb(114, 137, 218)"] { background-color: rgb(var(--accentcolor)) !important; } .bar-95Sdw1.customBar-3RsUzs[style*="background-color: rgb(114, 137, 218)"] { background-color: rgb(var(--accentcolor)) !important; } /* ~~~~ 13. BDSUPPORT ~~~~ */ #bd-pub-button { color: var(--text-normal); transition: background-color .15s ease-out, color .15s ease-out; } #bd-pub-button:hover { background-color: rgb(var(--accentcolor)); } #bd-pub-button:active { background: var(--accentcolor-hover); } #pubslayer button:hover { background: var(--accentcolor-hover); } #pubslayer button:active { background: var(--accentcolor-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(--accentcolor-hover); } .bd-modal-wrapper .footer button:active { background: var(--accentcolor-active); } .bd-modal-wrapper .error-link { color: var(--bd-blue); } .bd-pfbtn { background: var(--bd-blue); } .bd-pfbtn:hover { background: var(--accentcolor-hover); } .bd-pfbtn:active { background: var(--accentcolor-active); } .bd-button { background: var(--bd-blue); } .bd-button:hover { background: var(--accentcolor-hover); } .bd-button:active { background: var(--accentcolor-active); } .bd-addon-views .bd-view-button.selected { background: var(--bd-blue); } .bd-server-tag { background: var(--bd-blue); } .bd-switch input:checked + .bd-switch-body { --switch-color: rgba(var(--accentcolor), 0.8); background-color: rgba(var(--accentcolor), 0.8) !important; } .bd-switch input:active + .bd-switch-body { --switch-color: rgba(var(--accentcolor)); } .bd-switch input:checked:hover + .bd-switch-body { background: var(--accentcolor-hover) !important; } .bd-switch input:checked:active + .bd-switch-body { --switch-color: rgb(var(--accentcolor)); background: var(--accentcolor-active) !important; } html .monaco-editor .find-widget .monaco-inputbox.synthetic-focus { outline-color: rgb(var(--accentcolor)); } html .monaco-editor .monaco-editor-hover a { color: rgb(var(--accentcolor)); } html .monaco-editor [class*="arrow-decoration"] { border-bottom-color: rgb(var(--accentcolor)); } html .monaco-editor .focused .selected-text { background-color: rgb(var(--accentcolor)); } html .monaco-tree[class*="monaco-tree-instance"].focused .monaco-tree-rows > .monaco-tree-row.focused:not(.highlighted) { background-color: rgb(var(--accentcolor)); 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(--accentcolor)) !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(--accentcolor), 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(--accentcolor), 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(--accentcolor), 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(--accentcolor), 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(--accentcolor), 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(--accentcolor), 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(--accentcolor), 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(--accentcolor), 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(--accentcolor), 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(--accentcolor)) !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(--accentcolor)) !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(--accentcolor)) !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(--accentcolor)) !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(--accentcolor)) !important; } .embedFull-2tM8--[style*="border-color: rgb(62, 130, 229)"], .embedFull-2tM8--[style*="border-color: rgb(62, 130, 226)"] { border-color: rgb(var(--accentcolor)) !important; } /* ~~~~ 14. POWERCORDSUPPORT ~~~~ */ html .powercord-toast[data-toast-type=info] .icon { color: rgb(var(--accentcolor)); } html .powercord-toast .progressBar-3u8FBM { background-color: rgb(var(--accentcolor)); } html .powercord-updater .debug-info b { color: rgb(var(--accentcolor)); } /* ~~~~ 15. PLUGINSUPPORT ~~~~ */ /* ---- 15.1. IMAGEZOOM ---- */ .zoomLens-uOK8xV { border-color: rgb(var(--accentcolor)) !important; } /* ---- 15.2. HIDEUTILS ---- */ #HideUtils-Settings button { background-color: rgb(var(--accentcolor)) !important; } /* ---- 15.3. READALLNOTIFICATIONSBUTTON ---- */ .wrapper-1BJsBx:active .childWrapper-anI2G9.button-Jt-tIg { background: var(--accentcolor-hover); } /* ---- 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(--accentcolor)) !important; } /* ---- 15.5. CHANNELTABS ---- */ .channelTabs-unreadBadge:not(.channelTabs-noUnread) { background-color: rgb(var(--accentcolor)) !important; }