BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css

2647 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__8436d.selected_ae80f7 .childWrapper_a6ce15, /* home/acronym */
.wrapper__8436d:hover .childWrapper_a6ce15 {
background-color: rgb(var(--accentcolor_v));
}
.wrapper__8436d rect[fill] {
fill: var(--background-primary);
}
.wrapper__8436d rect[fill="#6370f4"] {
fill: rgb(var(--accentcolor_v));
}
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 1"],
.folderIconWrapper__11165[style*="background-color: rgba(87, 100, 242, 1"] {
background-color: rgba(var(--accentcolor_v), 1) !important;
}
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.9"],
.folderIconWrapper__11165[style*="background-color: rgba(87, 100, 242, 0.9"] {
background-color: rgba(var(--accentcolor_v), 0.9) !important;
}
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.8"],
.folderIconWrapper__11165[style*="background-color: rgba(87, 100, 242, 0.8"] {
background-color: rgba(var(--accentcolor_v), 0.8) !important;
}
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.7"],
.folderIconWrapper__11165[style*="background-color: rgba(87, 100, 242, 0.7"] {
background-color: rgba(var(--accentcolor_v), 0.7) !important;
}
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.6"],
.folderIconWrapper__11165[style*="background-color: rgba(87, 100, 242, 0.6"] {
background-color: rgba(var(--accentcolor_v), 0.6) !important;
}
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.5"],
.folderIconWrapper__11165[style*="background-color: rgba(87, 100, 242, 0.5"] {
background-color: rgba(var(--accentcolor_v), 0.5) !important;
}
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.4"],
.folderIconWrapper__11165[style*="background-color: rgba(87, 100, 242, 0.4"] {
background-color: rgba(var(--accentcolor_v), 0.4) !important;
}
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.3"],
.folderIconWrapper__11165[style*="background-color: rgba(87, 100, 242, 0.3"] {
background-color: rgba(var(--accentcolor_v), 0.3) !important;
}
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.2"],
.folderIconWrapper__11165[style*="background-color: rgba(87, 100, 242, 0.2"] {
background-color: rgba(var(--accentcolor_v), 0.2) !important;
}
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.1"],
.folderIconWrapper__11165[style*="background-color: rgba(87, 100, 242, 0.1"] {
background-color: rgba(var(--accentcolor_v), 0.1) !important;
}
.folderIconWrapper__11165 svg[style^="color: rgb(88, 101, 242)"],
.folderIconWrapper__11165 svg[style*=" color: rgb(88, 101, 242)"],
.folderIconWrapper__11165 svg[style^="color: rgb(87, 100, 242)"],
.folderIconWrapper__11165 svg[style*=" color: rgb(87, 100, 242)"] {
color: rgb(var(--accentcolor_v)) !important;
}
/* ~~~~ 2. CHANNELLIST ~~~~ */
.channelNotice__4b1b9 .imageContainer__76a53 {
position: relative;
}
.channelNotice__4b1b9 .imageContainer__76a53::before,
.channelNotice__4b1b9 .imageContainer__76a53::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.channelNotice__4b1b9:has(.image__8c766[src="/assets/148fd8378ac32a66783c.svg"]) .image__8c766,
.channelNotice__4b1b9:has(.image__8c766[src="/assets/7e724c5bbf29dd3598ea.svg"]) .image__8c766 {
visibility: hidden;
}
.channelNotice__4b1b9:has(.image__8c766[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__76a53 {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_bg.svg) center/cover no-repeat;
}
.channelNotice__4b1b9:has(.image__8c766[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__76a53::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__4b1b9:has(.image__8c766[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__76a53::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__4b1b9:has(.image__8c766[src="/assets/7e724c5bbf29dd3598ea.svg"]) .imageContainer__76a53::before {
filter: grayscale(0.5);
background: url(https://discord.com/assets/7e724c5bbf29dd3598ea.svg) center/cover no-repeat;
}
/* ~~~~ 3. CHAT ~~~~ */
/* ---- 3.1. MESSAGES ---- */
.newMessagesBar__8b272 { /* new messagesbar */
background-color: rgb(var(--accentcolor_v));
}
.hasMore__8db19 { /* hasmore messagesbar */
color: rgb(var(--accentcolor_v));
}
.backgroundFlash__28f42[style*="(148, 156, 247"] {
background-color: var(--message-background-flash) !important;
}
.backgroundFlash__28f42[style*="background-color: rgb(148, 156, 247)"],
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 1"] {
--message-background-flash: rgba(var(--accentcolor_v), 1);
}
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0.9"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.9);
}
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0.8"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.8);
}
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0.7"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.7);
}
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0.6"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.6);
}
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0.5"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.5);
}
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0.4"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.4);
}
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0.3"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.3);
}
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0.2"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.2);
}
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0.1"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.1);
}
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0.0"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.05);
}
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0)"] {
--message-background-flash: rgba(var(--accentcolor_v), 0);
}
.embedFull__14919[style*="border-color: hsl(216, "],
.embedFull__14919[style*="border-color: hsl(227, "],
.embedFull__14919[style*="border-color: hsl(235, "],
.embedFull__14919[style*="border-color: hsl(237, "],
.embedFull__14919[style*="border-color: hsla(216, "],
.embedFull__14919[style*="border-color: hsla(227, "],
.embedFull__14919[style*="border-color: hsla(235, "],
.embedFull__14919[style*="border-color: hsla(237, "] {
border-color: rgb(var(--accentcolor_v)) !important;
}
.ephemeral_eb5d84, /* localbot container */
.replying__38514 { /* replying container */
background-color: rgba(var(--accentcolor_v), 0.05);
}
.ephemeral_eb5d84::before, /* localbot before */
.replying__38514::before { /* replying before */
background-color: rgb(var(--accentcolor_v));
}
.message_ccca67.ephemeral_eb5d84.selected_e3bc5d,
.mouse-mode.full-motion .ephemeral_eb5d84:hover,
.mouse-mode .ephemeral_eb5d84:hover,
.message_ccca67.replying__38514.selected_e3bc5d,
.mouse-mode.full-motion .replying__38514:hover,
.mouse-mode .replying__38514:hover {
background-color: rgba(var(--accentcolor_v), 0.1);
}
.ephemeralMessage__24192 a { /* localbot operations */
color: rgb(var(--accentcolor_v));
}
.operations__62559 > a { /* message operations */
color: rgb(var(--accentcolor_v));
}
.blockedSystemMessage_d1b25e:hover .blockedAction_bf310e { /* blocked message operations */
color: rgb(var(--accentcolor_v));
}
.footerIcon__98652 path[fill*="hsl(197, "] { /* automod operations */
fill: var(--text-link);
}
.icon__6992d { /* systemmessage guild sub easter egg icon */
color: rgb(var(--accentcolor2_v));
}
.message__6eae4 strong, /* mention in header */
#app-mount .wrapper_f5f4c9 { /* mention */
background-color: rgba(var(--accentcolor_v),.3);
color: var(--brand-experiment-200);
}
.message__6eae4 strong:hover,
#app-mount .interactive:hover {
background-color: rgb(var(--accentcolor_v));
color: #fff;
}
#app-mount .reactionMe__0fffc .reactionCount__2c34d, /* reaction count me */
#app-mount .reactionMe__0fffc:hover .reactionCount__2c34d {
color: rgb(var(--accentcolor_v));
}
#app-mount .reaction__4a43f.reactionMe__0fffc { /* reaction wrapper me */
background-color: rgba(var(--accentcolor_v), .3);
border-color: rgb(var(--accentcolor_v));
}
#app-mount .reaction__4a43f:hover, /* reaction add react */
.addReactButton__4342f:hover, /* reaction add new react */
.buttonInner__865de:hover {
border-color: rgba(var(--accentcolor_v), .5);
}
.progressBar__00a1a[style*="background-color: hsl(227, "], /* attachment upload bar */
.progressBar__00a1a[style*="background-color: hsl(235, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
/* ---- 3.2. TEXTAREA ---- */
.channelTextAreaInnerFocused__42399 {
border-color: rgb(var(--accentcolor_v));
}
#app-mount .selectedPill_b305ee {
border-color: rgb(var(--accentcolor_v)) !important;
}
.image__7ea68[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__7ea68[src="/assets/e49c372705a84e02772c.svg"] + * {
overflow: visible;
}
.image__7ea68[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__7ea68[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__7ea68[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] + * {
overflow: visible;
}
.image__7ea68[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__7ea68[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__7ea68[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] + * {
overflow: visible;
}
.image__7ea68[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__64db3 path[stroke="rgb(123,162,255)"], /* textarea wave hand icon */
.animation__64db3 path[stroke="rgb(123, 162, 255)"],
.animation_db268f path[stroke="rgb(123,162,255)"],
.animation_db268f path[stroke="rgb(123, 162, 255)"] {
stroke: rgb(var(--accentcolor_v)) !important;
}
.mentionButton__73096 { /* textarea reply mention */
--text-link: rgb(var(--accentcolor_v));
}
.premium_bc4eb4 path[fill] {
fill: var(--text-normal);
}
.comboNameplate_c61ccc[style^="color: hsl(227, "],
.comboNameplate_c61ccc[style^="color: hsl(235, "],
.comboNameplate_c61ccc[style*=" color: hsl(227, "],
.comboNameplate_c61ccc[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__0c434: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__79359::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__79359::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_ffb0c5 { /* gifpicker categoryfade */
background-color: rgba(var(--accentcolor_v), 0.8);
}
#app-mount .categoryFadeBlurple_ffb0c5:hover {
background-color: rgba(var(--accentcolor_v), 0.95);
}
.introductionAction__9a515 { /* gifpicker introductionaction tooltip */
color: rgb(var(--accentcolor_v));
}
.iconColorBlue__70a2b { /* stickerpicker icon blue */
color: rgb(var(--accentcolor_v));
}
.iconColorLightBlue__696a8 { /* stickerpicker icon lightblue */
color: rgb(var(--accentcolor_v));
filter: brightness(150%);
}
.iconColorDarkBlue__40d12 { /* stickerpicker icon darkblue */
color: rgb(var(--accentcolor_v));
filter: brightness(75%);
}
.iconColorPink_e662f9 { /* stickerpicker icon pink */
color: rgb(var(--accentcolor2_v));
}
/* ---- 3.4. MEMBERLIST ---- */
.premiumIcon__58b74 {
color: rgb(var(--accentcolor2_v));
}
/* ---- 3.5. SEARCHPAGE ---- */
#app-mount .activeButton__70b70,
#app-mount .activeButton__70b70:hover {
background-color: rgb(var(--accentcolor_v));
}
.noResultsImage__1a10e.alt__77d89 {
display: flex;
}
.noResultsImage__1a10e.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_d642cb,
.popBlurple__2642d,
.lightBlurple__1956c,
.crossBlurple_b0f0f9 {
filter: invert(1);
}
.background__3baa0[style*="background-color: rgb(92, 100, 244)"],
.background__3baa0[style*="background-color: hsl(235, "],
.background__3baa0[style*="background-color: hsl(227, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
.border_d9a17b.voiceChannelEffect__635a5 {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v)), inset 0 0 0 3px rgb(var(--accentcolor_v));
}
/* ~~~~ 4. PEOPLES ~~~~ */
.container_adb621 { /* 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_adb621 .illustration_c432ed {
opacity: .8;
filter: grayscale(100%);
}
/* ~~~~ 5. STORE/NITRO ~~~~ */
#app-mount .premiumIndicator_a4b0ec { /* premium where? */
background-color: rgb(var(--accentcolor_v));
}
.activeTransferGuildCardBorder_c101c5 {
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.theme-light .animationContainer_a16e5b {
color: rgb(var(--accentcolor_v));
}
.theme-light .shine__0dd36 {
color: rgba(var(--accentcolor_v), 0.2);
}
.grandfatheredMessage__6ab98 {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.iconBackgroundTier1__667ba { /* tierlist tier1 bg */
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.iconBackgroundTier2_a876d8 { /* 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__0ee38 { /* 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__52f8e { /* store premiumcircle */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
#app-mount .staffIcon__87eaa { /* store stafficon */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .nitroIcon_d89fa7 { /* store nitroicon */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.confirmPremiumIcon_c2259f, /* store confirmpremiumicon */
.gameIcon_fc710a[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_d7a7e5 { /* 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__291d2: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_c3d2f1:before {
background: rgb(255, 255, 255) linear-gradient(195deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
#app-mount .tier2__1364f .lookInverted_a299dc.colorBrand__27d57 {
color: rgb(var(--accentcolor2_v));
}
.mostPopularPill__9889b,
.mostPopularPill_de59b9 {
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
.tier2ColumnOuter_c78c33 {
border-color: rgb(var(--accentcolor2_v));
}
/* ~~~~ 6. LIBRARY ~~~~ */
.foreground_c28dd7 { /* installationpath fill */
stroke: rgb(var(--accentcolor_v));
}
/* ~~~~ 7. DISCOVERY ~~~~ */
.searchBox__56feb:focus, /* searchbox focus */
.searchBox__56feb:focus-within,
.searchPage_c33350 .search_e47903 .searchBox__02d0b:focus,
.searchPage_c33350 .search_e47903 .searchBox__02d0b:focus-within {
border-color: rgb(var(--accentcolor_v));
}
.search_e47903 .searchBox__02d0b:focus,
.search_e47903 .searchBox__02d0b: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__70b70, /* pagination button */
#app-mount .activeButton__70b70:hover {
background-color: rgb(var(--accentcolor_v));
}
.categoryItem__0608f.selectedCategoryItem__3e361 .itemInner_eedb2b { /* categorylist selected item */
background-color: rgb(var(--accentcolor_v));
}
.categoryPill_c6ae1b.selected_b5f19b { /* categorylist search categorypill */
background-color: rgb(var(--accentcolor_v));
}
/* ~~~~ 8. USERSETTINGS ~~~~ */
.item__48dda .premiumLabel__68f78 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__4e802 .lookLink_a2da25.colorLink__4141a {
color: rgb(var(--accentcolor_v));
}
.background__4e802 .lookLink_a2da25.colorLink__4141a:hover .contents__322f4 {
--button--underline-color: rgb(var(--accentcolor_v));
}
.contentCircle_ed1cb1 { /* accountsettings avatar upload */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .questionMark__6bfbc { /* accountsettings questionmark */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .questionMark__6bfbc:hover {
background: var(--accentcolor-hover);
}
.premiumFeatureBorder__6ac04 { /* profilesettings premium border */
border-color: rgb(var(--accentcolor_v));
}
#app-mount .tier1ProfilePerk__46cf4 { /* nitropage tier 1 profile icon */
color: rgb(var(--accentcolor_v));
filter: brightness(75%);
}
#app-mount .tier1BoostPerk__9aea0 { /* nitropage tier 1 boost icon */
color: rgb(var(--accentcolor2_v));
}
#app-mount .tier1UploadPerk__23aaf { /* nitropage tier 1 upload icon */
color: rgb(var(--accentcolor_v));
}
.marketingLogoImage__4820c { /* boostsettings boost header */
position: relative;
}
.fullArt__1fc77,
.marketingLogoImage__4820c {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_bg.svg) center/cover no-repeat;
}
.fullArt__1fc77::before,
.fullArt__1fc77::after,
.marketingLogoImage__4820c::before,
.marketingLogoImage__4820c::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.fullArt__1fc77::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__1fc77::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_f689f4 { /* boostsettings tierunlocked */
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
.tierIcon_fc03d4:not(.tierIconLocked__99052) { /* boostsettings tiericon */
color: rgb(var(--accentcolor2_v));
}
.iconWrapper__5b9db { /* 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_eae058 { /* boostsettings tierclosehint */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .tierCloseHint_eae058::before {
border-right-color: rgb(var(--accentcolor_v));
}
#app-mount .tierHeaderUnlockedBackground__627d2 { /* 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__45698 { /* voicesettings selection ring */
border-color: rgb(var(--accentcolor_v));
}
.icon_bf45a6[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__88e76 { /* hypesettings perk icon */
position: relative;
}
.icon__88e76::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_ecd51c {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_bg.svg) center/cover no-repeat;
}
.perkNewsletter_ecd51c::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_accent.svg) center/cover no-repeat;
}
.perkBadge__95d70 {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_bg.svg) center/cover no-repeat;
}
.perkBadge__95d70::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_accent.svg) center/cover no-repeat;
}
.perkChallenges__2a8f9 {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_bg.svg) center/cover no-repeat;
}
.perkChallenges__2a8f9::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_accent.svg) center/cover no-repeat;
}
.wrapper__4b6b3 { /* overlaysettings positionsettings wrapper */
border-color: rgb(var(--accentcolor_v));
}
.option__1d8de:hover { /* overlaysettings positionoption */
background-color: rgb(var(--accentcolor_v));
}
.selected__4e154.option__1d8de {
background-color: rgb(var(--accentcolor_v));
border-color: rgb(var(--accentcolor_v));
}
.noticeIcon__61e6f[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__61e6f[src="/assets/8bc13200408a99819215.svg"] + * {
position: relative;
}
.noticeIcon__61e6f[src="/assets/8bc13200408a99819215.svg"] + *::before,
.noticeIcon__61e6f[src="/assets/8bc13200408a99819215.svg"] + *::after {
content: "";
position: absolute;
top: 0;
right: -204px;
width: 184px;
height: 110px;
pointer-events: none;
}
.noticeIcon__61e6f[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__61e6f[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__317f2 { /* mainsettings uploadbanner */
background-image: linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor2_v)));
}
.unlockedIcon_e1e3e3 { /* mainsettings uploadbanner enabled */
color: rgb(var(--accentcolor2_v));
}
.banner__98955 { /* rolesettings intro banner */
border-radius: 5px;
}
.bannerClubs_f1eedf {
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_clubs_details.svg) center/cover no-repeat;
}
.bannerClubs_f1eedf .avatarName_f6c6c4 {
display: flex;
font-size: 0;
}
.bannerClubs_f1eedf .avatarName_f6c6c4::before {
content: "Susie#0000";
font-size: 16px;
}
.bannerGaming__5a172 {
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_gaming_details.svg) center/cover no-repeat;
}
.bannerHobbies__48dce {
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_hobbies_details.svg) center/cover no-repeat;
}
.infoItem_dd83a7[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_f5b0c6 { /* intergrationsettings new webhook */
0% {border-color: transparent;}
50% {border-color: rgb(var(--accentcolor_v));}
to {border-color: transparent;}
}
@keyframes pulseBorder_f5b0c6 {
0% {border-color: transparent;}
50% {border-color: rgb(var(--accentcolor_v));}
to {border-color: transparent;}
}
.placeholderImage_e918f7 { /* discoverysettings insight */
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_insight_bg.svg) center/cover no-repeat;
}
.placeholderImage_e918f7::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__8dcaf { /* discoverysettings default guildicon */
background-color: rgb(var(--accentcolor_v));
}
.headerIcon__038a6[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__038a6[src="/assets/860c39d4003b98a5ee9d.svg"] + * {
position: relative;
height: 60px;
}
.headerIcon__038a6[src="/assets/860c39d4003b98a5ee9d.svg"] + * {
position: relative;
height: 60px;
}
.headerIcon__038a6[src="/assets/860c39d4003b98a5ee9d.svg"] + h2 {
display: flex;
align-items: center;
white-space: pre-wrap;
}
.headerIcon__038a6[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__84893 [fill*="hsl(235, "] { /* communitysettings intro featureicon */
fill: rgb(var(--accentcolor_v));
}
.educationUpsellRoot__96ff6 .wumpus__659e8, /* communitysettings rules wumpus */
.exampleWumpus_dbd9ef .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__96ff6:has(.wumpus__659e8)::after,
.exampleWumpus_dbd9ef::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__3cc69[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__3cc69[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__3cc69[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__3cc69[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__3cc69[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__3cc69[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__3cc69[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__3cc69[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__22424[src="/assets/aeb0884e649be1418151.svg"],
.profileBadge__3cc69[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__3cc69[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__3cc69[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__3cc69[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__907b8 { /* modal shared servers no icon */
background-color: rgb(var(--accentcolor_v));
}
/* ---- 10.2. GUILDADD/CREATION ---- */
.icon__2df73[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__2df73[src="/assets/4d526e1c61d719fd39a0.svg"] + * {
position: relative;
display: flex;
align-items: center;
overflow: visible;
}
.icon__2df73[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__1b138 [fill="#5865f2" i],
.uploadIcon__1b138 [fill="#7289da" i] { /* create guild upload icon */
fill: rgb(var(--accentcolor_v));
}
/* ---- 10.3. REGIONSELECTMODAL ---- */
.regionSelectFlag__2f65d { /* 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_c0e1db .uploadDropModal_cfadae .bgScale_f4bff5 { /* modal background */
background-color: rgb(var(--accentcolor_v));
}
.uploadModalIn_c0e1db .uploadDropModal_cfadae .inner__7afe9 .icon__4bc4d.two_df01fc {
filter: drop-shadow(0 0 48px rgba(var(--accentcolor_v),.5));
}
.uploadModalIn_c0e1db .uploadDropModal_cfadae.error_d2567f .inner__7afe9 .icon__4bc4d.two_df01fc {
filter: drop-shadow(0 0 48px rgba(216,60,63,.5));
}
.attachment__06ca3 {
position: relative;
}
.attachment__06ca3 .icon_df1a3e,
.uploadContainer__72a65 .icon__33bb5,
.audioMetadata__84e00::before,
.uploadModal__6eb75 .icon__4bc4d:not(img),
.icon__4bc4d: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__72a65 .icon__33bb5 {
background-size: 72px 96px !important;
}
.uploadModal__6eb75 .icon__4bc4d:not(img),
.icon__4bc4d:not(img) {
background-size: 72px 96px !important;
}
.attachment__06ca3 .icon_df1a3e + *::before,
.attachment__06ca3 .icon_df1a3e + *::after,
.uploadContainer__72a65 .icon__33bb5::before,
.uploadContainer__72a65 .icon__33bb5::after,
.audioMetadata__84e00 > *:first-child::before,
.audioMetadata__84e00 > *:first-child::after,
.uploadModal__6eb75 .icon__4bc4d:not(img)::before,
.uploadModal__6eb75 .icon__4bc4d:not(img)::after,
.icon__4bc4d:not(img)::before,
.icon__4bc4d:not(img)::after {
content: "";
position: absolute;
pointer-events: none;
background: rgb(var(--accentcolor_v));
}
.audioMetadata__84e00::before {
flex: 0 0 auto !important;
background-position: top center !important;
}
.attachment__06ca3 .icon_df1a3e + *::before,
.attachment__06ca3 .icon_df1a3e + *::after {
top: 10px;
left: 10px;
width: 30px;
height: 40px;
}
.attachment__06ca3.newMosaicStyle_b4aa24 .icon_df1a3e + *::before,
.attachment__06ca3.newMosaicStyle_b4aa24 .icon_df1a3e + *::after {
top: 16px;
left: 16px;
}
.wrapperAudio__178e9 .audioMetadata__84e00 > *:first-child::before,
.wrapperAudio__178e9 .audioMetadata__84e00 > *:first-child::after {
top: 10px;
left: 10px;
width: 24px;
height: 32px;
}
.wrapperAudio__178e9.newMosaicStyle__78072 .audioMetadata__84e00 > *:first-child::before,
.wrapperAudio__178e9.newMosaicStyle__78072 .audioMetadata__84e00 > *:first-child::after {
top: 16px;
left: 16px;
}
.uploadContainer__72a65 .icon__33bb5::before,
.uploadContainer__72a65 .icon__33bb5::after {
width: 108px;
height: 144px;
margin-left: 46px;
-webkit-mask-size: 72px 96px !important;
}
.uploadModal__6eb75 .icon__4bc4d:not(img)::before,
.uploadModal__6eb75 .icon__4bc4d:not(img)::after,
.icon__4bc4d:not(img)::before,
.icon__4bc4d:not(img)::after {
top: 0;
left: 0;
width: 100px;
height: 130px;
-webkit-mask-size: 72px 96px !important;
}
.uploadModalIn_c0e1db .error_d2567f .icon__4bc4d:not(img)::before,
.uploadModalIn_c0e1db .error_d2567f .icon__4bc4d:not(img)::after {
background: #d83c3f;
}
.attachment__06ca3 .icon_df1a3e + *::before,
.uploadContainer__72a65 .icon__33bb5::before,
.audioMetadata__84e00 > *:first-child::before,
.uploadModal__6eb75 .icon__4bc4d:not(img)::before,
.icon__4bc4d:not(img)::before {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_details.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e + *::after,
.uploadContainer__72a65 .icon__33bb5.unknown_d51edd::after,
.uploadModal__6eb75 .icon__4bc4d.unknown_d8ffbd::after,
.uploadModal__6eb75 .icon__4bc4d:not(img)::after,
.icon__4bc4d:not(img)::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/empty.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="acrobat"] + *::after,
.uploadContainer__72a65 .icon__33bb5.acrobat_f9eccb::after,
.uploadModal__6eb75 .icon__4bc4d.acrobat__81c91::after,
.icon__4bc4d.acrobat__81c91::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_acrobat_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="ae"] + *::after,
.uploadContainer__72a65 .icon__33bb5.ae__6000b::after,
.uploadModal__6eb75 .icon__4bc4d.ae__1760d::after,
.icon__4bc4d.ae__1760d::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ae_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="ai"] + *::after,
.uploadContainer__72a65 .icon__33bb5.ai_ccaee8::after,
.uploadModal__6eb75 .icon__4bc4d.ai_e6b437::after,
.icon__4bc4d.ai_e6b437::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ai_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="archive"] + *::after,
.uploadContainer__72a65 .icon__33bb5.archive__066f8::after,
.uploadModal__6eb75 .icon__4bc4d.archive__37ca1::after,
.icon__4bc4d.archive__37ca1::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_archive_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="audio"] + *::after,
.uploadContainer__72a65 .icon__33bb5.audio__16d30::after,
.audioMetadata__84e00 > *:first-child::after,
.uploadModal__6eb75 .icon__4bc4d.audio__586e3::after,
.icon__4bc4d.audio__586e3::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_audio_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="code"] + *::after,
.uploadContainer__72a65 .icon__33bb5.code_b9f306::after,
.uploadModal__6eb75 .icon__4bc4d.code_e8fdeb::after,
.icon__4bc4d.code_e8fdeb::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_code_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="document"] + *::after,
.uploadContainer__72a65 .icon__33bb5.document_fc4197::after,
.uploadModal__6eb75 .icon__4bc4d.document__7e851::after,
.icon__4bc4d.document__7e851::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_document_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="image"] + *::after,
.uploadModal__6eb75 .icon__4bc4d.image_c29be6::after,
.icon__4bc4d.image_c29be6::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_image_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="photoshop"] + *::after,
.attachment__06ca3 .icon_df1a3e[title="ps"] + *::after,
.uploadContainer__72a65 .icon__33bb5.photoshop_a35613::after,
.uploadContainer__72a65 .icon__33bb5.ps_c2543e::after,
.uploadModal__6eb75 .icon__4bc4d.photoshop__9a3e3::after,
.uploadModal__6eb75 .icon__4bc4d.ps__5148e::after,
.icon__4bc4d.photoshop__9a3e3::after,
.icon__4bc4d.ps__5148e::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_photoshop_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="sketch"] + *::after,
.uploadContainer__72a65 .icon__33bb5.sketch__56bd2::after,
.uploadModal__6eb75 .icon__4bc4d.sketch_ad9b56::after,
.icon__4bc4d.sketch_ad9b56::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_sketch_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="spreadsheet"] + *::after,
.uploadContainer__72a65 .icon__33bb5.spreadsheet_d4cb36::after,
.uploadModal__6eb75 .icon__4bc4d.spreadsheet__8517d::after,
.icon__4bc4d.spreadsheet__8517d::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_spreadsheet_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="video"] + *::after,
.uploadContainer__72a65 .icon__33bb5.video__8cddc::after,
.uploadModal__6eb75 .icon__4bc4d.video_edf1b6::after,
.icon__4bc4d.video_edf1b6::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_video_accent.svg) center/contain no-repeat;
}
.attachment__06ca3 .icon_df1a3e[title="webcode"] + *::after,
.uploadContainer__72a65 .icon__33bb5.webcode_f10fab::after,
.uploadModal__6eb75 .icon__4bc4d.webcode_a69010::after,
.icon__4bc4d.webcode_a69010::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_webcode_accent.svg) center/contain no-repeat;
}
.filenameLinkWrapper__70f96,
a.fileNameLink__6e8b0,
a.metadataName__87840,
a.metadataDownload__9673d {
color: rgb(var(--accentcolor_v));
}
/* ---- 10.5. KEYBOARDSHORTCUTSMODAL ---- */
.ddrArrows__3f52a .arrow__42cbf, /* modal arrows */
.ddrArrows__3f52a .arrow__42cbf::after {
height: 50px;
width: 50px;
}
.ddrArrows__3f52a .arrow__42cbf.active__6598a {
filter: brightness(130%);
}
.ddrArrows__3f52a .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__3f52a .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__3f52a .arrow__42cbf.down__005e9 {
transform: rotate(270deg);
}
.ddrArrows__3f52a .arrow__42cbf.up__2d324 {
transform: rotate(90deg);
}
.ddrArrows__3f52a .arrow__42cbf.right__71951 {
transform: rotate(180deg);
}
/* ---- 10.6. LOGINSCREEN ---- */
.authBox__6f336 .lookLink_a2da25.colorLink__4141a { /* authobox links */
color: rgb(var(--accentcolor_v));
}
.authBox__6f336 .lookLink_a2da25.colorLink__4141a:hover .contents__322f4 {
--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__3447a { /* authobox startover */
color: rgb(var(--accentcolor_v));
}
/* ---- 10.7. DOWNLOADAPPMODAL ---- */
.downloadApps_f5dd09 .footer__76f39 a {
color: rgb(var(--accentcolor_v));
}
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e.active__8f9aa {
border-color: rgb(var(--accentcolor_v));
}
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e.active__8f9aa p {
color: rgb(var(--accentcolor_v));
}
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e.active__8f9aa .downloadButton__06261 {
background-color: rgb(var(--accentcolor_v));
}
#app-mount .downloadApps_f5dd09 .platforms_aed032 .icon__039fc.active__8f9aa {
background: rgb(var(--accentcolor_v));
-webkit-mask-size: cover;
}
.downloadApps_f5dd09 .platforms_aed032 .icon__039fc.active__8f9aa.apple__3e4d0 {
-webkit-mask: url(https://ptb.discord.com/assets/dcb57f386a6bf90a27c9.svg);
}
.downloadApps_f5dd09 .platforms_aed032 .icon__039fc.active__8f9aa.windows_bbfca9 {
-webkit-mask: url(https://ptb.discord.com/assets/ecc4859664616ed5ad9a.svg);
}
.downloadApps_f5dd09 .platforms_aed032 .icon__039fc.active__8f9aa.linux__79060 {
-webkit-mask: url(https://ptb.discord.com/assets/a2c736476ce092c94a5b.svg);
}
.downloadApps_f5dd09 .platforms_aed032 .icon__039fc.active__8f9aa.ios_faff1f {
-webkit-mask: url(https://ptb.discord.com/assets/838d4bac7b80d28fd676.svg);
}
.downloadApps_f5dd09 .platforms_aed032 .icon__039fc.active__8f9aa.android__7a564 {
-webkit-mask: url(https://ptb.discord.com/assets/c6385e608fcdaec54ef4.svg);
}
.browserItem__917d3:hover {
border-color: rgb(var(--accentcolor_v));
}
.browserItem__917d3: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__426b2 { /* 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_adaea0 { /* modal boostaddwrapper */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor2_v), 0.5));
}
.wrapper_adaea0::before, /* modal boostangel */
.wrapper_adaea0::after {
content: "";
position: absolute;
top: -44px;
right: -82px;
width: 168px;
height: 88px;
pointer-events: none;
}
.wrapper_adaea0::before {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_bg.svg) center/cover no-repeat;
}
.wrapper_adaea0::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_adaea0 .lookInverted_a299dc.colorBrand__27d57 {
color: rgb(var(--accentcolor_v)) !important;
}
.perkIconGuild__0dcaf { /* prebuy popout perkicon guild */
color: rgb(var(--accentcolor2_v));
}
.perkIconChatPerks__8df30 { /* prebuy popout perkicon chat */
color: rgb(var(--accentcolor_v));
filter: brightness(120%);
}
.perkIconStream_ba73ea { /* prebuy popout perkicon stream */
color: rgb(var(--accentcolor_v));
filter: brightness(150%);
}
/* ---- 10.9. ADDGUILDBOOSTMODAL ---- */
#app-mount .confirmImage_dc066d { /* 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_dc066d::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__409e4 { /* 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__409e4::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_e0f220 { /* modal badgeupgrade */
color: rgb(var(--accentcolor_v));
}
/* ---- 10.11. DISPATCHERRORMODAL ---- */
.theme-light .closeLink__57354 { /* modal closelink */
color: rgb(var(--accentcolor_v));
}
/* ---- 10.12. CHANGELOGMODAL ---- */
#app-mount .improved_e02592 { /* modal improved category */
color: rgb(var(--accentcolor_v));
}
#app-mount .improved_e02592::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_f4fa1d {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v));
}
.sourceThumbnail_f4fa1d.selected__1e95d {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v));
}
.selectorButton_ea0609:not(.selectorButtonPremiumRequired__9df5b):hover {
background-color: rgb(var(--accentcolor_v));
}
.selectorButtonSelected__707fb {
background-color: rgb(var(--accentcolor_v));
}
/* ---- 10.14. PHONEVERIFICATIONMODAL ---- */
.phoneVerificationModal_bdbc3e 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_a2da25.colorLink__4141a {
color: rgb(var(--accentcolor_v));
}
.reset__51b37.lookLink_a2da25.colorLink__4141a:hover .contents__322f4 {
--button--underline-color: rgb(var(--accentcolor_v));
}
/* ~~~~ 11. POPOUTS ~~~~ */
.selectedBrand_a3ae47 { /* popout combobox selected brand */
background-color: rgb(var(--accentcolor_v));
}
.selectedBrand_a3ae47.focused__87b55,
.selectedBrand_a3ae47:hover:not(.disabled_ef860a) {
background: var(--accentcolor-hover);
}
/* ---- 11.1. CONTEXTMENU ---- */
.colorBrand__9bb0f:not(.focused_dcafb9):not(:active) { /* contextmenu brand */
color: rgb(var(--accentcolor_v));
}
.menu__13d0c .menuItemFocused__7beab,
.colorBrand__9bb0f.focused_dcafb9,
.colorBrand__9bb0f:active:not(.hideInteraction__0b569),
.colorDefault_e361cf.focused_dcafb9,
.colorDefault_e361cf:active:not(.hideInteraction__0b569) {
background-color: rgb(var(--accentcolor_v));
}
.colorBrand__9bb0f:not(.focused_dcafb9):not(:active) .radioSelection__41d1e,
.colorDefault_e361cf:not(.focused_dcafb9):not(:active) .radioSelection__41d1e {
color: rgb(var(--accentcolor_v));
}
.colorBrand__9bb0f:not(.focused_dcafb9):not(:active) .checkbox__378d3,
.colorDefault_e361cf:not(.focused_dcafb9):not(:active) .checkbox__378d3 {
color: rgb(var(--accentcolor_v));
}
.colorBrand__9bb0f.focused_dcafb9 .check__8d1bd,
.colorDefault_e361cf.focused_dcafb9 .check__8d1bd {
fill: rgb(var(--accentcolor_v));
}
.colorPremium__54bff:not(.focused_dcafb9):not(:active) { /* contextmenu premium */
color: rgb(var(--accentcolor2_v));
}
.colorPremium__54bff.focused_dcafb9,
.colorPremium__54bff:active:not(.hideInteraction__0b569) {
background-color: rgb(var(--accentcolor2_v));
}
.colorPremium__54bff:not(.focused_dcafb9):not(:active) .radioSelection__41d1e {
color: rgb(var(--accentcolor2_v));
}
.colorPremium__54bff:not(.focused_dcafb9):not(:active) .checkbox__378d3 {
color: rgb(var(--accentcolor2_v));
}
.colorPremium__54bff.focused_dcafb9 .check__8d1bd {
fill: rgb(var(--accentcolor2_v));
}
.colorPremiumGradient__92279:not(.focused_dcafb9):not(:active) {
background-image: linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor_v)));
color: transparent;
-webkit-background-clip: text;
}
.colorPremiumGradient__92279.focused_dcafb9,
.colorPremiumGradient__92279:active:not(.hideInteraction__0b569) {
background: linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgb(var(--accentcolor_v)));
}
.colorPremiumGradient__92279:not(.focused_dcafb9):not(:active) .radioSelection__41d1e {
color: rgb(var(--accentcolor_v));
}
.colorPremiumGradient__92279not(.focused_dcafb9):not(:active) .checkbox__378d3 {
color: rgb(var(--accentcolor_v));
}
.colorPremiumGradient__92279.focused_dcafb9 .check__8d1bd {
fill: rgb(var(--accentcolor_v));
}
.colorDanger__08c25:not(.focused_dcafb9):not(:active) { /* contextmenu danger */
color: var(--status-danger);
}
.colorDanger__08c25.focused_dcafb9,
.colorDanger__08c25:active:not(.hideInteraction__0b569) {
background-color: var(--status-danger);
}
.colorDanger__08c25:not(.focused_dcafb9):not(:active) .radioSelection__41d1e {
color: var(--status-danger);
}
.colorDanger__08c25:not(.focused_dcafb9):not(:active) .checkbox__378d3 {
color: var(--status-danger);
}
.colorDanger__08c25.focused_dcafb9 .check__8d1bd {
fill: var(--status-danger);
}
.colorSuccess__83966:not(.focused_dcafb9):not(:active) { /* contextmenu success */
color: var(--status-success);
}
.colorSuccess__83966.focused_dcafb9,
.colorSuccess__83966:active:not(.hideInteraction__0b569) {
background-color: var(--status-success);
}
.colorSuccess__83966:not(.focused_dcafb9):not(:active) .radioSelection__41d1e {
color: var(--status-success);
}
.colorSuccess__83966:not(.focused_dcafb9):not(:active) .checkbox__378d3 {
color: var(--status-success);
}
.colorSuccess__83966.focused_dcafb9 .check__8d1bd {
fill: var(--status-success);
}
.colorDefault_e361cf[id="account-status-picker--online"].focused_dcafb9,
.colorDefault_e361cf[id="account-status-picker--online"]:active:not(.hideInteraction__0b569) {
background-color: rgb(59,165,92);
}
.colorDefault_e361cf[id="account-status-picker--idle"].focused_dcafb9,
.colorDefault_e361cf[id="account-status-picker--idle"]:active:not(.hideInteraction__0b569) {
background-color: rgb(250,166,26);
}
.colorDefault_e361cf[id="account-status-picker--dnd"].focused_dcafb9,
.colorDefault_e361cf[id="account-status-picker--dnd"]:active:not(.hideInteraction__0b569) {
background-color: rgb(237,66,69);
}
.colorDefault_e361cf[id="account-status-picker--invisible"].focused_dcafb9,
.colorDefault_e361cf[id="account-status-picker--invisible"]:active:not(.hideInteraction__0b569) {
background-color: rgb(116,127,141);
}
.colorDefault_e361cf.focused_dcafb9 .status__1c26d,
.colorDefault_e361cf:active .status__1c26d {
background-color: #fff !important;
}
#status-picker-custom-status .statusItem__9b512 {
grid-template-rows: minmax(24px, auto) 1fr;
}
.icon__0bfbf { /* contextmenu icon */
color: currentColor !important;
}
.activeIcon_b2fa28 path[fill*="hsl(234, "],
.activeIcon_b2fa28 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__47c85 .react-datepicker__day.react-datepicker__day--selected:hover,
#app-mount .calendarPicker__47c85 .react-datepicker__day:not(.react-datepicker__day--disabled):hover {
background-color: rgb(var(--accentcolor_v));
}
/* datepicker day selectd */
#app-mount .calendarPicker__47c85 .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_ed416c [fill="#3498DB"] {
fill: rgb(var(--accentcolor_v));
}
/* ---- 12.1. TEXT ---- */
.headerText_e86b38 {
overflow-y: hidden;
}
.colorBrand__9bb0f {
color: rgb(var(--accentcolor_v));
}
/* ---- 12.2. BUTTONS ---- */
#app-mount .lookInverted_a299dc.colorBrand__27d57 .spinnerItem_a87807,
#app-mount .lookOutlined__014b5.colorBrand__27d57 .spinnerItem_a87807,
#app-mount .lookLink_a2da25.colorBrand__27d57 .spinnerItem_a87807,
#app-mount .lookInverted_a299dc.colorBrandNew__8872c .spinnerItem_a87807,
#app-mount .lookOutlined__014b5.colorBrandNew__8872c .spinnerItem_a87807,
#app-mount .lookLink_a2da25.colorBrandNew__8872c .spinnerItem_a87807 {
background-color: rgb(var(--accentcolor_v));
}
#app-mount .btn__51085.btnPrimary__96a11:hover:not(:disabled),
#app-mount .lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9):hover,
#app-mount .lookFilled__950dd.hoverBrand__252e8.hasHover_dfa15e:hover,
#app-mount .lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9):hover,
#app-mount .lookFilled__950dd.hoverBrandNew__5984d.hasHover_dfa15e:hover {
background: var(--accentcolor-hover);
}
#app-mount .lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9):active,
#app-mount .lookFilled__950dd.hoverBrand__252e8.hasHover_dfa15e:active,
#app-mount .lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9):active,
#app-mount .lookFilled__950dd.hoverBrandNew__5984d.hasHover_dfa15e:active {
background: var(--accentcolor-active);
}
#app-mount .btn__51085.btnPrimary__96a11,
#app-mount .lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9),
#app-mount .lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9):disabled,
#app-mount .lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9),
#app-mount .lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9):disabled {
background: rgb(var(--accentcolor_v));
}
#app-mount .lookInverted_a299dc.colorBrand__27d57:hover,
#app-mount .lookInverted_a299dc.hoverBrand__252e8.hasHover_dfa15e:hover,
#app-mount .lookInverted_a299dc.colorBrandNew__8872c:hover,
#app-mount .lookInverted_a299dc.hoverBrandNew__5984d.hasHover_dfa15e:hover {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
#app-mount .lookInverted_a299dc.colorBrand__27d57:active,
#app-mount .lookInverted_a299dc.hoverBrand__252e8.hasHover_dfa15e:active,
#app-mount .lookInverted_a299dc.colorBrandNew__8872c:active,
#app-mount .lookInverted_a299dc.hoverBrandNew__5984d.hasHover_dfa15e:active {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
#app-mount .lookInverted_a299dc.colorBrand__27d57,
#app-mount .lookInverted_a299dc.colorBrand__27d57:disabled,
#app-mount .lookInverted_a299dc.colorBrandNew__8872c,
#app-mount .lookInverted_a299dc.colorBrand__27d57:disabled {
color: rgb(var(--accentcolor_v));
}
#app-mount .lookOutlined__014b5.colorBrand__27d57:hover,
#app-mount .lookOutlined__014b5.colorBrandNew__8872c:hover,
#app-mount .lookOutlined__014b5.hoverBrand__252e8.hasHover_dfa15e:hover,
#app-mount .lookOutlined__014b5.hoverBrandNew__5984d.hasHover_dfa15e:hover {
border-color: rgba(var(--accentcolor_v), 0.6);
}
#app-mount .lookOutlined__014b5.colorBrand__27d57:active,
#app-mount .lookOutlined__014b5.colorBrandNew__8872c:active,
#app-mount .lookOutlined__014b5.hoverBrand__252e8.hasHover_dfa15e:active,
#app-mount .lookOutlined__014b5.hoverBrandNew__5984d.hasHover_dfa15e:active {
background-color: rgba(var(--accentcolor_v), 0.1);
border-color: rgb(var(--accentcolor_v));
}
#app-mount .lookOutlined__014b5.colorBrand__27d57,
#app-mount .lookOutlined__014b5.colorBrand__27d57:disabled,
#app-mount .lookOutlined__014b5.colorBrandNew__8872c,
#app-mount .lookOutlined__014b5.colorBrandNew__8872c:disabled {
border-color: rgba(var(--accentcolor_v), 0.1);
color: rgb(var(--accentcolor_v));
}
#app-mount .lookLink_a2da25.colorBrand__27d57,
#app-mount .lookLink_a2da25.colorBrandNew__8872c {
color: rgb(var(--accentcolor_v));
}
#app-mount .lookLink_a2da25.hoverBrand__252e8.hasHover_dfa15e:hover .contents__322f4,
#app-mount .lookLink_a2da25.hoverBrandNew__5984d.hasHover_dfa15e:hover .contents__322f4 {
--button--underline-color: rgb(var(--accentcolor_v));
}
#app-mount .lookLink_a2da25.colorLink__4141a svg [fill*="hsl"] {
fill: currentColor !important;
}
#app-mount .borderBrand__3e590,
#app-mount .borderBrandNew__30cf2 {
border-color: rgb(var(--accentcolor_v)) !important;
}
.guildBoostCtaBoostContent__2b1fb {
color: var(--guild-boosting-pink);
}
/* ---- 12.3. INPUTS ---- */
.input_f27786:not(.error__18f19):not(.success__6529a):not(.focused__86d46):not(:focus):hover {
border-color: var(--deprecated-text-input-border-hover);
}
.input_f27786:not(.error__18f19):not(.success__6529a).focused__86d46,
.input_f27786:not(.error__18f19):not(.success__6529a):focus {
border-color: rgb(var(--accentcolor_v));
}
.focused__86d46 {
border-color: rgb(var(--accentcolor_v));
}
#app-mount .prefixInput_e78a57:not(.error_cb5ca3).focused_b2f253 {
border-color: rgb(var(--accentcolor_v));
}
.addFriendInputWrapper__2b30b:focus-within {
border-color: rgb(var(--accentcolor_v));
}
.addFriendInputWrapper__2b30b .input_f27786 {
background-color: transparent !important;
border-color: transparent !important;
}
.checkbox_fcf2ad.checked__16f88[style*="background-color: hsl(227, "],
.checkbox_fcf2ad.checked__16f88[style*="background-color: hsl(235, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
.checkbox_fcf2ad.checked__16f88[style*="border-color: hsl(227, "],
.checkbox_fcf2ad.checked__16f88[style*="border-color: hsl(235, "] {
border-color: rgb(var(--accentcolor_v)) !important;
}
.checkbox_fcf2ad path[fill*="hsl(227, "],
.checkbox_fcf2ad path[fill*="hsl(235, "] {
fill: rgb(var(--accentcolor_v)) !important;
}
.container__2ed72 { /* switch unchecked */
background-color: rgb(114, 118, 125) !important;
transition: background-color .1s ease-out;
} /* switch checked */
.container__2ed72.checked__36fdc {
background-color: rgba(var(--accentcolor_v), 0.8) !important;
}
.container__2ed72.checked__36fdc:hover {
background: var(--accentcolor-hover) !important;
}
#app-mount .container__2ed72:active {
background: var(--accentcolor-active) !important;
}
.container__2ed72 path[fill] {
fill: rgb(114, 118, 125) !important;
}
.container__2ed72.checked__36fdc path[fill],
.container__2ed72:active path[fill] {
fill: rgb(var(--accentcolor_v)) !important;
}
.barFill__1f56b { /* slider barfill */
background: rgb(var(--accentcolor_v));
}
.mediaBarGrabber__1d527, /* progessbar grabber */
.mediaBarProgress_a3b7f1, /* progessbar barfill */
.mediaBarProgress_a3b7f1::after,
.mediaBarProgress_a3b7f1::before {
background-color: rgb(var(--accentcolor_v));
}
.mediaBarInteraction_e21234:hover .mediaBarGrabber__1d527,
.mediaBarInteractionDragging__55800 .mediaBarGrabber__1d527 {
background-color: rgb(var(--accentcolor_v));
filter: brightness(120%);
}
.theme-light .select_fe2671:focus, /* dropdown select nitro subscription */
.theme-light .lookFilled__9c1ef.select_fe2671:focus,
.theme-dark .select_fe2671:focus,
.theme-dark .lookFilled__9c1ef.select_fe2671:focus {
border-color: rgb(var(--accentcolor_v));
}
.theme-light .lookFilled__9c1ef.select_fe2671:hover.open_cd27aa,
.theme-light .lookFilled__9c1ef.open_cd27aa,
.theme-dark .lookFilled__9c1ef.select_fe2671:hover.open_cd27aa,
.theme-dark .lookFilled__9c1ef.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_eb4d55 { /* 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__40327 { /* 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_dd501b { /* verifiedbadge */
color: rgb(var(--accentcolor_v));
}
.partnered__79440 { /* partneredbadge */
color: rgb(var(--accentcolor_v));
}
.partnered__79440 .flowerStar_fa5ad8 {
filter: brightness(75%);
}
.base__5ed84[style*="background-color: rgb(88, 101, 242)"],
.base__5ed84[style*="background-color: rgb(87, 100, 242)"],
.base__5ed84[style*="background-color: hsl(227, "],
.base__5ed84[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_c5a804[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_c5a804[src="/assets/26421523fdfaf469e28e.svg"] + * {
position: relative;
display: flex;
justify-content: center;
}
.image_c5a804[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_e4a4b7 {
filter: hue-rotate(-85deg);
}
/* ---- 12.6. SCROLLBARS ---- */
::-webkit-scrollbar-corner,
#app-mount ::-webkit-scrollbar-corner {
background-color: transparent;
}
/* ---- 12.7. NOTIFICATIONBAR ---- */
.colorPremiumTier1_bff508 {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.7));
}
.colorPremiumTier1_bff508 .button__33db6:hover {
color: rgb(var(--accentcolor_v));
}
.colorPremiumTier2__9a69b {
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.colorPremiumTier2__9a69b .button__33db6:hover {
color: rgb(var(--accentcolor_v));
}
.colorBrand__23061 {
background-color: rgb(var(--accentcolor_v));
}
.colorBrand__23061 .button__33db6: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__344e7: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_f8978a: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__6c73a: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__68214 {
background-color: rgb(var(--accentcolor_v));
}
#app-mount .tooltipBrand__68214 a {
filter: brightness(50%);
}
#app-mount .tooltipBrand__68214 .tooltipPointer_f7411c {
border-top-color: rgb(var(--accentcolor_v));
}
.contentPremium_d652ba {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), .7))
}
.contentPremium_d652ba .lookInverted_a299dc.colorBrand__27d57 {
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);
}
html #bd-modal-container {
color: transparent;
}
html #bd-modal-container > * {
color: var(--header-secondary);
}
.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-button-filled.bd-button-color-brand:disabled {
background: var(--bd-blue) !important;
}
.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__14919[style*="border-color: rgb(62, 130, 229)"],
.embedFull__14919[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__00a1a {
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__8436d:active .childWrapper_a6ce15.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;
}