BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css

2638 lines
104 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;
--accentcolor_v: var(--accentcolor_s, var(--accentcolor));
--accentcolor2_v: var(--accentcolor2_s, var(--accentcolor2));
--linkcolor_v: var(--linkcolor_s, var(--linkcolor));
--accentcolor-hover: rgb(var(--accentcolor_v)) linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
--accentcolor-active: rgb(var(--accentcolor_v)) linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
--accentcolor2-hover: rgb(var(--accentcolor2_v)) linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
--accentcolor2-active: rgb(var(--accentcolor2_v)) linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
--bdfdb-blurple: rgb(var(--accentcolor_v)) !important;
--bd-blue: rgb(var(--accentcolor_v)) !important;
--bd-blue-hover: var(--accentcolor-hover) !important;
--bd-blue-active: var(--accentcolor-active) !important;
--blurple: rgb(var(--accentcolor_v)) !important;
}
.theme-light {
--logo-primary: rgb(var(--accentcolor_v));
}
[data-popout-root], html, .theme-light, .theme-dark, .theme-amoled {
--text-brand: rgb(var(--accentcolor_v));
--text-link: rgb(var(--linkcolor_v));
--text-link-low-saturation: rgb(var(--linkcolor_v));
--info-help-background: rgba(var(--linkcolor_v),.1);
--info-help-foreground: rgb(var(--linkcolor_v));
--info-help-text: #fff;
--focus-primary: rgb(var(--linkcolor_v));
--control-brand-foreground: rgb(var(--accentcolor_v)) !important;
--control-brand-foreground-new: rgb(var(--accentcolor_v)) !important;
--button-outline-brand-text: rgb(var(--accentcolor_v)) !important;
--button-outline-brand-text-hover: rgb(var(--accentcolor_v)) !important;
--button-outline-brand-text-active: rgb(var(--accentcolor_v)) !important;
--button-outline-brand-background: transparent !important;
--button-outline-brand-background-hover: transparent !important;
--button-outline-brand-background-active: rgba(var(--accentcolor_v),.1) !important;
--button-outline-brand-border: rgba(var(--accentcolor_v),.1) !important;
--button-outline-brand-border-hover: rgba(var(--accentcolor_v),.6) !important;
--button-outline-brand-border-active: rgb(var(--accentcolor_v)) !important;
--mention-background: rgba(var(--accentcolor_v),.3) !important;
--mention-foreground: var(--brand-experiment-200) !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_v)) !important;
--brand-experiment-360: rgb(var(--accentcolor_v)) !important;
--brand-experiment-400: rgb(var(--accentcolor_v)) !important;
--brand-experiment-430: rgb(var(--accentcolor_v)) !important;
--brand-experiment-460: rgb(var(--accentcolor_v)) !important;
--brand-experiment: rgb(var(--accentcolor_v)) !important;
--brand-experiment-500: rgb(var(--accentcolor_v)) !important;
--brand-experiment-530: rgb(var(--accentcolor_v)) !important;
--brand-experiment-560: rgb(var(--accentcolor_v)) !important;
--brand-experiment-600: rgb(var(--accentcolor_v)) !important;
--brand-experiment-630: rgb(var(--accentcolor_v)) !important;
--brand-experiment-660: rgb(var(--accentcolor_v)) !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_v),.05) !important;
--brand-experiment-10a: rgba(var(--accentcolor_v),.1) !important;
--brand-experiment-15a: rgba(var(--accentcolor_v),.15) !important;
--brand-experiment-20a: rgba(var(--accentcolor_v),.2) !important;
--brand-experiment-25a: rgba(var(--accentcolor_v),.25) !important;
--brand-experiment-30a: rgba(var(--accentcolor_v),.3) !important;
--brand-experiment-35a: rgba(var(--accentcolor_v),.35) !important;
--brand-experiment-40a: rgba(var(--accentcolor_v),.4) !important;
--brand-experiment-45a: rgba(var(--accentcolor_v),.45) !important;
--brand-experiment-50a: rgba(var(--accentcolor_v),.5) !important;
--brand-experiment-55a: rgba(var(--accentcolor_v),.55) !important;
--brand-experiment-60a: rgba(var(--accentcolor_v),.6) !important;
--brand-experiment-65a: rgba(var(--accentcolor_v),.65) !important;
--brand-experiment-70a: rgba(var(--accentcolor_v),.7) !important;
--brand-experiment-75a: rgba(var(--accentcolor_v),.75) !important;
--brand-experiment-80a: rgba(var(--accentcolor_v),.8) !important;
--brand-experiment-85a: rgba(var(--accentcolor_v),.85) !important;
--brand-experiment-90a: rgba(var(--accentcolor_v),.9) !important;
--brand-experiment-95a: rgba(var(--accentcolor_v),.95) !important;
--brand-100: #fdfdfd !important;
--brand-130: #f2f2f2 !important;
--brand-160: #ebebeb !important;
--brand-200: #e3e3e3 !important;
--brand-230: #dadada !important;
--brand-260: #d1d1d1 !important;
--brand-300: #c7c7c7 !important;
--brand-330: rgb(var(--accentcolor_v)) !important;
--brand-360: rgb(var(--accentcolor_v)) !important;
--brand-400: rgb(var(--accentcolor_v)) !important;
--brand-430: rgb(var(--accentcolor_v)) !important;
--brand-460: rgb(var(--accentcolor_v)) !important;
--brand: rgb(var(--accentcolor_v)) !important;
--brand-500: rgb(var(--accentcolor_v)) !important;
--brand-530: rgb(var(--accentcolor_v)) !important;
--brand-560: rgb(var(--accentcolor_v)) !important;
--brand-600: rgb(var(--accentcolor_v)) !important;
--brand-630: rgb(var(--accentcolor_v)) !important;
--brand-660: rgb(var(--accentcolor_v)) !important;
--brand-700: #323232 !important;
--brand-730: #2b2b2b !important;
--brand-760: #272727 !important;
--brand-800: #222222 !important;
--brand-830: #1a1a1a !important;
--brand-860: #111111 !important;
--brand-900: #0b0b0b !important;
--brand-05a: rgba(var(--accentcolor_v),.05) !important;
--brand-10a: rgba(var(--accentcolor_v),.1) !important;
--brand-15a: rgba(var(--accentcolor_v),.15) !important;
--brand-20a: rgba(var(--accentcolor_v),.2) !important;
--brand-25a: rgba(var(--accentcolor_v),.25) !important;
--brand-30a: rgba(var(--accentcolor_v),.3) !important;
--brand-35a: rgba(var(--accentcolor_v),.35) !important;
--brand-40a: rgba(var(--accentcolor_v),.4) !important;
--brand-45a: rgba(var(--accentcolor_v),.45) !important;
--brand-50a: rgba(var(--accentcolor_v),.5) !important;
--brand-55a: rgba(var(--accentcolor_v),.55) !important;
--brand-60a: rgba(var(--accentcolor_v),.6) !important;
--brand-65a: rgba(var(--accentcolor_v),.65) !important;
--brand-70a: rgba(var(--accentcolor_v),.7) !important;
--brand-75a: rgba(var(--accentcolor_v),.75) !important;
--brand-80a: rgba(var(--accentcolor_v),.8) !important;
--brand-85a: rgba(var(--accentcolor_v),.85) !important;
--brand-90a: rgba(var(--accentcolor_v),.9) !important;
--brand-95a: rgba(var(--accentcolor_v),.95) !important;
--brand-new-100: #fdfdfd !important;
--brand-new-130: #f2f2f2 !important;
--brand-new-160: #ebebeb !important;
--brand-new-200: #e3e3e3 !important;
--brand-new-230: #dadada !important;
--brand-new-260: #d1d1d1 !important;
--brand-new-300: #c7c7c7 !important;
--brand-new-330: rgb(var(--accentcolor_v)) !important;
--brand-new-360: rgb(var(--accentcolor_v)) !important;
--brand-new-400: rgb(var(--accentcolor_v)) !important;
--brand-new-430: rgb(var(--accentcolor_v)) !important;
--brand-new-460: rgb(var(--accentcolor_v)) !important;
--brand-new: rgb(var(--accentcolor_v)) !important;
--brand-new-500: rgb(var(--accentcolor_v)) !important;
--brand-new-530: rgb(var(--accentcolor_v)) !important;
--brand-new-560: rgb(var(--accentcolor_v)) !important;
--brand-new-600: rgb(var(--accentcolor_v)) !important;
--brand-new-630: rgb(var(--accentcolor_v)) !important;
--brand-new-660: rgb(var(--accentcolor_v)) !important;
--brand-new-700: #323232 !important;
--brand-new-730: #2b2b2b !important;
--brand-new-760: #272727 !important;
--brand-new-800: #222222 !important;
--brand-new-830: #1a1a1a !important;
--brand-new-860: #111111 !important;
--brand-new-900: #0b0b0b !important;
--brand-new-05a: rgba(var(--accentcolor_v),.05) !important;
--brand-new-10a: rgba(var(--accentcolor_v),.1) !important;
--brand-new-15a: rgba(var(--accentcolor_v),.15) !important;
--brand-new-20a: rgba(var(--accentcolor_v),.2) !important;
--brand-new-25a: rgba(var(--accentcolor_v),.25) !important;
--brand-new-30a: rgba(var(--accentcolor_v),.3) !important;
--brand-new-35a: rgba(var(--accentcolor_v),.35) !important;
--brand-new-40a: rgba(var(--accentcolor_v),.4) !important;
--brand-new-45a: rgba(var(--accentcolor_v),.45) !important;
--brand-new-50a: rgba(var(--accentcolor_v),.5) !important;
--brand-new-55a: rgba(var(--accentcolor_v),.55) !important;
--brand-new-60a: rgba(var(--accentcolor_v),.6) !important;
--brand-new-65a: rgba(var(--accentcolor_v),.65) !important;
--brand-new-70a: rgba(var(--accentcolor_v),.7) !important;
--brand-new-75a: rgba(var(--accentcolor_v),.75) !important;
--brand-new-80a: rgba(var(--accentcolor_v),.8) !important;
--brand-new-85a: rgba(var(--accentcolor_v),.85) !important;
--brand-new-90a: rgba(var(--accentcolor_v),.9) !important;
--brand-new-95a: rgba(var(--accentcolor_v),.95) !important;
--premium-perk-blue: rgb(var(--accentcolor_v)) !important;
--premium-perk-pink: rgb(var(--accentcolor2_v)) !important;
--premium-tier-0-purple: rgb(var(--accentcolor2_v)) !important;
--premium-tier-0-purple-for-gradients: rgb(var(--accentcolor2_v)) !important;
--premium-tier-1-blue: rgb(var(--accentcolor_v)) !important;
--premium-tier-1-blue-for-gradients: rgb(var(--accentcolor_v)) !important;
--premium-tier-1-dark-blue: rgb(var(--accentcolor_v)) !important;
--premium-tier-1-dark-blue-for-gradients: rgb(var(--accentcolor_v)) !important;
--premium-tier-1-purple: rgb(var(--accentcolor2_v)) !important;
--premium-tier-1-purple-for-gradients: rgb(var(--accentcolor2_v)) !important;
--premium-tier-2-pink: rgb(var(--accentcolor_v)) !important;
--premium-tier-2-pink-for-gradients: rgb(var(--accentcolor_v)) !important;
--premium-tier-2-pink-for-gradients-2: rgb(var(--accentcolor_v)) !important;
--premium-tier-2-purple: rgb(var(--accentcolor2_v)) !important;
--premium-tier-2-purple-for-gradients: rgb(var(--accentcolor2_v)) !important;
--premium-tier-2-purple-for-gradients-2: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-pink: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-pink-rgb: var(--accentcolor2_v) !important;
--guild-boosting-purple: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-purple-rgb: var(--accentcolor2_v) !important;
--guild-boosting-blue: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-blue-rgb: var(--accentcolor2_v) !important;
--guild-boosting-blue-for-gradients: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-blue-for-gradients-rgb: var(--accentcolor2_v) !important;
--guild-boosting-purple-for-gradients: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-purple-for-gradients-rgb: var(--accentcolor2_v) !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. NICKNAMEMODAL
11. POPOUTS
1. CONTEXTMENU
2. USERPOPOUT
3. SEARCHPOPOUT
12. GENERAL
1. TEXT
2. BUTTONS
3. INPUTS
4. TAGS
5. IMAGES
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_d281dd.selected_f5ec8e .childWrapper__01b9c, /* home/acronym */
.wrapper_d281dd:hover .childWrapper__01b9c {
background-color: rgb(var(--accentcolor_v));
}
.wrapper_d281dd rect[fill] {
fill: var(--background-primary);
}
.wrapper_d281dd rect[fill="#6370f4"] {
fill: rgb(var(--accentcolor_v));
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 1"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 1"] {
background-color: rgba(var(--accentcolor_v), 1) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.9"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.9"] {
background-color: rgba(var(--accentcolor_v), 0.9) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.8"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.8"] {
background-color: rgba(var(--accentcolor_v), 0.8) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.7"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.7"] {
background-color: rgba(var(--accentcolor_v), 0.7) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.6"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.6"] {
background-color: rgba(var(--accentcolor_v), 0.6) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.5"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.5"] {
background-color: rgba(var(--accentcolor_v), 0.5) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.4"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.4"] {
background-color: rgba(var(--accentcolor_v), 0.4) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.3"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.3"] {
background-color: rgba(var(--accentcolor_v), 0.3) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.2"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.2"] {
background-color: rgba(var(--accentcolor_v), 0.2) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.1"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.1"] {
background-color: rgba(var(--accentcolor_v), 0.1) !important;
}
.folderIconWrapper__72239 svg[style^="color: rgb(88, 101, 242)"],
.folderIconWrapper__72239 svg[style*=" color: rgb(88, 101, 242)"],
.folderIconWrapper__72239 svg[style^="color: rgb(87, 100, 242)"],
.folderIconWrapper__72239 svg[style*=" color: rgb(87, 100, 242)"] {
color: rgb(var(--accentcolor_v)) !important;
}
/* ~~~~ 2. CHANNELLIST ~~~~ */
.channelNotice_bbc8e6 .imageContainer__0c476 {
position: relative;
}
.channelNotice_bbc8e6 .imageContainer__0c476::before,
.channelNotice_bbc8e6 .imageContainer__0c476::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/148fd8378ac32a66783c.svg"]) .image__9f4c2,
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/7e724c5bbf29dd3598ea.svg"]) .image__9f4c2 {
visibility: hidden;
}
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__0c476 {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_bg.svg) center/cover no-repeat;
}
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__0c476::before {
background: rgb(var(--accentcolor));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_accent.svg) center/cover no-repeat;
}
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__0c476::after {
background: rgb(var(--accentcolor2));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_accent2.svg) center/cover no-repeat;
}
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/7e724c5bbf29dd3598ea.svg"]) .imageContainer__0c476::before {
filter: grayscale(0.5);
background: url(https://discord.com/assets/7e724c5bbf29dd3598ea.svg) center/cover no-repeat;
}
/* ~~~~ 3. CHAT ~~~~ */
/* ---- 3.1. MESSAGES ---- */
.newMessagesBar__8b6d7 { /* new messagesbar */
background-color: rgb(var(--accentcolor_v));
}
.hasMore_b03f46 { /* hasmore messagesbar */
color: rgb(var(--accentcolor_v));
}
.backgroundFlash_e5b9ad[style*="(148, 156, 247"] {
background-color: var(--message-background-flash) !important;
}
.backgroundFlash_e5b9ad[style*="background-color: rgb(148, 156, 247)"],
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 1"] {
--message-background-flash: rgba(var(--accentcolor_v), 1);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.9"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.9);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.8"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.8);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.7"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.7);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.6"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.6);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.5"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.5);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.4"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.4);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.3"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.3);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.2"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.2);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.1"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.1);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.0"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.05);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0)"] {
--message-background-flash: rgba(var(--accentcolor_v), 0);
}
.embedFull__8dc21[style*="border-color: hsl(216, "],
.embedFull__8dc21[style*="border-color: hsl(227, "],
.embedFull__8dc21[style*="border-color: hsl(235, "],
.embedFull__8dc21[style*="border-color: hsl(237, "],
.embedFull__8dc21[style*="border-color: hsla(216, "],
.embedFull__8dc21[style*="border-color: hsla(227, "],
.embedFull__8dc21[style*="border-color: hsla(235, "],
.embedFull__8dc21[style*="border-color: hsla(237, "] {
border-color: rgb(var(--accentcolor_v)) !important;
}
.ephemeral_c26b64, /* localbot container */
.replying_d7b6ad { /* replying container */
background-color: rgba(var(--accentcolor_v), 0.05);
}
.ephemeral_c26b64::before, /* localbot before */
.replying_d7b6ad::before { /* replying before */
background-color: rgb(var(--accentcolor_v));
}
.message__80c10.ephemeral_c26b64.selected_fd9051,
.mouse-mode.full-motion .ephemeral_c26b64:hover,
.mouse-mode .ephemeral_c26b64:hover,
.message__80c10.replying_d7b6ad.selected_fd9051,
.mouse-mode.full-motion .replying_d7b6ad:hover,
.mouse-mode .replying_d7b6ad:hover {
background-color: rgba(var(--accentcolor_v), 0.1);
}
.ephemeralMessage__6a8ba a { /* localbot operations */
color: rgb(var(--accentcolor_v));
}
.operations__07224 > a { /* message operations */
color: rgb(var(--accentcolor_v));
}
.blockedSystemMessage_e58a4c:hover .blockedAction__27053 { /* blocked message operations */
color: rgb(var(--accentcolor_v));
}
.footerIcon__61cc7 path[fill*="hsl(197, "] { /* automod operations */
fill: var(--text-link);
}
.icon_bc432e { /* systemmessage guild sub easter egg icon */
color: rgb(var(--accentcolor2_v));
}
.message__1a4b9 strong, /* mention in header */
#app-mount .wrapper__2d9b1 { /* mention */
background-color: rgba(var(--accentcolor_v),.3);
color: var(--brand-experiment-200);
}
.message__1a4b9 strong:hover,
#app-mount .interactive:hover {
background-color: rgb(var(--accentcolor_v));
color: #fff;
}
#app-mount .reactionMe__98f57 .reactionCount_b49901, /* reaction count me */
#app-mount .reactionMe__98f57:hover .reactionCount_b49901 {
color: rgb(var(--accentcolor_v));
}
#app-mount .reaction_fef95b.reactionMe__98f57 { /* reaction wrapper me */
background-color: rgba(var(--accentcolor_v), .3);
border-color: rgb(var(--accentcolor_v));
}
#app-mount .reaction_fef95b:hover, /* reaction add react */
.addReactButton__59750:hover, /* reaction add new react */
.buttonInner__2771e:hover {
border-color: rgba(var(--accentcolor_v), .5);
}
.progressBar__47525[style*="background-color: hsl(227, "], /* attachment upload bar */
.progressBar__47525[style*="background-color: hsl(235, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
/* ---- 3.2. TEXTAREA ---- */
.channelTextAreaInnerFocused__8561c {
border-color: rgb(var(--accentcolor_v));
}
#app-mount .selectedPill_f3e999 {
border-color: rgb(var(--accentcolor_v)) !important;
}
.image__04423[src="/assets/e49c372705a84e02772c.svg"] { /* textarea follow channel icon */
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__04423[src="/assets/e49c372705a84e02772c.svg"] + * {
overflow: visible;
}
.image__04423[src="/assets/e49c372705a84e02772c.svg"] + *::after {
content: "";
position: absolute;
bottom: 8px;
left: 16px;
width: 47px;
height: 60px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_followchannel_accent.svg) center/contain no-repeat;
}
.image__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] { /* textarea verify email icon */
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__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] + * {
overflow: visible;
}
.image__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] + *::after {
content: "";
position: absolute;
bottom: 0px;
left: 16px;
width: 65px;
height: 60px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_verifyemail_accent.svg) center/contain no-repeat;
}
.image__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] { /* textarea verify phone icon */
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__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] + * {
overflow: visible;
}
.image__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] + *::after {
content: "";
position: absolute;
bottom: 0px;
left: 16px;
width: 65px;
height: 60px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_verifyemail_accent.svg) center/contain no-repeat;
}
.animation__19784 path[stroke="rgb(123,162,255)"], /* textarea wave hand icon */
.animation__19784 path[stroke="rgb(123, 162, 255)"],
.animation__918eb path[stroke="rgb(123,162,255)"],
.animation__918eb path[stroke="rgb(123, 162, 255)"] {
stroke: rgb(var(--accentcolor_v)) !important;
}
.mentionButton_a470c4 { /* textarea reply mention */
--text-link: rgb(var(--accentcolor_v));
}
.premium__296ca path[fill] {
fill: var(--text-normal);
}
.comboNameplate_b63756[style^="color: hsl(227, "],
.comboNameplate_b63756[style^="color: hsl(235, "],
.comboNameplate_b63756[style*=" color: hsl(227, "],
.comboNameplate_b63756[style*=" color: hsl(235, "] {
color: rgb(var(--accentcolor_v)) !important;
}
/* ---- 3.3. AUTOCOMPLETEMENU ---- */
#app-mount .active_cff9ad { /* autocomplete option active */
background-color: rgb(var(--accentcolor_v)) !important;
}
#app-mount .searchSuggestion__1a6a7:hover { /* gifpicker suggestions */
border-color: rgb(var(--accentcolor_v));
background-color: rgb(var(--accentcolor_v));
}
.result_e1fc74[style*="background-color"] { /* gifpicker result loading */
background-color: rgb(var(--accentcolor_v)) !important;
}
.result_e1fc74[style*="background-color: hsl(228,"] {
background: var(--accentcolor-hover) !important;
}
.result_e1fc74[style*="background-color: hsl(244,"] {
background: var(--accentcolor-active) !important;
}
.theme-light .focused__036ed::after, /* gifpicker result hover */
.theme-light .result_e1fc74:hover::after {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v)), inset 0 0 0 3px #dcddde;
}
.theme-dark .focused__036ed::after, /* gifpicker result hover */
.theme-dark .result_e1fc74:hover::after {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v)), inset 0 0 0 3px #2f3136;
}
#app-mount .categoryFadeBlurple_e73c11 { /* gifpicker categoryfade */
background-color: rgba(var(--accentcolor_v), 0.8);
}
#app-mount .categoryFadeBlurple_e73c11:hover {
background-color: rgba(var(--accentcolor_v), 0.95);
}
.introductionAction__81937 { /* gifpicker introductionaction tooltip */
color: rgb(var(--accentcolor_v));
}
.iconColorBlue__08dbe { /* stickerpicker icon blue */
color: rgb(var(--accentcolor_v));
}
.iconColorLightBlue__74e09 { /* stickerpicker icon lightblue */
color: rgb(var(--accentcolor_v));
filter: brightness(150%);
}
.iconColorDarkBlue__0a65b { /* stickerpicker icon darkblue */
color: rgb(var(--accentcolor_v));
filter: brightness(75%);
}
.iconColorPink__1b50a { /* stickerpicker icon pink */
color: rgb(var(--accentcolor2_v));
}
/* ---- 3.4. MEMBERLIST ---- */
.premiumIcon_ab5d78 {
color: rgb(var(--accentcolor2_v));
}
/* ---- 3.5. SEARCHPAGE ---- */
#app-mount .activeButton__7a550,
#app-mount .activeButton__7a550:hover {
background-color: rgb(var(--accentcolor_v));
}
.noResultsImage__08760.alt__77d89 {
display: flex;
}
.noResultsImage__08760.alt__77d89::before {
content: "";
position: absolute;
width: 160px;
height: 160px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/searchpage_noresults_accent.svg) center/cover no-repeat;
}
/* ---- 3.6. CALL ---- */
.sparkleBlurple__556df,
.popBlurple__2642d,
.lightBlurple__1956c,
.crossBlurple_b0f0f9 {
filter: invert(1);
}
.background__3b30f[style*="background-color: rgb(92, 100, 244)"],
.background__3b30f[style*="background-color: hsl(235, "],
.background__3b30f[style*="background-color: hsl(227, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
.border_d9a17b.voiceChannelEffect__6a6f7 {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v)), inset 0 0 0 3px rgb(var(--accentcolor_v));
}
/* ~~~~ 4. PEOPLES ~~~~ */
.container__9305d { /* stagelive cover */
background: rgb(255, 255, 255) linear-gradient(rgba(var(--accentcolor_v),.8) 75%, rgb(var(--accentcolor_v)) 75%, rgb(var(--accentcolor_v)));
}
.container__9305d .illustration__9d719 {
opacity: .8;
filter: grayscale(100%);
}
/* ~~~~ 5. STORE/NITRO ~~~~ */
#app-mount .premiumIndicator__41e19 { /* premium where? */
background-color: rgb(var(--accentcolor_v));
}
.activeTransferGuildCardBorder__2eb21 {
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.theme-light .animationContainer__92094 {
color: rgb(var(--accentcolor_v));
}
.theme-light .shine__0dd36 {
color: rgba(var(--accentcolor_v), 0.2);
}
.grandfatheredMessage_b731ea {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.iconBackgroundTier1__715d9 { /* tierlist tier1 bg */
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.iconBackgroundTier2_c37b9c { /* tierlist tier2 bg */
background: #ffcd4b linear-gradient(45deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
#app-mount .tag_f71185 { /* tag */
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
#app-mount .tag_f71185::before {
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://discord.com/assets/bed21bc77023cebd07a7.svg) top/cover no-repeat;
}
#app-mount .alternativeSkuSelected__35d70 {
background-color: rgb(var(--accentcolor_v));
}
.overlappingBorder__5f3f7 { /* store preview image */
border-color: rgb(var(--accentcolor_v));
}
#app-mount .headerFancy__4a1d2 { /* store header fancy */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
#app-mount .premiumHeaderPrice_a3d92b { /* store price */
background-color: rgb(var(--accentcolor_v));
}
.premiumCircle_bce940 { /* store premiumcircle */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
#app-mount .staffIcon__75ed2 { /* store stafficon */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .nitroIcon__90a15 { /* store nitroicon */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.confirmPremiumIcon_ac48e0, /* store confirmpremiumicon */
.gameIcon__90c32[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_v)), rgba(var(--accentcolor_v), 0.5)) !important;
}
.pageWrapper__3bbe1 { /* store pagewrapper */
background: #fff linear-gradient(114deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.6));
}
.tier0__2e127 {
background: rgb(100, 100, 100) linear-gradient(195deg, rgba(var(--accentcolor_v), 0.9), rgba(var(--accentcolor_v), 0.5));
}
.tier0__2e127.withTier0Rim_fb8112:before {
background: rgb(100, 100, 100) linear-gradient(195deg, rgba(var(--accentcolor_v), 0.9), rgba(var(--accentcolor_v), 0.5));
}
.tier2__1364f {
background: rgb(255, 255, 255) linear-gradient(195deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
.tier2__1364f.withTier2Rim_c22b42:before {
background: rgb(255, 255, 255) linear-gradient(195deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
#app-mount .tier2__1364f .lookInverted_ee4261.colorBrand_b2253e {
color: rgb(var(--accentcolor2_v));
}
.mostPopularPill__8c0b3,
.mostPopularPill__0aaba {
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
.tier2ColumnOuter__0b5e2 {
border-color: rgb(var(--accentcolor2_v));
}
/* ~~~~ 6. LIBRARY ~~~~ */
.foreground__26bd6 { /* installationpath fill */
stroke: rgb(var(--accentcolor_v));
}
/* ~~~~ 7. DISCOVERY ~~~~ */
.searchBox_a63854:focus, /* searchbox focus */
.searchBox_a63854:focus-within,
.searchPage__9ceaf .search_e47903 .searchBox__88a98:focus,
.searchPage__9ceaf .search_e47903 .searchBox__88a98:focus-within {
border-color: rgb(var(--accentcolor_v));
}
.search_e47903 .searchBox__88a98:focus,
.search_e47903 .searchBox__88a98:focus-within {
box-shadow: 0 0 0 1px rgb(var(--accentcolor_v)), 0 0 0 2px rgba(var(--accentcolor_v), 0.6), 0 0 0 3px rgba(var(--accentcolor_v), 0.3);
}
#app-mount .activeButton__7a550, /* pagination button */
#app-mount .activeButton__7a550:hover {
background-color: rgb(var(--accentcolor_v));
}
.categoryItem_b1be5c.selectedCategoryItem__0bf4c .itemInner__9e755 { /* categorylist selected item */
background-color: rgb(var(--accentcolor_v));
}
.categoryPill_c95cea.selected__24846 { /* categorylist search categorypill */
background-color: rgb(var(--accentcolor_v));
}
/* ~~~~ 8. USERSETTINGS ~~~~ */
.item__48dda .premiumLabel_f2cd55 svg[fill] {
fill: rgb(var(--accentcolor2_v));
}
.dot__99c90 { /* settingsitems dot */
background-color: rgb(var(--accentcolor_v));
}
.cardBrand_c25152 { /* settingsitems card */
background-color: rgb(var(--accentcolor_v));
}
.cardBrand_c25152 {
border-color: rgb(var(--accentcolor_v));
}
.background_b61fcc .lookLink__93965.colorLink_b651e5 {
color: rgb(var(--accentcolor_v));
}
.background_b61fcc .lookLink__93965.colorLink_b651e5:hover .contents_fb6220 {
--button--underline-color: rgb(var(--accentcolor_v));
}
.contentCircle_bc797d { /* accountsettings avatar upload */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .questionMark__8d22a { /* accountsettings questionmark */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .questionMark__8d22a:hover {
background: var(--accentcolor-hover);
}
.premiumFeatureBorder__9bbb3 { /* profilesettings premium border */
border-color: rgb(var(--accentcolor_v));
}
#app-mount .tier1ProfilePerk__81c23 { /* nitropage tier 1 profile icon */
color: rgb(var(--accentcolor_v));
filter: brightness(75%);
}
#app-mount .tier1BoostPerk__07872 { /* nitropage tier 1 boost icon */
color: rgb(var(--accentcolor2_v));
}
#app-mount .tier1UploadPerk__01029 { /* nitropage tier 1 upload icon */
color: rgb(var(--accentcolor_v));
}
.marketingLogoImage__4820c { /* boostsettings boost header */
position: relative;
}
.fullArt_c24fa5,
.marketingLogoImage__4820c {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_bg.svg) center/cover no-repeat;
}
.fullArt_c24fa5::before,
.fullArt_c24fa5::after,
.marketingLogoImage__4820c::before,
.marketingLogoImage__4820c::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.fullArt_c24fa5::before,
.marketingLogoImage__4820c::before {
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent.svg) center/cover no-repeat;
}
.fullArt_c24fa5::after,
.marketingLogoImage__4820c::after {
background: rgb(var(--accentcolor2_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent2.svg) center/cover no-repeat;
}
.tierUnlocked__01133 { /* boostsettings tierunlocked */
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
.tierIcon__2ac8f:not(.tierIconLocked_c2f292) { /* boostsettings tiericon */
color: rgb(var(--accentcolor2_v));
}
.iconWrapper_e69235 { /* boostsettings uploadicon */
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
#app-mount .tierAccomplished__77998,
#app-mount .tierCurrent_fc87b4 {
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
#app-mount .tierCloseHint_ec80c8 { /* boostsettings tierclosehint */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .tierCloseHint_ec80c8::before {
border-right-color: rgb(var(--accentcolor_v));
}
#app-mount .tierHeaderUnlockedBackground__57afa { /* boostsettings tierheaderunlockedbg */
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
#app-mount .foreground__44f58 { /* boostsettings icon foreground */
color: rgb(var(--accentcolor2_v));
}
.emojiIcon__5cf57 { /* boostsettings perkicon emoji */
color: rgb(var(--accentcolor_v));
filter: brightness(75%);
}
.uploadSizeIcon__0af61 { /* boostsettings perkicon upload */
color: rgb(var(--accentcolor_v));
filter: brightness(150%);
}
.profileBadgeIcon__1ef75 { /* 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__1ef75::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor2_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_boostbadge_accent2.svg) center/contain no-repeat;
}
.guildBoostingIcon__86479 { /* boostsettings guild boost icon */
color: rgb(var(--accentcolor2_v));
}
.gemWithLabel_a554ca { /* boostsettings progress label */
color: rgb(var(--accentcolor2_v));
}
.gemIndicatorProgressCircle__671cc { /* boostsettings progress circle */
color: rgb(var(--accentcolor2_v));
}
.guildSubscriberCountIcon__6d3f4 { /* boostsettings sub count */
color: rgb(var(--accentcolor2_v));
}
.guildSubscriptionSlotIcon__17a0a { /* boostsettings slot icon */
color: rgb(var(--accentcolor2_v));
}
.backgroundOptionRing__1f209 { /* voicesettings selection ring */
border-color: rgb(var(--accentcolor_v));
}
.icon__596c8[src="/assets/ea67b1321e3d4154e476.png"] { /* voicesettings krisp */
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat;
background-color: rgb(var(--accentcolor_v));
object-position: -999999px -999999px;
}
.icon_f28e38 { /* hypesettings perk icon */
position: relative;
}
.icon_f28e38::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/empty.svg) center/cover no-repeat;
}
.perkNewsletter_c626ee {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_bg.svg) center/cover no-repeat;
}
.perkNewsletter_c626ee::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_accent.svg) center/cover no-repeat;
}
.perkBadge__06d81 {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_bg.svg) center/cover no-repeat;
}
.perkBadge__06d81::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_accent.svg) center/cover no-repeat;
}
.perkChallenges__31d66 {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_bg.svg) center/cover no-repeat;
}
.perkChallenges__31d66::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_accent.svg) center/cover no-repeat;
}
.wrapper__4beb8 { /* overlaysettings positionsettings wrapper */
border-color: rgb(var(--accentcolor_v));
}
.option_a0c054:hover { /* overlaysettings positionoption */
background-color: rgb(var(--accentcolor_v));
}
.selected_ea51d6.option_a0c054 {
background-color: rgb(var(--accentcolor_v));
border-color: rgb(var(--accentcolor_v));
}
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] { /* streamermodesettings headerimage */
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_bg.svg) center/contain no-repeat;
}
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + * {
position: relative;
}
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::before,
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::after {
content: "";
position: absolute;
top: 0;
right: -204px;
width: 184px;
height: 110px;
pointer-events: none;
}
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::before {
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_accent.svg) center/contain no-repeat;
}
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::after {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_details.svg) center/contain no-repeat;
}
/* ~~~~ 9. GUILDSETTINGS ~~~~ */
.avatarUploaderInnerSquare__72e9d { /* mainsettings uploadbanner */
background-image: linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor2_v)));
}
.unlockedIcon__9ab97 { /* mainsettings uploadbanner enabled */
color: rgb(var(--accentcolor2_v));
}
.banner__98955 { /* rolesettings intro banner */
border-radius: 5px;
}
.bannerClubs__9368e {
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_clubs_details.svg) center/cover no-repeat;
}
.bannerClubs__9368e .avatarName__6d8c7 {
display: flex;
font-size: 0;
}
.bannerClubs__9368e .avatarName__6d8c7::before {
content: "Susie#0000";
font-size: 16px;
}
.bannerGaming__893b2 {
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_gaming_details.svg) center/cover no-repeat;
}
.bannerHobbies__4fe8d {
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_hobbies_details.svg) center/cover no-repeat;
}
.infoItem__190eb[src="/assets/14ec46803da2a8bdcb2c.svg"] { /* widgetsettings widget placeholder image */
object-position: -999999px -999999px;
border-radius: 5px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_widget_details.svg) center/contain no-repeat, linear-gradient(rgb(var(--accentcolor_v)) 20%, rgba(0,0,0,.3) 20%, rgba(0,0,0,.3));
flex: unset !important;
}
@-webkit-keyframes pulseBorder_ce34fb { /* intergrationsettings new webhook */
0% {border-color: transparent;}
50% {border-color: rgb(var(--accentcolor_v));}
to {border-color: transparent;}
}
@keyframes pulseBorder_ce34fb {
0% {border-color: transparent;}
50% {border-color: rgb(var(--accentcolor_v));}
to {border-color: transparent;}
}
.placeholderImage__45cc2 { /* discoverysettings insight */
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_insight_bg.svg) center/cover no-repeat;
}
.placeholderImage__45cc2::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_insight_accent.svg) center/cover no-repeat;
}
.defaultIcon_cf867f { /* discoverysettings default guildicon */
background-color: rgb(var(--accentcolor_v));
}
.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] { /* discoverysettings requirements icon */
object-position: -999999999px -999999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_requirements_bg.svg) center/cover no-repeat;
}
.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + * {
position: relative;
height: 60px;
}
.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + * {
position: relative;
height: 60px;
}
.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + h2 {
display: flex;
align-items: center;
white-space: pre-wrap;
}
.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + *::after {
content: "";
position: absolute;
left: -56px;
bottom: 10px;
width: 40px;
height: 40px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_requirements_accent.svg) center/cover no-repeat;
}
.featureIcon__48a2c [fill*="hsl(235, "] { /* communitysettings intro featureicon */
fill: rgb(var(--accentcolor_v));
}
.educationUpsellRoot_a01074 .wumpus__659e8, /* communitysettings rules wumpus */
.exampleWumpus__9db42 .wumpus__051ea { /* 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;
}
.educationUpsellRoot_a01074:has(.wumpus__659e8)::after,
.exampleWumpus__9db42::after {
content: "";
position: absolute;
width: 82px;
height: 72px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_wumpus_accent.svg) center/cover no-repeat;
}
/* ~~~~ 10. MODALS ~~~~ */
/* ---- 10.1. USERMODAL ---- */
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/5e74e9b61934fc1f67c65515d1f7e60d.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/staffbadge_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/3f9748e53446a137a052f3454e2de41e.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/partnerbadge_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/6df5892e0f35b051f8b61eace34f4967.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/developerbadge_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/51040c70d4f20a921ad6674ff86fc95c.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl1_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl1_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/0e4080d1d333bc7ad29ef6528b6f2fb7.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl2_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl2_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/72bed924410c304dbe3d00a6e593ff59.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl3_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl3_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/df199d2050d3ed4ebf84d64ae83989f8.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl4_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl4_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/996b3e870e8a22ce519b3a50e6bdd52f.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl5_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl5_colors.svg) center/cover no-repeat;
}
.iconImage_e0a480[src="/assets/aeb0884e649be1418151.svg"],
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/991c9f39ee33d7537d9f408c3e53141e.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl6_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl6_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/cb3ae83c15e970e8f3d410bc62cb8b99.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl7_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl7_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/7142225d31238f6387d9f09efaa02759.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl8_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl8_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/ec92202290b48d0879b7413d2dde3bab.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl9_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl9_colors.svg) center/cover no-repeat;
}
.guildAvatarWithoutIcon__606ec { /* modal shared servers no icon */
background-color: rgb(var(--accentcolor_v));
}
/* ---- 10.2. GUILDADD/CREATION ---- */
.icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.svg"] { /* create guild create own icon */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildcreate_createown_accent.svg) center/contain no-repeat;
}
.icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.svg"] + * {
position: relative;
display: flex;
align-items: center;
overflow: visible;
}
.icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.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__6efce [fill="#5865f2" i],
.uploadIcon__6efce [fill="#7289da" i] { /* create guild upload icon */
fill: rgb(var(--accentcolor_v));
}
/* ---- 10.3. REGIONSELECTMODAL ---- */
.regionSelectFlag_a0e812 { /* modal regionselect flag */
background-color: rgb(var(--accentcolor_v));
}
.check_a4721d {
-webkit-mask: url(https://discord.com/assets/336a8bdedb983df7fdbf.svg);
background: rgb(var(--accentcolor_v));
}
/* ---- 10.4. UPLOADMODAL ---- */
.uploadModalIn_c0ca4b .uploadDropModal__73a36 .bgScale_f3a2be { /* modal background */
background-color: rgb(var(--accentcolor_v));
}
.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .icon__25b13.two_df01fc {
filter: drop-shadow(0 0 48px rgba(var(--accentcolor_v),.5));
}
.uploadModalIn_c0ca4b .uploadDropModal__73a36.error_d2567f .inner__7afe9 .icon__25b13.two_df01fc {
filter: drop-shadow(0 0 48px rgba(216,60,63,.5));
}
.attachment_f3cf2c {
position: relative;
}
.attachment_f3cf2c .icon__30aa7,
.uploadContainer__5a7da .icon_c2f643,
.audioMetadata_e546a8::before,
.uploadModal_eae2a0 .icon__25b13:not(img),
.icon__25b13: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__5a7da .icon_c2f643 {
background-size: 72px 96px !important;
}
.uploadModal_eae2a0 .icon__25b13:not(img),
.icon__25b13:not(img) {
background-size: 72px 96px !important;
}
.attachment_f3cf2c .icon__30aa7 + *::before,
.attachment_f3cf2c .icon__30aa7 + *::after,
.uploadContainer__5a7da .icon_c2f643::before,
.uploadContainer__5a7da .icon_c2f643::after,
.audioMetadata_e546a8 > *:first-child::before,
.audioMetadata_e546a8 > *:first-child::after,
.uploadModal_eae2a0 .icon__25b13:not(img)::before,
.uploadModal_eae2a0 .icon__25b13:not(img)::after,
.icon__25b13:not(img)::before,
.icon__25b13:not(img)::after {
content: "";
position: absolute;
pointer-events: none;
background: rgb(var(--accentcolor_v));
}
.audioMetadata_e546a8::before {
flex: 0 0 auto !important;
background-position: top center !important;
}
.attachment_f3cf2c .icon__30aa7 + *::before,
.attachment_f3cf2c .icon__30aa7 + *::after {
top: 10px;
left: 10px;
width: 30px;
height: 40px;
}
.attachment_f3cf2c.newMosaicStyle__235c9 .icon__30aa7 + *::before,
.attachment_f3cf2c.newMosaicStyle__235c9 .icon__30aa7 + *::after {
top: 16px;
left: 16px;
}
.wrapperAudio__555ce .audioMetadata_e546a8 > *:first-child::before,
.wrapperAudio__555ce .audioMetadata_e546a8 > *:first-child::after {
top: 10px;
left: 10px;
width: 24px;
height: 32px;
}
.wrapperAudio__555ce.newMosaicStyle_fb18b9 .audioMetadata_e546a8 > *:first-child::before,
.wrapperAudio__555ce.newMosaicStyle_fb18b9 .audioMetadata_e546a8 > *:first-child::after {
top: 16px;
left: 16px;
}
.uploadContainer__5a7da .icon_c2f643::before,
.uploadContainer__5a7da .icon_c2f643::after {
width: 108px;
height: 144px;
margin-left: 46px;
-webkit-mask-size: 72px 96px !important;
}
.uploadModal_eae2a0 .icon__25b13:not(img)::before,
.uploadModal_eae2a0 .icon__25b13:not(img)::after,
.icon__25b13:not(img)::before,
.icon__25b13:not(img)::after {
top: 0;
left: 0;
width: 100px;
height: 130px;
-webkit-mask-size: 72px 96px !important;
}
.uploadModalIn_c0ca4b .error_d2567f .icon__25b13:not(img)::before,
.uploadModalIn_c0ca4b .error_d2567f .icon__25b13:not(img)::after {
background: #d83c3f;
}
.attachment_f3cf2c .icon__30aa7 + *::before,
.uploadContainer__5a7da .icon_c2f643::before,
.audioMetadata_e546a8 > *:first-child::before,
.uploadModal_eae2a0 .icon__25b13:not(img)::before,
.icon__25b13:not(img)::before {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_details.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7 + *::after,
.uploadContainer__5a7da .icon_c2f643.unknown_f537da::after,
.uploadModal_eae2a0 .icon__25b13.unknown__050f0::after,
.uploadModal_eae2a0 .icon__25b13:not(img)::after,
.icon__25b13:not(img)::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/empty.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="acrobat"] + *::after,
.uploadContainer__5a7da .icon_c2f643.acrobat_fec748::after,
.uploadModal_eae2a0 .icon__25b13.acrobat__3923e::after,
.icon__25b13.acrobat__3923e::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_acrobat_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="ae"] + *::after,
.uploadContainer__5a7da .icon_c2f643.ae__6000b::after,
.uploadModal_eae2a0 .icon__25b13.ae__1760d::after,
.icon__25b13.ae__1760d::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ae_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="ai"] + *::after,
.uploadContainer__5a7da .icon_c2f643.ai_ccaee8::after,
.uploadModal_eae2a0 .icon__25b13.ai_e6b437::after,
.icon__25b13.ai_e6b437::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ai_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="archive"] + *::after,
.uploadContainer__5a7da .icon_c2f643.archive__2249d::after,
.uploadModal_eae2a0 .icon__25b13.archive__97ef8::after,
.icon__25b13.archive__97ef8::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_archive_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="audio"] + *::after,
.uploadContainer__5a7da .icon_c2f643.audio__4fc0c::after,
.audioMetadata_e546a8 > *:first-child::after,
.uploadModal_eae2a0 .icon__25b13.audio__60947::after,
.icon__25b13.audio__60947::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_audio_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="code"] + *::after,
.uploadContainer__5a7da .icon_c2f643.code_d3dfc7::after,
.uploadModal_eae2a0 .icon__25b13.code_c12073::after,
.icon__25b13.code_c12073::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_code_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="document"] + *::after,
.uploadContainer__5a7da .icon_c2f643.document__49623::after,
.uploadModal_eae2a0 .icon__25b13.document_ed6edd::after,
.icon__25b13.document_ed6edd::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_document_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="image"] + *::after,
.uploadModal_eae2a0 .icon__25b13.image__00ac0::after,
.icon__25b13.image__00ac0::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_image_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="photoshop"] + *::after,
.attachment_f3cf2c .icon__30aa7[title="ps"] + *::after,
.uploadContainer__5a7da .icon_c2f643.photoshop__23769::after,
.uploadContainer__5a7da .icon_c2f643.ps_c2543e::after,
.uploadModal_eae2a0 .icon__25b13.photoshop_bb4b7d::after,
.uploadModal_eae2a0 .icon__25b13.ps__5148e::after,
.icon__25b13.photoshop_bb4b7d::after,
.icon__25b13.ps__5148e::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_photoshop_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="sketch"] + *::after,
.uploadContainer__5a7da .icon_c2f643.sketch__56bd2::after,
.uploadModal_eae2a0 .icon__25b13.sketch_ad9b56::after,
.icon__25b13.sketch_ad9b56::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_sketch_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="spreadsheet"] + *::after,
.uploadContainer__5a7da .icon_c2f643.spreadsheet__644f5::after,
.uploadModal_eae2a0 .icon__25b13.spreadsheet_d250da::after,
.icon__25b13.spreadsheet_d250da::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_spreadsheet_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="video"] + *::after,
.uploadContainer__5a7da .icon_c2f643.video_a02156::after,
.uploadModal_eae2a0 .icon__25b13.video__2df8a::after,
.icon__25b13.video__2df8a::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_video_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="webcode"] + *::after,
.uploadContainer__5a7da .icon_c2f643.webcode_d3a040::after,
.uploadModal_eae2a0 .icon__25b13.webcode__46b50::after,
.icon__25b13.webcode__46b50::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_webcode_accent.svg) center/contain no-repeat;
}
.filenameLinkWrapper__56a0d,
a.fileNameLink__995d3,
a.metadataName__2ae3a,
a.metadataDownload__6b32d {
color: rgb(var(--accentcolor_v));
}
/* ---- 10.5. KEYBOARDSHORTCUTSMODAL ---- */
.ddrArrows__352f9 .arrow__42cbf, /* modal arrows */
.ddrArrows__352f9 .arrow__42cbf::after {
height: 50px;
width: 50px;
}
.ddrArrows__352f9 .arrow__42cbf.active__6598a {
filter: brightness(130%);
}
.ddrArrows__352f9 .arrow__42cbf {
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__352f9 .arrow__42cbf::after {
content: "";
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/keybinds_arrows_accent.svg) center/contain no-repeat;
}
.ddrArrows__352f9 .arrow__42cbf.down__005e9 {
transform: rotate(270deg);
}
.ddrArrows__352f9 .arrow__42cbf.up__2d324 {
transform: rotate(90deg);
}
.ddrArrows__352f9 .arrow__42cbf.right__676d8 {
transform: rotate(180deg);
}
/* ---- 10.6. LOGINSCREEN ---- */
.authBox__7196a .lookLink__93965.colorLink_b651e5 { /* authobox links */
color: rgb(var(--accentcolor_v));
}
.authBox__7196a .lookLink__93965.colorLink_b651e5:hover .contents_fb6220 {
--button--underline-color: rgb(var(--accentcolor_v));
}
.modal__1237a img[src="/assets/863db41a48a43395cd55.svg"] {
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/login_check_bg.svg) center/cover no-repeat;
}
.modal__1237a div:has(> img[src="/assets/863db41a48a43395cd55.svg"]) {
position: relative;
display: flex;
justify-content: center;
}
.modal__1237a div:has(> img[src="/assets/863db41a48a43395cd55.svg"])::before {
content: "";
position: absolute;
top: 0;
width: 88px;
height: 85px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/login_check_accent.svg) center/cover no-repeat;
}
.startOverButton_b3ba6f { /* authobox startover */
color: rgb(var(--accentcolor_v));
}
/* ---- 10.7. DOWNLOADAPPMODAL ---- */
.downloadApps__30ed7 .footer__49ae9 a {
color: rgb(var(--accentcolor_v));
}
.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa {
border-color: rgb(var(--accentcolor_v));
}
.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa p {
color: rgb(var(--accentcolor_v));
}
.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa .downloadButton__87489 {
background-color: rgb(var(--accentcolor_v));
}
#app-mount .downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa {
background: rgb(var(--accentcolor_v));
-webkit-mask-size: cover;
}
.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.apple__3e4d0 {
-webkit-mask: url(https://ptb.discord.com/assets/dcb57f386a6bf90a27c9.svg);
}
.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.windows_ecdadf {
-webkit-mask: url(https://ptb.discord.com/assets/ecc4859664616ed5ad9a.svg);
}
.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.linux__79060 {
-webkit-mask: url(https://ptb.discord.com/assets/a2c736476ce092c94a5b.svg);
}
.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.ios_faff1f {
-webkit-mask: url(https://ptb.discord.com/assets/838d4bac7b80d28fd676.svg);
}
.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.android__420be {
-webkit-mask: url(https://ptb.discord.com/assets/c6385e608fcdaec54ef4.svg);
}
.browserItem__0ec4b:hover {
border-color: rgb(var(--accentcolor_v));
}
.browserItem__0ec4b:hover .btn__12c9a {
background-color: rgb(var(--accentcolor_v));
border-color: rgb(var(--accentcolor_v));
}
/* ---- 10.8. GUILDBOOSTMODAL ---- */
#app-mount .upload__5192e { /* modal perkicon upload */
color: rgb(var(--accentcolor2_v));
}
#app-mount .animated__08b2b { /* modal perkicon animated */
color: rgb(var(--accentcolor_v));
filter: brightness(75%);
}
#app-mount .stream_cfeace { /* modal perkicon stream */
color: rgb(var(--accentcolor_v));
filter: brightness(150%);
}
.wrapper_a24459 { /* modal boostaddwrapper */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor2_v), 0.5));
}
.wrapper_a24459::before, /* modal boostangel */
.wrapper_a24459::after {
content: "";
position: absolute;
top: -44px;
right: -82px;
width: 168px;
height: 88px;
pointer-events: none;
}
.wrapper_a24459::before {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_bg.svg) center/cover no-repeat;
}
.wrapper_a24459::after {
background: rgb(var(--accentcolor2_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_accent2.svg) center/cover no-repeat;
}
#app-mount .wrapper_a24459 .lookInverted_ee4261.colorBrand_b2253e {
color: rgb(var(--accentcolor_v)) !important;
}
.perkIconGuild_d76388 { /* prebuy popout perkicon guild */
color: rgb(var(--accentcolor2_v));
}
.perkIconChatPerks__57cad { /* prebuy popout perkicon chat */
color: rgb(var(--accentcolor_v));
filter: brightness(120%);
}
.perkIconStream__2724a { /* prebuy popout perkicon stream */
color: rgb(var(--accentcolor_v));
filter: brightness(150%);
}
/* ---- 10.9. ADDGUILDBOOSTMODAL ---- */
#app-mount .confirmImage_b2a2da { /* 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_b2a2da::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/addboost_header_accent.svg) center/contain no-repeat;
}
#app-mount .transferConfirmImage__7046e { /* 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__7046e::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor2_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/transferboost_header_accent2.svg) center/contain no-repeat;
}
/* ---- 10.10. STREAMSETTINGSMODAL ---- */
.badgeUpgrade__7e259 { /* modal badgeupgrade */
color: rgb(var(--accentcolor_v));
}
/* ---- 10.11. DISPATCHERRORMODAL ---- */
.theme-light .closeLink_fc928e { /* modal closelink */
color: rgb(var(--accentcolor_v));
}
/* ---- 10.12. CHANGELOGMODAL ---- */
#app-mount .improved_df526b { /* modal improved category */
color: rgb(var(--accentcolor_v));
}
#app-mount .improved_df526b::after {
background-color: rgb(var(--accentcolor_v));
}
.premiumBanner_d2ce99 {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
/* ---- 10.13. SCREENSHAREMODAL ---- */
#app-mount .art_d9e8a6 { /* settings modal */
position: relative;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/screenshare_header_bg.svg) center/contain no-repeat;
}
.art_d9e8a6::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/screenshare_header_accent.svg) center/contain no-repeat;
}
#app-mount .art_ee3368[src="/assets/a7331a4d7e1bd4a9b4b2.png"] + * { /* unlock modal */
position: static;
}
#app-mount .art_ee3368[src="/assets/a7331a4d7e1bd4a9b4b2.png"] + *::after {
content: "";
position: absolute;
top: 0;
border: 0px solid rgb(var(--accentcolor_v));
border-width: 29px 26px;
border-radius: 7px;
width: 225px;
height: 149px;
margin: -24px -112.5px 8px;
box-sizing: border-box;
}
.tile__46960:hover .sourceThumbnail__21c87 {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v));
}
.sourceThumbnail__21c87.selected__26467 {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v));
}
.selectorButton_c6ae93:not(.selectorButtonPremiumRequired_ce72d6):hover {
background-color: rgb(var(--accentcolor_v));
}
.selectorButtonSelected_fbe8fc {
background-color: rgb(var(--accentcolor_v));
}
/* ---- 10.14. PHONEVERIFICATIONMODAL ---- */
.phoneVerificationModal__68f4b path[fill="rgb(118,134,177)"] {
fill: rgb(var(--accentcolor_v));
}
/* ---- 10.15. CUSTOMSTATUSMODAL ---- */
.art_b2132c {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/customstatus_header_bg.svg) center/contain no-repeat;
}
.art_b2132c::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/customstatus_header_accent.svg) center/contain no-repeat;
}
/* ---- 10.16. NICKNAMEMODAL ---- */
.reset__51b37.lookLink__93965.colorLink_b651e5 {
color: rgb(var(--accentcolor_v));
}
.reset__51b37.lookLink__93965.colorLink_b651e5:hover .contents_fb6220 {
--button--underline-color: rgb(var(--accentcolor_v));
}
/* ~~~~ 11. POPOUTS ~~~~ */
.selectedBrand__37ae4 { /* popout combobox selected brand */
background-color: rgb(var(--accentcolor_v));
}
.selectedBrand__37ae4.focused__2b1b2,
.selectedBrand__37ae4:hover:not(.disabled__1c6ff) {
background: var(--accentcolor-hover);
}
/* ---- 11.1. CONTEXTMENU ---- */
.colorBrand__471df:not(.focused__27621):not(:active) { /* contextmenu brand */
color: rgb(var(--accentcolor_v));
}
.menu__5cf7f .menuItemFocused__1490f,
.colorBrand__471df.focused__27621,
.colorBrand__471df:active:not(.hideInteraction__2790e),
.colorDefault__0b482.focused__27621,
.colorDefault__0b482:active:not(.hideInteraction__2790e) {
background-color: rgb(var(--accentcolor_v));
}
.colorBrand__471df:not(.focused__27621):not(:active) .radioSelection__5ed39,
.colorDefault__0b482:not(.focused__27621):not(:active) .radioSelection__5ed39 {
color: rgb(var(--accentcolor_v));
}
.colorBrand__471df:not(.focused__27621):not(:active) .checkbox__45366,
.colorDefault__0b482:not(.focused__27621):not(:active) .checkbox__45366 {
color: rgb(var(--accentcolor_v));
}
.colorBrand__471df.focused__27621 .check__8d1bd,
.colorDefault__0b482.focused__27621 .check__8d1bd {
fill: rgb(var(--accentcolor_v));
}
.colorPremium__548bd:not(.focused__27621):not(:active) { /* contextmenu premium */
color: rgb(var(--accentcolor2_v));
}
.colorPremium__548bd.focused__27621,
.colorPremium__548bd:active:not(.hideInteraction__2790e) {
background-color: rgb(var(--accentcolor2_v));
}
.colorPremium__548bd:not(.focused__27621):not(:active) .radioSelection__5ed39 {
color: rgb(var(--accentcolor2_v));
}
.colorPremium__548bd:not(.focused__27621):not(:active) .checkbox__45366 {
color: rgb(var(--accentcolor2_v));
}
.colorPremium__548bd.focused__27621 .check__8d1bd {
fill: rgb(var(--accentcolor2_v));
}
.colorPremiumGradient__45b85:not(.focused__27621):not(:active) {
background-image: linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor_v)));
color: transparent;
-webkit-background-clip: text;
}
.colorPremiumGradient__45b85.focused__27621,
.colorPremiumGradient__45b85:active:not(.hideInteraction__2790e) {
background: linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgb(var(--accentcolor_v)));
}
.colorPremiumGradient__45b85:not(.focused__27621):not(:active) .radioSelection__5ed39 {
color: rgb(var(--accentcolor_v));
}
.colorPremiumGradient__45b85not(.focused__27621):not(:active) .checkbox__45366 {
color: rgb(var(--accentcolor_v));
}
.colorPremiumGradient__45b85.focused__27621 .check__8d1bd {
fill: rgb(var(--accentcolor_v));
}
.colorDanger_eec36d:not(.focused__27621):not(:active) { /* contextmenu danger */
color: var(--status-danger);
}
.colorDanger_eec36d.focused__27621,
.colorDanger_eec36d:active:not(.hideInteraction__2790e) {
background-color: var(--status-danger);
}
.colorDanger_eec36d:not(.focused__27621):not(:active) .radioSelection__5ed39 {
color: var(--status-danger);
}
.colorDanger_eec36d:not(.focused__27621):not(:active) .checkbox__45366 {
color: var(--status-danger);
}
.colorDanger_eec36d.focused__27621 .check__8d1bd {
fill: var(--status-danger);
}
.colorSuccess__6b952:not(.focused__27621):not(:active) { /* contextmenu success */
color: var(--status-success);
}
.colorSuccess__6b952.focused__27621,
.colorSuccess__6b952:active:not(.hideInteraction__2790e) {
background-color: var(--status-success);
}
.colorSuccess__6b952:not(.focused__27621):not(:active) .radioSelection__5ed39 {
color: var(--status-success);
}
.colorSuccess__6b952:not(.focused__27621):not(:active) .checkbox__45366 {
color: var(--status-success);
}
.colorSuccess__6b952.focused__27621 .check__8d1bd {
fill: var(--status-success);
}
.colorDefault__0b482[id="account-status-picker--online"].focused__27621,
.colorDefault__0b482[id="account-status-picker--online"]:active:not(.hideInteraction__2790e) {
background-color: rgb(59,165,92);
}
.colorDefault__0b482[id="account-status-picker--idle"].focused__27621,
.colorDefault__0b482[id="account-status-picker--idle"]:active:not(.hideInteraction__2790e) {
background-color: rgb(250,166,26);
}
.colorDefault__0b482[id="account-status-picker--dnd"].focused__27621,
.colorDefault__0b482[id="account-status-picker--dnd"]:active:not(.hideInteraction__2790e) {
background-color: rgb(237,66,69);
}
.colorDefault__0b482[id="account-status-picker--invisible"].focused__27621,
.colorDefault__0b482[id="account-status-picker--invisible"]:active:not(.hideInteraction__2790e) {
background-color: rgb(116,127,141);
}
.colorDefault__0b482.focused__27621 .status__1c26d,
.colorDefault__0b482:active .status__1c26d {
background-color: #fff !important;
}
#status-picker-custom-status .statusItem__3440f {
grid-template-rows: minmax(24px, auto) 1fr;
}
.icon_f09dde { /* contextmenu icon */
color: currentColor !important;
}
.activeIcon_e452f7 path[fill*="hsl(234, "],
.activeIcon_e452f7 path[fill*="hsl(235, "] {
fill: rgb(var(--accentcolor_v));
}
/* ---- 11.2. USERPOPOUT ---- */
.banner__6d414[style*="background-color: rgb(92, 100, 244)"],
.banner__6d414[style*="background-color: hsl(227, "],
.banner__6d414[style*="background-color: hsl(235, "],
.banner__6d414[style*="background-color: hsl(237, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
/* ---- 11.3. SEARCHPOPOUT ---- */
/* datepicker day hover */
#app-mount .calendarPicker__5c474 .react-datepicker__day.react-datepicker__day--selected:hover,
#app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--disabled):hover {
background-color: rgb(var(--accentcolor_v));
}
/* datepicker day selectd */
#app-mount .calendarPicker__5c474 .react-datepicker__day.react-datepicker__day--selected::after {
background-color: rgb(var(--accentcolor_v));
}
/* ~~~~ 12. GENERAL ~~~~ */
::selection {
background: rgb(var(--accentcolor_v));
color: #fff;
}
.trophyIconContainer_e593e7 [fill="#3498DB"] {
fill: rgb(var(--accentcolor_v));
}
/* ---- 12.1. TEXT ---- */
.headerText__94c22 {
overflow-y: hidden;
}
.colorBrand__471df {
color: rgb(var(--accentcolor_v));
}
/* ---- 12.2. BUTTONS ---- */
#app-mount .lookInverted_ee4261.colorBrand_b2253e .spinnerItem_c07231,
#app-mount .lookOutlined__46d54.colorBrand_b2253e .spinnerItem_c07231,
#app-mount .lookLink__93965.colorBrand_b2253e .spinnerItem_c07231,
#app-mount .lookInverted_ee4261.colorBrandNew_fd170a .spinnerItem_c07231,
#app-mount .lookOutlined__46d54.colorBrandNew_fd170a .spinnerItem_c07231,
#app-mount .lookLink__93965.colorBrandNew_fd170a .spinnerItem_c07231 {
background-color: rgb(var(--accentcolor_v));
}
#app-mount .btn__51085.btnPrimary_e2a8df:hover:not(:disabled),
#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):hover,
#app-mount .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover,
#app-mount .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):hover,
#app-mount .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover {
background: var(--accentcolor-hover);
}
#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):active,
#app-mount .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:active,
#app-mount .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):active,
#app-mount .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:active {
background: var(--accentcolor-active);
}
#app-mount .btn__51085.btnPrimary_e2a8df,
#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73),
#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):disabled,
#app-mount .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73),
#app-mount .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):disabled {
background: rgb(var(--accentcolor_v));
}
#app-mount .lookInverted_ee4261.colorBrand_b2253e:hover,
#app-mount .lookInverted_ee4261.hoverBrand__98583.hasHover__3ab8c:hover,
#app-mount .lookInverted_ee4261.colorBrandNew_fd170a:hover,
#app-mount .lookInverted_ee4261.hoverBrandNew_be3663.hasHover__3ab8c:hover {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
#app-mount .lookInverted_ee4261.colorBrand_b2253e:active,
#app-mount .lookInverted_ee4261.hoverBrand__98583.hasHover__3ab8c:active,
#app-mount .lookInverted_ee4261.colorBrandNew_fd170a:active,
#app-mount .lookInverted_ee4261.hoverBrandNew_be3663.hasHover__3ab8c:active {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
#app-mount .lookInverted_ee4261.colorBrand_b2253e,
#app-mount .lookInverted_ee4261.colorBrand_b2253e:disabled,
#app-mount .lookInverted_ee4261.colorBrandNew_fd170a,
#app-mount .lookInverted_ee4261.colorBrand_b2253e:disabled {
color: rgb(var(--accentcolor_v));
}
#app-mount .lookOutlined__46d54.colorBrand_b2253e:hover,
#app-mount .lookOutlined__46d54.colorBrandNew_fd170a:hover,
#app-mount .lookOutlined__46d54.hoverBrand__98583.hasHover__3ab8c:hover,
#app-mount .lookOutlined__46d54.hoverBrandNew_be3663.hasHover__3ab8c:hover {
border-color: rgba(var(--accentcolor_v), 0.6);
}
#app-mount .lookOutlined__46d54.colorBrand_b2253e:active,
#app-mount .lookOutlined__46d54.colorBrandNew_fd170a:active,
#app-mount .lookOutlined__46d54.hoverBrand__98583.hasHover__3ab8c:active,
#app-mount .lookOutlined__46d54.hoverBrandNew_be3663.hasHover__3ab8c:active {
background-color: rgba(var(--accentcolor_v), 0.1);
border-color: rgb(var(--accentcolor_v));
}
#app-mount .lookOutlined__46d54.colorBrand_b2253e,
#app-mount .lookOutlined__46d54.colorBrand_b2253e:disabled,
#app-mount .lookOutlined__46d54.colorBrandNew_fd170a,
#app-mount .lookOutlined__46d54.colorBrandNew_fd170a:disabled {
border-color: rgba(var(--accentcolor_v), 0.1);
color: rgb(var(--accentcolor_v));
}
#app-mount .lookLink__93965.colorBrand_b2253e,
#app-mount .lookLink__93965.colorBrandNew_fd170a {
color: rgb(var(--accentcolor_v));
}
#app-mount .lookLink__93965.hoverBrand__98583.hasHover__3ab8c:hover .contents_fb6220,
#app-mount .lookLink__93965.hoverBrandNew_be3663.hasHover__3ab8c:hover .contents_fb6220 {
--button--underline-color: rgb(var(--accentcolor_v));
}
#app-mount .lookLink__93965.colorLink_b651e5 svg [fill*="hsl"] {
fill: currentColor !important;
}
#app-mount .borderBrand__2de54,
#app-mount .borderBrandNew__87b5a {
border-color: rgb(var(--accentcolor_v)) !important;
}
.guildBoostCtaBoostContent__06ba2 {
color: var(--guild-boosting-pink);
}
/* ---- 12.3. INPUTS ---- */
.input_d266e7:not(.error__18f19):not(.success_e04262):not(.focused_db7916):not(:focus):hover {
border-color: var(--deprecated-text-input-border-hover);
}
.input_d266e7:not(.error__18f19):not(.success_e04262).focused_db7916,
.input_d266e7:not(.error__18f19):not(.success_e04262):focus {
border-color: rgb(var(--accentcolor_v));
}
.focused_db7916 {
border-color: rgb(var(--accentcolor_v));
}
#app-mount .prefixInput__38dcc:not(.error_cb5ca3).focused__88fb8 {
border-color: rgb(var(--accentcolor_v));
}
.addFriendInputWrapper__4bf8e:focus-within {
border-color: rgb(var(--accentcolor_v));
}
.addFriendInputWrapper__4bf8e .input_d266e7 {
background-color: transparent !important;
border-color: transparent !important;
}
.checkbox_c7f690.checked__24ad6[style*="background-color: hsl(227, "],
.checkbox_c7f690.checked__24ad6[style*="background-color: hsl(235, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
.checkbox_c7f690.checked__24ad6[style*="border-color: hsl(227, "],
.checkbox_c7f690.checked__24ad6[style*="border-color: hsl(235, "] {
border-color: rgb(var(--accentcolor_v)) !important;
}
.checkbox_c7f690 path[fill*="hsl(227, "],
.checkbox_c7f690 path[fill*="hsl(235, "] {
fill: rgb(var(--accentcolor_v)) !important;
}
.container__871ba { /* switch unchecked */
background-color: rgb(114, 118, 125) !important;
transition: background-color .1s ease-out;
} /* switch checked */
.container__871ba.checked__6bdb0 {
background-color: rgba(var(--accentcolor_v), 0.8) !important;
}
.container__871ba.checked__6bdb0:hover {
background: var(--accentcolor-hover) !important;
}
#app-mount .container__871ba:active {
background: var(--accentcolor-active) !important;
}
.container__871ba path[fill] {
fill: rgb(114, 118, 125) !important;
}
.container__871ba.checked__6bdb0 path[fill],
.container__871ba:active path[fill] {
fill: rgb(var(--accentcolor_v)) !important;
}
.barFill__30e17 { /* slider barfill */
background: rgb(var(--accentcolor_v));
}
.mediaBarGrabber_c64ff9, /* progessbar grabber */
.mediaBarProgress__29db2, /* progessbar barfill */
.mediaBarProgress__29db2::after,
.mediaBarProgress__29db2::before {
background-color: rgb(var(--accentcolor_v));
}
.mediaBarInteraction__0633c:hover .mediaBarGrabber_c64ff9,
.mediaBarInteractionDragging__0a2ee .mediaBarGrabber_c64ff9 {
background-color: rgb(var(--accentcolor_v));
filter: brightness(120%);
}
.theme-light .select__0eb48:focus, /* dropdown select nitro subscription */
.theme-light .lookFilled__3dba3.select__0eb48:focus,
.theme-dark .select__0eb48:focus,
.theme-dark .lookFilled__3dba3.select__0eb48:focus {
border-color: rgb(var(--accentcolor_v));
}
.theme-light .lookFilled__3dba3.select__0eb48:hover.open_cd27aa,
.theme-light .lookFilled__3dba3.open_cd27aa,
.theme-dark .lookFilled__3dba3.select__0eb48:hover.open_cd27aa,
.theme-dark .lookFilled__3dba3.open_cd27aa {
border-color: rgb(var(--accentcolor_v)) rgb(var(--accentcolor_v)) rgba(0, 0, 0, 0.3);
}
/* ---- 12.4. TAGS ---- */
.botTagRegular_c89c9a { /* bottag regular */
background-color: rgb(var(--accentcolor_v));
}
.botTagInvert_c85692 { /* bottag inverted */
color: rgb(var(--accentcolor_v));
}
.botTagOP_e48ddb { /* bottag op */
background: white linear-gradient(rgba(var(--accentcolor_v), .5), rgba(var(--accentcolor_v), .5));
color: rgb(var(--accentcolor_v));
}
#app-mount .newBadge__359f1 { /* bottag new forum post */
background: white linear-gradient(rgba(var(--accentcolor_v), .5), rgba(var(--accentcolor_v), .5)) !important;
color: rgb(var(--accentcolor_v)) !important;
}
#app-mount .tag_d31581 {
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.verified__8167d { /* verifiedbadge */
color: rgb(var(--accentcolor_v));
}
.partnered__77913 { /* partneredbadge */
color: rgb(var(--accentcolor_v));
}
.partnered__77913 .flowerStar_a9981e {
filter: brightness(75%);
}
.base__92a12[style*="background-color: rgb(88, 101, 242)"],
.base__92a12[style*="background-color: rgb(87, 100, 242)"],
.base__92a12[style*="background-color: hsl(227, "],
.base__92a12[style*="background-color: hsl(235, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
/* ---- 12.5. IMAGES ---- */
.avatar__0d465 {
border-radius: 50%;
}
[style*="/assets/e4f93ded986b1edf0780.png"],
[src*="/assets/e4f93ded986b1edf0780.png"] { /* avatars clyde */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v)) 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/5d6a5e9d7d77ac29116e.png"],
[src*="/assets/5d6a5e9d7d77ac29116e.png"] { /* avatars blue discord */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/discordavatar_details.svg) center/contain no-repeat !important;
}
[style*="/assets/33c4908a99fe0a73e9f0.svg"],
[src*="/assets/33c4908a99fe0a73e9f0.svg"] { /* avatars rolesettings intro avatar */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_clubs_avatar.svg) center/contain no-repeat !important;
}
[style*="/assets/f1b802e72e04293e5734.svg"],
[src*="/assets/f1b802e72e04293e5734.svg"] { /* avatars rolesettings intro avatar */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_gaming_avatar.svg) center/contain no-repeat !important;
}
[style*="/assets/cb34f73199ef5f4eb1b7.svg"],
[src*="/assets/cb34f73199ef5f4eb1b7.svg"] { /* avatars rolesettings intro avatar */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_hobbies_avatar.svg) center/contain no-repeat !important;
}
.image__195cc[src="/assets/26421523fdfaf469e28e.svg"] { /* warnings locked channel message jump */
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/warning_lockedchannellink_bg.svg) center/cover no-repeat;
}
.image__195cc[src="/assets/26421523fdfaf469e28e.svg"] + * {
position: relative;
display: flex;
justify-content: center;
}
.image__195cc[src="/assets/26421523fdfaf469e28e.svg"] + *::before {
content: "";
position: absolute;
top: -109px;
width: 120px;
height: 90px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/warning_lockedchannellink_accent.svg) center/cover no-repeat;
}
#app-mount .successImage__086d3 {
filter: hue-rotate(-85deg);
}
/* ---- 12.6. SCROLLBARS ---- */
::-webkit-scrollbar-corner,
#app-mount ::-webkit-scrollbar-corner {
background-color: transparent;
}
/* ---- 12.7. NOTIFICATIONBAR ---- */
.colorPremiumTier1__43bcd {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.7));
}
.colorPremiumTier1__43bcd .button__57d93:hover {
color: rgb(var(--accentcolor_v));
}
.colorPremiumTier2_b5437b {
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.colorPremiumTier2_b5437b .button__57d93:hover {
color: rgb(var(--accentcolor_v));
}
.colorBrand__1d940 {
background-color: rgb(var(--accentcolor_v));
}
.colorBrand__1d940 .button__57d93:hover {
color: rgb(var(--accentcolor_v));
}
.notice__99c03 { /* preview notice */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.5), rgba(var(--accentcolor_v), 0.5));
}
.button__671cf:hover { /* preview notice button */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.7), rgba(var(--accentcolor_v), 0.7));
}
.notice__0425f { /* role notice */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.5), rgba(var(--accentcolor_v), 0.5));
}
.button__587bd:hover { /* role notice button */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.7), rgba(var(--accentcolor_v), 0.7));
}
.notice_a687ab { /* rules notice */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.5), rgba(var(--accentcolor_v), 0.5));
}
.button_d41223:hover { /* rules notice button */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.7), rgba(var(--accentcolor_v), 0.7));
}
/* ---- 12.8. TOOLTIPS ---- */
#app-mount .tooltipBrand__13fbc {
background-color: rgb(var(--accentcolor_v));
}
#app-mount .tooltipBrand__13fbc a {
filter: brightness(50%);
}
#app-mount .tooltipBrand__13fbc .tooltipPointer_a79354 {
border-top-color: rgb(var(--accentcolor_v));
}
.contentPremium_d38e6e {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), .7))
}
.contentPremium_d38e6e .lookInverted_ee4261.colorBrand_b2253e {
color: rgb(var(--accentcolor2_v)) !important;
}
/* ---- 12.9. TOASTS ---- */
.toast-brand {
background-color: rgb(var(--accentcolor_v));
}
.colorBrand_WfDfzD .bg_8df5St {
background-color: rgb(var(--accentcolor_v));
}
.colorCustom_WKsPgT .bg_8df5St[style*="background-color: hsl(235, "],
.colorCustom_WKsPgT .bg_8df5St[style*="background-color: hsl(227, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
.bar_95Sdw1.customBar_3RsUzs[style*="background-color: hsl(235, "],
.bar_95Sdw1.customBar_3RsUzs[style*="background-color: hsl(227, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
/* ~~~~ 13. BDSUPPORT ~~~~ */
.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-addon-modal-footer .bd-button,
.bd-button-filled.bd-button-color-brand {
background: var(--bd-blue);
}
.bd-addon-modal-footer .bd-button:hover,
.bd-button-filled.bd-button-color-brand:hover {
background: var(--accentcolor-hover);
}
.bd-addon-modal-footer .bd-button:active,
.bd-button-filled.bd-button-color-brand:active {
background: var(--accentcolor-active);
}
.bd-description-wrap .banner {
background: var(--background-primary);
border-color: var(--background-secondary);
color: var(--header-secondary);
font-size: 14px;
line-height: 18px;
}
.banner.banner-danger {
background: var(--background-secondary);
border-color: var(--status-danger);
}
.banner-danger .bd-icon {
fill: var(--status-danger);
}
.bd-controls-basic .bd-button: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_v), 0.8);
background-color: rgba(var(--accentcolor_v), 0.8) !important;
}
.bd-switch input:active + .bd-switch-body {
--switch-color: rgba(var(--accentcolor_v));
}
.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_v));
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_v));
}
#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_v));
}
html .monaco-editor .monaco-editor-hover a {
color: rgb(var(--accentcolor_v));
}
html .monaco-editor [class*="arrow-decoration"] {
border-bottom-color: rgb(var(--accentcolor_v));
}
html .monaco-editor .focused .selected-text {
background-color: rgb(var(--accentcolor_v));
}
html .monaco-tree[class*="monaco-tree-instance"].focused .monaco-tree-rows > .monaco-tree-row.focused:not(.highlighted) {
background-color: rgb(var(--accentcolor_v));
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_v)) !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_v), 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_v), 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_v), 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_v), 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_v), 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_v), 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_v), 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_v), 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_v), 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_v)) !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_v)) !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_v)) !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_v)) !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_v)) !important;
}
.embedFull__8dc21[style*="border-color: rgb(62, 130, 229)"],
.embedFull__8dc21[style*="border-color: rgb(62, 130, 226)"] {
border-color: rgb(var(--accentcolor_v)) !important;
}
/* ~~~~ 14. POWERCORDSUPPORT ~~~~ */
html .powercord-toast[data-toast-type=info] .icon {
color: rgb(var(--accentcolor_v));
}
html .powercord-toast .progressBar__47525 {
background-color: rgb(var(--accentcolor_v));
}
html .powercord-updater .debug-info b {
color: rgb(var(--accentcolor_v));
}
/* ~~~~ 15. PLUGINSUPPORT ~~~~ */
/* ---- 15.1. HIDEUTILS ---- */
#HideUtils-Settings button {
background-color: rgb(var(--accentcolor_v)) !important;
}
/* ---- 15.2. READALLNOTIFICATIONSBUTTON ---- */
.wrapper_d281dd:active .childWrapper__01b9c.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_v)) !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_v)) !important;
}