BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css

2559 lines
99 KiB
CSS

@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.css);
:root {
--accentcolor: 88,101,242;
--accentcolor2: 255,115,250;
--linkcolor: 0,176,244;
--dangercolor: 237,66,69;
--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-light {
--logo-primary: rgb(var(--accentcolor));
}
.theme-dark, .theme-light {
--text-link: rgb(var(--linkcolor));
--text-link-low-saturation: 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)) !important;
--control-brand-foreground-new: rgb(var(--accentcolor)) !important;
--brand-experiment-100: #fdfdfd !important;
--brand-experiment-130: #f2f2f2 !important;
--brand-experiment-160: #ebebeb !important;
--brand-experiment-200: #e3e3e3 !important;
--brand-experiment-230: #dadada !important;
--brand-experiment-260: #d1d1d1 !important;
--brand-experiment-300: #c7c7c7 !important;
--brand-experiment-330: rgb(var(--accentcolor)) !important;
--brand-experiment-360: rgb(var(--accentcolor)) !important;
--brand-experiment-400: rgb(var(--accentcolor)) !important;
--brand-experiment-430: rgb(var(--accentcolor)) !important;
--brand-experiment-460: rgb(var(--accentcolor)) !important;
--brand-experiment: rgb(var(--accentcolor)) !important;
--brand-experiment-500: rgb(var(--accentcolor)) !important;
--brand-experiment-530: rgb(var(--accentcolor)) !important;
--brand-experiment-560: rgb(var(--accentcolor)) !important;
--brand-experiment-600: rgb(var(--accentcolor)) !important;
--brand-experiment-630: rgb(var(--accentcolor)) !important;
--brand-experiment-660: rgb(var(--accentcolor)) !important;
--brand-experiment-700: #323232 !important;
--brand-experiment-730: #2b2b2b !important;
--brand-experiment-760: #272727 !important;
--brand-experiment-800: #222222 !important;
--brand-experiment-830: #1a1a1a !important;
--brand-experiment-860: #111111 !important;
--brand-experiment-900: #0b0b0b !important;
--brand-experiment-05a: rgba(var(--accentcolor),.05) !important;
--brand-experiment-10a: rgba(var(--accentcolor),.1) !important;
--brand-experiment-15a: rgba(var(--accentcolor),.15) !important;
--brand-experiment-20a: rgba(var(--accentcolor),.2) !important;
--brand-experiment-25a: rgba(var(--accentcolor),.25) !important;
--brand-experiment-30a: rgba(var(--accentcolor),.3) !important;
--brand-experiment-35a: rgba(var(--accentcolor),.35) !important;
--brand-experiment-40a: rgba(var(--accentcolor),.4) !important;
--brand-experiment-45a: rgba(var(--accentcolor),.45) !important;
--brand-experiment-50a: rgba(var(--accentcolor),.5) !important;
--brand-experiment-55a: rgba(var(--accentcolor),.55) !important;
--brand-experiment-60a: rgba(var(--accentcolor),.6) !important;
--brand-experiment-65a: rgba(var(--accentcolor),.65) !important;
--brand-experiment-70a: rgba(var(--accentcolor),.7) !important;
--brand-experiment-75a: rgba(var(--accentcolor),.75) !important;
--brand-experiment-80a: rgba(var(--accentcolor),.8) !important;
--brand-experiment-85a: rgba(var(--accentcolor),.85) !important;
--brand-experiment-90a: rgba(var(--accentcolor),.9) !important;
--brand-experiment-95a: rgba(var(--accentcolor),.95) !important;
}
/* ~~~~ 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
17. NICKNAMEMODAL
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. HIDEUTILS
2. READALLNOTIFICATIONSBUTTON
3. SERVERSEARCH
4. 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(88, 101, 242, 1"] {
background-color: rgba(var(--accentcolor), 1) !important;
}
.folderIconWrapper-1_bOZe[style*="background-color: rgba(88, 101, 242, 0.9"] {
background-color: rgba(var(--accentcolor), 0.9) !important;
}
.folderIconWrapper-1_bOZe[style*="background-color: rgba(88, 101, 242, 0.8"] {
background-color: rgba(var(--accentcolor), 0.8) !important;
}
.folderIconWrapper-1_bOZe[style*="background-color: rgba(88, 101, 242, 0.7"] {
background-color: rgba(var(--accentcolor), 0.7) !important;
}
.folderIconWrapper-1_bOZe[style*="background-color: rgba(88, 101, 242, 0.6"] {
background-color: rgba(var(--accentcolor), 0.6) !important;
}
.folderIconWrapper-1_bOZe[style*="background-color: rgba(88, 101, 242, 0.5"] {
background-color: rgba(var(--accentcolor), 0.5) !important;
}
.folderIconWrapper-1_bOZe[style*="background-color: rgba(88, 101, 242, 0.4"] {
background-color: rgba(var(--accentcolor), 0.4) !important;
}
.folderIconWrapper-1_bOZe[style*="background-color: rgba(88, 101, 242, 0.3"] {
background-color: rgba(var(--accentcolor), 0.3) !important;
}
.folderIconWrapper-1_bOZe[style*="background-color: rgba(88, 101, 242, 0.2"] {
background-color: rgba(var(--accentcolor), 0.2) !important;
}
.folderIconWrapper-1_bOZe[style*="background-color: rgba(88, 101, 242, 0.1"] {
background-color: rgba(var(--accentcolor), 0.1) !important;
}
.folderIconWrapper-1_bOZe svg[style^="color: rgb(88, 101, 242)"],
.folderIconWrapper-1_bOZe svg[style*=" color: rgb(88, 101, 242)"] {
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::before {
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.premiumGuildSubscription-3oKecP::after {
background: rgb(var(--accentcolor2));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_accent2.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 {
background-color: var(--message-background-flash) !important;
}
.backgroundFlash-24qWLN[style*="background-color: rgb(114, 137, 218)"],
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 1"] {
--message-background-flash: rgba(var(--accentcolor), 1);
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.9"] {
--message-background-flash: rgba(var(--accentcolor), 0.9);
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.8"] {
--message-background-flash: rgba(var(--accentcolor), 0.8);
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.7"] {
--message-background-flash: rgba(var(--accentcolor), 0.7);
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.6"] {
--message-background-flash: rgba(var(--accentcolor), 0.6);
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.5"] {
--message-background-flash: rgba(var(--accentcolor), 0.5);
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.4"] {
--message-background-flash: rgba(var(--accentcolor), 0.4);
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.3"] {
--message-background-flash: rgba(var(--accentcolor), 0.3);
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.2"] {
--message-background-flash: rgba(var(--accentcolor), 0.2);
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.1"] {
--message-background-flash: rgba(var(--accentcolor), 0.1);
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.0"] {
--message-background-flash: rgba(var(--accentcolor), 0);
}
.embedFull-2tM8--[style*="border-color: hsl(216, "],
.embedFull-2tM8--[style*="border-color: hsl(227, "],
.embedFull-2tM8--[style*="border-color: hsl(235, "],
.embedFull-2tM8--[style*="border-color: hsl(237, "] {
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 */
#app-mount .wrapper-3WhCwL { /* mention */
background-color: var(--brand-experiment-30a);
color: var(--brand-experiment-200);
}
.message-15tBk4 strong:hover,
#app-mount .interactive:hover {
background-color: var(--brand-experiment);
color: #fff;
}
.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: hsl(227, "],
.progressBar-3u8FBM[style*="background-color: hsl(235, "] {
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));
}
.premium-1XICKa path[fill] {
fill: var(--text-normal);
}
/* ---- 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: hsl(235, "],
.background-ujHpbY[style*="background-color: hsl(227, "] {
background-color: rgb(var(--accentcolor)) !important;
}
/* ~~~~ 4. PEOPLES ~~~~ */
.container-2rNpDV { /* stagelive cover */
background: #fff linear-gradient(rgba(var(--accentcolor),.8) 75%, rgb(var(--accentcolor)) 75%, rgb(var(--accentcolor)));
}
.container-2rNpDV .illustration-h6_gtD {
opacity: .8;
filter: grayscale(100%);
}
/* ~~~~ 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: #fff 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] { /* settingsitems item */
color: rgb(var(--accentcolor)) !important;
}
.premiumTabItem-1QTfBr[aria-selected=false]:hover {
background-color: rgb(var(--accentcolor), 0.1) !important;
}
.premiumTabItem-1QTfBr[aria-selected=true] {
background-color: rgb(var(--accentcolor)) !important;
}
.item-PXvHYJ:not(.selected-3s45Ha)[aria-controls="Nitro Server Boost-tab"],
.item-PXvHYJ:not(.selected-3s45Ha)[aria-controls="Nitro-Server-Boost-tab"],
.serverBoostTabItem-2hFTIN[aria-selected=false] {
color: rgb(var(--accentcolor2)) !important;
}
.item-PXvHYJ:hover[aria-controls="Nitro Server Boost-tab"],
.item-PXvHYJ:hover[aria-controls="Nitro-Server-Boost-tab"],
.serverBoostTabItem-2hFTIN[aria-selected=false]:hover {
background-color: rgb(var(--accentcolor2), 0.1) !important;
}
.item-PXvHYJ.selected-3s45Ha[aria-controls="Nitro Server Boost-tab"],
.item-PXvHYJ.selected-3s45Ha[aria-controls="Nitro-Server-Boost-tab"],
.serverBoostTabItem-2hFTIN[aria-selected=true] {
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));
}
.background-1QDuV2 .lookLink-9FtZy-.colorLink-35jkBc {
color: rgb(var(--accentcolor));
}
.avatarUploaderInner-3UNxY3 { /* accountsettings avatar upload */
background-color: rgb(var(--accentcolor));
}
.profileBackgroundPreview-3BVL0Q { /* accountsettings banner upload */
height: calc(100% - 120px);
}
.bannerDisabledOverlay-2Z-HAU {
border-radius: 8px;
cursor: no-drop;
}
#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::before,
.marketingLogoImage-2SzXIR::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.marketingLogoImage-2SzXIR::before {
background: rgb(var(--accentcolor));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent.svg) center/cover no-repeat;
}
.marketingLogoImage-2SzXIR::after {
background: rgb(var(--accentcolor2));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent2.svg) center/cover no-repeat;
}
#app-mount .tierUnlocked-2H6ULo { /* boostsettings tierunlocked */
color: rgb(var(--accentcolor2));
}
#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-w4yino { /* boostsettings tierclosehint */
background-color: rgb(var(--accentcolor));
}
#app-mount .tierCloseHint-w4yino::before {
border-right-color: rgb(var(--accentcolor));
}
#app-mount .tierHeaderUnlockedBackground-dZ6zLI { /* 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_accent2.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 ~~~~ */
.banner-aJsFyZ { /* rolesettings intro banner */
border-radius: 5px;
}
.bannerClubs-3Xj268 {
background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_clubs_details.svg) center/cover no-repeat;
}
.bannerClubs-3Xj268 .avatarName-3m2hgE {
display: flex;
font-size: 0;
}
.bannerClubs-3Xj268 .avatarName-3m2hgE::before {
content: "Susie#0000";
font-size: 16px;
}
.bannerGaming-2JPrc4 {
background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_gaming_details.svg) center/cover no-repeat;
}
.bannerHobbies-1oItTY {
background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_hobbies_details.svg) center/cover no-repeat;
}
img[src="/assets/4697ec960e57790ad4f6251af4c246b4.svg"] { /* widgetsettings widget placeholder image */
object-position: -999999px -999999px;
border-radius: 5px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_widget_details.svg) center/contain no-repeat, linear-gradient(rgb(var(--accentcolor)) 20%, rgba(0,0,0,.3) 20%, rgba(0,0,0,.3));
flex: unset !important;
}
@-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="#5865f2" i],
.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 ---- */
.colored-1armap .profileBadgeStaff-3BXdTO {
background: rgb(var(--accentcolor));
-webkit-mask: url(https://discord.com/assets/4358ad1fb423b346324516453750f569.svg) center/contain no-repeat;
}
.colored-1armap .profileBadgePartner-j6Lwhr {
background: rgb(var(--accentcolor));
-webkit-mask: url(https://discord.com/assets/6203964d9d25c394a573fd4f6be36d97.svg) center/contain no-repeat;
}
.colored-1armap .profileBadgeVerifiedDeveloper-195KfD {
background: rgb(var(--accentcolor));
-webkit-mask: url(https://discord.com/assets/45cd06af582dcd3c6b79370b4e3630de.svg) center/contain no-repeat;
}
.colored-1armap .profileBadgeCertifiedModerator-1TQtjV {
background: rgb(var(--accentcolor));
-webkit-mask: url(https://discord.com/assets/955e3c9783043c7080ac202565810fc3.svg) center/contain no-repeat;
}
.colored-1armap .profileGuildSubscriberlvl1-3oI9tx {
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl1_details.svg) center/contain no-repeat;
-webkit-mask: url(https://discord.com/assets/fbb6f1e160280f0e9aeb5d7c452eefe1.svg) center/contain no-repeat;
}
.colored-1armap .profileGuildSubscriberlvl2-r6nJHT {
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl2_details.svg) center/contain no-repeat;
-webkit-mask: url(https://discord.com/assets/b4b741bef6c3de9b29e2e0653e294620.svg) center/contain no-repeat;
}
.colored-1armap .profileGuildSubscriberlvl3-38s3Dj {
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl3_details.svg) center/contain no-repeat;
-webkit-mask: url(https://discord.com/assets/93f5a393e22796a850931483166d7cb9.svg) center/contain no-repeat;
}
.colored-1armap .profileGuildSubscriberlvl4-2NXrsI {
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl4_details.svg) center/contain no-repeat;
-webkit-mask: url(https://discord.com/assets/4c380650960c2b1e1584115d5e9ad63b.svg) center/contain no-repeat;
}
.colored-1armap .profileGuildSubscriberlvl5-3XIa2K {
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl5_details.svg) center/contain no-repeat;
-webkit-mask: url(https://discord.com/assets/438dd7ecbffcf21b6cbf2773ade51a04.svg) center/contain no-repeat;
}
.colored-1armap .profileGuildSubscriberlvl6-3e3sxW {
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl6_details.svg) center/contain no-repeat;
-webkit-mask: url(https://discord.com/assets/7a5f78de816fcecbbd1d5d6e635cc7dd.svg) center/contain no-repeat;
}
.colored-1armap .profileGuildSubscriberlvl7-1dVhQT {
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl7_details.svg) center/contain no-repeat;
-webkit-mask: url(https://discord.com/assets/5a24b20b84fb3eafc138916729386e76.svg) center/contain no-repeat;
}
.colored-1armap .profileGuildSubscriberlvl8-1kXdFr {
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl8_details.svg) center/contain no-repeat;
-webkit-mask: url(https://discord.com/assets/f31d590e1f3629cd0b614330f4a8ee2a.svg) center/contain no-repeat;
}
.colored-1armap .profileGuildSubscriberlvl9-1d6zav {
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl9_details.svg) center/contain no-repeat;
-webkit-mask: url(https://discord.com/assets/9ba64f1fa91ccde0eba506c1c33f3d1a.svg) center/contain no-repeat;
}
.guildAvatarWithoutIcon-1s9Pcy { /* 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="#5865f2" i],
.uploadIcon-2IFzZU [fill="#7289da" 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));
}
.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .icon-kyxXVr.two-3BBQI9 {
filter: drop-shadow(0 0 48px rgba(var(--accentcolor),.5));
}
.attachment-33OFj0 {
position: relative;
}
.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;
}
.uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j),
.uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j) {
background-size: 72px 96px !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));
}
.audioMetadata-3zOuGv::before {
background-position: top center !important;
}
.attachment-33OFj0 .icon-1kp3fr + *::before,
.attachment-33OFj0 .icon-1kp3fr + *::after {
top: 10px;
left: 10px;
width: 30px;
height: 40px;
}
.audioMetadata-3zOuGv > *:first-child::before,
.audioMetadata-3zOuGv > *:first-child::after {
top: 10px;
left: 10px;
width: 24px;
height: 32px;
}
.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;
-webkit-mask-size: 72px 96px !important;
}
.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;
}
.filenameLinkWrapper-1-14c5,
a.fileNameLink-9GuxCo,
a.metadataName-14STf- {
color: rgb(var(--accentcolor));
}
/* ---- 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_accent.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)::before,
.headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + svg + *::before,
.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;
}
.headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + *:not(svg)::before,
.headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + svg + *::before {
background: rgb(var(--accentcolor));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent.svg) center/cover no-repeat;
}
.headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + *:not(svg)::after,
.headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + svg + *::after {
background: rgb(var(--accentcolor2));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent2.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(--accentcolor2));
}
#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_accent2.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_accent2.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));
}
.image-2Qw4tp[src="/assets/7f62c4c1f689de046a6ad83020c897ad.svg"],
.footerImage-2KxOYG[src="/assets/7f62c4c1f689de046a6ad83020c897ad.svg"] {
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/discovery_house.svg) center/contain no-repeat !important;
}
/* ---- 10.17. NICKNAMEMODAL ---- */
.reset-2Ufv5M.lookLink-9FtZy-.colorLink-35jkBc {
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:not(.focused-3afm-j):not(:active), /* contextmenu brand */
.colorDefault-2K3EoJ:not(.focused-3afm-j):not(:active)[id="user-settings-cog-Discord_Nitro"] {
color: rgb(var(--accentcolor));
}
.colorBrand-ROmMP1.focused-3afm-j,
.colorBrand-ROmMP1:active:not(.hideInteraction-1iHO1O),
.colorDefault-2K3EoJ.focused-3afm-j,
.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) {
background-color: rgb(var(--accentcolor));
}
.colorBrand-ROmMP1:not(.focused-3afm-j):not(:active) .radioSelection-1HmrQS,
.colorDefault-2K3EoJ:not(.focused-3afm-j):not(:active) .radioSelection-1HmrQS {
color: rgb(var(--accentcolor));
}
.colorBrand-ROmMP1:not(.focused-3afm-j):not(:active) .checkbox-3s5GYZ,
.colorDefault-2K3EoJ:not(.focused-3afm-j):not(:active) .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:not(.focused-3afm-j):not(:active), /* contextmenu premium */
.colorDefault-2K3EoJ:not(.focused-3afm-j):not(:active)[id="user-settings-cog-Nitro_Server_Boost"],
.colorDefault-2K3EoJ:not(.focused-3afm-j):not(:active)[id="guild-context-guild-settings--GUILD_PREMIUM"] {
color: rgb(var(--accentcolor2));
}
.colorPremium-p4p7qO.focused-3afm-j,
.colorPremium-p4p7qO:active:not(.hideInteraction-1iHO1O),
.colorDefault-2K3EoJ.focused-3afm-j[id="user-settings-cog-Nitro_Server_Boost"],
.colorDefault-2K3EoJ[id="user-settings-cog-Nitro_Server_Boost"]:active:not(.hideInteraction-1iHO1O),
.colorDefault-2K3EoJ.focused-3afm-j[id="guild-context-guild-settings--GUILD_PREMIUM"],
.colorDefault-2K3EoJ[id="guild-context-guild-settings--GUILD_PREMIUM"]:active:not(.hideInteraction-1iHO1O) {
background-color: rgb(var(--accentcolor2));
}
.colorPremium-p4p7qO:not(.focused-3afm-j):not(:active) .radioSelection-1HmrQS {
color: rgb(var(--accentcolor2));
}
.colorPremium-p4p7qO:not(.focused-3afm-j):not(:active) .checkbox-3s5GYZ {
color: rgb(var(--accentcolor2));
}
.colorPremium-p4p7qO.focused-3afm-j .check-1JyqgN {
color: rgb(var(--accentcolor2));
}
.colorDanger-2qLCe1:not(.focused-3afm-j):not(:active) { /* contextmenu danger */
color: rgb(var(--dangercolor));
}
.colorDanger-2qLCe1.focused-3afm-j,
.colorDanger-2qLCe1:active:not(.hideInteraction-1iHO1O) {
background-color: rgb(var(--dangercolor));
}
.colorDanger-2qLCe1:not(.focused-3afm-j):not(:active) .radioSelection-1HmrQS {
color: rgb(var(--dangercolor));
}
.colorDanger-2qLCe1:not(.focused-3afm-j):not(:active) .checkbox-3s5GYZ {
color: rgb(var(--dangercolor));
}
.colorDanger-2qLCe1.focused-3afm-j .check-1JyqgN {
color: rgb(var(--dangercolor));
}
.colorDefault-2K3EoJ[id="status-picker-online"].focused-3afm-j,
.colorDefault-2K3EoJ[id="status-picker-online"]:active:not(.hideInteraction-1iHO1O) {
background-color: rgb(59,165,92);
}
.colorDefault-2K3EoJ[id="status-picker-idle"].focused-3afm-j,
.colorDefault-2K3EoJ[id="status-picker-idle"]:active:not(.hideInteraction-1iHO1O) {
background-color: rgb(250,166,26);
}
.colorDefault-2K3EoJ[id="status-picker-dnd"].focused-3afm-j,
.colorDefault-2K3EoJ[id="status-picker-dnd"]:active:not(.hideInteraction-1iHO1O) {
background-color: rgb(237,66,69);
}
.colorDefault-2K3EoJ[id="status-picker-invisible"].focused-3afm-j,
.colorDefault-2K3EoJ[id="status-picker-invisible"]:active:not(.hideInteraction-1iHO1O) {
background-color: rgb(116,127,141);
}
.colorDefault-2K3EoJ.focused-3afm-j .status-1AY8sU,
.colorDefault-2K3EoJ:active .status-1AY8sU {
background-color: #fff !important;
}
#status-picker-custom-status .statusItem-33LqPf {
grid-template-rows: minmax(24px, auto) 1fr;
}
.icon-LYJorE { /* contextmenu icon */
color: currentColor !important;
}
/* ---- 11.2. USERPOPOUT ---- */
.banner-2QYc2d[style*="background-color: hsl(227, "],
.banner-2QYc2d[style*="background-color: hsl(235, "],
.banner-2QYc2d[style*="background-color: hsl(237, "] {
background-color: rgb(var(--accentcolor)) !important;
}
.setIdentityLink-3lcnXW {
color: rgb(var(--accentcolor));
}
/* ---- 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 .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 .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: hsl(227, "],
.checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: hsl(235, "] {
background-color: rgb(var(--accentcolor)) !important;
}
.checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: hsl(227, "],
.checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: hsl(235, "] {
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: hsl(139, "],
.container-3auIfb[style*="background-color: hsl(227, "],
.container-3auIfb[style*="background-color: hsl(235, "] {
background-color: rgba(var(--accentcolor), 0.8) !important;
}
.container-3auIfb[style*="background-color: hsl(139, "]:hover,
.container-3auIfb[style*="background-color: hsl(227, "]:hover,
.container-3auIfb[style*="background-color: hsl(235, "]: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: hsl(139, "] path[fill],
.container-3auIfb[style*="background-color: hsl(227, "] 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);
}
/* ---- 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%);
}
.base-PmTxvP[style*="background-color: hsl(227, "],
.base-PmTxvP[style*="background-color: hsl(235, "] {
background-color: rgb(var(--accentcolor)) !important;
}
/* ---- 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/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;
}
[style*="/assets/3a55d3972a7d68bcb306af32ab1b226a.svg"],
[src*="/assets/3a55d3972a7d68bcb306af32ab1b226a.svg"] { /* avatars rolesettings intro avatar */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_clubs_avatar.svg) center/contain no-repeat !important;
}
[style*="/assets/f17da3efc8cf47226d362fee2f5f7197.svg"],
[src*="/assets/f17da3efc8cf47226d362fee2f5f7197.svg"] { /* avatars rolesettings intro avatar */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_gaming_avatar.svg) center/contain no-repeat !important;
}
[style*="/assets/642982d3d82323a8fb69860f116ebca7.svg"],
[src*="/assets/642982d3d82323a8fb69860f116ebca7.svg"] { /* avatars rolesettings intro avatar */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_hobbies_avatar.svg) center/contain no-repeat !important;
}
/* warnings locked channel message jump */
.image-2568Gg[src="/assets/755d4654e19c105c3cd108610b78d01c.svg"] {
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/warning_lockedchannellink_bg.svg) center/cover no-repeat;
}
.image-2568Gg[src="/assets/755d4654e19c105c3cd108610b78d01c.svg"] + * {
position: relative;
display: flex;
justify-content: center;
}
.image-2568Gg[src="/assets/755d4654e19c105c3cd108610b78d01c.svg"] + *::before {
content: "";
position: absolute;
top: -109px;
width: 120px;
height: 90px;
pointer-events: none;
background: rgb(var(--accentcolor));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/warning_lockedchannellink_accent.svg) center/cover no-repeat;
}
/* ---- 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(88, 101, 242)"],
.notice-3bPHh-[style*="background-color: rgb(114, 137, 218)"] {
background-color: rgb(var(--accentcolor)) !important;
}
.notice-3bPHh-[style*="background-color: rgb(88, 101, 242)"] .button-2DhvE9:hover,
.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));
}
.root-sJwU_u {
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5));
}
.root-sJwU_u::after {
border-right-color: rgb(var(--accentcolor2));
}
.root-sJwU_u .lookFilled-1Gx00P.colorWhite-rEQuAQ {
color: rgb(var(--accentcolor2));
}
.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(88, 101, 242)"],
.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(88, 101, 242)"],
.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. HIDEUTILS ---- */
#HideUtils-Settings button {
background-color: rgb(var(--accentcolor)) !important;
}
/* ---- 15.2. READALLNOTIFICATIONSBUTTON ---- */
.wrapper-1BJsBx:active .childWrapper-anI2G9.button-Jt-tIg {
background: var(--accentcolor-hover);
}
/* ---- 15.3. SERVERSEARCH ---- */
#server-search .wrapper-25eVIn {
background-color: var(--background-primary) !important;
transition: background-color .16s ease-out;
}
#server-search .wrapper-25eVIn:hover {
background-color: rgb(var(--accentcolor)) !important;
}
#server-search .wrapper-25eVIn [fill="white"] {
fill: var(--header-primary);
}
#server-search .wrapper-25eVIn:hover [fill="white"] {
fill: #fff;
}
#server-search .circleIconButton-1QV--U {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
}
/* ---- 15.4. CHANNELTABS ---- */
.channelTabs-unreadBadge:not(.channelTabs-noUnread) {
background-color: rgb(var(--accentcolor)) !important;
}