BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css

2647 lines
104 KiB
CSS
Raw Normal View History

2024-03-28 18:23:28 +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
2024-03-28 18:23:28 +01:00
.wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15, /* home/acronym */
.wrapper__8436d:hover .childWrapper_a6ce15 {
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2020-02-24 14:40:01 +01:00
}
2024-03-28 18:23:28 +01:00
.wrapper__8436d rect[fill] {
2021-12-09 22:14:47 +01:00
fill: var(--background-primary);
}
2024-03-28 18:23:28 +01:00
.wrapper__8436d 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
2024-03-28 18:23:28 +01:00
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 1"],
.folderIconWrapper__11165[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
}
2024-03-28 18:23:28 +01:00
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.9"],
.folderIconWrapper__11165[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
}
2024-03-28 18:23:28 +01:00
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.8"],
.folderIconWrapper__11165[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
}
2024-03-28 18:23:28 +01:00
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.7"],
.folderIconWrapper__11165[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
}
2024-03-28 18:23:28 +01:00
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.6"],
.folderIconWrapper__11165[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
}
2024-03-28 18:23:28 +01:00
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.5"],
.folderIconWrapper__11165[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
}
2024-03-28 18:23:28 +01:00
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.4"],
.folderIconWrapper__11165[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
}
2024-03-28 18:23:28 +01:00
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.3"],
.folderIconWrapper__11165[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
}
2024-03-28 18:23:28 +01:00
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.2"],
.folderIconWrapper__11165[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
}
2024-03-28 18:23:28 +01:00
.folderIconWrapper__11165[style*="background-color: rgba(88, 101, 242, 0.1"],
.folderIconWrapper__11165[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
}
2024-03-28 18:23:28 +01:00
.folderIconWrapper__11165 svg[style^="color: rgb(88, 101, 242)"],
.folderIconWrapper__11165 svg[style*=" color: rgb(88, 101, 242)"],
.folderIconWrapper__11165 svg[style^="color: rgb(87, 100, 242)"],
.folderIconWrapper__11165 svg[style*=" color: rgb(87, 100, 242)"] {
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
2024-03-28 18:23:28 +01:00
.channelNotice__4b1b9 .imageContainer__76a53 {
2023-11-18 16:37:54 +01:00
position: relative;
}
2024-03-28 18:23:28 +01:00
.channelNotice__4b1b9 .imageContainer__76a53::before,
.channelNotice__4b1b9 .imageContainer__76a53::after {
2023-11-18 16:37:54 +01:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
2024-03-28 18:23:28 +01:00
.channelNotice__4b1b9:has(.image__8c766[src="/assets/148fd8378ac32a66783c.svg"]) .image__8c766,
.channelNotice__4b1b9:has(.image__8c766[src="/assets/7e724c5bbf29dd3598ea.svg"]) .image__8c766 {
2023-11-18 16:37:54 +01:00
visibility: hidden;
}
2024-03-28 18:23:28 +01:00
.channelNotice__4b1b9:has(.image__8c766[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__76a53 {
2023-11-18 16:37:54 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_bg.svg) center/cover no-repeat;
}
2024-03-28 18:23:28 +01:00
.channelNotice__4b1b9:has(.image__8c766[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__76a53::before {
2023-11-18 16:37:54 +01:00
background: rgb(var(--accentcolor));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_accent.svg) center/cover no-repeat;
}
2024-03-28 18:23:28 +01:00
.channelNotice__4b1b9:has(.image__8c766[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__76a53::after {
2023-11-18 16:37:54 +01:00
background: rgb(var(--accentcolor2));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_accent2.svg) center/cover no-repeat;
}
2024-03-28 18:23:28 +01:00
.channelNotice__4b1b9:has(.image__8c766[src="/assets/7e724c5bbf29dd3598ea.svg"]) .imageContainer__76a53::before {
2023-11-18 16:37:54 +01:00
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
2024-03-28 18:23:28 +01:00
.newMessagesBar__8b272 { /* new messagesbar */
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2020-02-24 14:40:01 +01:00
}
2024-03-28 18:23:28 +01:00
.hasMore__8db19 { /* hasmore messagesbar */
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2020-02-24 14:40:01 +01:00
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42[style*="(148, 156, 247"] {
2021-05-18 12:01:04 +02:00
background-color: var(--message-background-flash) !important;
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42[style*="background-color: rgb(148, 156, 247)"],
.backgroundFlash__28f42[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
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42[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
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42[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
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42[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
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42[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
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42[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
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42[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
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42[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
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42[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
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42[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-03-28 18:23:28 +01:00
.backgroundFlash__28f42[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-03-28 18:23:28 +01:00
.backgroundFlash__28f42[style*="background-color: rgba(148, 156, 247, 0)"] {
2024-02-12 17:08:52 +01:00
--message-background-flash: rgba(var(--accentcolor_v), 0);
}
2020-12-25 16:39:52 +01:00
2024-03-28 18:23:28 +01:00
.embedFull__14919[style*="border-color: hsl(216, "],
.embedFull__14919[style*="border-color: hsl(227, "],
.embedFull__14919[style*="border-color: hsl(235, "],
.embedFull__14919[style*="border-color: hsl(237, "],
.embedFull__14919[style*="border-color: hsla(216, "],
.embedFull__14919[style*="border-color: hsla(227, "],
.embedFull__14919[style*="border-color: hsla(235, "],
.embedFull__14919[style*="border-color: hsla(237, "] {
2023-11-08 13:21:06 +01:00
border-color: rgb(var(--accentcolor_v)) !important;
2020-12-29 18:37:33 +01:00
}
2024-03-28 18:23:28 +01:00
.ephemeral_eb5d84, /* localbot container */
.replying__38514 { /* 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
}
2024-03-28 18:23:28 +01:00
.ephemeral_eb5d84::before, /* localbot before */
.replying__38514::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
}
2024-03-28 18:23:28 +01:00
.message_ccca67.ephemeral_eb5d84.selected_e3bc5d,
.mouse-mode.full-motion .ephemeral_eb5d84:hover,
.mouse-mode .ephemeral_eb5d84:hover,
.message_ccca67.replying__38514.selected_e3bc5d,
.mouse-mode.full-motion .replying__38514:hover,
.mouse-mode .replying__38514:hover {
2023-11-08 13:21:06 +01:00
background-color: rgba(var(--accentcolor_v), 0.1);
2020-02-24 14:40:01 +01:00
}
2024-03-28 18:23:28 +01:00
.ephemeralMessage__24192 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
2024-03-28 18:23:28 +01:00
.operations__62559 > a { /* message operations */
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2020-02-24 14:40:01 +01:00
}
2024-03-28 18:23:28 +01:00
.blockedSystemMessage_d1b25e:hover .blockedAction_bf310e { /* blocked message operations */
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2023-11-08 11:22:50 +01:00
}
2024-03-28 18:23:28 +01:00
.footerIcon__98652 path[fill*="hsl(197, "] { /* automod operations */
2022-06-22 15:34:42 +02:00
fill: var(--text-link);
}
2024-03-28 18:23:28 +01:00
.icon__6992d { /* 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
}
2024-03-28 18:23:28 +01:00
.message__6eae4 strong, /* mention in header */
#app-mount .wrapper_f5f4c9 { /* 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
}
2024-03-28 18:23:28 +01:00
.message__6eae4 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
}
2024-03-28 18:23:28 +01:00
#app-mount .reactionMe__0fffc .reactionCount__2c34d, /* reaction count me */
#app-mount .reactionMe__0fffc:hover .reactionCount__2c34d {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2020-02-24 14:40:01 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .reaction__4a43f.reactionMe__0fffc { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .reaction__4a43f:hover, /* reaction add react */
.addReactButton__4342f:hover, /* reaction add new react */
.buttonInner__865de:hover {
2023-11-08 13:21:06 +01:00
border-color: rgba(var(--accentcolor_v), .5);
2020-02-24 14:40:01 +01:00
}
2024-03-28 18:23:28 +01:00
.progressBar__00a1a[style*="background-color: hsl(227, "], /* attachment upload bar */
.progressBar__00a1a[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
2024-03-28 18:23:28 +01:00
.channelTextAreaInnerFocused__42399 {
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
2024-03-28 18:23:28 +01:00
#app-mount .selectedPill_b305ee {
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
2024-03-28 18:23:28 +01:00
.image__7ea68[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
}
2024-03-28 18:23:28 +01:00
.image__7ea68[src="/assets/e49c372705a84e02772c.svg"] + * {
2021-01-03 16:23:05 +01:00
overflow: visible;
}
2024-03-28 18:23:28 +01:00
.image__7ea68[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
}
2024-03-28 18:23:28 +01:00
.image__7ea68[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
}
2024-03-28 18:23:28 +01:00
.image__7ea68[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] + * {
2021-01-10 12:27:58 +01:00
overflow: visible;
}
2024-03-28 18:23:28 +01:00
.image__7ea68[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;
}
2024-03-28 18:23:28 +01:00
.image__7ea68[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;
}
2024-03-28 18:23:28 +01:00
.image__7ea68[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] + * {
2022-01-11 22:14:25 +01:00
overflow: visible;
}
2024-03-28 18:23:28 +01:00
.image__7ea68[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
2024-03-28 18:23:28 +01:00
.animation__64db3 path[stroke="rgb(123,162,255)"], /* textarea wave hand icon */
.animation__64db3 path[stroke="rgb(123, 162, 255)"],
.animation_db268f path[stroke="rgb(123,162,255)"],
.animation_db268f path[stroke="rgb(123, 162, 255)"] {
2023-11-08 13:21:06 +01:00
stroke: rgb(var(--accentcolor_v)) !important;
2021-04-14 14:09:14 +02:00
}
2024-03-28 18:23:28 +01:00
.mentionButton__73096 { /* 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
}
2024-03-28 18:23:28 +01:00
.premium_bc4eb4 path[fill] {
2021-06-14 15:28:43 +02:00
fill: var(--text-normal);
}
2024-03-28 18:23:28 +01:00
.comboNameplate_c61ccc[style^="color: hsl(227, "],
.comboNameplate_c61ccc[style^="color: hsl(235, "],
.comboNameplate_c61ccc[style*=" color: hsl(227, "],
.comboNameplate_c61ccc[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
}
2024-03-28 18:23:28 +01:00
#app-mount .searchSuggestion__0c434: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
}
2024-03-28 18:23:28 +01:00
.theme-light .focused__79359::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
}
2024-03-28 18:23:28 +01:00
.theme-dark .focused__79359::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
}
2024-03-28 18:23:28 +01:00
#app-mount .categoryFadeBlurple_ffb0c5 { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .categoryFadeBlurple_ffb0c5: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
}
2024-03-28 18:23:28 +01:00
.introductionAction__9a515 { /* gifpicker introductionaction tooltip */
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2020-04-25 09:23:03 +02:00
}
2024-03-28 18:23:28 +01:00
.iconColorBlue__70a2b { /* stickerpicker icon blue */
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2023-10-26 12:04:31 +02:00
}
2024-03-28 18:23:28 +01:00
.iconColorLightBlue__696a8 { /* 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%);
}
2024-03-28 18:23:28 +01:00
.iconColorDarkBlue__40d12 { /* 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%);
}
2024-03-28 18:23:28 +01:00
.iconColorPink_e662f9 { /* 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
2024-03-28 18:23:28 +01:00
.premiumIcon__58b74 {
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
2024-03-28 18:23:28 +01:00
#app-mount .activeButton__70b70,
#app-mount .activeButton__70b70:hover {
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2021-01-09 16:51:03 +01:00
}
2024-03-28 18:23:28 +01:00
.noResultsImage__1a10e.alt__77d89 {
2020-10-19 18:37:37 +02:00
display: flex;
}
2024-03-28 18:23:28 +01:00
.noResultsImage__1a10e.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
2024-03-28 18:23:28 +01:00
.sparkleBlurple_d642cb,
2023-10-29 13:07:45 +01:00
.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
}
2024-03-28 18:23:28 +01:00
.background__3baa0[style*="background-color: rgb(92, 100, 244)"],
.background__3baa0[style*="background-color: hsl(235, "],
.background__3baa0[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
}
2024-03-28 18:23:28 +01:00
.border_d9a17b.voiceChannelEffect__635a5 {
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
2024-03-28 18:23:28 +01:00
.container_adb621 { /* 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
}
2024-03-28 18:23:28 +01:00
.container_adb621 .illustration_c432ed {
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
2024-03-28 18:23:28 +01:00
#app-mount .premiumIndicator_a4b0ec { /* premium where? */
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2020-02-24 14:40:01 +01:00
}
2024-03-28 18:23:28 +01:00
.activeTransferGuildCardBorder_c101c5 {
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
}
2024-03-28 18:23:28 +01:00
.theme-light .animationContainer_a16e5b {
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
}
2024-03-28 18:23:28 +01:00
.grandfatheredMessage__6ab98 {
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
2024-03-28 18:23:28 +01:00
.iconBackgroundTier1__667ba { /* 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
}
2024-03-28 18:23:28 +01:00
.iconBackgroundTier2_a876d8 { /* 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
}
2024-03-28 18:23:28 +01:00
.overlappingBorder__0ee38 { /* 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
}
2024-03-28 18:23:28 +01:00
.premiumCircle__52f8e { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .staffIcon__87eaa { /* store stafficon */
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2020-02-24 14:40:01 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .nitroIcon_d89fa7 { /* 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
}
2024-03-28 18:23:28 +01:00
.confirmPremiumIcon_c2259f, /* store confirmpremiumicon */
.gameIcon_fc710a[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
}
2024-03-28 18:23:28 +01:00
.pageWrapper_d7a7e5 { /* 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
}
2024-03-28 18:23:28 +01:00
.tier0__2e127.withTier0Rim__291d2: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
}
2024-03-28 18:23:28 +01:00
.tier2__1364f.withTier2Rim_c3d2f1: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
}
2024-03-28 18:23:28 +01:00
#app-mount .tier2__1364f .lookInverted_a299dc.colorBrand__27d57 {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor2_v));
2022-09-21 16:18:47 +02:00
}
2024-03-28 18:23:28 +01:00
.mostPopularPill__9889b,
.mostPopularPill_de59b9 {
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
}
2024-03-28 18:23:28 +01:00
.tier2ColumnOuter_c78c33 {
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
2024-03-28 18:23:28 +01:00
.foreground_c28dd7 { /* 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
2024-03-28 18:23:28 +01:00
.searchBox__56feb:focus, /* searchbox focus */
.searchBox__56feb:focus-within,
.searchPage_c33350 .search_e47903 .searchBox__02d0b:focus,
.searchPage_c33350 .search_e47903 .searchBox__02d0b:focus-within {
2023-11-08 13:21:06 +01:00
border-color: rgb(var(--accentcolor_v));
2020-05-11 13:46:14 +02:00
}
2024-03-28 18:23:28 +01:00
.search_e47903 .searchBox__02d0b:focus,
.search_e47903 .searchBox__02d0b: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
2024-03-28 18:23:28 +01:00
#app-mount .activeButton__70b70, /* pagination button */
#app-mount .activeButton__70b70: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
2024-03-28 18:23:28 +01:00
.categoryItem__0608f.selectedCategoryItem__3e361 .itemInner_eedb2b { /* 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
}
2024-03-28 18:23:28 +01:00
.categoryPill_c6ae1b.selected_b5f19b { /* 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 ~~~~ */
2024-03-28 18:23:28 +01:00
.item__48dda .premiumLabel__68f78 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
}
2024-03-28 18:23:28 +01:00
.background__4e802 .lookLink_a2da25.colorLink__4141a {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2021-05-28 14:02:13 +02:00
}
2024-03-28 18:23:28 +01:00
.background__4e802 .lookLink_a2da25.colorLink__4141a:hover .contents__322f4 {
2023-11-08 13:21:06 +01:00
--button--underline-color: rgb(var(--accentcolor_v));
2023-11-01 13:00:43 +01:00
}
2024-03-28 18:23:28 +01:00
.contentCircle_ed1cb1 { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .questionMark__6bfbc { /* accountsettings questionmark */
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .questionMark__6bfbc: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
2024-03-28 18:23:28 +01:00
.premiumFeatureBorder__6ac04 { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .tier1ProfilePerk__46cf4 { /* 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%);
}
2024-03-28 18:23:28 +01:00
#app-mount .tier1BoostPerk__9aea0 { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .tier1UploadPerk__23aaf { /* 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
}
2024-03-28 18:23:28 +01:00
.fullArt__1fc77,
2023-10-29 10:23:06 +01:00
.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
}
2024-03-28 18:23:28 +01:00
.fullArt__1fc77::before,
.fullArt__1fc77::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
}
2024-03-28 18:23:28 +01:00
.fullArt__1fc77::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
}
2024-03-28 18:23:28 +01:00
.fullArt__1fc77::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;
}
2024-03-28 18:23:28 +01:00
.tierUnlocked_f689f4 { /* 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
}
2024-03-28 18:23:28 +01:00
.tierIcon_fc03d4:not(.tierIconLocked__99052) { /* boostsettings tiericon */
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor2_v));
2020-02-24 14:40:01 +01:00
}
2024-03-28 18:23:28 +01:00
.iconWrapper__5b9db { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .tierCloseHint_eae058 { /* boostsettings tierclosehint */
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2019-02-19 00:02:54 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .tierCloseHint_eae058::before {
2023-11-08 13:21:06 +01:00
border-right-color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .tierHeaderUnlockedBackground__627d2 { /* 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
}
2024-03-28 18:23:28 +01:00
.backgroundOptionRing__45698 { /* 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
}
2024-03-28 18:23:28 +01:00
.icon_bf45a6[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
2024-03-28 18:23:28 +01:00
.icon__88e76 { /* hypesettings perk icon */
2020-12-30 19:27:55 +01:00
position: relative;
}
2024-03-28 18:23:28 +01:00
.icon__88e76::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
}
2024-03-28 18:23:28 +01:00
.perkNewsletter_ecd51c {
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
}
2024-03-28 18:23:28 +01:00
.perkNewsletter_ecd51c::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
}
2024-03-28 18:23:28 +01:00
.perkBadge__95d70 {
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
}
2024-03-28 18:23:28 +01:00
.perkBadge__95d70::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
}
2024-03-28 18:23:28 +01:00
.perkChallenges__2a8f9 {
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
}
2024-03-28 18:23:28 +01:00
.perkChallenges__2a8f9::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
}
2024-03-28 18:23:28 +01:00
.wrapper__4b6b3 { /* 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
}
2024-03-28 18:23:28 +01:00
.option__1d8de: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
}
2024-03-28 18:23:28 +01:00
.selected__4e154.option__1d8de {
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
}
2024-03-28 18:23:28 +01:00
.noticeIcon__61e6f[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
}
2024-03-28 18:23:28 +01:00
.noticeIcon__61e6f[src="/assets/8bc13200408a99819215.svg"] + * {
2020-12-27 11:10:52 +01:00
position: relative;
}
2024-03-28 18:23:28 +01:00
.noticeIcon__61e6f[src="/assets/8bc13200408a99819215.svg"] + *::before,
.noticeIcon__61e6f[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
}
2024-03-28 18:23:28 +01:00
.noticeIcon__61e6f[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
}
2024-03-28 18:23:28 +01:00
.noticeIcon__61e6f[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
2024-03-28 18:23:28 +01:00
.avatarUploaderInnerSquare__317f2 { /* 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
}
2024-03-28 18:23:28 +01:00
.unlockedIcon_e1e3e3 { /* 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;
}
2024-03-28 18:23:28 +01:00
.bannerClubs_f1eedf {
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
}
2024-03-28 18:23:28 +01:00
.bannerClubs_f1eedf .avatarName_f6c6c4 {
2021-05-18 14:36:43 +02:00
display: flex;
font-size: 0;
}
2024-03-28 18:23:28 +01:00
.bannerClubs_f1eedf .avatarName_f6c6c4::before {
2021-05-18 14:36:43 +02:00
content: "Susie#0000";
font-size: 16px;
}
2024-03-28 18:23:28 +01:00
.bannerGaming__5a172 {
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
}
2024-03-28 18:23:28 +01:00
.bannerHobbies__48dce {
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
}
2024-03-28 18:23:28 +01:00
.infoItem_dd83a7[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
2024-03-28 18:23:28 +01:00
@-webkit-keyframes pulseBorder_f5b0c6 { /* 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;}
}
2024-03-28 18:23:28 +01:00
@keyframes pulseBorder_f5b0c6 {
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
2024-03-28 18:23:28 +01:00
.placeholderImage_e918f7 { /* 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
}
2024-03-28 18:23:28 +01:00
.placeholderImage_e918f7::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
2024-03-28 18:23:28 +01:00
.defaultIcon__8dcaf { /* 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
}
2024-03-28 18:23:28 +01:00
.headerIcon__038a6[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
}
2024-03-28 18:23:28 +01:00
.headerIcon__038a6[src="/assets/860c39d4003b98a5ee9d.svg"] + * {
2020-12-26 19:18:52 +01:00
position: relative;
height: 60px;
}
2024-03-28 18:23:28 +01:00
.headerIcon__038a6[src="/assets/860c39d4003b98a5ee9d.svg"] + * {
2021-12-07 16:12:31 +01:00
position: relative;
height: 60px;
}
2024-03-28 18:23:28 +01:00
.headerIcon__038a6[src="/assets/860c39d4003b98a5ee9d.svg"] + h2 {
2021-12-07 16:12:31 +01:00
display: flex;
align-items: center;
white-space: pre-wrap;
}
2024-03-28 18:23:28 +01:00
.headerIcon__038a6[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
}
2024-03-28 18:23:28 +01:00
.featureIcon__84893 [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
}
2024-03-28 18:23:28 +01:00
.educationUpsellRoot__96ff6 .wumpus__659e8, /* communitysettings rules wumpus */
.exampleWumpus_dbd9ef .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
}
2024-03-28 18:23:28 +01:00
.educationUpsellRoot__96ff6:has(.wumpus__659e8)::after,
.exampleWumpus_dbd9ef::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
2024-03-28 18:23:28 +01:00
.profileBadge__3cc69[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
}
2024-03-28 18:23:28 +01:00
.profileBadge__3cc69[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
}
2024-03-28 18:23:28 +01:00
.profileBadge__3cc69[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
2024-03-28 18:23:28 +01:00
.profileBadge__3cc69[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
}
2024-03-28 18:23:28 +01:00
.profileBadge__3cc69[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
}
2024-03-28 18:23:28 +01:00
.profileBadge__3cc69[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
}
2024-03-28 18:23:28 +01:00
.profileBadge__3cc69[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
}
2024-03-28 18:23:28 +01:00
.profileBadge__3cc69[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
}
2024-03-28 18:23:28 +01:00
.iconImage__22424[src="/assets/aeb0884e649be1418151.svg"],
.profileBadge__3cc69[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
}
2024-03-28 18:23:28 +01:00
.profileBadge__3cc69[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
}
2024-03-28 18:23:28 +01:00
.profileBadge__3cc69[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
}
2024-03-28 18:23:28 +01:00
.profileBadge__3cc69[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
}
2024-03-28 18:23:28 +01:00
.guildAvatarWithoutIcon__907b8 { /* 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
2024-03-28 18:23:28 +01:00
.icon__2df73[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
}
2024-03-28 18:23:28 +01:00
.icon__2df73[src="/assets/4d526e1c61d719fd39a0.svg"] + * {
2021-01-03 16:44:09 +01:00
position: relative;
display: flex;
align-items: center;
overflow: visible;
}
2024-03-28 18:23:28 +01:00
.icon__2df73[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
2024-03-28 18:23:28 +01:00
.uploadIcon__1b138 [fill="#5865f2" i],
.uploadIcon__1b138 [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
2024-03-28 18:23:28 +01:00
.regionSelectFlag__2f65d { /* 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
2024-03-28 18:23:28 +01:00
.uploadModalIn_c0e1db .uploadDropModal_cfadae .bgScale_f4bff5 { /* modal background */
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
.uploadModalIn_c0e1db .uploadDropModal_cfadae .inner__7afe9 .icon__4bc4d.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
}
2024-03-28 18:23:28 +01:00
.uploadModalIn_c0e1db .uploadDropModal_cfadae.error_d2567f .inner__7afe9 .icon__4bc4d.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
2024-03-28 18:23:28 +01:00
.attachment__06ca3 {
2021-05-17 11:57:52 +02:00
position: relative;
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e,
.uploadContainer__72a65 .icon__33bb5,
.audioMetadata__84e00::before,
.uploadModal__6eb75 .icon__4bc4d:not(img),
.icon__4bc4d: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
}
2024-03-28 18:23:28 +01:00
.uploadContainer__72a65 .icon__33bb5 {
2021-12-31 14:52:41 +01:00
background-size: 72px 96px !important;
}
2024-03-28 18:23:28 +01:00
.uploadModal__6eb75 .icon__4bc4d:not(img),
.icon__4bc4d:not(img) {
2021-05-15 23:16:07 +02:00
background-size: 72px 96px !important;
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e + *::before,
.attachment__06ca3 .icon_df1a3e + *::after,
.uploadContainer__72a65 .icon__33bb5::before,
.uploadContainer__72a65 .icon__33bb5::after,
.audioMetadata__84e00 > *:first-child::before,
.audioMetadata__84e00 > *:first-child::after,
.uploadModal__6eb75 .icon__4bc4d:not(img)::before,
.uploadModal__6eb75 .icon__4bc4d:not(img)::after,
.icon__4bc4d:not(img)::before,
.icon__4bc4d:not(img)::after {
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
}
2024-03-28 18:23:28 +01:00
.audioMetadata__84e00::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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e + *::before,
.attachment__06ca3 .icon_df1a3e + *::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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3.newMosaicStyle_b4aa24 .icon_df1a3e + *::before,
.attachment__06ca3.newMosaicStyle_b4aa24 .icon_df1a3e + *::after {
2023-07-14 09:56:01 +02:00
top: 16px;
left: 16px;
2023-03-20 09:15:18 +01:00
}
2024-03-28 18:23:28 +01:00
.wrapperAudio__178e9 .audioMetadata__84e00 > *:first-child::before,
.wrapperAudio__178e9 .audioMetadata__84e00 > *: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
}
2024-03-28 18:23:28 +01:00
.wrapperAudio__178e9.newMosaicStyle__78072 .audioMetadata__84e00 > *:first-child::before,
.wrapperAudio__178e9.newMosaicStyle__78072 .audioMetadata__84e00 > *:first-child::after {
2023-07-14 09:56:01 +02:00
top: 16px;
left: 16px;
2023-03-20 09:18:41 +01:00
}
2024-03-28 18:23:28 +01:00
.uploadContainer__72a65 .icon__33bb5::before,
.uploadContainer__72a65 .icon__33bb5::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
}
2024-03-28 18:23:28 +01:00
.uploadModal__6eb75 .icon__4bc4d:not(img)::before,
.uploadModal__6eb75 .icon__4bc4d:not(img)::after,
.icon__4bc4d:not(img)::before,
.icon__4bc4d: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
}
2024-03-28 18:23:28 +01:00
.uploadModalIn_c0e1db .error_d2567f .icon__4bc4d:not(img)::before,
.uploadModalIn_c0e1db .error_d2567f .icon__4bc4d:not(img)::after {
2021-05-11 11:28:22 +02:00
background: #d83c3f;
2020-12-27 13:27:31 +01:00
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e + *::before,
.uploadContainer__72a65 .icon__33bb5::before,
.audioMetadata__84e00 > *:first-child::before,
.uploadModal__6eb75 .icon__4bc4d:not(img)::before,
.icon__4bc4d:not(img)::before {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e + *::after,
.uploadContainer__72a65 .icon__33bb5.unknown_d51edd::after,
.uploadModal__6eb75 .icon__4bc4d.unknown_d8ffbd::after,
.uploadModal__6eb75 .icon__4bc4d:not(img)::after,
.icon__4bc4d:not(img)::after {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="acrobat"] + *::after,
.uploadContainer__72a65 .icon__33bb5.acrobat_f9eccb::after,
.uploadModal__6eb75 .icon__4bc4d.acrobat__81c91::after,
.icon__4bc4d.acrobat__81c91::after {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="ae"] + *::after,
.uploadContainer__72a65 .icon__33bb5.ae__6000b::after,
.uploadModal__6eb75 .icon__4bc4d.ae__1760d::after,
.icon__4bc4d.ae__1760d::after {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="ai"] + *::after,
.uploadContainer__72a65 .icon__33bb5.ai_ccaee8::after,
.uploadModal__6eb75 .icon__4bc4d.ai_e6b437::after,
.icon__4bc4d.ai_e6b437::after {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="archive"] + *::after,
.uploadContainer__72a65 .icon__33bb5.archive__066f8::after,
.uploadModal__6eb75 .icon__4bc4d.archive__37ca1::after,
.icon__4bc4d.archive__37ca1::after {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="audio"] + *::after,
.uploadContainer__72a65 .icon__33bb5.audio__16d30::after,
.audioMetadata__84e00 > *:first-child::after,
.uploadModal__6eb75 .icon__4bc4d.audio__586e3::after,
.icon__4bc4d.audio__586e3::after {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="code"] + *::after,
.uploadContainer__72a65 .icon__33bb5.code_b9f306::after,
.uploadModal__6eb75 .icon__4bc4d.code_e8fdeb::after,
.icon__4bc4d.code_e8fdeb::after {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="document"] + *::after,
.uploadContainer__72a65 .icon__33bb5.document_fc4197::after,
.uploadModal__6eb75 .icon__4bc4d.document__7e851::after,
.icon__4bc4d.document__7e851::after {
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;
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="image"] + *::after,
.uploadModal__6eb75 .icon__4bc4d.image_c29be6::after,
.icon__4bc4d.image_c29be6::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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="photoshop"] + *::after,
.attachment__06ca3 .icon_df1a3e[title="ps"] + *::after,
.uploadContainer__72a65 .icon__33bb5.photoshop_a35613::after,
.uploadContainer__72a65 .icon__33bb5.ps_c2543e::after,
.uploadModal__6eb75 .icon__4bc4d.photoshop__9a3e3::after,
.uploadModal__6eb75 .icon__4bc4d.ps__5148e::after,
.icon__4bc4d.photoshop__9a3e3::after,
.icon__4bc4d.ps__5148e::after {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="sketch"] + *::after,
.uploadContainer__72a65 .icon__33bb5.sketch__56bd2::after,
.uploadModal__6eb75 .icon__4bc4d.sketch_ad9b56::after,
.icon__4bc4d.sketch_ad9b56::after {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="spreadsheet"] + *::after,
.uploadContainer__72a65 .icon__33bb5.spreadsheet_d4cb36::after,
.uploadModal__6eb75 .icon__4bc4d.spreadsheet__8517d::after,
.icon__4bc4d.spreadsheet__8517d::after {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="video"] + *::after,
.uploadContainer__72a65 .icon__33bb5.video__8cddc::after,
.uploadModal__6eb75 .icon__4bc4d.video_edf1b6::after,
.icon__4bc4d.video_edf1b6::after {
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
}
2024-03-28 18:23:28 +01:00
.attachment__06ca3 .icon_df1a3e[title="webcode"] + *::after,
.uploadContainer__72a65 .icon__33bb5.webcode_f10fab::after,
.uploadModal__6eb75 .icon__4bc4d.webcode_a69010::after,
.icon__4bc4d.webcode_a69010::after {
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
}
2024-03-28 18:23:28 +01:00
.filenameLinkWrapper__70f96,
a.fileNameLink__6e8b0,
a.metadataName__87840,
a.metadataDownload__9673d {
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
2024-03-28 18:23:28 +01:00
.ddrArrows__3f52a .arrow__42cbf, /* modal arrows */
.ddrArrows__3f52a .arrow__42cbf::after {
2020-02-24 14:40:01 +01:00
height: 50px;
width: 50px;
}
2024-03-28 18:23:28 +01:00
.ddrArrows__3f52a .arrow__42cbf.active__6598a {
2020-02-24 14:40:01 +01:00
filter: brightness(130%);
}
2024-03-28 18:23:28 +01:00
.ddrArrows__3f52a .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
}
2024-03-28 18:23:28 +01:00
.ddrArrows__3f52a .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
}
2024-03-28 18:23:28 +01:00
.ddrArrows__3f52a .arrow__42cbf.down__005e9 {
2020-02-24 14:40:01 +01:00
transform: rotate(270deg);
2019-02-12 23:53:00 +01:00
}
2024-03-28 18:23:28 +01:00
.ddrArrows__3f52a .arrow__42cbf.up__2d324 {
2020-02-24 14:40:01 +01:00
transform: rotate(90deg);
2019-02-12 23:53:00 +01:00
}
2024-03-28 18:23:28 +01:00
.ddrArrows__3f52a .arrow__42cbf.right__71951 {
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
2024-03-28 18:23:28 +01:00
.authBox__6f336 .lookLink_a2da25.colorLink__4141a { /* authobox links */
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2019-02-19 00:02:54 +01:00
}
2024-03-28 18:23:28 +01:00
.authBox__6f336 .lookLink_a2da25.colorLink__4141a:hover .contents__322f4 {
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
}
2024-03-28 18:23:28 +01:00
.startOverButton__3447a { /* 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
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .footer__76f39 a {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2019-02-12 21:15:10 +01:00
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e.active__8f9aa {
2023-11-08 13:21:06 +01:00
border-color: rgb(var(--accentcolor_v));
2019-02-12 21:15:10 +01:00
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e.active__8f9aa p {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2019-02-12 21:15:10 +01:00
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e.active__8f9aa .downloadButton__06261 {
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2019-02-12 21:15:10 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .downloadApps_f5dd09 .platforms_aed032 .icon__039fc.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
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .icon__039fc.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
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .icon__039fc.active__8f9aa.windows_bbfca9 {
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
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .icon__039fc.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
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .icon__039fc.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
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .icon__039fc.active__8f9aa.android__7a564 {
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
2024-03-28 18:23:28 +01:00
.browserItem__917d3:hover {
2023-11-08 13:21:06 +01:00
border-color: rgb(var(--accentcolor_v));
2019-02-19 00:02:54 +01:00
}
2024-03-28 18:23:28 +01:00
.browserItem__917d3: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
}
2024-03-28 18:23:28 +01:00
#app-mount .animated__426b2 { /* 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
}
2024-03-28 18:23:28 +01:00
.wrapper_adaea0 { /* 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
}
2024-03-28 18:23:28 +01:00
.wrapper_adaea0::before, /* modal boostangel */
.wrapper_adaea0::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
}
2024-03-28 18:23:28 +01:00
.wrapper_adaea0::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
}
2024-03-28 18:23:28 +01:00
.wrapper_adaea0::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
}
2024-03-28 18:23:28 +01:00
#app-mount .wrapper_adaea0 .lookInverted_a299dc.colorBrand__27d57 {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v)) !important;
2021-02-09 13:27:03 +01:00
}
2024-03-28 18:23:28 +01:00
.perkIconGuild__0dcaf { /* 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
}
2024-03-28 18:23:28 +01:00
.perkIconChatPerks__8df30 { /* 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%);
}
2024-03-28 18:23:28 +01:00
.perkIconStream_ba73ea { /* 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
2024-03-28 18:23:28 +01:00
#app-mount .confirmImage_dc066d { /* 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;
}
2024-03-28 18:23:28 +01:00
.confirmImage_dc066d::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;
}
2024-03-28 18:23:28 +01:00
#app-mount .transferConfirmImage__409e4 { /* 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;
}
2024-03-28 18:23:28 +01:00
.transferConfirmImage__409e4::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
2024-03-28 18:23:28 +01:00
.badgeUpgrade_e0f220 { /* 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
2024-03-28 18:23:28 +01:00
.theme-light .closeLink__57354 { /* 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
2024-03-28 18:23:28 +01:00
#app-mount .improved_e02592 { /* modal improved category */
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .improved_e02592::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;
}
2024-03-28 18:23:28 +01:00
.tile__46960:hover .sourceThumbnail_f4fa1d {
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
}
2024-03-28 18:23:28 +01:00
.sourceThumbnail_f4fa1d.selected__1e95d {
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
}
2024-03-28 18:23:28 +01:00
.selectorButton_ea0609:not(.selectorButtonPremiumRequired__9df5b):hover {
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2020-10-18 23:17:42 +02:00
}
2024-03-28 18:23:28 +01:00
.selectorButtonSelected__707fb {
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
2024-03-28 18:23:28 +01:00
.phoneVerificationModal_bdbc3e 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
2024-03-28 18:23:28 +01:00
.reset__51b37.lookLink_a2da25.colorLink__4141a {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2021-05-12 12:59:29 +02:00
}
2024-03-28 18:23:28 +01:00
.reset__51b37.lookLink_a2da25.colorLink__4141a:hover .contents__322f4 {
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
2024-03-28 18:23:28 +01:00
.selectedBrand_a3ae47 { /* 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
}
2024-03-28 18:23:28 +01:00
.selectedBrand_a3ae47.focused__87b55,
.selectedBrand_a3ae47:hover:not(.disabled_ef860a) {
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
2024-03-28 18:23:28 +01:00
.colorBrand__9bb0f:not(.focused_dcafb9):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
}
2024-03-28 18:23:28 +01:00
.menu__13d0c .menuItemFocused__7beab,
.colorBrand__9bb0f.focused_dcafb9,
.colorBrand__9bb0f:active:not(.hideInteraction__0b569),
.colorDefault_e361cf.focused_dcafb9,
.colorDefault_e361cf:active:not(.hideInteraction__0b569) {
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2021-05-11 12:02:33 +02:00
}
2024-03-28 18:23:28 +01:00
.colorBrand__9bb0f:not(.focused_dcafb9):not(:active) .radioSelection__41d1e,
.colorDefault_e361cf:not(.focused_dcafb9):not(:active) .radioSelection__41d1e {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2021-05-11 12:02:33 +02:00
}
2024-03-28 18:23:28 +01:00
.colorBrand__9bb0f:not(.focused_dcafb9):not(:active) .checkbox__378d3,
.colorDefault_e361cf:not(.focused_dcafb9):not(:active) .checkbox__378d3 {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2021-05-11 12:02:33 +02:00
}
2024-03-28 18:23:28 +01:00
.colorBrand__9bb0f.focused_dcafb9 .check__8d1bd,
.colorDefault_e361cf.focused_dcafb9 .check__8d1bd {
2024-03-24 12:22:20 +01:00
fill: rgb(var(--accentcolor_v));
2021-05-11 12:02:33 +02:00
}
2024-03-28 18:23:28 +01:00
.colorPremium__54bff:not(.focused_dcafb9):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
}
2024-03-28 18:23:28 +01:00
.colorPremium__54bff.focused_dcafb9,
.colorPremium__54bff:active:not(.hideInteraction__0b569) {
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor2_v));
2020-05-22 19:55:08 +02:00
}
2024-03-28 18:23:28 +01:00
.colorPremium__54bff:not(.focused_dcafb9):not(:active) .radioSelection__41d1e {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor2_v));
2021-02-06 22:23:56 +01:00
}
2024-03-28 18:23:28 +01:00
.colorPremium__54bff:not(.focused_dcafb9):not(:active) .checkbox__378d3 {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor2_v));
2019-04-05 17:37:56 +02:00
}
2024-03-28 18:23:28 +01:00
.colorPremium__54bff.focused_dcafb9 .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
2024-03-28 18:23:28 +01:00
.colorPremiumGradient__92279:not(.focused_dcafb9):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;
}
2024-03-28 18:23:28 +01:00
.colorPremiumGradient__92279.focused_dcafb9,
.colorPremiumGradient__92279:active:not(.hideInteraction__0b569) {
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
}
2024-03-28 18:23:28 +01:00
.colorPremiumGradient__92279:not(.focused_dcafb9):not(:active) .radioSelection__41d1e {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2022-12-14 12:55:18 +01:00
}
2024-03-28 18:23:28 +01:00
.colorPremiumGradient__92279not(.focused_dcafb9):not(:active) .checkbox__378d3 {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2022-12-14 12:55:18 +01:00
}
2024-03-28 18:23:28 +01:00
.colorPremiumGradient__92279.focused_dcafb9 .check__8d1bd {
2024-03-24 12:22:20 +01:00
fill: rgb(var(--accentcolor_v));
2022-12-14 12:55:18 +01:00
}
2024-03-28 18:23:28 +01:00
.colorDanger__08c25:not(.focused_dcafb9):not(:active) { /* contextmenu danger */
2022-12-14 12:50:10 +01:00
color: var(--status-danger);
2021-05-15 23:29:46 +02:00
}
2024-03-28 18:23:28 +01:00
.colorDanger__08c25.focused_dcafb9,
.colorDanger__08c25:active:not(.hideInteraction__0b569) {
2022-12-14 12:50:10 +01:00
background-color: var(--status-danger);
2021-05-15 23:29:46 +02:00
}
2024-03-28 18:23:28 +01:00
.colorDanger__08c25:not(.focused_dcafb9):not(:active) .radioSelection__41d1e {
2022-12-14 12:50:10 +01:00
color: var(--status-danger);
2021-05-15 23:29:46 +02:00
}
2024-03-28 18:23:28 +01:00
.colorDanger__08c25:not(.focused_dcafb9):not(:active) .checkbox__378d3 {
2022-12-14 12:50:10 +01:00
color: var(--status-danger);
2021-05-15 23:29:46 +02:00
}
2024-03-28 18:23:28 +01:00
.colorDanger__08c25.focused_dcafb9 .check__8d1bd {
2024-03-24 12:22:20 +01:00
fill: var(--status-danger);
2022-12-14 12:50:10 +01:00
}
2024-03-28 18:23:28 +01:00
.colorSuccess__83966:not(.focused_dcafb9):not(:active) { /* contextmenu success */
2022-12-14 12:50:10 +01:00
color: var(--status-success);
}
2024-03-28 18:23:28 +01:00
.colorSuccess__83966.focused_dcafb9,
.colorSuccess__83966:active:not(.hideInteraction__0b569) {
2022-12-14 12:50:10 +01:00
background-color: var(--status-success);
}
2024-03-28 18:23:28 +01:00
.colorSuccess__83966:not(.focused_dcafb9):not(:active) .radioSelection__41d1e {
2022-12-14 12:50:10 +01:00
color: var(--status-success);
}
2024-03-28 18:23:28 +01:00
.colorSuccess__83966:not(.focused_dcafb9):not(:active) .checkbox__378d3 {
2022-12-14 12:50:10 +01:00
color: var(--status-success);
}
2024-03-28 18:23:28 +01:00
.colorSuccess__83966.focused_dcafb9 .check__8d1bd {
2024-03-24 12:22:20 +01:00
fill: var(--status-success);
2021-05-15 23:29:46 +02:00
}
2024-03-28 18:23:28 +01:00
.colorDefault_e361cf[id="account-status-picker--online"].focused_dcafb9,
.colorDefault_e361cf[id="account-status-picker--online"]:active:not(.hideInteraction__0b569) {
2021-05-15 23:43:03 +02:00
background-color: rgb(59,165,92);
2020-05-22 20:05:28 +02:00
}
2024-03-28 18:23:28 +01:00
.colorDefault_e361cf[id="account-status-picker--idle"].focused_dcafb9,
.colorDefault_e361cf[id="account-status-picker--idle"]:active:not(.hideInteraction__0b569) {
2021-05-11 12:02:33 +02:00
background-color: rgb(250,166,26);
2020-05-14 16:21:25 +02:00
}
2024-03-28 18:23:28 +01:00
.colorDefault_e361cf[id="account-status-picker--dnd"].focused_dcafb9,
.colorDefault_e361cf[id="account-status-picker--dnd"]:active:not(.hideInteraction__0b569) {
2021-05-15 23:29:46 +02:00
background-color: rgb(237,66,69);
2021-02-06 22:23:56 +01:00
}
2024-03-28 18:23:28 +01:00
.colorDefault_e361cf[id="account-status-picker--invisible"].focused_dcafb9,
.colorDefault_e361cf[id="account-status-picker--invisible"]:active:not(.hideInteraction__0b569) {
2021-05-11 12:02:33 +02:00
background-color: rgb(116,127,141);
2020-05-22 20:05:28 +02:00
}
2024-03-28 18:23:28 +01:00
.colorDefault_e361cf.focused_dcafb9 .status__1c26d,
.colorDefault_e361cf:active .status__1c26d {
2021-05-15 23:49:30 +02:00
background-color: #fff !important;
}
2024-03-28 18:23:28 +01:00
#status-picker-custom-status .statusItem__9b512 {
2021-05-20 19:11:58 +02:00
grid-template-rows: minmax(24px, auto) 1fr;
}
2021-05-11 12:02:33 +02:00
2024-03-28 18:23:28 +01:00
.icon__0bfbf { /* 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
2024-03-28 18:23:28 +01:00
.activeIcon_b2fa28 path[fill*="hsl(234, "],
.activeIcon_b2fa28 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 */
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected:hover,
#app-mount .calendarPicker__47c85 .react-datepicker__day:not(.react-datepicker__day--disabled):hover {
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 */
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .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;
}
2024-03-28 18:23:28 +01:00
.trophyIconContainer_ed416c [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-03-28 18:23:28 +01:00
.headerText_e86b38 {
2024-02-28 17:13:42 +01:00
overflow-y: hidden;
}
2024-03-28 18:23:28 +01:00
.colorBrand__9bb0f {
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
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorBrand__27d57 .spinnerItem_a87807,
#app-mount .lookOutlined__014b5.colorBrand__27d57 .spinnerItem_a87807,
#app-mount .lookLink_a2da25.colorBrand__27d57 .spinnerItem_a87807,
#app-mount .lookInverted_a299dc.colorBrandNew__8872c .spinnerItem_a87807,
#app-mount .lookOutlined__014b5.colorBrandNew__8872c .spinnerItem_a87807,
#app-mount .lookLink_a2da25.colorBrandNew__8872c .spinnerItem_a87807 {
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
2024-03-28 18:23:28 +01:00
#app-mount .btn__51085.btnPrimary__96a11:hover:not(:disabled),
#app-mount .lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9):hover,
#app-mount .lookFilled__950dd.hoverBrand__252e8.hasHover_dfa15e:hover,
#app-mount .lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9):hover,
#app-mount .lookFilled__950dd.hoverBrandNew__5984d.hasHover_dfa15e:hover {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-hover);
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9):active,
#app-mount .lookFilled__950dd.hoverBrand__252e8.hasHover_dfa15e:active,
#app-mount .lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9):active,
#app-mount .lookFilled__950dd.hoverBrandNew__5984d.hasHover_dfa15e:active {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-active);
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .btn__51085.btnPrimary__96a11,
#app-mount .lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9),
#app-mount .lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9):disabled,
#app-mount .lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9),
#app-mount .lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9):disabled {
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
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorBrand__27d57:hover,
#app-mount .lookInverted_a299dc.hoverBrand__252e8.hasHover_dfa15e:hover,
#app-mount .lookInverted_a299dc.colorBrandNew__8872c:hover,
#app-mount .lookInverted_a299dc.hoverBrandNew__5984d.hasHover_dfa15e:hover {
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
}
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorBrand__27d57:active,
#app-mount .lookInverted_a299dc.hoverBrand__252e8.hasHover_dfa15e:active,
#app-mount .lookInverted_a299dc.colorBrandNew__8872c:active,
#app-mount .lookInverted_a299dc.hoverBrandNew__5984d.hasHover_dfa15e:active {
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
}
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorBrand__27d57,
#app-mount .lookInverted_a299dc.colorBrand__27d57:disabled,
#app-mount .lookInverted_a299dc.colorBrandNew__8872c,
#app-mount .lookInverted_a299dc.colorBrand__27d57:disabled {
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
2024-03-28 18:23:28 +01:00
#app-mount .lookOutlined__014b5.colorBrand__27d57:hover,
#app-mount .lookOutlined__014b5.colorBrandNew__8872c:hover,
#app-mount .lookOutlined__014b5.hoverBrand__252e8.hasHover_dfa15e:hover,
#app-mount .lookOutlined__014b5.hoverBrandNew__5984d.hasHover_dfa15e:hover {
2023-11-08 13:21:06 +01:00
border-color: rgba(var(--accentcolor_v), 0.6);
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookOutlined__014b5.colorBrand__27d57:active,
#app-mount .lookOutlined__014b5.colorBrandNew__8872c:active,
#app-mount .lookOutlined__014b5.hoverBrand__252e8.hasHover_dfa15e:active,
#app-mount .lookOutlined__014b5.hoverBrandNew__5984d.hasHover_dfa15e:active {
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
}
2024-03-28 18:23:28 +01:00
#app-mount .lookOutlined__014b5.colorBrand__27d57,
#app-mount .lookOutlined__014b5.colorBrand__27d57:disabled,
#app-mount .lookOutlined__014b5.colorBrandNew__8872c,
#app-mount .lookOutlined__014b5.colorBrandNew__8872c:disabled {
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
2024-03-28 18:23:28 +01:00
#app-mount .lookLink_a2da25.colorBrand__27d57,
#app-mount .lookLink_a2da25.colorBrandNew__8872c {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookLink_a2da25.hoverBrand__252e8.hasHover_dfa15e:hover .contents__322f4,
#app-mount .lookLink_a2da25.hoverBrandNew__5984d.hasHover_dfa15e:hover .contents__322f4 {
2023-11-08 13:21:06 +01:00
--button--underline-color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookLink_a2da25.colorLink__4141a svg [fill*="hsl"] {
2023-10-27 16:25:22 +02:00
fill: currentColor !important;
}
2020-02-24 14:40:01 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .borderBrand__3e590,
#app-mount .borderBrandNew__30cf2 {
2023-11-08 13:21:06 +01:00
border-color: rgb(var(--accentcolor_v)) !important;
2021-11-03 16:18:23 +01:00
}
2024-03-28 18:23:28 +01:00
.guildBoostCtaBoostContent__2b1fb {
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
2024-03-28 18:23:28 +01:00
.input_f27786:not(.error__18f19):not(.success__6529a):not(.focused__86d46):not(:focus):hover {
2022-04-21 18:31:14 +02:00
border-color: var(--deprecated-text-input-border-hover);
}
2024-03-28 18:23:28 +01:00
.input_f27786:not(.error__18f19):not(.success__6529a).focused__86d46,
.input_f27786:not(.error__18f19):not(.success__6529a):focus {
2023-11-08 13:21:06 +01:00
border-color: rgb(var(--accentcolor_v));
2020-03-14 14:48:34 +01:00
}
2024-03-28 18:23:28 +01:00
.focused__86d46 {
2023-11-08 13:21:06 +01:00
border-color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .prefixInput_e78a57:not(.error_cb5ca3).focused_b2f253 {
2023-11-08 13:21:06 +01:00
border-color: rgb(var(--accentcolor_v));
2022-08-29 14:03:32 +02:00
}
2024-03-28 18:23:28 +01:00
.addFriendInputWrapper__2b30b:focus-within {
2023-11-08 13:21:06 +01:00
border-color: rgb(var(--accentcolor_v));
2022-08-29 14:04:30 +02:00
}
2024-03-28 18:23:28 +01:00
.addFriendInputWrapper__2b30b .input_f27786 {
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
}
2024-03-28 18:23:28 +01:00
.checkbox_fcf2ad.checked__16f88[style*="background-color: hsl(227, "],
.checkbox_fcf2ad.checked__16f88[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
}
2024-03-28 18:23:28 +01:00
.checkbox_fcf2ad.checked__16f88[style*="border-color: hsl(227, "],
.checkbox_fcf2ad.checked__16f88[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
}
2024-03-28 18:23:28 +01:00
.checkbox_fcf2ad path[fill*="hsl(227, "],
.checkbox_fcf2ad 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
2024-03-28 18:23:28 +01:00
.container__2ed72 { /* 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 */
2024-03-28 18:23:28 +01:00
.container__2ed72.checked__36fdc {
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
}
2024-03-28 18:23:28 +01:00
.container__2ed72.checked__36fdc:hover {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-hover) !important;
2020-03-27 10:26:14 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .container__2ed72:active {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-active) !important;
2020-03-27 10:26:14 +01:00
}
2024-03-28 18:23:28 +01:00
.container__2ed72 path[fill] {
2020-10-14 22:06:22 +02:00
fill: rgb(114, 118, 125) !important;
2019-05-02 14:12:49 +02:00
}
2024-03-28 18:23:28 +01:00
.container__2ed72.checked__36fdc path[fill],
.container__2ed72: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
2024-03-28 18:23:28 +01:00
.barFill__1f56b { /* slider barfill */
2023-11-08 13:21:06 +01:00
background: rgb(var(--accentcolor_v));
2019-05-02 14:12:49 +02:00
}
2024-03-28 18:23:28 +01:00
.mediaBarGrabber__1d527, /* progessbar grabber */
.mediaBarProgress_a3b7f1, /* progessbar barfill */
.mediaBarProgress_a3b7f1::after,
.mediaBarProgress_a3b7f1::before {
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2019-05-02 14:12:49 +02:00
}
2024-03-28 18:23:28 +01:00
.mediaBarInteraction_e21234:hover .mediaBarGrabber__1d527,
.mediaBarInteractionDragging__55800 .mediaBarGrabber__1d527 {
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
2024-03-28 18:23:28 +01:00
.theme-light .select_fe2671:focus, /* dropdown select nitro subscription */
.theme-light .lookFilled__9c1ef.select_fe2671:focus,
.theme-dark .select_fe2671:focus,
.theme-dark .lookFilled__9c1ef.select_fe2671:focus {
2023-11-08 13:21:06 +01:00
border-color: rgb(var(--accentcolor_v));
2020-03-25 20:19:24 +01:00
}
2024-03-28 18:23:28 +01:00
.theme-light .lookFilled__9c1ef.select_fe2671:hover.open_cd27aa,
.theme-light .lookFilled__9c1ef.open_cd27aa,
.theme-dark .lookFilled__9c1ef.select_fe2671:hover.open_cd27aa,
.theme-dark .lookFilled__9c1ef.open_cd27aa {
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
}
2024-03-28 18:23:28 +01:00
.botTagInvert_eb4d55 { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .newBadge__40327 { /* 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
}
2024-03-28 18:23:28 +01:00
.verified_dd501b { /* verifiedbadge */
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
.partnered__79440 { /* partneredbadge */
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2020-07-08 18:25:53 +02:00
}
2024-03-28 18:23:28 +01:00
.partnered__79440 .flowerStar_fa5ad8 {
2020-07-08 18:25:53 +02:00
filter: brightness(75%);
}
2019-02-12 12:24:29 +01:00
2024-03-28 18:23:28 +01:00
.base__5ed84[style*="background-color: rgb(88, 101, 242)"],
.base__5ed84[style*="background-color: rgb(87, 100, 242)"],
.base__5ed84[style*="background-color: hsl(227, "],
.base__5ed84[style*="background-color: hsl(235, "] {
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
2024-03-28 18:23:28 +01:00
.image_c5a804[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;
}
2024-03-28 18:23:28 +01:00
.image_c5a804[src="/assets/26421523fdfaf469e28e.svg"] + * {
2021-05-25 11:53:35 +02:00
position: relative;
display: flex;
justify-content: center;
}
2024-03-28 18:23:28 +01:00
.image_c5a804[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
}
2024-03-28 18:23:28 +01:00
#app-mount .successImage_e4a4b7 {
2023-11-02 20:29:25 +01:00
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
2024-03-28 18:23:28 +01:00
.colorPremiumTier1_bff508 {
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
}
2024-03-28 18:23:28 +01:00
.colorPremiumTier1_bff508 .button__33db6:hover {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
.colorPremiumTier2__9a69b {
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
}
2024-03-28 18:23:28 +01:00
.colorPremiumTier2__9a69b .button__33db6:hover {
2023-11-08 13:21:06 +01:00
color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
.colorBrand__23061 {
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
.colorBrand__23061 .button__33db6: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
}
2024-03-28 18:23:28 +01:00
.button__344e7: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
}
2024-03-28 18:23:28 +01:00
.button_f8978a: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
}
2024-03-28 18:23:28 +01:00
.button__6c73a: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
2024-03-28 18:23:28 +01:00
#app-mount .tooltipBrand__68214 {
2023-11-08 13:21:06 +01:00
background-color: rgb(var(--accentcolor_v));
2019-02-12 12:24:29 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .tooltipBrand__68214 a {
2023-04-09 20:12:55 +02:00
filter: brightness(50%);
}
2024-03-28 18:23:28 +01:00
#app-mount .tooltipBrand__68214 .tooltipPointer_f7411c {
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
2024-03-28 18:23:28 +01:00
.contentPremium_d652ba {
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
}
2024-03-28 18:23:28 +01:00
.contentPremium_d652ba .lookInverted_a299dc.colorBrand__27d57 {
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
}
2024-03-30 10:07:28 +01:00
html #bd-modal-container {
color: transparent;
}
html #bd-modal-container > * {
color: var(--header-secondary);
}
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,
2024-04-06 19:46:45 +02:00
.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,
.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
}
2024-04-06 19:46:45 +02:00
.bd-button-filled.bd-button-color-brand:disabled {
background: var(--bd-blue) !important;
}
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
}
2024-03-28 18:23:28 +01:00
.embedFull__14919[style*="border-color: rgb(62, 130, 229)"],
.embedFull__14919[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
}
2024-03-28 18:23:28 +01:00
html .powercord-toast .progressBar__00a1a {
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
2024-03-28 18:23:28 +01:00
.wrapper__8436d:active .childWrapper_a6ce15.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
}