2861 lines
109 KiB
CSS
2861 lines
109 KiB
CSS
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.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));
|
|
}
|
|
[data-popout-root], html, .theme-dark, .theme-light {
|
|
--text-brand: rgb(var(--accentcolor));
|
|
--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;
|
|
--button-outline-brand-text: rgb(var(--accentcolor)) !important;
|
|
--button-outline-brand-text-hover: rgb(var(--accentcolor)) !important;
|
|
--button-outline-brand-text-active: rgb(var(--accentcolor)) !important;
|
|
--button-outline-brand-background: transparent !important;
|
|
--button-outline-brand-background-hover: transparent !important;
|
|
--button-outline-brand-background-active: rgba(var(--accentcolor),.1) !important;
|
|
--button-outline-brand-border: rgba(var(--accentcolor),.1) !important;
|
|
--button-outline-brand-border-hover: rgba(var(--accentcolor),.6) !important;
|
|
--button-outline-brand-border-active: 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;
|
|
|
|
--search-popout-date-picker-hint-value-background: var(--brand-experiment-90a);
|
|
--search-popout-date-picker-hint-value-background-hover: var(--brand-experiment-430);
|
|
}
|
|
|
|
|
|
/* ~~~~ 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
|
|
18. NITROFEATUREMODAL
|
|
19. GUILDBOOSTPROGESSINFO
|
|
20. GUILDACTIVITY
|
|
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-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, /* home/acronym */
|
|
.wrapper-3kah-n:hover .childWrapper-1j_1ub {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.wrapper-3kah-n rect[fill] {
|
|
fill: var(--background-primary);
|
|
}
|
|
.wrapper-3kah-n rect[fill="#6370f4"] {
|
|
fill: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.folderIconWrapper-1oRIZr[style*="background-color: rgba(88, 101, 242, 1"] {
|
|
background-color: rgba(var(--accentcolor), 1) !important;
|
|
}
|
|
.folderIconWrapper-1oRIZr[style*="background-color: rgba(88, 101, 242, 0.9"] {
|
|
background-color: rgba(var(--accentcolor), 0.9) !important;
|
|
}
|
|
.folderIconWrapper-1oRIZr[style*="background-color: rgba(88, 101, 242, 0.8"] {
|
|
background-color: rgba(var(--accentcolor), 0.8) !important;
|
|
}
|
|
.folderIconWrapper-1oRIZr[style*="background-color: rgba(88, 101, 242, 0.7"] {
|
|
background-color: rgba(var(--accentcolor), 0.7) !important;
|
|
}
|
|
.folderIconWrapper-1oRIZr[style*="background-color: rgba(88, 101, 242, 0.6"] {
|
|
background-color: rgba(var(--accentcolor), 0.6) !important;
|
|
}
|
|
.folderIconWrapper-1oRIZr[style*="background-color: rgba(88, 101, 242, 0.5"] {
|
|
background-color: rgba(var(--accentcolor), 0.5) !important;
|
|
}
|
|
.folderIconWrapper-1oRIZr[style*="background-color: rgba(88, 101, 242, 0.4"] {
|
|
background-color: rgba(var(--accentcolor), 0.4) !important;
|
|
}
|
|
.folderIconWrapper-1oRIZr[style*="background-color: rgba(88, 101, 242, 0.3"] {
|
|
background-color: rgba(var(--accentcolor), 0.3) !important;
|
|
}
|
|
.folderIconWrapper-1oRIZr[style*="background-color: rgba(88, 101, 242, 0.2"] {
|
|
background-color: rgba(var(--accentcolor), 0.2) !important;
|
|
}
|
|
.folderIconWrapper-1oRIZr[style*="background-color: rgba(88, 101, 242, 0.1"] {
|
|
background-color: rgba(var(--accentcolor), 0.1) !important;
|
|
}
|
|
.folderIconWrapper-1oRIZr svg[style^="color: rgb(88, 101, 242)"],
|
|
.folderIconWrapper-1oRIZr svg[style*=" color: rgb(88, 101, 242)"] {
|
|
color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
|
|
|
|
/* ~~~~ 2. CHANNELLIST ~~~~ */
|
|
|
|
.background-3Da2vZ { /* guild header partnerbadge */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.iconTierThree-n2n0gX:not(.boostedGuildTierIconWithVisibleBanner-3XawD_) {
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
.subscribeTooltipWrapper-3ipXtC { /* guild header subscribetooltip */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.subscribeTooltipWrapper-3ipXtC::after {
|
|
border-bottom-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.progressBar-2yl2pi { /* channel header progress bar */
|
|
background-image: linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor2)));
|
|
}
|
|
|
|
.channelNotice-tO6Tus::before, /* channel notice */
|
|
.channelNotice-tO6Tus::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-tO6Tus.quickswitcher-35bYg4 {
|
|
background: transparent;
|
|
}
|
|
.channelNotice-tO6Tus.quickswitcher-35bYg4::before {
|
|
filter: grayscale(0.5);
|
|
background: url(https://discord.com/assets/8fdb69b7684b8e1ecb3fdde909daca41.svg) center 35px no-repeat;
|
|
}
|
|
.channelNotice-tO6Tus.premiumGuildSubscription-3oKecP {
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_bg.svg) center 23px no-repeat;
|
|
}
|
|
.channelNotice-tO6Tus.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-tO6Tus.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-tO6Tus.publicUpsell-31ZSJ8::before {
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_bg.svg) center 12px no-repeat;
|
|
}
|
|
.channelNotice-tO6Tus.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;
|
|
}
|
|
.art-114q3M {
|
|
position: relative;
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_details.svg) center/cover no-repeat;
|
|
}
|
|
.art-114q3M::before,
|
|
.art-114q3M::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 4.5%;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
.art-114q3M::before {
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_bg.svg) center/cover no-repeat;
|
|
}
|
|
.art-114q3M::after {
|
|
background: rgb(var(--accentcolor));
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_accent.svg) center/cover no-repeat;
|
|
}
|
|
|
|
/* ~~~~ 3. CHAT ~~~~ */
|
|
|
|
/* ---- 3.1. MESSAGES ---- */
|
|
|
|
.newMessagesBar-1hF-9G { /* new messagesbar */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.hasMore-2mIMwb { /* hasmore messagesbar */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.backgroundFlash-1X5jVs[style*="88, 101, 242"] {
|
|
background-color: var(--message-background-flash) !important;
|
|
}
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgb(88, 101, 242)"],
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 1"] {
|
|
--message-background-flash: rgba(var(--accentcolor), 1);
|
|
}
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.9"] {
|
|
--message-background-flash: rgba(var(--accentcolor), 0.9);
|
|
}
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.8"] {
|
|
--message-background-flash: rgba(var(--accentcolor), 0.8);
|
|
}
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.7"] {
|
|
--message-background-flash: rgba(var(--accentcolor), 0.7);
|
|
}
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.6"] {
|
|
--message-background-flash: rgba(var(--accentcolor), 0.6);
|
|
}
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.5"] {
|
|
--message-background-flash: rgba(var(--accentcolor), 0.5);
|
|
}
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.4"] {
|
|
--message-background-flash: rgba(var(--accentcolor), 0.4);
|
|
}
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.3"] {
|
|
--message-background-flash: rgba(var(--accentcolor), 0.3);
|
|
}
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.2"] {
|
|
--message-background-flash: rgba(var(--accentcolor), 0.2);
|
|
}
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0.1"] {
|
|
--message-background-flash: rgba(var(--accentcolor), 0.1);
|
|
}
|
|
.backgroundFlash-1X5jVs[style*="background-color: rgba(88, 101, 242, 0)"] {
|
|
--message-background-flash: rgba(var(--accentcolor), 0);
|
|
}
|
|
|
|
.embedFull-1HGV2S[style*="border-color: hsl(216, "],
|
|
.embedFull-1HGV2S[style*="border-color: hsl(227, "],
|
|
.embedFull-1HGV2S[style*="border-color: hsl(235, "],
|
|
.embedFull-1HGV2S[style*="border-color: hsl(237, "] {
|
|
border-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
|
|
.ephemeral-2nDdnn, /* localbot container */
|
|
.replying-eZ7p5z { /* replying container */
|
|
background-color: rgba(var(--accentcolor), 0.05);
|
|
}
|
|
.ephemeral-2nDdnn::before, /* localbot before */
|
|
.replying-eZ7p5z::before { /* replying before */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.message-2CShn3.ephemeral-2nDdnn.selected-2LX7Jy,
|
|
.mouse-mode.full-motion .ephemeral-2nDdnn:hover,
|
|
.mouse-mode .ephemeral-2nDdnn:hover,
|
|
.message-2CShn3.replying-eZ7p5z.selected-2LX7Jy,
|
|
.mouse-mode.full-motion .replying-eZ7p5z:hover,
|
|
.mouse-mode .replying-eZ7p5z:hover {
|
|
background-color: rgba(var(--accentcolor), 0.1);
|
|
}
|
|
.ephemeralMessage-11q8XZ a { /* localbot operations */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.operations-3q3u6E > a { /* message operations */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.footerIcon-3nJDhW path[fill*="hsl(197, "] { /* automod operations */
|
|
fill: var(--text-link);
|
|
}
|
|
|
|
.command-2rSEQ7 { /* command used command */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.icon-3rP0j7 { /* systemmessage guild sub easter egg icon */
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
|
|
.message-1WzYhw strong, /* mention in header */
|
|
#app-mount .wrapper-1ZcZW- { /* mention */
|
|
background-color: rgba(var(--accentcolor),.3);
|
|
color: var(--brand-experiment-200);
|
|
}
|
|
.message-1WzYhw strong:hover,
|
|
#app-mount .interactive:hover {
|
|
background-color: rgb(var(--accentcolor));
|
|
color: #fff;
|
|
}
|
|
.selectedVoid-3Kr388 {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.reactionMe-3I9gFK .reactionCount-1zkLcN, /* reaction count me */
|
|
.reactionMe-3I9gFK:hover .reactionCount-1zkLcN {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.reaction-2A2y9y.reactionMe-3I9gFK { /* reaction wrapper me */
|
|
background-color: rgba(var(--accentcolor), 0.3);
|
|
}
|
|
/* attachment upload bar */
|
|
.progressBar-1T6LYX[style*="background-color: hsl(227, "],
|
|
.progressBar-1T6LYX[style*="background-color: hsl(235, "] {
|
|
background-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
|
|
/* ---- 3.2. TEXTAREA ---- */
|
|
|
|
.channelTextAreaInnerFocused-3oQcB2 {
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
/* textarea follow channel icon */
|
|
.image-3FliiM[src="/assets/60ea1d16163c13845ccf31e70fd6528b.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-3FliiM[src="/assets/60ea1d16163c13845ccf31e70fd6528b.svg"] + * {
|
|
overflow: visible;
|
|
}
|
|
.image-3FliiM[src="/assets/60ea1d16163c13845ccf31e70fd6528b.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-3FliiM[src="/assets/0e33fc3f60b69ba9b0247df60d589439.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-3FliiM[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] + * {
|
|
overflow: visible;
|
|
}
|
|
.image-3FliiM[src="/assets/0e33fc3f60b69ba9b0247df60d589439.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 verify phone icon */
|
|
.image-3FliiM[src="/assets/45372ebbfad1c491747d6f5b7117fd88.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-3FliiM[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] + * {
|
|
overflow: visible;
|
|
}
|
|
.image-3FliiM[src="/assets/45372ebbfad1c491747d6f5b7117fd88.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-1GAstp path[stroke="rgb(123,162,255)"],
|
|
.animation-1GAstp path[stroke="rgb(123, 162, 255)"],
|
|
.animation-1uq3bq path[stroke="rgb(123,162,255)"],
|
|
.animation-1uq3bq path[stroke="rgb(123, 162, 255)"] {
|
|
stroke: rgb(var(--accentcolor)) !important;
|
|
}
|
|
|
|
.colorLink-2apWfY.mentionButton-3C5YMI { /* textarea reply mention */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.premium-2zLt5z path[fill] {
|
|
fill: var(--text-normal);
|
|
}
|
|
|
|
.comboNameplate-2LHfRI[style^="color: hsl(227, "],
|
|
.comboNameplate-2LHfRI[style^="color: hsl(235, "],
|
|
.comboNameplate-2LHfRI[style*=" color: hsl(227, "],
|
|
.comboNameplate-2LHfRI[style*=" color: hsl(235, "] {
|
|
color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
|
|
/* ---- 3.3. AUTOCOMPLETEMENU ---- */
|
|
|
|
#app-mount .active-WHsd77 { /* autocomplete option active */
|
|
background-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
|
|
#app-mount .searchSuggestion-2Dgyvo:hover { /* gifpicker suggestions */
|
|
border-color: rgb(var(--accentcolor));
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.result-pzZrwj[style*="background-color"] { /* gifpicker result loading */
|
|
background-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
.result-pzZrwj[style*="background-color: hsl(228,"] {
|
|
background: var(--accentcolor-hover) !important;
|
|
}
|
|
.result-pzZrwj[style*="background-color: hsl(244,"] {
|
|
background: var(--accentcolor-active) !important;
|
|
}
|
|
.theme-light .focused-16Owih::after, /* gifpicker result hover */
|
|
.theme-light .result-pzZrwj:hover::after {
|
|
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)), inset 0 0 0 3px #dcddde;
|
|
}
|
|
.theme-dark .focused-16Owih::after, /* gifpicker result hover */
|
|
.theme-dark .result-pzZrwj:hover::after {
|
|
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)), inset 0 0 0 3px #2f3136;
|
|
}
|
|
#app-mount .categoryFadeBlurple-1HuV1x { /* gifpicker categoryfade */
|
|
background-color: rgba(var(--accentcolor), 0.8);
|
|
}
|
|
#app-mount .categoryFadeBlurple-1HuV1x: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-3PLiGh {
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
|
|
/* ---- 3.5. SEARCHPAGE ---- */
|
|
|
|
#app-mount .activeButton-LRWFC_,
|
|
#app-mount .activeButton-LRWFC_:hover {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.noResultsImage-1-dP2n.alt-3_Cl_W {
|
|
display: flex;
|
|
}
|
|
.noResultsImage-1-dP2n.alt-3_Cl_W::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-1RvNwy {
|
|
background-image: url(https://discord.com/assets/c7539bb38577495f5021c8ea455c7145.png);
|
|
}
|
|
.popBlurple-euq4qQ {
|
|
background-image: url(https://discord.com/assets/237a2f9325a83d230fb30b2cd63bbfe6.png);
|
|
}
|
|
.lightBlurple-2E9bKg {
|
|
background-image: url(https://discord.com/assets/1c20f6ecd2d83c1844a3fd6da306d239.png);
|
|
}
|
|
.crossBlurple-xAYtl0 {
|
|
background-image: url(https://discord.com/assets/c13a0b03a798023c27155fad5f0c7a61.png);
|
|
}
|
|
.background-L8lGH6[style*="background-color: rgb(92, 100, 244)"],
|
|
.background-L8lGH6[style*="background-color: hsl(235, "],
|
|
.background-L8lGH6[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-22GgcZ { /* premium where? */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.stickers-2JFQr2 .featureTitle-3N9Stg, /* feature title stickers */
|
|
.featurePremiumGuild-2uV6-N .featureTitle-3N9Stg { /* feature title premium */
|
|
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-1HAX7O,
|
|
.headerTier1-VdcX1g, /* submodal tier1 header */
|
|
.tier1HeaderBackground-3LjWgU { /* submodal tier1 bg */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.headerTier1-VdcX1g .wrapper-3HVHpV image:not([width="170px"]),
|
|
.tier1HeaderBackground-3LjWgU .wrapper-3HVHpV 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-1zUwdT,
|
|
.headerTier2-VgDkDg, /* 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-1xoHv0 { /* tierlist tier1 bg */
|
|
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
|
|
}
|
|
.iconBackgroundTier2-16vAh9 { /* 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-2Ss-_w { /* tag */
|
|
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
|
|
}
|
|
#app-mount .tag-2Ss-_w::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-5XgZTA {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.overlappingBorder-3w2saF { /* store preview image */
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
#app-mount .headerFancy-1xDQrJ { /* store header fancy */
|
|
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
|
|
}
|
|
#app-mount .premiumHeaderPrice-_S6RyD { /* store price */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.premiumCircle-1dQUXf { /* store premiumcircle */
|
|
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
|
|
}
|
|
#app-mount .staffIcon-1lRxZj { /* store stafficon */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
#app-mount .nitroIcon-25RpRp { /* store nitroicon */
|
|
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
|
|
}
|
|
.confirmPremiumIcon-2e3THu, /* store confirmpremiumicon */
|
|
.gameIcon-1mDo1J[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-Nsjifk { /* store pagewrapper */
|
|
background: #fff linear-gradient(114deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.6));
|
|
}
|
|
|
|
|
|
/* ~~~~ 6. LIBRARY ~~~~ */
|
|
|
|
.foreground-2JnqVD { /* installationpath fill */
|
|
stroke: rgb(var(--accentcolor));
|
|
}
|
|
|
|
|
|
/* ~~~~ 7. DISCOVERY ~~~~ */
|
|
|
|
.searchBox-pyIJJj:focus, /* searchbox focus */
|
|
.searchBox-pyIJJj:focus-within,
|
|
.searchPage-3tt6dh .search-25t1e9 .searchBox-31Zv9h:focus,
|
|
.searchPage-3tt6dh .search-25t1e9 .searchBox-31Zv9h:focus-within {
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
.search-25t1e9 .searchBox-31Zv9h:focus,
|
|
.search-25t1e9 .searchBox-31Zv9h: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-1zjNrr.selected-bLcqYK { /* categorylist search categorypill */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
|
|
/* ~~~~ 8. USERSETTINGS ~~~~ */
|
|
|
|
|
|
.item-3XjbnG .premiumLabel-3HPvdB svg[fill] {
|
|
fill: rgb(var(--accentcolor2));
|
|
}
|
|
|
|
html .offerBadge-1KDtMz { /* settingsitems offer badge */
|
|
background: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.dot-2s_oHI { /* settingsitems dot */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.cardBrand-19kLUs { /* settingsitems card */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.cardBrand-19kLUs,
|
|
.cardBrandOutline-3p17jH {
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.background-3d_SjE .lookLink-15mFoz.colorLink-1Md3RZ {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.avatarUploaderInner-yEhTv5 { /* 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-3V9mGJ { /* accountsettings questionmark new */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
#app-mount .questionMark-CWEQZn:hover,
|
|
#app-mount .questionMark-3V9mGJ:hover {
|
|
background: var(--accentcolor-hover);
|
|
}
|
|
|
|
#app-mount .tier1ProfilePerk-2IBE1c { /* nitropage tier 1 profile icon */
|
|
color: rgb(var(--accentcolor));
|
|
filter: brightness(75%);
|
|
}
|
|
#app-mount .tier1BoostPerk-V7RkB_ { /* nitropage tier 1 boost icon */
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
#app-mount .tier1UploadPerk-1ZDumb { /* nitropage tier 1 upload icon */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.marketingLogoImage-1yeD_x { /* 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-1yeD_x::before,
|
|
.marketingLogoImage-1yeD_x::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
.marketingLogoImage-1yeD_x::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-1yeD_x::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;
|
|
}
|
|
.tierUnlocked-ziudxO { /* boostsettings tierunlocked */
|
|
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5));
|
|
}
|
|
.tierIcon-3m8V16:not(.tierIconLocked-RGSkSl) { /* boostsettings tiericon */
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
.iconWrapper-3mOhDI { /* boostsettings uploadicon */
|
|
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5));
|
|
}
|
|
#app-mount .tierAccomplished-1I5NaT,
|
|
#app-mount .tierCurrent-2nowYi,
|
|
#app-mount .tierDefault-39L2SF {
|
|
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5));
|
|
}
|
|
#app-mount .tierCloseHint-103-uf { /* boostsettings tierclosehint */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
#app-mount .tierCloseHint-103-uf::before {
|
|
border-right-color: rgb(var(--accentcolor));
|
|
}
|
|
#app-mount .tierHeaderUnlockedBackground-1hEhCD { /* boostsettings tierheaderunlockedbg */
|
|
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
|
|
}
|
|
#app-mount .foreground-3_3Pgi { /* boostsettings icon foreground */
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
.emojiIcon-36tZlH { /* boostsettings perkicon emoji */
|
|
color: rgb(var(--accentcolor));
|
|
filter: brightness(75%);
|
|
}
|
|
.uploadSizeIcon-2rljj- { /* boostsettings perkicon upload */
|
|
color: rgb(var(--accentcolor2));
|
|
filter: brightness(75%);
|
|
}
|
|
.memberBadgeIcon-3-0-WV { /* boostsettings perkicon guild */
|
|
color: rgb(var(--accentcolor));
|
|
filter: brightness(150%);
|
|
}
|
|
.profileBadgeIcon-2YuK7V { /* 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-2YuK7V::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-9XSuaB { /* boostsettings progress label */
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
.gemIndicatorProgressCircle-Wb8Ju8 { /* 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));
|
|
}
|
|
|
|
.backgroundOptionRing-1vvQ0C { /* text and voice selection ring */
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.icon-2g_pHb { /* hypesettings perk icon */
|
|
position: relative;
|
|
}
|
|
.icon-2g_pHb::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-3f0-gG {
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_bg.svg) center/cover no-repeat;
|
|
}
|
|
.perkNewsletter-3f0-gG::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_accent.svg) center/cover no-repeat;
|
|
}
|
|
.perkBadge-1sWA2b {
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_bg.svg) center/cover no-repeat;
|
|
}
|
|
.perkBadge-1sWA2b::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_accent.svg) center/cover no-repeat;
|
|
}
|
|
.perkChallenges-S6VgMz {
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_bg.svg) center/cover no-repeat;
|
|
}
|
|
.perkChallenges-S6VgMz::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_accent.svg) center/cover no-repeat;
|
|
}
|
|
|
|
.wrapper-SdcMKg { /* overlaysettings positionsettings wrapper */
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
.option-1QI4c9:hover { /* overlaysettings positionoption */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.selected-18Wszc.option-1QI4c9 {
|
|
background-color: rgb(var(--accentcolor));
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
/* streamermodesettings headerimage */
|
|
.noticeIcon-1GRGeg[src="/assets/c11b69c74029b5deaca9ca7ce1e987b1.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-1GRGeg[src="/assets/c11b69c74029b5deaca9ca7ce1e987b1.svg"] + * {
|
|
position: relative;
|
|
}
|
|
.noticeIcon-1GRGeg[src="/assets/c11b69c74029b5deaca9ca7ce1e987b1.svg"] + *::before,
|
|
.noticeIcon-1GRGeg[src="/assets/c11b69c74029b5deaca9ca7ce1e987b1.svg"] + *::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: -204px;
|
|
width: 184px;
|
|
height: 110px;
|
|
pointer-events: none;
|
|
}
|
|
.noticeIcon-1GRGeg[src="/assets/c11b69c74029b5deaca9ca7ce1e987b1.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-1GRGeg[src="/assets/c11b69c74029b5deaca9ca7ce1e987b1.svg"] + *::after {
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_details.svg) center/contain no-repeat;
|
|
}
|
|
|
|
#app-mount .premiumIcon-rM2l-X { /* games premium icon */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
|
|
/* ~~~~ 9. GUILDSETTINGS ~~~~ */
|
|
|
|
.avatarUploaderInnerSquare-2QeuHk { /* mainsettings uploadbanner */
|
|
background-image: linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor2)));
|
|
}
|
|
.premiumGuildAvailabilityIndicator-3eYBzr { /* mainsettings uploadbanner indicator */
|
|
align-items: center;
|
|
}
|
|
.unlockedIcon-1RSSeh { /* mainsettings uploadbanner enabled */
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
.guildBoostingIcon-24g6Y- { /* mainsettings guild boosting icon */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.banner-14adSW { /* rolesettings intro banner */
|
|
border-radius: 5px;
|
|
}
|
|
.bannerClubs-3LZZfd {
|
|
background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_clubs_details.svg) center/cover no-repeat;
|
|
}
|
|
.bannerClubs-3LZZfd .avatarName-_u5HbY {
|
|
display: flex;
|
|
font-size: 0;
|
|
}
|
|
.bannerClubs-3LZZfd .avatarName-_u5HbY::before {
|
|
content: "Susie#0000";
|
|
font-size: 16px;
|
|
}
|
|
.bannerGaming-2E2syg {
|
|
background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_gaming_details.svg) center/cover no-repeat;
|
|
}
|
|
.bannerHobbies-2ym_An {
|
|
background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_hobbies_details.svg) center/cover no-repeat;
|
|
}
|
|
|
|
/* widgetsettings widget placeholder image */
|
|
.infoItem-Q4HWUe[src="/assets/016a7d812fd4854aa4b7a5b9c539b48d.svg"] {
|
|
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-17g3fb { /* discoverysettings insight */
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_insight_bg.svg) center/cover no-repeat;
|
|
}
|
|
.placeholderImage-17g3fb::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-2VHeQm[src="/assets/3ba1a5b89ce3384a5af98dd5e1d6e937.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-2VHeQm[src="/assets/3ba1a5b89ce3384a5af98dd5e1d6e937.svg"] + * {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.banner-2VHeQm[src="/assets/3ba1a5b89ce3384a5af98dd5e1d6e937.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-B2ufg6[src="/assets/1d45a2ba034591bca02b35f86dd4504c.svg"],
|
|
.headerIcon-1_zzn9[src="/assets/ee7387f82186580ea8b1309c11a83010.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-B2ufg6[src="/assets/1d45a2ba034591bca02b35f86dd4504c.svg"] + *,
|
|
.headerIcon-1_zzn9[src="/assets/ee7387f82186580ea8b1309c11a83010.svg"] + * {
|
|
position: relative;
|
|
height: 60px;
|
|
}
|
|
.requirementsImage-B2ufg6[src="/assets/1d45a2ba034591bca02b35f86dd4504c.svg"] + *,
|
|
.headerIcon-1_zzn9[src="/assets/ee7387f82186580ea8b1309c11a83010.svg"] + * {
|
|
position: relative;
|
|
height: 60px;
|
|
}
|
|
.requirementsImage-B2ufg6[src="/assets/1d45a2ba034591bca02b35f86dd4504c.svg"] + h2,
|
|
.headerIcon-1_zzn9[src="/assets/ee7387f82186580ea8b1309c11a83010.svg"] + h2 {
|
|
display: flex;
|
|
align-items: center;
|
|
white-space: pre-wrap;
|
|
}
|
|
.requirementsImage-B2ufg6[src="/assets/1d45a2ba034591bca02b35f86dd4504c.svg"] + *::after,
|
|
.headerIcon-1_zzn9[src="/assets/ee7387f82186580ea8b1309c11a83010.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-2sTnDK [fill*="hsl(235, "] { /* communitysettings intro featureicon */
|
|
fill: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.info-1LuGpo { /* communitysettings partnership */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.fakeButton-3RWbMY { /* communitysettings rules example fake */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.exampleWumpus-1R9agd .wumpus-Ymoo9-, /* 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-1R9agd::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-1lRfuE .guildInfo-34rEyz, /* communitysettings rules wumpus icon */
|
|
.exampleModal-2X2Vf8 .guildIcon-1cwo09 + * { /* communitysettings rules wumpus icon */
|
|
position: relative;
|
|
}
|
|
.exampleModal-2X2Vf8 .guildIcon-1cwo09 + * {
|
|
display: flex;
|
|
justify-content: center;
|
|
white-space: pre;
|
|
}
|
|
.exampleModal-1lRfuE .guildIcon-uYC13g,
|
|
.exampleModal-2X2Vf8 .guildIcon-1cwo09 {
|
|
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-1lRfuE .guildInfo-34rEyz::after {
|
|
top: 0;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
.exampleModal-2X2Vf8 .guildIcon-1cwo09 + *::after {
|
|
top: -80px;
|
|
width: 64px;
|
|
height: 64px;
|
|
}
|
|
.exampleModal-1lRfuE .guildInfo-34rEyz::after,
|
|
.exampleModal-2X2Vf8 .guildIcon-1cwo09 + *::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 ---- */
|
|
|
|
.profileBadge-12r2Nm[src="/assets/48d5bdcffe9e7848067c2e187f1ef951.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor));
|
|
-webkit-mask: url(https://discord.com/assets/48d5bdcffe9e7848067c2e187f1ef951.svg) center/cover no-repeat;
|
|
}
|
|
.profileBadge-12r2Nm[src="/assets/34306011e46e87f8ef25f3415d3b99ca.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor));
|
|
-webkit-mask: url(https://discord.com/assets/34306011e46e87f8ef25f3415d3b99ca.svg) center/cover no-repeat;
|
|
}
|
|
.profileBadge-12r2Nm[src="/assets/4441e07fe0f46b3cb41b79366236fca6.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor));
|
|
-webkit-mask: url(https://discord.com/assets/4441e07fe0f46b3cb41b79366236fca6.svg) center/cover no-repeat;
|
|
}
|
|
.profileBadge-12r2Nm[src="/assets/c981e58b5ea4b7fedd3a643cf0c60564.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor));
|
|
-webkit-mask: url(https://discord.com/assets/c981e58b5ea4b7fedd3a643cf0c60564.svg) center/cover no-repeat;
|
|
}
|
|
|
|
.profileBadge-12r2Nm[src="/assets/ca18353be0e57a2b3b3132fa1c08d6b4.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl1_details.svg) center/cover no-repeat;
|
|
-webkit-mask: url(https://discord.com/assets/ca18353be0e57a2b3b3132fa1c08d6b4.svg) center/cover no-repeat;
|
|
}
|
|
.profileBadge-12r2Nm[src="/assets/22f99ed6e34eaca48950254c70f8fe8d.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl2_details.svg) center/cover no-repeat;
|
|
-webkit-mask: url(https://discord.com/assets/22f99ed6e34eaca48950254c70f8fe8d.svg) center/cover no-repeat;
|
|
}
|
|
.profileBadge-12r2Nm[src="/assets/4a2618502278029ce88adeea179ed435.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl3_details.svg) center/cover no-repeat;
|
|
-webkit-mask: url(https://discord.com/assets/4a2618502278029ce88adeea179ed435.svg) center/cover no-repeat;
|
|
}
|
|
.profileBadge-12r2Nm[src="/assets/fbafa6adb7c49a6a2c3822521ff2af2f.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl4_details.svg) center/cover no-repeat;
|
|
-webkit-mask: url(https://discord.com/assets/fbafa6adb7c49a6a2c3822521ff2af2f.svg) center/cover no-repeat;
|
|
}
|
|
.profileBadge-12r2Nm[src="/assets/0599f90e32c15b532647163edd72f70a.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl5_details.svg) center/cover no-repeat;
|
|
-webkit-mask: url(https://discord.com/assets/0599f90e32c15b532647163edd72f70a.svg) center/cover no-repeat;
|
|
}
|
|
.profileBadge-12r2Nm[src="/assets/e07c08cdc72bcc78b69c76d2c7ceb344.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl6_details.svg) center/cover no-repeat;
|
|
-webkit-mask: url(https://discord.com/assets/e07c08cdc72bcc78b69c76d2c7ceb344.svg) center/cover no-repeat;
|
|
}
|
|
.profileBadge-12r2Nm[src="/assets/c7f26927db5e7806790f4e968038630a.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl7_details.svg) center/cover no-repeat;
|
|
-webkit-mask: url(https://discord.com/assets/c7f26927db5e7806790f4e968038630a.svg) center/cover no-repeat;
|
|
}
|
|
.profileBadge-12r2Nm[src="/assets/c6d88d1d12afe03bdc4ebb747f8d196b.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl8_details.svg) center/cover no-repeat;
|
|
-webkit-mask: url(https://discord.com/assets/c6d88d1d12afe03bdc4ebb747f8d196b.svg) center/cover no-repeat;
|
|
}
|
|
.profileBadge-12r2Nm[src="/assets/d96ed283b74de75692487b7499fb8d09.svg"] {
|
|
object-position: -999999px -999999px;
|
|
background: rgb(var(--accentcolor2)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl9_details.svg) center/cover no-repeat;
|
|
-webkit-mask: url(https://discord.com/assets/d96ed283b74de75692487b7499fb8d09.svg) center/cover no-repeat;
|
|
}
|
|
|
|
.guildAvatarWithoutIcon-6EjPQF { /* modal shared servers no icon */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 10.2. GUILDADD/CREATION ---- */
|
|
/* create guild create own icon */
|
|
.icon-AynerZ[src="/assets/f303eeb986430817ee8a52a9b81aea45.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-AynerZ[src="/assets/f303eeb986430817ee8a52a9b81aea45.svg"] + * {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
overflow: visible;
|
|
}
|
|
.icon-AynerZ[src="/assets/f303eeb986430817ee8a52a9b81aea45.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-2wV7s_ [fill="#5865f2" i],
|
|
.uploadIcon-2wV7s_ [fill="#7289da" i] { /* create guild upload icon */
|
|
fill: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 10.3. REGIONSELECTMODAL ---- */
|
|
|
|
.regionSelectFlag-3uwFtG, /* modal regionselect flag */
|
|
.regionSelectFlag-2YbDyH {
|
|
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-K_srvn {
|
|
-webkit-mask: url(https://discord.com/assets/6acb20d5e709b34b6a7f36ec13648666.svg);
|
|
background: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 10.4. UPLOADMODAL ---- */
|
|
/* modal background */
|
|
.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .bgScale-1iWuPF {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .icon-HW4tZ-.two-1t2_74 {
|
|
filter: drop-shadow(0 0 48px rgba(var(--accentcolor),.5));
|
|
}
|
|
.uploadModalIn-2w48Zf .uploadDropModal-13Kd20.error-3lNz4C .inner-rBP-MS .icon-HW4tZ-.two-1t2_74 {
|
|
filter: drop-shadow(0 0 48px rgba(216,60,63,.5));
|
|
}
|
|
|
|
.attachment-1PZZB2 {
|
|
position: relative;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV,
|
|
.audioMetadata-1Hrt8T::before,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-:not(img),
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-:not(img) {
|
|
object-position: -999999px -999999px;
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_bg.svg) center/contain no-repeat !important;
|
|
}
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV {
|
|
background-size: 72px 96px !important;
|
|
}
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-:not(img),
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-:not(img) {
|
|
background-size: 72px 96px !important;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88 + *::before,
|
|
.attachment-1PZZB2 .icon-1KCy88 + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV::before,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV::after,
|
|
.audioMetadata-1Hrt8T > *:first-child::before,
|
|
.audioMetadata-1Hrt8T > *:first-child::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-:not(img)::before,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-:not(img)::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-:not(img)::before,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-:not(img)::after {
|
|
content: "";
|
|
position: absolute;
|
|
pointer-events: none;
|
|
background: rgb(var(--accentcolor));
|
|
}
|
|
.audioMetadata-1Hrt8T::before {
|
|
flex: 0 0 auto !important;
|
|
background-position: top center !important;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88 + *::before,
|
|
.attachment-1PZZB2 .icon-1KCy88 + *::after {
|
|
top: 10px;
|
|
left: 10px;
|
|
width: 30px;
|
|
height: 40px;
|
|
}
|
|
.audioMetadata-1Hrt8T > *:first-child::before,
|
|
.audioMetadata-1Hrt8T > *:first-child::after {
|
|
top: 10px;
|
|
left: 10px;
|
|
width: 24px;
|
|
height: 32px;
|
|
}
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV::before,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV::after {
|
|
width: 108px;
|
|
height: 144px;
|
|
margin-left: 46px;
|
|
-webkit-mask-size: 72px 96px !important;
|
|
}
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-:not(img)::before,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-:not(img)::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-:not(img)::before,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-:not(img)::after {
|
|
width: 100px;
|
|
height: 130px;
|
|
-webkit-mask-size: 72px 96px !important;
|
|
}
|
|
.uploadModalIn-2w48Zf .error-3lNz4C .icon-HW4tZ-:not(img)::before,
|
|
.uploadModalIn-2w48Zf .error-3lNz4C .icon-HW4tZ-:not(img)::after {
|
|
background: #d83c3f;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88 + *::before,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV::before,
|
|
.audioMetadata-1Hrt8T > *:first-child::before,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-:not(img)::before,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-:not(img)::before {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_details.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88 + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.unknown-1HSceW::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.unknown-3ClW7Z::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-:not(img)::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-:not(img)::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/empty.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="acrobat"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.acrobat-3i7zSC::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.acrobat-2-m_um::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.acrobat-2-m_um::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_acrobat_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="ae"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.ae-1ZAdFv::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.ae-1bPydY::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.ae-1bPydY::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ae_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="ai"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.ai-3QkK4s::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.ai-1QhRgT::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.ai-1QhRgT::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ai_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="archive"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.archive-1zydwk::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.archive-2bNoJA::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.archive-2bNoJA::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_archive_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="audio"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.audio-bZBBRF::after,
|
|
.audioMetadata-1Hrt8T > *:first-child::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.audio-YC1s9s::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.audio-YC1s9s::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_audio_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="code"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.code-1hTP09::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.code-rRQnfi::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.code-rRQnfi::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_code_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="document"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.document-3AUmU1::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.document-1u6V3N::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.document-1u6V3N::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_document_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="image"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.image-1091CL::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.image-2ssF8k::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.image-2ssF8k::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_image_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="photoshop"] + *::after,
|
|
.attachment-1PZZB2 .icon-1KCy88[title="ps"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.photoshop-4gkCVB::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.ps-1mWY_j::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.photoshop-LN9Et_::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.ps-1C6rg4::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.photoshop-LN9Et_::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.ps-1C6rg4::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_photoshop_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="sketch"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.sketch-1CwZfM::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.sketch-t3m6M1::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.sketch-t3m6M1::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_sketch_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="spreadsheet"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.spreadsheet-34d5T3::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.spreadsheet-1wEQpO::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.spreadsheet-1wEQpO::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_spreadsheet_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="video"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.video-qa3DnY::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.video-L7uQxc::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.video-L7uQxc::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_video_accent.svg) center/contain no-repeat;
|
|
}
|
|
.attachment-1PZZB2 .icon-1KCy88[title="webcode"] + *::after,
|
|
.uploadContainer-TCg-Ji .icon-2bPCaV.webcode-3EYK4X::after,
|
|
.uploadModal-2ie9O_ .icon-HW4tZ-.webcode-18ObW7::after,
|
|
.uploadModalIn-2w48Zf .icon-HW4tZ-.webcode-18ObW7::after {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_webcode_accent.svg) center/contain no-repeat;
|
|
}
|
|
.filenameLinkWrapper-3Rc6sk,
|
|
a.fileNameLink-1odyIc,
|
|
a.metadataName-1KMZtB {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 10.5. KEYBOARDSHORTCUTSMODAL ---- */
|
|
|
|
.ddrArrows-24s05s .arrow-hkea5Y, /* modal arrows */
|
|
.ddrArrows-24s05s .arrow-hkea5Y::after {
|
|
height: 50px;
|
|
width: 50px;
|
|
}
|
|
.ddrArrows-24s05s .arrow-hkea5Y.active-2gIs0U {
|
|
filter: brightness(130%);
|
|
}
|
|
.ddrArrows-24s05s .arrow-hkea5Y {
|
|
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-24s05s .arrow-hkea5Y::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-24s05s .arrow-hkea5Y.down-3tFLkY {
|
|
transform: rotate(270deg);
|
|
}
|
|
.ddrArrows-24s05s .arrow-hkea5Y.up-C6wQCy {
|
|
transform: rotate(90deg);
|
|
}
|
|
.ddrArrows-24s05s .arrow-hkea5Y.right-2w8sx7 {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
|
|
/* ---- 10.6. LOGINSCREEN ---- */
|
|
|
|
.authBox-1HR6Ha a { /* authobox links */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.authBox-1HR6Ha 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-1HR6Ha img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + * {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.authBox-1HR6Ha 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-1G3jim { /* authobox startover */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 10.7. DOWNLOADAPPMODAL ---- */
|
|
|
|
.downloadApps-14IgKV .footer-2TRYcZ a {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu.active-1j5w_A {
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu.active-1j5w_A p {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu.active-1j5w_A .downloadButton-2XskEc {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
#app-mount .downloadApps-14IgKV .platforms-15zUsJ .icon-1DpQvw.active-1j5w_A {
|
|
background: rgb(var(--accentcolor));
|
|
-webkit-mask-size: cover;
|
|
}
|
|
.downloadApps-14IgKV .platforms-15zUsJ .icon-1DpQvw.active-1j5w_A.apple-2JpmhQ {
|
|
-webkit-mask: url(https://discord.com/assets/7ddab19e24325212299490c2f413b122.svg);
|
|
}
|
|
.downloadApps-14IgKV .platforms-15zUsJ .icon-1DpQvw.active-1j5w_A.windows-3OwY2U {
|
|
-webkit-mask: url(https://discord.com/assets/37ce528f3abf4d735a624309e990acc6.svg);
|
|
}
|
|
.downloadApps-14IgKV .platforms-15zUsJ .icon-1DpQvw.active-1j5w_A.linux-3peDIO {
|
|
-webkit-mask: url(https://discord.com/assets/f8e3f6e7b2cf5f10aed43243560a1b91.svg);
|
|
}
|
|
.downloadApps-14IgKV .platforms-15zUsJ .icon-1DpQvw.active-1j5w_A.ios-1HSYVJ {
|
|
-webkit-mask: url(https://discord.com/assets/00a1b0447f0474ecaa767a4bc09fe2ed.svg);
|
|
}
|
|
.downloadApps-14IgKV .platforms-15zUsJ .icon-1DpQvw.active-1j5w_A.android-3mge-V {
|
|
-webkit-mask: url(https://discord.com/assets/676bfec9f4343f6fcdf0a12ae313a3de.svg);
|
|
}
|
|
|
|
.browserItem-3m6JOB:hover {
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
.browserItem-3m6JOB:hover .btn-2BWCqt {
|
|
background-color: rgb(var(--accentcolor));
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 10.8. GUILDBOOSTMODAL ---- */
|
|
|
|
/* modal boost header */
|
|
.headerGraphic-1PsHkb[src="/assets/071e743e602763497a5e394510b68f28.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-1PsHkb[src="/assets/071e743e602763497a5e394510b68f28.svg"] + *:not(svg),
|
|
.headerGraphic-1PsHkb[src="/assets/071e743e602763497a5e394510b68f28.svg"] + svg + * {
|
|
position: relative;
|
|
}
|
|
.headerGraphic-1PsHkb[src="/assets/071e743e602763497a5e394510b68f28.svg"] + *:not(svg)::before,
|
|
.headerGraphic-1PsHkb[src="/assets/071e743e602763497a5e394510b68f28.svg"] + svg + *::before,
|
|
.headerGraphic-1PsHkb[src="/assets/071e743e602763497a5e394510b68f28.svg"] + *:not(svg)::after,
|
|
.headerGraphic-1PsHkb[src="/assets/071e743e602763497a5e394510b68f28.svg"] + svg + *::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: -132px;
|
|
left: calc((100% - 96px) / 2);
|
|
width: 96px;
|
|
height: 60px;
|
|
pointer-events: none;
|
|
}
|
|
.headerGraphic-1PsHkb[src="/assets/071e743e602763497a5e394510b68f28.svg"] + *:not(svg)::before,
|
|
.headerGraphic-1PsHkb[src="/assets/071e743e602763497a5e394510b68f28.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-1PsHkb[src="/assets/071e743e602763497a5e394510b68f28.svg"] + *:not(svg)::after,
|
|
.headerGraphic-1PsHkb[src="/assets/071e743e602763497a5e394510b68f28.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-2WYJsQ { /* modal sub badge icon */
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
#app-mount .icon-3dkE_X { /* modal perkicon general */
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
/* modal tiermarker in progress tier3 */
|
|
#app-mount .tierMarkerInProgress-2Tdxjz .currentTierIcon-2rq-bv.tier3Icon-959FdD {
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
.tierMarkerAccomplished-1SkbEJ { /* modal tiermarker accomplished */
|
|
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.7)) !important;
|
|
}
|
|
#app-mount .barForeground-2kwBa_ { /* modal tierbarfill */
|
|
background-color: rgb(var(--accentcolor2));
|
|
}
|
|
#app-mount .barSecondary-VouwoY { /* 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-2ZF-qH { /* modal perkicon upload */
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
#app-mount .animated-1th8Z0 { /* modal perkicon animated */
|
|
color: rgb(var(--accentcolor));
|
|
filter: brightness(75%);
|
|
}
|
|
#app-mount .stream-MrQM3B { /* modal perkicon stream */
|
|
color: rgb(var(--accentcolor));
|
|
filter: brightness(150%);
|
|
}
|
|
#app-mount .tierUnlocked-1yG5Ic { /* modal tierunlocked */
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
#app-mount .tierHeaderUnlocked-1IvR2R { /* modal tierheaderunlockedbg */
|
|
background: linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor2)));
|
|
}
|
|
.wrapper-3Zq_cJ { /* modal boostaddwrapper */
|
|
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor2), 0.5));
|
|
}
|
|
.wrapper-3Zq_cJ::before, /* modal boostangel */
|
|
.wrapper-3Zq_cJ::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: -44px;
|
|
right: -82px;
|
|
width: 168px;
|
|
height: 88px;
|
|
pointer-events: none;
|
|
}
|
|
.wrapper-3Zq_cJ::before {
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_bg.svg) center/cover no-repeat;
|
|
}
|
|
.wrapper-3Zq_cJ::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-3Zq_cJ .lookInverted-2mDUMi.colorBrand-I6CyqQ {
|
|
color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
.tierMarkerLabelPlusIcon-2zLkr7 { /* 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-36x1Io { /* 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-4nhVgG { /* modal closelink */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 10.12. CHANGELOGMODAL ---- */
|
|
|
|
.content-s2SEQO a { /* modal link */
|
|
color: var(--text-link);
|
|
}
|
|
#app-mount .improved-2SJXHz { /* modal improved category */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
#app-mount .improved-2SJXHz::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-1TvEXv { /* settings modal */
|
|
position: relative;
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/screenshare_header_bg.svg) center/contain no-repeat;
|
|
}
|
|
.art-1TvEXv::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-38DNjt:hover .sourceThumbnail-3n4cjJ {
|
|
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor));
|
|
}
|
|
.sourceThumbnail-3n4cjJ.selected-2BhCFl {
|
|
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor));
|
|
}
|
|
.selectorButton-3sW6Qm:not(.selectorButtonPremiumRequired-2pGGEj):hover {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.selectorButtonSelected-3Z0WNU {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 10.14. PHONEVERIFICATIONMODAL ---- */
|
|
|
|
.phoneVerificationModal-3OHeBt path[fill="rgb(118,134,177)"] {
|
|
fill: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 10.15. CUSTOMSTATUSMODAL ---- */
|
|
|
|
.art-2Y6Pk3 {
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/customstatus_header_bg.svg) center/contain no-repeat;
|
|
}
|
|
.art-2Y6Pk3::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-3JDLaJ {
|
|
background: rgb(255, 255, 255) linear-gradient(rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.66));
|
|
text-shadow: 1px 1px var(--textshadow);
|
|
}
|
|
.selected-2HDz3F .stepIndex-Kqaht- {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.image-2Qw4tp[src="/assets/7f62c4c1f689de046a6ad83020c897ad.svg"],
|
|
.footerImage-1wk000[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-15mFoz.colorLink-1Md3RZ {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 10.18. NITROFEATUREMODAL ---- */
|
|
|
|
.modalContent-1I0U-j {
|
|
background: linear-gradient(180deg, rgb(var(--accentcolor)) 60%, rgb(var(--accentcolor2)));
|
|
}
|
|
#app-mount .modalFooter-2a3syI {
|
|
background: rgb(var(--accentcolor2));
|
|
box-shadow: unset;
|
|
}
|
|
|
|
/* ---- 10.19. GUILDBOOSTPROGESSINFO ---- */
|
|
|
|
.heroImage-1BTx4r[src="/assets/d1dab93347ab65e2b31d9dc39c9c5a9a.svg"] {
|
|
object-position: -9999999px -9999999px;
|
|
}
|
|
.heroImage-1BTx4r[src="/assets/d1dab93347ab65e2b31d9dc39c9c5a9a.svg"] + *::before, /* modal boostangel */
|
|
.heroImage-1BTx4r[src="/assets/d1dab93347ab65e2b31d9dc39c9c5a9a.svg"] + *::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 32px;
|
|
left: 110px;
|
|
width: 218px;
|
|
height: 114px;
|
|
pointer-events: none;
|
|
}
|
|
.heroImage-1BTx4r[src="/assets/d1dab93347ab65e2b31d9dc39c9c5a9a.svg"] + *::before {
|
|
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_bg.svg) center/cover no-repeat;
|
|
}
|
|
.heroImage-1BTx4r[src="/assets/d1dab93347ab65e2b31d9dc39c9c5a9a.svg"] + *::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;
|
|
}
|
|
.perkIcon-2DG0tJ path[fill*="hsl(305, "] {
|
|
fill: rgb(var(--accentcolor2));
|
|
}
|
|
.perkIcon-2DG0tJ path[fill*="#e655d4"] {
|
|
fill: rgb(var(--accentcolor2));
|
|
filter: brightness(75%);
|
|
}
|
|
.perkIcon-2DG0tJ path[fill*="#ff73fa"] {
|
|
fill: rgb(var(--accentcolor2));
|
|
filter: brightness(150%);
|
|
}
|
|
.perkIcon-2DG0tJ path[fill*="#ffc0ff"] {
|
|
fill: rgb(var(--accentcolor2));
|
|
filter: brightness(275%);
|
|
}
|
|
.perkIcon-2DG0tJ path[fill*="#ffdef9"] {
|
|
fill: rgb(var(--accentcolor2));
|
|
filter: brightness(350%);
|
|
}
|
|
.perkIcon-2DG0tJ path[fill*="hsl(222, "] {
|
|
fill: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 10.20. GUILDACTIVITY ---- */
|
|
.guildBoostingIconPink-1nDlMP {
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
|
|
|
|
/* ~~~~ 11. POPOUTS ~~~~ */
|
|
|
|
.selectedBrand-1AtwYE { /* popout combobox selected brand */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.selectedBrand-1AtwYE.focused-qp-W9B,
|
|
.selectedBrand-1AtwYE:hover:not(.disabled-Mmpvl7) {
|
|
background: var(--accentcolor-hover);
|
|
}
|
|
|
|
/* ---- 11.1. CONTEXTMENU ---- */
|
|
|
|
.colorBrand-3cPPsm:not(.focused-3qFvc8):not(:active) { /* contextmenu brand */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.colorBrand-3cPPsm.focused-3qFvc8,
|
|
.colorBrand-3cPPsm:active:not(.hideInteraction-2jPGL_),
|
|
.colorDefault-CDqZdO.focused-3qFvc8,
|
|
.colorDefault-CDqZdO:active:not(.hideInteraction-2jPGL_) {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.colorBrand-3cPPsm:not(.focused-3qFvc8):not(:active) .radioSelection-1UHp0b,
|
|
.colorDefault-CDqZdO:not(.focused-3qFvc8):not(:active) .radioSelection-1UHp0b {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.colorBrand-3cPPsm:not(.focused-3qFvc8):not(:active) .checkbox-hADx5o,
|
|
.colorDefault-CDqZdO:not(.focused-3qFvc8):not(:active) .checkbox-hADx5o {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.colorBrand-3cPPsm.focused-3qFvc8 .check-3HZJs4,
|
|
.colorDefault-CDqZdO.focused-3qFvc8 .check-3HZJs4 {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.colorPremium-vwmYZQ:not(.focused-3qFvc8):not(:active) { /* contextmenu premium */
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
.colorPremium-vwmYZQ.focused-3qFvc8,
|
|
.colorPremium-vwmYZQ:active:not(.hideInteraction-2jPGL_) {
|
|
background-color: rgb(var(--accentcolor2));
|
|
}
|
|
.colorPremium-vwmYZQ:not(.focused-3qFvc8):not(:active) .radioSelection-1UHp0b {
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
.colorPremium-vwmYZQ:not(.focused-3qFvc8):not(:active) .checkbox-hADx5o {
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
.colorPremium-vwmYZQ.focused-3qFvc8 .check-3HZJs4 {
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
|
|
.colorDanger-3n-KnP:not(.focused-3qFvc8):not(:active) { /* contextmenu danger */
|
|
color: rgb(var(--dangercolor));
|
|
}
|
|
.colorDanger-3n-KnP.focused-3qFvc8,
|
|
.colorDanger-3n-KnP:active:not(.hideInteraction-2jPGL_) {
|
|
background-color: rgb(var(--dangercolor));
|
|
}
|
|
.colorDanger-3n-KnP:not(.focused-3qFvc8):not(:active) .radioSelection-1UHp0b {
|
|
color: rgb(var(--dangercolor));
|
|
}
|
|
.colorDanger-3n-KnP:not(.focused-3qFvc8):not(:active) .checkbox-hADx5o {
|
|
color: rgb(var(--dangercolor));
|
|
}
|
|
.colorDanger-3n-KnP.focused-3qFvc8 .check-3HZJs4 {
|
|
color: rgb(var(--dangercolor));
|
|
}
|
|
|
|
.colorDefault-CDqZdO[id="status-picker-online"].focused-3qFvc8,
|
|
.colorDefault-CDqZdO[id="status-picker-online"]:active:not(.hideInteraction-2jPGL_),
|
|
.colorDefault-CDqZdO[id="status-picker-online--online"].focused-3qFvc8,
|
|
.colorDefault-CDqZdO[id="status-picker-online--online"]:active:not(.hideInteraction-2jPGL_) {
|
|
background-color: rgb(59,165,92);
|
|
}
|
|
.colorDefault-CDqZdO[id="status-picker-idle"].focused-3qFvc8,
|
|
.colorDefault-CDqZdO[id="status-picker-idle"]:active:not(.hideInteraction-2jPGL_),
|
|
.colorDefault-CDqZdO[id="status-picker-online--idle"].focused-3qFvc8,
|
|
.colorDefault-CDqZdO[id="status-picker-online--idle"]:active:not(.hideInteraction-2jPGL_) {
|
|
background-color: rgb(250,166,26);
|
|
}
|
|
.colorDefault-CDqZdO[id="status-picker-dnd"].focused-3qFvc8,
|
|
.colorDefault-CDqZdO[id="status-picker-dnd"]:active:not(.hideInteraction-2jPGL_),
|
|
.colorDefault-CDqZdO[id="status-picker-online--dnd"].focused-3qFvc8,
|
|
.colorDefault-CDqZdO[id="status-picker-online--dnd"]:active:not(.hideInteraction-2jPGL_) {
|
|
background-color: rgb(237,66,69);
|
|
}
|
|
.colorDefault-CDqZdO[id="status-picker-invisible"].focused-3qFvc8,
|
|
.colorDefault-CDqZdO[id="status-picker-invisible"]:active:not(.hideInteraction-2jPGL_),
|
|
.colorDefault-CDqZdO[id="status-picker-online--invisible"].focused-3qFvc8,
|
|
.colorDefault-CDqZdO[id="status-picker-online--invisible"]:active:not(.hideInteraction-2jPGL_) {
|
|
background-color: rgb(116,127,141);
|
|
}
|
|
.colorDefault-CDqZdO.focused-3qFvc8 .status-2DiCMd,
|
|
.colorDefault-CDqZdO:active .status-2DiCMd {
|
|
background-color: #fff !important;
|
|
}
|
|
#status-picker-custom-status .statusItem-2hiCNB {
|
|
grid-template-rows: minmax(24px, auto) 1fr;
|
|
}
|
|
|
|
.icon-E4cW1l { /* contextmenu icon */
|
|
color: currentColor !important;
|
|
}
|
|
|
|
.activeIcon-1ykRnF path[fill*="hsl(235, "] {
|
|
fill: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 11.2. USERPOPOUT ---- */
|
|
|
|
.banner-1YaD3N[style*="background-color: rgb(92, 100, 244)"],
|
|
.banner-1YaD3N[style*="background-color: hsl(227, "],
|
|
.banner-1YaD3N[style*="background-color: hsl(235, "],
|
|
.banner-1YaD3N[style*="background-color: hsl(237, "] {
|
|
background-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
.setIdentityLink-hOFsMl .colorLink-2apWfY {
|
|
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-sDhzdi .react-datepicker__day.react-datepicker__day--selected:hover,
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__day:not(.react-datepicker__day--disabled):hover {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
/* datepicker day selectd */
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected::after {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
|
|
/* ~~~~ 12. GENERAL ~~~~ */
|
|
|
|
::selection {
|
|
background: rgb(var(--accentcolor));
|
|
color: #fff;
|
|
}
|
|
|
|
.wanderingCubesItem-3Us-UG { /* loading cubes */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.chasingDotsItem-1Dc20e { /* loading dots */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.theme-light .path-lhsLSV, /* loading circle */
|
|
.theme-dark .path-lhsLSV,
|
|
.theme-dark .path2-F-M5gP {
|
|
stroke: rgb(var(--accentcolor));
|
|
}
|
|
.trophyIconContainer-1Mgw0Z [fill="#3498DB"] {
|
|
fill: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 12.1. TEXT ---- */
|
|
|
|
.brand-2-tkdo {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.colorBrand-21Le_q {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.tipTitle-3FYEQp {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 12.2. BUTTONS ---- */
|
|
|
|
#app-mount .lookInverted-2mDUMi.colorBrand-I6CyqQ .spinnerItem-3dCJpG,
|
|
#app-mount .lookOutlined-3yKVGo.colorBrand-I6CyqQ .spinnerItem-3dCJpG,
|
|
#app-mount .lookLink-15mFoz.colorBrand-I6CyqQ .spinnerItem-3dCJpG,
|
|
#app-mount .lookInverted-2mDUMi.colorBrandNew-2-gGsS .spinnerItem-3dCJpG,
|
|
#app-mount .lookOutlined-3yKVGo.colorBrandNew-2-gGsS .spinnerItem-3dCJpG,
|
|
#app-mount .lookLink-15mFoz.colorBrandNew-2-gGsS .spinnerItem-3dCJpG {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
#app-mount .btn-115Sr0.btnPrimary-7AVO-X:hover:not(:disabled),
|
|
#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ:not(.buttonColor-3bP3fX):hover,
|
|
#app-mount .lookFilled-yCfaCM.hoverBrand-9W5Bs0.hasHover-26V98q:hover,
|
|
#app-mount .lookFilled-yCfaCM.colorBrandNew-2-gGsS:not(.buttonColor-3bP3fX):hover,
|
|
#app-mount .lookFilled-yCfaCM.hoverBrandNew-2zxGm3.hasHover-26V98q:hover {
|
|
background: var(--accentcolor-hover);
|
|
}
|
|
#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ:not(.buttonColor-3bP3fX):active,
|
|
#app-mount .lookFilled-yCfaCM.hoverBrand-9W5Bs0.hasHover-26V98q:active,
|
|
#app-mount .lookFilled-yCfaCM.colorBrandNew-2-gGsS:not(.buttonColor-3bP3fX):active,
|
|
#app-mount .lookFilled-yCfaCM.hoverBrandNew-2zxGm3.hasHover-26V98q:active {
|
|
background: var(--accentcolor-active);
|
|
}
|
|
#app-mount .btn-115Sr0.btnPrimary-7AVO-X,
|
|
#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ:not(.buttonColor-3bP3fX),
|
|
#app-mount .lookFilled-yCfaCM.colorBrand-I6CyqQ:not(.buttonColor-3bP3fX):disabled,
|
|
#app-mount .lookFilled-yCfaCM.colorBrandNew-2-gGsS:not(.buttonColor-3bP3fX),
|
|
#app-mount .lookFilled-yCfaCM.colorBrandNew-2-gGsS:not(.buttonColor-3bP3fX):disabled {
|
|
background: rgb(var(--accentcolor));
|
|
}
|
|
|
|
#app-mount .lookInverted-2mDUMi.colorBrand-I6CyqQ:hover,
|
|
#app-mount .lookInverted-2mDUMi.hoverBrand-9W5Bs0.hasHover-26V98q:hover,
|
|
#app-mount .lookInverted-2mDUMi.colorBrandNew-2-gGsS:hover,
|
|
#app-mount .lookInverted-2mDUMi.hoverBrandNew-2zxGm3.hasHover-26V98q:hover {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
|
|
}
|
|
#app-mount .lookInverted-2mDUMi.colorBrand-I6CyqQ:active,
|
|
#app-mount .lookInverted-2mDUMi.hoverBrand-9W5Bs0.hasHover-26V98q:active,
|
|
#app-mount .lookInverted-2mDUMi.colorBrandNew-2-gGsS:active,
|
|
#app-mount .lookInverted-2mDUMi.hoverBrandNew-2zxGm3.hasHover-26V98q:active {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
|
|
}
|
|
#app-mount .lookInverted-2mDUMi.colorBrand-I6CyqQ,
|
|
#app-mount .lookInverted-2mDUMi.colorBrand-I6CyqQ:disabled,
|
|
#app-mount .lookInverted-2mDUMi.colorBrandNew-2-gGsS,
|
|
#app-mount .lookInverted-2mDUMi.colorBrand-I6CyqQ:disabled {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
#app-mount .lookOutlined-3yKVGo.colorBrand-I6CyqQ:hover,
|
|
#app-mount .lookOutlined-3yKVGo.colorBrandNew-2-gGsS:hover,
|
|
#app-mount .lookOutlined-3yKVGo.hoverBrand-9W5Bs0.hasHover-26V98q:hover,
|
|
#app-mount .lookOutlined-3yKVGo.hoverBrandNew-2zxGm3.hasHover-26V98q:hover {
|
|
border-color: rgba(var(--accentcolor), 0.6);
|
|
}
|
|
#app-mount .lookOutlined-3yKVGo.colorBrand-I6CyqQ:active,
|
|
#app-mount .lookOutlined-3yKVGo.colorBrandNew-2-gGsS:active,
|
|
#app-mount .lookOutlined-3yKVGo.hoverBrand-9W5Bs0.hasHover-26V98q:active,
|
|
#app-mount .lookOutlined-3yKVGo.hoverBrandNew-2zxGm3.hasHover-26V98q:active {
|
|
background-color: rgba(var(--accentcolor), 0.1);
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
#app-mount .lookOutlined-3yKVGo.colorBrand-I6CyqQ,
|
|
#app-mount .lookOutlined-3yKVGo.colorBrand-I6CyqQ:disabled,
|
|
#app-mount .lookOutlined-3yKVGo.colorBrandNew-2-gGsS,
|
|
#app-mount .lookOutlined-3yKVGo.colorBrandNew-2-gGsS:disabled {
|
|
border-color: rgba(var(--accentcolor), 0.1);
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
#app-mount .lookLink-15mFoz.colorBrand-I6CyqQ,
|
|
#app-mount .lookLink-15mFoz.colorBrandNew-2-gGsS {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
#app-mount .lookLink-15mFoz.hoverBrand-9W5Bs0.hasHover-26V98q:hover .contents-3ca1mk,
|
|
#app-mount .lookLink-15mFoz.hoverBrandNew-2zxGm3.hasHover-26V98q:hover .contents-3ca1mk {
|
|
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--accentcolor)) 0, rgb(var(--accentcolor)) 2px, transparent 0);
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
#app-mount .borderBrand-P_n17U,
|
|
#app-mount .borderBrandNew-W1AvIG {
|
|
border-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
|
|
/* ---- 12.3. INPUTS ---- */
|
|
|
|
input.input-2g-os5 { /* textinput */
|
|
border: 1px solid var(--deprecated-text-input-border);
|
|
}
|
|
.input-2g-os5:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
.input-2g-os5:not(.error-8r7mjf):not(.success-3HR983).focused-1AtTHC,
|
|
.input-2g-os5:not(.error-8r7mjf):not(.success-3HR983):focus {
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
.focused-1AtTHC {
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
#app-mount .prefixInput-w72mM6:not(.error-UVCAd2).focused-2JC6KT {
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
/* checkbox checked */
|
|
.checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:checked + span {
|
|
background-color: rgb(var(--accentcolor));
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
/* checkbox checked alt */
|
|
.checkbox-1ycfTw .checkboxInner-1aRh1d.alt-20KvgT .checkboxElement-uwAa9F:checked + span::after {
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.checkbox-f1HnKB.checked-1pZh2h[style*="background-color: hsl(227, "],
|
|
.checkbox-f1HnKB.checked-1pZh2h[style*="background-color: hsl(235, "] {
|
|
background-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
.checkbox-f1HnKB.checked-1pZh2h[style*="border-color: hsl(227, "],
|
|
.checkbox-f1HnKB.checked-1pZh2h[style*="border-color: hsl(235, "] {
|
|
border-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
.checkbox-f1HnKB path[fill*="hsl(227, "],
|
|
.checkbox-f1HnKB path[fill*="hsl(235, "] {
|
|
fill: rgb(var(--accentcolor)) !important;
|
|
}
|
|
|
|
.container-2nx-BQ { /* switch unchecked */
|
|
background-color: rgb(114, 118, 125) !important;
|
|
transition: background-color .1s ease-out;
|
|
} /* switch checked */
|
|
.container-2nx-BQ[style*="background-color: hsl(139, "],
|
|
.container-2nx-BQ[style*="background-color: hsl(227, "],
|
|
.container-2nx-BQ[style*="background-color: hsl(235, "] {
|
|
background-color: rgba(var(--accentcolor), 0.8) !important;
|
|
}
|
|
.container-2nx-BQ[style*="background-color: hsl(139, "]:hover,
|
|
.container-2nx-BQ[style*="background-color: hsl(227, "]:hover,
|
|
.container-2nx-BQ[style*="background-color: hsl(235, "]:hover {
|
|
background: var(--accentcolor-hover) !important;
|
|
}
|
|
#app-mount .container-2nx-BQ:active {
|
|
background: var(--accentcolor-active) !important;
|
|
}
|
|
.container-2nx-BQ path[fill] {
|
|
fill: rgb(114, 118, 125) !important;
|
|
}
|
|
.container-2nx-BQ[style*="background-color: hsl(139, "] path[fill],
|
|
.container-2nx-BQ[style*="background-color: hsl(227, "] path[fill],
|
|
.container-2nx-BQ[style*="background-color: hsl(235, "] path[fill],
|
|
.container-2nx-BQ:active path[fill] {
|
|
fill: rgb(var(--accentcolor)) !important;
|
|
}
|
|
|
|
.barFill-2Bh7CX { /* slider barfill */
|
|
background: rgb(var(--accentcolor));
|
|
}
|
|
.mediaBarGrabber-FvJKJg, /* progessbar grabber */
|
|
.mediaBarProgress-38I317, /* progessbar barfill */
|
|
.mediaBarProgress-38I317::after,
|
|
.mediaBarProgress-38I317::before {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.mediaBarInteraction-tUE5dq:hover .mediaBarGrabber-FvJKJg,
|
|
.mediaBarInteractionDragging-3XLL8k .mediaBarGrabber-FvJKJg {
|
|
background-color: rgb(var(--accentcolor));
|
|
filter: brightness(120%);
|
|
}
|
|
|
|
.theme-light .select-1Ia3hD:focus, /* dropdown select nitro subscription */
|
|
.theme-light .lookFilled-1GseHa.select-1Ia3hD:focus,
|
|
.theme-dark .select-1Ia3hD:focus,
|
|
.theme-dark .lookFilled-1GseHa.select-1Ia3hD:focus {
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
.theme-light .lookFilled-1GseHa.select-1Ia3hD:hover.open-1FRZsK,
|
|
.theme-light .lookFilled-1GseHa.open-1FRZsK,
|
|
.theme-dark .lookFilled-1GseHa.select-1Ia3hD:hover.open-1FRZsK,
|
|
.theme-dark .lookFilled-1GseHa.open-1FRZsK {
|
|
border-color: rgb(var(--accentcolor)) rgb(var(--accentcolor)) rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* ---- 12.4. TAGS ---- */
|
|
|
|
.botTagRegular-kpctgU { /* bottag regular */
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.botTagInvert-1nKcq_ { /* bottag inverted */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.verified-1Jv_7P { /* verifiedbadge */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.partnered-23cXFN { /* partneredbadge */
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.partnered-23cXFN .flowerStar-2tNFCR {
|
|
filter: brightness(75%);
|
|
}
|
|
|
|
.base-3IDx3L[style*="background-color: hsl(227, "],
|
|
.base-3IDx3L[style*="background-color: hsl(235, "] {
|
|
background-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
|
|
/* ---- 12.5. ICONS ---- */
|
|
|
|
[style*="/assets/18126c8a9aafeefa76bbb770759203a9.png"],
|
|
[src*="/assets/18126c8a9aafeefa76bbb770759203a9.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*="https://cdn.discordapp.com/embed/avatars/0.png"],
|
|
[src*="https://cdn.discordapp.com/embed/avatars/0.png"],
|
|
[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-1L5vsB[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-1L5vsB[src="/assets/755d4654e19c105c3cd108610b78d01c.svg"] + * {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.image-1L5vsB[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-2w-Dyz::-webkit-scrollbar-thumb {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
::-webkit-scrollbar-corner,
|
|
#app-mount ::-webkit-scrollbar-corner {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* ---- 12.7. NOTIFICATIONBAR ---- */
|
|
|
|
.colorPremiumTier1-2r-LRg {
|
|
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.7));
|
|
}
|
|
.colorPremiumTier1-2r-LRg .button-1iHNQ2:hover {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.colorPremiumTier2-3R4qYN {
|
|
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
|
|
}
|
|
.colorPremiumTier2-3R4qYN .button-1iHNQ2:hover {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.colorBrand-2hgZSE {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.colorBrand-2hgZSE .button-1iHNQ2:hover {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.notice-2HEN-u powercord-announcement[style*="background-color: rgb(88, 101, 242)"],
|
|
.notice-2HEN-u powercord-announcement[style*="background-color: rgb(114, 137, 218)"] {
|
|
background-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
.notice-2HEN-u powercord-announcement[style*="background-color: rgb(88, 101, 242)"] .button-1iHNQ2:hover,
|
|
.notice-2HEN-u powercord-announcement[style*="background-color: rgb(114, 137, 218)"] .button-1iHNQ2:hover {
|
|
color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
.notice-12Koq- { /* preview notice */
|
|
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.5), rgba(var(--accentcolor), 0.5));
|
|
}
|
|
.button-3_1yil: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-1x8lm- { /* rules notice */
|
|
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.5), rgba(var(--accentcolor), 0.5));
|
|
}
|
|
.button-1mXrIh: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-20XsMA {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
#app-mount .tooltipBrand-20XsMA .tooltipPointer-3L49xb {
|
|
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-yCfaCM.colorWhite-1H92hK {
|
|
color: rgb(var(--accentcolor2));
|
|
}
|
|
|
|
.container-5N5x2A {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.container-5N5x2A .pointer-1bsD64 {
|
|
border-top-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.container-3-AQTb {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.container-3-AQTb .pointer-12wKfh {
|
|
border-top-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.container-xB0xPf {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.container-xB0xPf .pointer-1j6vDv {
|
|
border-top-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
.content-3O0wBS {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.content-3O0wBS .button-3zdF3z {
|
|
color: rgb(var(--accentcolor));
|
|
}
|
|
.pointer-3ClhC2 {
|
|
border-top-color: rgb(var(--accentcolor));
|
|
}
|
|
|
|
/* ---- 12.9. TOASTS ---- */
|
|
|
|
.toast-brand {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.colorBrand-WfDfzD .bg-8df5St {
|
|
background-color: rgb(var(--accentcolor));
|
|
}
|
|
.colorCustom-WKsPgT .bg-8df5St[style*="background-color: hsl(235, "],
|
|
.colorCustom-WKsPgT .bg-8df5St[style*="background-color: hsl(227, "] {
|
|
background-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
.bar-95Sdw1.customBar-3RsUzs[style*="background-color: hsl(235, "],
|
|
.bar-95Sdw1.customBar-3RsUzs[style*="background-color: hsl(227, "] {
|
|
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,
|
|
.bd-addon-modal-footer .bd-button {
|
|
background: var(--bd-blue);
|
|
}
|
|
.bd-button:hover,
|
|
.bd-addon-modal-footer .bd-button:hover {
|
|
background: var(--accentcolor-hover);
|
|
}
|
|
.bd-button:active,
|
|
.bd-addon-modal-footer .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;
|
|
}
|
|
|
|
#bd-editor-controls .checkboxInner-3yjcPe {
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
#bd-editor-controls .checkboxElement-1qV33p {
|
|
visibility: hidden;
|
|
}
|
|
#bd-editor-controls .checkboxElement-1qV33p + span {
|
|
position: absolute;
|
|
display: block;
|
|
top: -2px;
|
|
left: -1px;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 3px 3px 3px 4px;
|
|
border-radius: 2px;
|
|
pointer-events: none;
|
|
}
|
|
#bd-editor-controls .checkboxElement-1qV33p:not(:checked) + span {
|
|
border: 1px solid var(--header-primary);
|
|
}
|
|
#bd-editor-controls .checkboxElement-1qV33p:checked + span {
|
|
background: rgb(var(--accentcolor));
|
|
}
|
|
#bd-editor-controls .checkboxElement-1qV33p:checked + span:before {
|
|
content: "";
|
|
display: block;
|
|
position: relative;
|
|
top: 1px;
|
|
left: 4px;
|
|
width: 2px;
|
|
height: 6px;
|
|
transform: rotate(45deg);
|
|
border-right: 2px solid white;
|
|
border-bottom: 2px solid white;
|
|
}
|
|
|
|
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-1HGV2S[style*="border-color: rgb(62, 130, 229)"],
|
|
.embedFull-1HGV2S[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-1T6LYX {
|
|
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-3kah-n:active .childWrapper-1j_1ub.button-Jt-tIg {
|
|
background: var(--accentcolor-hover);
|
|
}
|
|
|
|
/* ---- 15.3. SERVERSEARCH ---- */
|
|
|
|
#server-search .wrapper-28eC3z {
|
|
background-color: var(--background-primary) !important;
|
|
transition: background-color .16s ease-out;
|
|
}
|
|
#server-search .wrapper-28eC3z:hover {
|
|
background-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
#server-search .wrapper-28eC3z [fill="white"] {
|
|
fill: var(--header-primary);
|
|
}
|
|
#server-search .wrapper-28eC3z: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;
|
|
}
|