BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css

2638 lines
104 KiB
CSS
Raw Normal View History

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