BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css

2360 lines
89 KiB
CSS
Raw Normal View History

2020-12-16 17:20:17 +01:00
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.css);
2019-03-21 09:43:34 +01:00
2019-02-12 12:24:29 +01:00
:root {
2021-05-03 16:23:08 +02:00
--accentcolor: 114,137,218;
--accentcolor2: 255,115,250;
--linkcolor: 0,176,244;
2019-09-13 12:47:30 +02:00
2021-05-03 16:23:08 +02:00
--accentcolor-hover: rgb(var(--accentcolor)) linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
--accentcolor-active: rgb(var(--accentcolor)) linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
--accentcolor2-hover: rgb(var(--accentcolor2)) linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
--accentcolor2-active: rgb(var(--accentcolor2)) linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
2020-03-27 10:10:38 +01:00
2021-05-03 16:23:08 +02:00
--bdfdb-blurple: rgb(var(--accentcolor)) !important;
--bd-blue: rgb(var(--accentcolor)) !important;
--bd-blue-hover: var(--accentcolor-hover) !important;
--bd-blue-active: var(--accentcolor-active) !important;
--blurple: rgb(var(--accentcolor)) !important;
2019-09-16 14:28:36 +02:00
}
.theme-dark, .theme-light {
2021-05-03 16:23:08 +02:00
--text-link: rgb(var(--linkcolor));
--background-help-info: rgba(var(--linkcolor), 0.1);
--focus-primary: rgb(var(--linkcolor));
--radio-group-dot-foreground: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-07 13:20:59 +02:00
.theme-light {
2021-05-03 16:23:08 +02:00
--logo-primary: rgb(var(--accentcolor));
2020-10-07 13:20:59 +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
2020-12-16 17:15:47 +01:00
11. POPOUTS
2020-02-24 14:40:01 +01:00
1. CONTEXTMENU
2. USERPOPOUT
3. EMOJIPICKER
4. PINS/MENTIONS
5. 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
5. ICONS
6. SCROLLBARS
7. NOTIFICATIONBAR
8. TOOLTIPS
9. TOASTS
2020-12-16 17:15:47 +01:00
13. BDSUPPORT
14. POWERCORDSUPPORT
15. PLUGINSUPPORT
2020-02-24 14:40:01 +01:00
1. IMAGEZOOM
2. HIDEUTILS
2020-03-27 10:20:04 +01:00
3. READALLNOTIFICATIONSBUTTON
2020-05-14 21:11:26 +02:00
4. SERVERSEARCH
2020-10-25 17:28:38 +01:00
5. CHANNELTABS
2020-12-16 17:15:47 +01:00
16. THEMESUPPORT
2020-02-24 14:40:01 +01:00
1. THEMEDEVBADGE
*/
2020-12-16 17:15:47 +01:00
/* ~~~~ 1. GUILDLIST ~~~~ */
2020-02-24 14:40:01 +01:00
.wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9, /* home/acronym */
.wrapper-1BJsBx:hover .childWrapper-anI2G9 {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2021-04-14 14:09:14 +02:00
.folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 1"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 1) !important;
2021-02-18 18:08:18 +01:00
}
2021-04-14 14:09:14 +02:00
.folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.9"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.9) !important;
2021-02-18 18:08:18 +01:00
}
2021-04-14 14:09:14 +02:00
.folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.8"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.8) !important;
2021-02-18 18:08:18 +01:00
}
2021-04-14 14:09:14 +02:00
.folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.7"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.7) !important;
2021-02-18 18:08:18 +01:00
}
2021-04-14 14:09:14 +02:00
.folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.6"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.6) !important;
2021-02-18 18:08:18 +01:00
}
2021-04-14 14:09:14 +02:00
.folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.5"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.5) !important;
2021-02-18 18:08:18 +01:00
}
2021-04-14 14:09:14 +02:00
.folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.4"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.4) !important;
2021-01-02 13:57:34 +01:00
}
2021-04-14 14:09:14 +02:00
.folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.3"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.3) !important;
2021-02-18 18:08:18 +01:00
}
2021-04-14 14:09:14 +02:00
.folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.2"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.2) !important;
2021-02-18 18:08:18 +01:00
}
2021-04-14 14:09:14 +02:00
.folderIconWrapper-1_bOZe[style*="background-color: rgba(114, 137, 218, 0.1"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.1) !important;
2021-02-18 18:08:18 +01:00
}
2021-04-14 14:09:14 +02:00
.folderIconWrapper-1_bOZe svg[style^="color: rgb(114, 137, 218)"],
.folderIconWrapper-1_bOZe svg[style*=" color: rgb(114, 137, 218)"] {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor)) !important;
2021-01-02 13:57:34 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 2. CHANNELLIST ~~~~ */
2020-02-24 14:40:01 +01:00
2020-12-28 17:23:59 +01:00
.background-2uufRq { /* guild header partnerbadge */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-09-01 11:50:53 +02:00
}
2020-12-28 17:23:59 +01:00
.iconTierThree-3EAOB7 { /* guild header icontier3 */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2020-02-24 14:40:01 +01:00
}
2021-03-19 23:23:44 +01:00
.subscribeTooltipWrapper-1JoUuw { /* guild header subscribetooltip */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2021-03-19 23:23:44 +01:00
.subscribeTooltipWrapper-1JoUuw::after {
2021-05-03 16:23:08 +02:00
border-bottom-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-12-28 17:23:59 +01:00
.channelNotice-1-XFjC::before, /* channel notice */
2020-12-28 18:24:49 +01:00
.channelNotice-1-XFjC::after,
.channelNotice-3DDmsB::before,
.channelNotice-3DDmsB::after,
#app-mount .channelNotice-3hkOiI::before,
#app-mount .channelNotice-3hkOiI::after {
2020-12-28 17:23:59 +01:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2020-12-28 17:23:59 +01:00
}
.channelNotice-1-XFjC.quickswitcher-35bYg4 {
background: transparent;
}
.channelNotice-1-XFjC.quickswitcher-35bYg4::before {
filter: grayscale(0.5);
background: url(https://discord.com/assets/8fdb69b7684b8e1ecb3fdde909daca41.svg) center 35px no-repeat;
}
.channelNotice-1-XFjC.premiumGuildSubscription-3oKecP {
2021-02-12 21:35:48 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_bg.svg) center 23px no-repeat;
2020-12-28 17:23:59 +01:00
}
.channelNotice-1-XFjC.premiumGuildSubscription-3oKecP::after {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_accent.svg) center 23px no-repeat;
2020-12-28 17:23:59 +01:00
}
2020-12-28 18:24:49 +01:00
.channelNotice-1-XFjC.publicUpsell-31ZSJ8::before {
2021-02-12 21:35:48 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_bg.svg) center 12px no-repeat;
2020-12-28 18:24:49 +01:00
}
.channelNotice-1-XFjC.publicUpsell-31ZSJ8::after {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_upsell_accent.svg) center 12px no-repeat;
2020-12-28 18:24:49 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 3. CHAT ~~~~ */
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 3.1. MESSAGES ---- */
2020-02-24 14:40:01 +01:00
2020-12-27 14:03:30 +01:00
.newMessagesBar-265mhP { /* new messagesbar */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-12-27 14:03:30 +01:00
.hasMore-3POVhk { /* hasmore messagesbar */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-12-29 18:42:29 +01:00
.backgroundFlash-24qWLN[style*="background-color: rgb(114, 137, 218)"],
2020-12-25 16:39:52 +01:00
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 1"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 1) !important;
2020-12-25 16:39:52 +01:00
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.9"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.9) !important;
2020-12-25 16:39:52 +01:00
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.8"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.8) !important;
2020-12-25 16:39:52 +01:00
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.7"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.7) !important;
2020-12-25 16:39:52 +01:00
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.6"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.6) !important;
2020-12-25 16:39:52 +01:00
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.5"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.5) !important;
2020-12-25 16:39:52 +01:00
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.4"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.4) !important;
2020-12-25 16:39:52 +01:00
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.3"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.3) !important;
2020-12-25 16:39:52 +01:00
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.2"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.2) !important;
2020-12-25 16:39:52 +01:00
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.1"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.1) !important;
2020-12-25 16:39:52 +01:00
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.0"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.0) !important;
2020-12-25 16:39:52 +01:00
}
2021-05-06 12:10:06 +02:00
.embedFull-2tM8--[style*="border-color: rgb(114, 137, 218)"],
.embedFull-2tM8--[style*="border-color: rgb(58, 113, 193)"] {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor)) !important;
2020-12-29 18:37:33 +01:00
}
2020-11-19 18:06:36 +01:00
.ephemeral-1PsL1r, /* localbot container */
2020-10-27 16:25:26 +01:00
.replying-1x3H0T { /* replying container */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.05);
2020-02-24 14:40:01 +01:00
}
2020-11-19 18:06:36 +01:00
.ephemeral-1PsL1r::before, /* localbot before */
2020-10-27 16:25:26 +01:00
.replying-1x3H0T::before { /* replying before */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-11-19 18:06:36 +01:00
.message-2qnXI6.ephemeral-1PsL1r.selected-2P5D_Z,
.mouse-mode.full-motion .ephemeral-1PsL1r:hover,
.mouse-mode .ephemeral-1PsL1r:hover,
2020-10-27 16:25:26 +01:00
.message-2qnXI6.replying-1x3H0T.selected-2P5D_Z,
.mouse-mode.full-motion .replying-1x3H0T:hover,
.mouse-mode .replying-1x3H0T:hover {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.1);
2020-02-24 14:40:01 +01:00
}
2020-12-24 12:42:18 +01:00
.ephemeralMessage-1fEWtQ a { /* localbot operations */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-12-24 12:42:18 +01:00
}
2020-02-24 14:40:01 +01:00
.operations-36ENbA > a { /* message operations */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2021-02-05 12:59:29 +01:00
.command-2EsN1V { /* command used command */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2021-02-05 12:59:29 +01:00
}
2020-02-24 15:53:31 +01:00
.icon-360yEu { /* systemmessage guild sub easter egg icon */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2020-02-24 15:53:31 +01:00
}
2020-02-24 14:40:01 +01:00
.message-15tBk4 strong, /* mention in header */
.wrapper-3WhCwL { /* mention */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.1);
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.message-15tBk4 strong:hover,
.interactive:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
#app-mount .mentioned-xhSam7 .mention.interactive:hover {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.reactionMe-wv5HKu .reactionCount-2mvXRV, /* reaction count me */
.reactionMe-wv5HKu:hover .reactionCount-2mvXRV {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.reaction-1hd86g.reactionMe-wv5HKu { /* reaction wrapper me */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.3);
2020-02-24 14:40:01 +01:00
}
2020-12-28 19:55:17 +01:00
/* attachment upload bar */
.progressBar-3u8FBM[style*="background-color: rgb(114, 137, 218)"] {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2020-12-28 19:55:17 +01:00
}
2020-02-24 14:40:01 +01:00
2021-01-03 16:24:20 +01:00
/* ---- 3.2. TEXTAREA ---- */
2021-01-03 16:23:05 +01:00
/* textarea follow channel icon */
.image-3XsqGc[src="/assets/dc7e9e55b3a6d39d24acdd650ecc2ef3.svg"] {
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
}
.image-3XsqGc[src="/assets/dc7e9e55b3a6d39d24acdd650ecc2ef3.svg"] + * {
overflow: visible;
}
.image-3XsqGc[src="/assets/dc7e9e55b3a6d39d24acdd650ecc2ef3.svg"] + *::after {
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;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
}
2021-01-10 12:27:58 +01:00
/* textarea verify email icon */
.image-3XsqGc[src="/assets/b0df989dede2e65a2d631874ffe04de0.svg"] {
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
}
.image-3XsqGc[src="/assets/b0df989dede2e65a2d631874ffe04de0.svg"] + * {
overflow: visible;
}
.image-3XsqGc[src="/assets/b0df989dede2e65a2d631874ffe04de0.svg"] + *::after {
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;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
2021-04-14 14:09:14 +02:00
/* textarea wave hand icon */
.animation-10aT2_ path[stroke="rgb(123,162,255)"],
2021-04-14 15:10:46 +02:00
.animation-10aT2_ path[stroke="rgb(123, 162, 255)"],
.animation-vamXOL path[stroke="rgb(123,162,255)"],
.animation-vamXOL path[stroke="rgb(123, 162, 255)"] {
2021-05-03 16:23:08 +02:00
stroke: rgb(var(--accentcolor)) !important;
2021-04-14 14:09:14 +02:00
}
2021-01-03 16:23:05 +01:00
/* ---- 3.3. AUTOCOMPLETEMENU ---- */
2020-02-24 14:40:01 +01:00
2020-12-17 20:17:07 +01:00
#app-mount .active-2awTSY { /* autocomplete option active */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2020-12-17 20:17:07 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .searchSuggestion-2K8OBX:hover { /* gifpicker suggestions */
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.result-3w1ZcL[style*="background-color"] { /* gifpicker result loading */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2020-02-24 14:40:01 +01:00
}
.result-3w1ZcL[style*="background-color: rgb(146, 154, 250)"] {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-hover) !important;
2020-02-24 14:40:01 +01:00
}
.result-3w1ZcL[style*="background-color: rgb(179, 174, 255)"] {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-active) !important;
2020-02-24 14:40:01 +01:00
}
2020-12-17 20:17:07 +01:00
.theme-light .focused-1En8bG::after, /* gifpicker result hover */
2020-10-19 18:37:37 +02:00
.theme-light .result-3w1ZcL:hover::after {
2021-05-03 16:23:08 +02:00
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)), inset 0 0 0 3px #dcddde;
2020-02-24 14:40:01 +01:00
}
2020-10-19 18:37:37 +02:00
.theme-dark .focused-1En8bG::after, /* gifpicker result hover */
.theme-dark .result-3w1ZcL:hover::after {
2021-05-03 16:23:08 +02:00
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor)), inset 0 0 0 3px #2f3136;
2020-02-24 14:40:01 +01:00
}
#app-mount .categoryFadeBlurple-1j72_A { /* gifpicker categoryfade */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.8);
2020-02-24 14:40:01 +01:00
}
#app-mount .categoryFadeBlurple-1j72_A:hover {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.95);
2020-02-24 14:40:01 +01:00
}
2020-04-25 09:23:03 +02:00
.introductionAction-M1r6AX { /* gifpicker introductionaction tooltip */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-04-25 09:23:03 +02:00
}
2021-02-06 21:59:32 +01:00
.iconColorLightBlue-zbxJUe { /* stickerpicker icon lightblue */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2021-02-06 21:59:32 +01:00
filter: brightness(150%);
}
.iconColorDarkBlue-6qQpJf { /* stickerpicker icon darkblue */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2021-02-06 21:59:32 +01:00
filter: brightness(75%);
}
.iconColorPink-1dhBIv { /* stickerpicker icon pink */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2021-02-06 21:59:32 +01:00
}
2020-02-24 14:40:01 +01:00
2021-01-03 16:23:05 +01:00
/* ---- 3.4. MEMBERLIST ---- */
2020-02-24 14:40:01 +01:00
.premiumIcon-1rDbWQ {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2020-02-24 14:40:01 +01:00
}
2021-01-03 16:23:05 +01:00
/* ---- 3.5. SEARCHPAGE ---- */
2020-02-24 14:40:01 +01:00
2021-01-09 16:51:03 +01:00
#app-mount .activeButton-rvKcqq,
#app-mount .activeButton-rvKcqq:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-01-09 16:51:03 +01:00
}
2020-10-19 18:37:37 +02:00
.noResultsImage-3Y0eCI.alt-3EpRdH {
display: flex;
}
2020-12-27 14:03:30 +01:00
.noResultsImage-3Y0eCI.alt-3EpRdH::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;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
}
2021-01-03 16:23:05 +01:00
/* ---- 3.6. CALL ---- */
2020-02-24 14:40:01 +01:00
.sparkleBlurple-awNnsZ {
2021-04-03 16:55:17 +02:00
background-image: url(https://discord.com/assets/c7539bb38577495f5021c8ea455c7145.png);
2020-02-24 14:40:01 +01:00
}
.popBlurple-27zBE3 {
2021-04-03 16:55:17 +02:00
background-image: url(https://discord.com/assets/237a2f9325a83d230fb30b2cd63bbfe6.png);
2020-02-24 14:40:01 +01:00
}
.lightBlurple-1mZKpk {
2021-04-03 16:55:17 +02:00
background-image: url(https://discord.com/assets/1c20f6ecd2d83c1844a3fd6da306d239.png);
2020-02-24 14:40:01 +01:00
}
.crossBlurple--iGG5Y {
2021-04-03 16:55:17 +02:00
background-image: url(https://discord.com/assets/c13a0b03a798023c27155fad5f0c7a61.png);
2020-02-24 14:40:01 +01:00
}
2021-05-01 10:54:35 +02:00
.background-ujHpbY[style*="background-color: rgb(116, 140, 220)"] {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2021-05-01 10:54:35 +02:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 4. PEOPLES ~~~~ */
2020-10-24 11:12:25 +02:00
.wrapper-1cBijl .btn:disabled { /* addfriendpage button */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-10-24 11:12:25 +02:00
}
2020-12-16 17:15:47 +01:00
/* ~~~~ 5. STORE/NITRO ~~~~ */
2020-02-24 14:40:01 +01:00
#app-mount .premiumIndicator-1XvbfM { /* premium where? */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-10-19 18:37:37 +02:00
.gridItemGuildSubscription-1sZ0fD::before {
2020-02-24 14:40:01 +01:00
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(162, 48, 194), rgba(162, 48, 194, 0.5));
}
2020-10-19 18:37:37 +02:00
.gridItemBadge-1Se-Pu::before {
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5));
2020-02-24 14:40:01 +01:00
}
2020-02-24 15:53:31 +01:00
.activeTransferGuildCardBorder-2jUQ7t{
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 15:53:31 +01:00
}
.premiumGuildSubscriptionRowActive-1WxLXI{
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5));
2020-02-24 15:53:31 +01:00
}
2020-02-24 14:40:01 +01:00
.theme-light .animationContainer-cNePAf {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.theme-light .shine-KMI5j7 {
2021-05-03 16:23:08 +02:00
color: rgba(var(--accentcolor), 0.2);
2020-02-24 14:40:01 +01:00
}
2020-02-24 15:53:31 +01:00
.grandfatheredMessage-1BnHtv {
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 15:53:31 +01:00
}
.tierGrandfathered-R6zrrD.banner-3Kac2g {
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%);
2020-02-24 15:53:31 +01:00
}
2020-10-09 17:41:26 +02:00
.tier1-UUxEBG,
2020-10-09 17:33:33 +02:00
.headerTier1-2Ckjmd, /* submodal tier1 header */
.tier1HeaderBackground-3LjWgU { /* submodal tier1 bg */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-10-09 17:33:33 +02:00
.headerTier1-2Ckjmd .wrapper-1P_m9K image:not([width="170px"]),
.tier1HeaderBackground-3LjWgU .wrapper-1P_m9K image:not([width="170px"]) {
2020-02-24 14:40:01 +01:00
display: none !important;
}
2020-02-24 15:53:31 +01:00
.tier1-1ttHRY.banner-3Kac2g {
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%);
2020-02-24 15:53:31 +01:00
}
2020-10-09 17:41:26 +02:00
.tier2-3pW_6T,
2020-10-09 17:33:33 +02:00
.headerTier2-3FKMxd, /* submodal tier2 header */
2020-02-24 15:53:31 +01:00
.tier2HeaderBackground-2BUqcl { /* submodal tier2 bg */
2021-05-03 16:23:08 +02:00
background: #ffcd4b linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 15:53:31 +01:00
}
.tier2-3hSil0.banner-3Kac2g {
2021-05-03 16:23:08 +02:00
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%);
2020-02-24 15:53:31 +01:00
}
2020-02-24 14:40:01 +01:00
.price-1rEl-z { /* submodal price */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.iconBackgroundTier1-2GOcU8 { /* tierlist tier1 bg */
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 14:40:01 +01:00
}
.iconBackgroundTier2-2TeI3a { /* tierlist tier2 bg */
2021-05-03 16:23:08 +02:00
background: #ffcd4b linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 14:40:01 +01:00
}
.xboxPromotion-1k0m0c { /* bannerpromo xboxpromo */
2021-05-03 16:23:08 +02:00
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 14:40:01 +01:00
}
.bannerPromotionLogoPremium-2cB301 { /* bannerpromo logo */
2021-05-03 16:23:08 +02:00
background: #ffcd4b linear-gradient(rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 14:40:01 +01:00
}
2020-10-09 17:36:41 +02:00
.premiumLogo-1D3iJc { /* bannerpromo nitro logo */
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-10-09 17:36:41 +02:00
}
2020-02-24 14:40:01 +01:00
#app-mount .tag-HanR-9 { /* tag */
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 14:40:01 +01:00
}
2020-10-19 18:37:37 +02:00
#app-mount .tag-HanR-9::before {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/04a2e1509ad72be575b1529b51ea3977.svg) top/cover no-repeat;
2020-02-24 14:40:01 +01:00
}
.skuButtonTier1-2XTq5D,
.skuButtonTier1-3-EFd9 {
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(32.3deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5) 75.25%);
2020-02-24 14:40:01 +01:00
}
2020-02-24 15:53:31 +01:00
.skuButtonTier2-2asv3-,
.skuButtonTier2-i01WfL {
2021-05-03 16:23:08 +02:00
background: #ffcd4b linear-gradient(32.3deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 15:53:31 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .alternativeSkuSelected-3Qhw9n {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.overlappingBorder-1-XPGl { /* store preview image */
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
#app-mount .headerFancy-1AcCLF { /* store header fancy */
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 14:40:01 +01:00
}
#app-mount .premiumHeaderPrice-1F1CMD { /* store price */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.premiumCircle-3jgziV { /* store premiumcircle */
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 14:40:01 +01:00
}
#app-mount .staffIcon-2MB1se { /* store stafficon */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
#app-mount .nitroIcon-2uS3VJ { /* store nitroicon */
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2020-02-24 14:40:01 +01:00
}
.confirmPremiumIcon-26GX5Y, /* store confirmpremiumicon */
.gameIcon-gg34Dz[style*="/assets/f6cbcdc9366fb8d31e03bdc6c9c50246.svg"] {
background-color: rgb(255, 255, 255) !important;
2021-05-03 16:23:08 +02:00
background-image: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/nitrobadge_details.svg), linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5)) !important;
2020-02-24 14:40:01 +01:00
}
2020-10-24 11:12:25 +02:00
.pageWrapper-3F6owx { /* store pagewrapper */
2021-05-03 16:23:08 +02:00
background: white linear-gradient(114deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.6));
2020-02-24 14:40:01 +01:00
}
2020-12-16 17:15:47 +01:00
/* ~~~~ 6. LIBRARY ~~~~ */
2020-02-24 14:40:01 +01:00
2020-10-24 11:12:25 +02:00
.foreground-2aE44H { /* installationpath fill */
2021-05-03 16:23:08 +02:00
stroke: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-12-16 17:15:47 +01:00
/* ~~~~ 7. DISCOVERY ~~~~ */
2020-02-24 14:40:01 +01:00
2020-05-11 13:46:14 +02:00
.searchBox-3Y2Vi7:focus, /* searchbox focus */
2020-05-17 23:13:46 +02:00
.searchBox-3Y2Vi7:focus-within,
.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO:focus,
.searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO:focus-within {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2020-05-11 13:46:14 +02:00
}
2020-10-17 18:39:33 +02:00
.search-1iTphC .searchBox-2_mAlO:focus,
.search-1iTphC .searchBox-2_mAlO:focus-within {
2021-05-03 16:23:08 +02:00
box-shadow: 0 0 0 1px rgb(var(--accentcolor)), 0 0 0 2px rgba(var(--accentcolor), 0.6), 0 0 0 3px rgba(var(--accentcolor), 0.3);
2020-10-17 18:39:33 +02:00
}
2020-05-11 13:46:14 +02:00
2020-02-24 14:40:01 +01:00
#app-mount .activeButton-1BJAiN, /* pagination button */
#app-mount .activeButton-1BJAiN:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-05-08 10:33:08 +02:00
/* categorylist selected item */
2021-05-06 17:50:44 +02:00
.categoryItem-1QIroW.selectedCategoryItem-FHKU_o .itemInner-gPkiWb {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-05-08 10:33:08 +02:00
}
2020-05-17 23:12:18 +02:00
.categoryPill-34fszg.selected-1dONk0 { /* categorylist search categorypill */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
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 ~~~~ */
.item-PXvHYJ[style^="color: rgb(114, 137, 218)"],
2021-02-06 22:42:40 +01:00
.item-PXvHYJ[style*=" color: rgb(114, 137, 218)"] { /* settingsitems item */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor)) !important;
2020-12-16 17:15:47 +01:00
}
2021-02-06 22:42:40 +01:00
.item-PXvHYJ[style*="background-color: rgba(114, 137, 218, 0.1)"] {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor), 0.1) !important;
2021-02-06 22:42:40 +01:00
}
2020-12-16 17:15:47 +01:00
.item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"] {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2020-12-16 17:15:47 +01:00
}
2021-02-09 13:27:03 +01:00
.item-PXvHYJ:not(.selected-3s45Ha)[aria-controls="Nitro Server Boost-tab"],
.item-PXvHYJ[style^="color: rgb(114, 137, 218)"][aria-controls="GUILD_PREMIUM-tab"],
.item-PXvHYJ[style*=" color: rgb(114, 137, 218)"][aria-controls="GUILD_PREMIUM-tab"] {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2)) !important;
2021-02-06 22:42:40 +01:00
}
2021-02-09 13:27:03 +01:00
.item-PXvHYJ:hover[aria-controls="Nitro Server Boost-tab"],
.item-PXvHYJ[style*="background-color: rgba(114, 137, 218, 0.1)"][aria-controls="GUILD_PREMIUM-tab"] {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor2), 0.1) !important;
2021-02-06 22:42:40 +01:00
}
2021-02-09 13:27:03 +01:00
.item-PXvHYJ.selected-3s45Ha[aria-controls="Nitro Server Boost-tab"],
.item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"][aria-controls="GUILD_PREMIUM-tab"] {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor2)) !important;
2020-12-16 17:15:47 +01:00
}
2020-02-24 14:40:01 +01:00
2020-06-16 14:29:05 +02:00
.dot-2s_oHI { /* settingsitems dot */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-06-16 14:29:05 +02:00
}
2020-02-24 14:40:01 +01:00
.cardBrand-39zmMQ { /* settingsitems card */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.cardBrand-39zmMQ,
.cardBrandOutline-3jvFfo {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.avatarUploaderInner-3UNxY3 { /* accountsettings avatar upload */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-10-29 18:12:39 +01:00
#app-mount .questionMark-CWEQZn, /* accountsettings questionmark */
2020-10-20 18:26:21 +02:00
#app-mount .questionMark-3qBhGj { /* accountsettings questionmark new */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-29 18:12:39 +01:00
#app-mount .questionMark-CWEQZn:hover,
2020-10-16 09:26:23 +02:00
#app-mount .questionMark-3qBhGj: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
2020-12-30 18:02:38 +01:00
.marketingLogoImage-2SzXIR { /* boostsettings boost header */
position: relative;
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
}
.marketingLogoImage-2SzXIR::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
}
2020-02-24 14:40:01 +01:00
#app-mount .tierUnlocked-27DwHo { /* boostsettings tierunlocked */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-02-24 15:53:31 +01:00
#app-mount .tierAccomplished-2eXPdI,
#app-mount .tierCurrent-Lw7-4E,
#app-mount .tierDefault-2qaRkD {
2021-05-03 16:23:08 +02:00
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5));
2020-02-24 15:53:31 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .tierCloseHint-380zIA { /* boostsettings tierclosehint */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-19 00:02:54 +01:00
}
2020-10-19 18:37:37 +02:00
#app-mount .tierCloseHint-380zIA::before {
2021-05-03 16:23:08 +02:00
border-right-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .tierHeaderUnlockedBackground-MW5XJU { /* boostsettings tierheaderunlockedbg */
2021-05-03 16:23:08 +02:00
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2019-03-30 22:46:38 +01:00
}
2021-02-06 21:59:32 +01:00
#app-mount .foreground-2EIns2 { /* boostsettings icon foreground */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2021-02-06 21:59:32 +01:00
}
2020-02-24 14:40:01 +01:00
.emojiIcon-2xOPMD { /* boostsettings perkicon emoji */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
filter: brightness(75%);
2019-03-30 22:46:38 +01:00
}
2020-02-24 14:40:01 +01:00
.uploadSizeIcon-2HNa5p { /* boostsettings perkicon upload */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2021-02-06 22:42:40 +01:00
filter: brightness(75%);
2019-03-30 22:46:38 +01:00
}
2020-02-24 14:40:01 +01:00
.memberBadgeIcon-1hpSQc { /* boostsettings perkicon guild */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
filter: brightness(150%);
}
2021-02-06 22:42:40 +01:00
.profileBadgeIcon-_ctnKj { /* boostsettings perkicon badge */
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
}
.profileBadgeIcon-_ctnKj::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_boostbadge_accent.svg) center/contain no-repeat;
2021-02-06 22:42:40 +01:00
}
2021-02-06 21:59:32 +01:00
.premiumGuildIcon-13KUPa { /* boostsettings perkicon premium */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2020-02-24 14:40:01 +01:00
}
.gemWithLabel-2aecE_ { /* boostsettings progress label */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2020-02-24 14:40:01 +01:00
}
.gemIndicatorProgressCircle-3wDFa1 { /* boostsettings progress circle */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2020-02-24 14:40:01 +01:00
}
.guildSubscriberCountIcon-6Fo5EK { /* boostsettings sub count */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2020-02-24 14:40:01 +01:00
}
.guildSubscriptionSlotIcon-EVE04u { /* boostsettings slot icon */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2020-02-24 14:40:01 +01:00
}
2020-12-30 19:27:55 +01:00
.icon-3j1dJB { /* hypesettings perk icon */
position: relative;
}
.icon-3j1dJB::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
}
.perkNewsletter-2lxlA1 {
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
}
.perkNewsletter-2lxlA1::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
}
.perkBadge-2la1kc {
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
}
.perkBadge-2la1kc::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
}
.perkChallenges-19qHzw {
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
}
.perkChallenges-19qHzw::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
}
2020-12-26 20:53:02 +01:00
.wrapper-3jrx9n { /* overlaysettings positionsettings wrapper */
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.option-n0icdO:hover { /* overlaysettings positionoption */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.selected-mKYnfr.option-n0icdO {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
border-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-12-27 11:10:52 +01:00
/* streamermodesettings headerimage */
.noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] {
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
}
.noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + * {
position: relative;
}
.noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + *::before,
.noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + *::after {
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
}
.noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + *::before {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
}
.noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.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
2021-03-19 23:23:44 +01:00
#app-mount .premiumIcon-3GPLjg { /* games premium icon */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-03-19 23:23:44 +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
2020-02-24 14:40:01 +01:00
/* widgetsettings widget placeholder image */
.layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type {
position: relative !important;
2019-03-14 14:26:35 +01:00
}
2020-02-24 14:40:01 +01:00
.layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type img[src="/assets/5fb477ca84edd15d9a2888ac28365acd.svg"] {
2020-12-26 18:33:33 +01:00
object-position: -999999px -999999px;
2020-12-26 20:05:50 +01:00
flex: unset !important;
2020-12-30 14:11:25 +01:00
height: 310px !important;
min-width: 320px !important;
background: var(--background-tertiary);
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_widget_bg.svg) center/contain no-repeat;
2019-03-18 10:43:52 +01:00
}
2020-12-26 20:05:50 +01:00
.layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type::before,
.layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type::after {
2019-03-18 10:43:52 +01:00
content: "";
position: absolute;
2020-12-26 20:05:50 +01:00
right: 0;
bottom: 0;
width: 320px;
height: 310px;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2019-03-18 10:43:52 +01:00
}
2020-12-26 20:05:50 +01:00
.layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type::before {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_widget_accent.svg) center/contain no-repeat;
2020-02-24 14:40:01 +01:00
}
2020-12-26 20:05:50 +01:00
.layer-3QrUeG[aria-label="GUILD_SETTINGS"] .contentRegion-3nDuYy .contentColumn-2hrIYH > div > div > .divider-3573oO + .flex-1xMQg5 + .divider-3573oO + .flex-1xMQg5:last-of-type::after {
background: var(--header-primary);
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_widget_details.svg) center/contain no-repeat;
2019-03-18 10:43:52 +01:00
}
2019-02-12 12:24:29 +01:00
2020-10-27 14:35:43 +01:00
@-webkit-keyframes pulseBorder-1LZYy9 { /* intergrationsettings new webhook */
0% {border-color: transparent;}
2021-05-03 16:23:08 +02:00
50% {border-color: rgb(var(--accentcolor));}
2020-10-27 14:35:43 +01:00
to {border-color: transparent;}
}
@keyframes pulseBorder-1LZYy9 {
0% {border-color: transparent;}
2021-05-03 16:23:08 +02:00
50% {border-color: rgb(var(--accentcolor));}
2020-10-27 14:35:43 +01:00
to {border-color: transparent;}
}
2020-12-29 21:12:52 +01:00
.placeholderImage-37MstR { /* 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
}
.placeholderImage-37MstR::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
}
/* discoverysettings partner program */
.banner-2AwsUs[src="/assets/b3d9ebeb2259945abe78c49206f5b62d.svg"] {
object-position: -999999px -999999px;
filter: grayscale(0.5);
2021-02-12 21:35:48 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_partnerprogram_bg.svg) center/cover no-repeat;
2020-12-30 13:50:25 +01:00
}
.banner-2AwsUs[src="/assets/b3d9ebeb2259945abe78c49206f5b62d.svg"] + * {
position: relative;
display: flex;
justify-content: center;
}
.banner-2AwsUs[src="/assets/b3d9ebeb2259945abe78c49206f5b62d.svg"] + *::after {
content: "";
position: absolute;
top: -281px;
width: 428px;
height: 241px;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_partnerprogram_accent.svg) center/cover no-repeat;
2020-12-29 21:12:52 +01:00
}
2020-10-28 12:24:12 +01:00
.defaultIcon-2NMkWn { /* discoverysettings default guildicon */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-10-28 12:24:12 +01:00
}
2020-12-26 19:20:43 +01:00
/* discoverysettings requirements icon */
2020-12-26 19:18:52 +01:00
.requirementsImage-tqIP2X[src="/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg"],
.headerIcon-2S6VR5[src="/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg"] {
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
}
.requirementsImage-tqIP2X[src="/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg"] + *,
.headerIcon-2S6VR5[src="/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg"] + * {
position: relative;
height: 60px;
}
.requirementsImage-tqIP2X[src="/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg"] + *::after,
.headerIcon-2S6VR5[src="/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg"] + *::after {
content: "";
position: absolute;
left: -56px;
bottom: 10px;
width: 40px;
height: 40px;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
}
2020-12-26 19:20:43 +01:00
.featureIcon-3p1TC_ [fill="#7289da" i] { /* communitysettings intro featureicon */
2021-05-03 16:23:08 +02:00
fill: rgb(var(--accentcolor));
2020-12-26 19:20:43 +01:00
}
2021-02-06 21:59:32 +01:00
.info-1LuGpo { /* communitysettings partnership */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2021-02-06 21:59:32 +01:00
}
2020-12-22 21:58:36 +01:00
.fakeButton-kGEmb3 { /* communitysettings rules example fake */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-12-22 21:58:36 +01:00
}
2020-12-26 18:27:47 +01:00
.exampleWumpus-3QIhvG .wumpus-3Q6pSF, /* communitysettings rules wumpus */
.exampleWumpus-1zk2dq .wumpus-3JzuYd { /* 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
}
.exampleWumpus-3QIhvG::after,
.exampleWumpus-1zk2dq::after {
content: "";
position: absolute;
width: 82px;
height: 72px;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
}
.exampleModal-2oh58d .guildInfo-3Co_-d, /* communitysettings rules wumpus icon */
.exampleModal-2X2Vf8 .guildIcon-1F8t_p + * { /* communitysettings rules wumpus icon */
position: relative;
}
.exampleModal-2X2Vf8 .guildIcon-1F8t_p + * {
display: flex;
justify-content: center;
white-space: pre;
}
2020-12-26 18:41:22 +01:00
.exampleModal-2oh58d .guildIcon-38Zs0M,
.exampleModal-2X2Vf8 .guildIcon-1F8t_p {
object-position: -999999px -999999px;
2020-12-26 18:27:47 +01:00
border-radius: 10px;
2021-02-12 21:35:48 +01:00
background: white url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_wumpusicon_bg.svg) center/cover no-repeat;
2020-12-26 18:27:47 +01:00
}
.exampleModal-2oh58d .guildInfo-3Co_-d::after {
top: 0;
width: 48px;
height: 48px;
}
.exampleModal-2X2Vf8 .guildIcon-1F8t_p + *::after {
top: -80px;
width: 64px;
height: 64px;
}
.exampleModal-2oh58d .guildInfo-3Co_-d::after,
.exampleModal-2X2Vf8 .guildIcon-1F8t_p + *::after {
2020-12-26 18:41:22 +01:00
content: "";
position: absolute;
2020-12-26 18:27:47 +01:00
border-radius: 10px;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_wumpusicon_accent.svg) center/cover no-repeat;
2020-12-26 18:27:47 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 10. MODALS ~~~~ */
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.1. USERMODAL ---- */
2020-02-24 14:40:01 +01:00
.topSectionPlaying-1J5E4n { /* modal topsection playing */
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2021-03-03 15:09:47 +01:00
.container-q03LZO.colored-1armap .profileBadgeStaff-3BXdTO {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/4358ad1fb423b346324516453750f569.svg) center/contain no-repeat;
2020-10-28 23:31:36 +01:00
}
2021-03-03 15:09:47 +01:00
.container-q03LZO.colored-1armap .profileBadgePartner-j6Lwhr {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/6203964d9d25c394a573fd4f6be36d97.svg) center/contain no-repeat;
2020-10-28 23:31:36 +01:00
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl1-3oI9tx {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat;
2020-10-28 23:31:36 +01:00
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl2-r6nJHT {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat;
2020-10-28 23:31:36 +01:00
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl3-38s3Dj {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat;
2020-10-28 23:31:36 +01:00
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl4-2NXrsI {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat;
2020-10-28 23:31:36 +01:00
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl5-3XIa2K {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/a99def5f819c077e5e5061cab741b7e6.svg) center/contain no-repeat;
2020-10-28 23:31:36 +01:00
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl6-3e3sxW {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/2cfb317f3db3963d8ded9a97ee967bac.svg) center/contain no-repeat;
2020-10-28 23:31:36 +01:00
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl7-1dVhQT {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/278736f579d810b11ddf308cb598b19e.svg) center/contain no-repeat;
2020-10-28 23:31:36 +01:00
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl8-1kXdFr {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/38e40f25802a0fdf480d9b855a37a2f3.svg) center/contain no-repeat;
2020-10-28 23:31:36 +01:00
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl9-1d6zav {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/cfbc2d8ceacfacf07850f986c8165195.svg) center/contain no-repeat;
2020-10-28 23:31:36 +01:00
}
2020-02-24 14:40:01 +01:00
.guildAvatarWithoutIcon-1sTmE_ { /* modal shared servers no icon */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-05-22 11:07:02 +02:00
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.2. GUILDADD/CREATION ---- */
2021-01-03 16:44:09 +01:00
/* create guild create own icon */
.icon-QM5383[src="/assets/79516499036b21acd5f56ccba0635c38.svg"] {
object-position: -999999px -999999px;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
}
.icon-QM5383[src="/assets/79516499036b21acd5f56ccba0635c38.svg"] + * {
position: relative;
display: flex;
align-items: center;
overflow: visible;
}
.icon-QM5383[src="/assets/79516499036b21acd5f56ccba0635c38.svg"] + *::after {
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
2020-12-16 17:15:47 +01:00
.uploadIcon-2IFzZU [fill="#7289da" i] { /* create guild upload icon */
2021-05-03 16:23:08 +02:00
fill: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.3. REGIONSELECTMODAL ---- */
2020-02-24 14:40:01 +01:00
.regionSelectFlag-3uwFtG, /* modal regionselect flag */
.regionSelectFlag-1htPow {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-10-19 18:37:37 +02:00
.vip-3pFIN8::after, /* modal regionselect vip */
.vip-1SuRbe::after {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.regionSelect-3lf4eE button { /* modal regionselect button */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
#app-mount .regionSelect-3lf4eE:hover .regionSelectInner-24f4Ce,
#app-mount .regionSelect-3lf4eE:hover button {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
#app-mount .regionSelect-3lf4eE:hover button {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.regionSelectModal-12e-57 .regionSelectModalHeader-21khC1 { /* modal regionselect header */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
/* modal regionselect option */
.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
.check-2by_h9 {
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/6acb20d5e709b34b6a7f36ec13648666.svg);
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-12-16 17:15:47 +01:00
/* ---- 10.4. UPLOADMODAL ---- */
2020-02-24 14:40:01 +01:00
/* modal background */
.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr,
.audioMetadata-3zOuGv::before,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j),
.uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j) {
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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr + *::before,
.attachment-33OFj0 .icon-1kp3fr + *::after,
.audioMetadata-3zOuGv > *:first-child::before,
.audioMetadata-3zOuGv > *:first-child::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j)::before,
.uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j)::after,
.uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j)::before,
.uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j)::after {
content: "";
2020-12-28 20:08:28 +01:00
position: absolute;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-12-29 17:55:30 +01:00
}
2021-01-09 22:40:09 +01:00
.markup-2BOw-j > .attachment-33OFj0 {
position: relative;
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr {
background-size: 120% !important;
}
.audioMetadata-3zOuGv::before {
background-position: center -4px !important;
background-size: 140% !important;
}
.attachment-33OFj0 .icon-1kp3fr + *::before,
.attachment-33OFj0 .icon-1kp3fr + *::after {
top: 9px;
left: 8px;
width: 36px;
height: 48px;
}
2021-01-09 22:40:09 +01:00
.markup-2BOw-j > .attachment-33OFj0 .icon-1kp3fr + *::before,
.markup-2BOw-j > .attachment-33OFj0 .icon-1kp3fr + *::after {
top: 6px;
left: 7px;
}
2020-12-29 17:55:30 +01:00
.audioMetadata-3zOuGv > *:first-child::before,
.audioMetadata-3zOuGv > *:first-child::after {
top: 0;
left: 5px;
width: 34px;
height: 56px;
2020-12-27 13:27:31 +01:00
}
2020-12-29 17:57:40 +01:00
.uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j)::before,
.uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j)::after,
.uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j)::before,
.uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j)::after {
width: 100px;
height: 130px;
}
2020-12-27 13:27:31 +01:00
.uploadModalIn-1z07Bv .error-kKl9o2 .icon-kyxXVr:not(.image-2yrs5j)::before,
.uploadModalIn-1z07Bv .error-kKl9o2 .icon-kyxXVr:not(.image-2yrs5j)::after {
2020-12-29 17:55:30 +01:00
background: rgb(240, 71, 71);
2020-12-27 13:27:31 +01:00
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr + *::before,
.audioMetadata-3zOuGv > *:first-child::before,
2020-12-28 20:08:28 +01:00
.uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j)::before,
2020-12-27 13:27:31 +01:00
.uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j)::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr + *::after,
2020-12-28 19:41:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.unknown-3TPTMr::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr:not(.image-2yrs5j)::after,
.uploadModalIn-1z07Bv .icon-kyxXVr:not(.image-2yrs5j)::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="acrobat"] + *::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.acrobat-3K1PC6::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="ae"] + *::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.ae-1Y5Jq3::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="ai"] + *::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.ai-11KAaB::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="archive"] + *::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.archive-2hqXug::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="audio"] + *::after,
.audioMetadata-3zOuGv > *:first-child::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.audio-14DQXq::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="code"] + *::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.code-aoB-kL::after,
.uploadModalIn-1z07Bv .icon-kyxXVr.two-3BBQI9::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="document"] + *::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.document-2cvI0u::after,
.uploadModalIn-1z07Bv .icon-kyxXVr.three-27ScFD::after {
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_document_accent.svg) center/contain no-repeat;
2020-12-27 13:27:31 +01:00
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="photoshop"] + *::after,
.attachment-33OFj0 .icon-1kp3fr[title="ps"] + *::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.photoshop-1UWfyZ::after,
.uploadModal-2ifh8j .icon-kyxXVr.ps-2T6Jrl::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="sketch"] + *::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.sketch-ZMuo7D::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="spreadsheet"] + *::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.spreadsheet-1QuSej::after,
.uploadModalIn-1z07Bv .icon-kyxXVr.one-2crnLX::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="video"] + *::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.video-27RLEH::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
}
2020-12-29 17:55:30 +01:00
.attachment-33OFj0 .icon-1kp3fr[title="webcode"] + *::after,
2020-12-27 13:27:31 +01:00
.uploadModal-2ifh8j .icon-kyxXVr.webcode-22GGLX::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
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.5. KEYBOARDSHORTCUTSMODAL ---- */
2020-02-24 14:40:01 +01:00
.ddrArrows-lSnH7P .arrow-2enltQ, /* modal arrows */
2020-10-19 18:37:37 +02:00
.ddrArrows-lSnH7P .arrow-2enltQ::after {
2020-02-24 14:40:01 +01:00
height: 50px;
width: 50px;
}
.ddrArrows-lSnH7P .arrow-2enltQ.active-2X6Ewx {
filter: brightness(130%);
}
.ddrArrows-lSnH7P .arrow-2enltQ {
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
}
2020-10-19 18:37:37 +02:00
.ddrArrows-lSnH7P .arrow-2enltQ::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;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
}
2020-02-24 14:40:01 +01:00
.ddrArrows-lSnH7P .arrow-2enltQ.down-2Ju7Q_ {
transform: rotate(270deg);
2019-02-12 23:53:00 +01:00
}
2020-02-24 14:40:01 +01:00
.ddrArrows-lSnH7P .arrow-2enltQ.up-fkTose {
transform: rotate(90deg);
2019-02-12 23:53:00 +01:00
}
2020-02-24 14:40:01 +01:00
.ddrArrows-lSnH7P .arrow-2enltQ.right-1AEPK3 {
transform: rotate(180deg);
2019-02-12 23:57:09 +01:00
}
2019-02-13 00:32:42 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.6. LOGINSCREEN ---- */
2020-02-24 14:40:01 +01:00
.authBox-hW6HRx a { /* authobox links */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-19 00:02:54 +01:00
}
2020-12-28 19:41:31 +01:00
.authBox-hW6HRx img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] {
object-position: -999999px -999999px;
2021-02-12 21:35:48 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/login_authbox_bg.svg) center/cover no-repeat;
2020-12-28 19:41:31 +01:00
}
.authBox-hW6HRx img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + * {
position: relative;
display: flex;
justify-content: center;
}
.authBox-hW6HRx img[src="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + *::before {
content: "";
position: absolute;
top: -107px;
width: 124px;
height: 84px;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/login_authbox_mask.svg) center/cover no-repeat;
2020-12-28 19:41:31 +01:00
}
2020-02-24 14:40:01 +01:00
.startOverButton-3q0wUV { /* authobox startover */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.7. DOWNLOADAPPMODAL ---- */
2020-02-24 14:40:01 +01:00
.downloadApps-wbBFdZ .footer-1nkeBm a {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ p {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.downloadApps-wbBFdZ .platforms-28Rb-3 .platform-iik236.active-iLSdWQ .downloadButton-1bWXpg {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
-webkit-mask-size: cover;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.apple-1fKN59 {
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/7ddab19e24325212299490c2f413b122.svg);
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.windows-29yOum {
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/37ce528f3abf4d735a624309e990acc6.svg);
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.linux-15cW1y {
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/f8e3f6e7b2cf5f10aed43243560a1b91.svg);
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.ios-Z7K-rr {
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/00a1b0447f0474ecaa767a4bc09fe2ed.svg);
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.downloadApps-wbBFdZ .platforms-28Rb-3 .icon-2Pk7pb.active-iLSdWQ.android-gGrHJu {
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/676bfec9f4343f6fcdf0a12ae313a3de.svg);
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.browserItem-1mKMYK:hover {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2019-02-19 00:02:54 +01:00
}
2020-02-24 14:40:01 +01:00
.browserItem-1mKMYK:hover .btn-3wPLTq {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
border-color: rgb(var(--accentcolor));
2019-03-25 14:19:56 +01:00
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.8. GUILDBOOSTMODAL ---- */
2020-02-24 14:40:01 +01:00
2020-12-30 18:02:38 +01:00
/* modal boost header */
.headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] {
object-position: -999999px -999999px;
width: 96px;
height: 60px;
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
}
.headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + *:not(svg),
.headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + svg + * {
position: relative;
}
.headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + *:not(svg)::after,
.headerGraphic-nVhv-X[src="/assets/50f02014a2ac385c90461d9a4b80e482.svg"] + svg + *::after {
content: "";
position: absolute;
top: -132px;
left: calc((100% - 96px) / 2);
width: 96px;
height: 60px;
2021-01-05 16:04:55 +01:00
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
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
}
2020-02-24 14:40:01 +01:00
.badgeIconWithSubscribers-3PlMu9 { /* modal sub badge icon */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .icon-QVoPRH { /* modal perkicon general */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2019-09-19 14:00:00 +02:00
}
2020-02-24 14:40:01 +01:00
/* modal tiermarker in progress tier3 */
#app-mount .tierMarkerInProgress-24LMzJ .currentTierIcon-2gcTCn.tier3Icon-Ku4Ahe {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.tierMarkerAccomplished-2MiXeg { /* modal tiermarker accomplished */
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.7)) !important;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .barForeground-3KglC8 { /* modal tierbarfill */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor2));
2019-02-12 21:15:10 +01:00
}
2020-12-30 17:02:11 +01:00
#app-mount .barSecondary-3B1aP2 { /* modal previewbarfill */
2021-05-03 16:23:08 +02:00
background: var(--interactive-hover) linear-gradient(90deg, rgba(var(--accentcolor2), 0.3), rgba(var(--accentcolor2), 0.3));
2020-12-30 17:02:11 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .iconIncluded-24npcq { /* modal included perkicon */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .upload-2-2ZMI { /* modal perkicon upload */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2019-02-12 21:15:10 +01:00
}
2020-05-08 11:23:26 +02:00
#app-mount .animated-XlVkOl { /* modal perkicon animated */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-05-08 11:23:26 +02:00
filter: brightness(75%);
}
2020-02-24 14:40:01 +01:00
#app-mount .stream-3mNTxK { /* modal perkicon stream */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
filter: brightness(150%);
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .tierUnlocked-25K6Kv { /* modal tierunlocked */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .tierHeaderUnlocked-1n-OTI { /* modal tierheaderunlockedbg */
2021-05-03 16:23:08 +02:00
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.wrapper-3nSjSv { /* modal boostaddwrapper */
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor2)), rgba(var(--accentcolor2), 0.5));
2019-02-12 12:24:29 +01:00
}
2020-12-30 16:03:05 +01:00
.wrapper-3nSjSv::before, /* modal boostangel */
2020-12-30 16:02:43 +01:00
.wrapper-3nSjSv::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
}
2020-12-30 16:02:43 +01:00
.wrapper-3nSjSv::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
}
2020-12-30 16:02:43 +01:00
.wrapper-3nSjSv::after {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_accent.svg) center/cover no-repeat;
2020-12-30 16:01:58 +01:00
}
2021-02-09 13:27:03 +01:00
#app-mount .wrapper-3nSjSv .lookInverted-2D7oAl.colorBrand-3pXr91 {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2)) !important;
2021-02-09 13:27:03 +01:00
}
2020-03-26 00:42:57 +01:00
.tierMarkerLabelPlusIcon-1OS7E9 { /* modal prebuy icon */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2020-03-26 00:42:57 +01:00
}
.upsellFooterIcon-2105bD path { /* prebuy popout footer icon */
2021-05-03 16:23:08 +02:00
fill: rgb(var(--accentcolor));
2020-03-26 00:42:57 +01:00
}
.perkIconGuild-KLNhuR { /* prebuy popout perkicon guild */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2020-03-26 00:42:57 +01:00
}
.perkIconChatPerks-BnKNFh { /* prebuy popout perkicon chat */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-03-26 00:42:57 +01:00
filter: brightness(120%);
}
.perkIconStream-7wqAvn { /* prebuy popout perkicon stream */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-03-26 00:42:57 +01:00
filter: brightness(150%);
}
2020-02-24 14:40:01 +01:00
2021-04-27 16:22:49 +02:00
/* ---- 10.9. ADDGUILDBOOSTMODAL ---- */
#app-mount .confirmImage-2pGr87 { /* add boost modal add confirm */
position: relative;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/addboost_header_bg.svg) center/contain no-repeat;
}
.confirmImage-2pGr87::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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;
}
#app-mount .transferConfirmImage-1SYwXp { /* add boost modal transfer confirm */
position: relative;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/transferboost_header_bg.svg) center/contain no-repeat;
}
.transferConfirmImage-1SYwXp::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor2));
2021-04-27 16:22:49 +02:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/transferboost_header_accent.svg) center/contain no-repeat;
}
/* ---- 10.10. STREAMSETTINGSMODAL ---- */
2020-02-24 14:40:01 +01:00
.selectorButtonSelected-336oUc, /* modal selectorselectedbutton */
.selectorButtonSelected-1j4DmC {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 21:15:10 +01:00
}
2021-04-09 20:46:22 +02:00
.badgeUpgrade-3_4a3F { /* modal badgeupgrade */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.imageSelected-4Kl81J { /* modal imageselected */
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.tile-2silOL:hover .sourceThumbnail-14Iubx { /* modal sourcethumbnail */
2021-05-03 16:23:08 +02:00
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-11-12 13:25:06 +01:00
.sourceThumbnail-14Iubx.selected-3Qtv-u {
2021-05-03 16:23:08 +02:00
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor));
2019-03-11 11:44:42 +01:00
}
2019-02-12 12:24:29 +01:00
2021-04-27 16:22:49 +02:00
/* ---- 10.11. DISPATCHERRORMODAL ---- */
2020-02-24 14:40:01 +01:00
.theme-light .closeLink-2MRAUp { /* modal closelink */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-19 00:02:54 +01:00
}
2019-02-12 12:24:29 +01:00
2021-04-27 16:22:49 +02:00
/* ---- 10.12. CHANGELOGMODAL ---- */
2020-02-24 14:40:01 +01:00
2020-08-26 15:50:30 +02:00
.content-s2SEQO a { /* modal link */
color: var(--text-link);
}
2020-08-11 11:11:43 +02:00
.improved-1NJK-y { /* modal improved category */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-19 18:37:37 +02:00
.improved-1NJK-y::after {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-18 19:04:56 +02:00
.premiumBanner-rP6H1S {
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2019-09-20 18:51:34 +02:00
}
2021-04-27 16:22:49 +02:00
/* ---- 10.13. SCREENSHAREMODAL ---- */
2020-10-18 23:17:42 +02:00
2021-04-09 20:46:22 +02:00
#app-mount .art-1qgogX { /* settings modal */
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;
}
.art-1qgogX::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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;
}
2021-04-09 20:46:22 +02:00
#app-mount .art-11ppxi[src="/assets/3f8ff16e485080df4e54267370420785.png"] + * { /* unlock modal */
position: static;
}
#app-mount .art-11ppxi[src="/assets/3f8ff16e485080df4e54267370420785.png"] + *::after {
content: "";
position: absolute;
top: 0;
2021-05-03 16:23:08 +02:00
border: 0px solid rgb(var(--accentcolor));
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;
}
2020-10-18 23:17:42 +02:00
.tile-2w4k5N:hover .sourceThumbnail-27dolk {
2021-05-03 16:23:08 +02:00
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor));
2020-10-18 23:17:42 +02:00
}
.sourceThumbnail-27dolk.selected-1nOkyc {
2021-05-03 16:23:08 +02:00
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor));
2020-10-18 23:17:42 +02:00
}
.selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-10-18 23:17:42 +02:00
}
.selectorButtonSelected-t5V9On {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-10-18 23:17:42 +02:00
}
2021-04-27 16:22:49 +02:00
/* ---- 10.14. PHONEVERIFICATIONMODAL ---- */
2020-12-30 14:44:11 +01:00
.phoneVerificationModal-OzcDc3 path[fill="rgb(118,134,177)"] {
2021-05-03 16:23:08 +02:00
fill: rgb(var(--accentcolor));
2020-12-30 14:44:11 +01:00
}
2021-04-27 16:22:49 +02:00
/* ---- 10.15. CUSTOMSTATUSMODAL ---- */
2021-01-05 17:12:19 +01:00
.art-347BZj {
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
}
.art-347BZj::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
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
}
2019-06-06 16:18:28 +02:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 11. POPOUTS ~~~~ */
2019-02-12 12:24:29 +01:00
2020-10-19 18:37:37 +02:00
.popoutLeft-3aViER.arrowAlignmentTop-1yftWI::before {
2021-05-03 16:23:08 +02:00
border-left-color: #rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-10-19 18:37:37 +02:00
.popoutRight-1veHKi.arrowAlignmentTop-1yftWI::before {
2021-05-03 16:23:08 +02:00
border-right-color: #rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-10-19 18:37:37 +02:00
.popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX::before,
.popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI::before,
.popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX::before,
.popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI::before,
.popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX::before,
.popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI::before,
.theme-light.popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX::before,
.theme-light.popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI::before,
.theme-light.popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX::before,
.theme-light.popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI::before,
.theme-light.popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX::before,
.theme-light.popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI::before {
2021-05-03 16:23:08 +02:00
border-bottom-color: #rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-10-19 18:37:37 +02:00
.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTop-3WSJtH.arrowAlignmentMiddle-NBGtsX::before,
.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTop-3WSJtH.arrowAlignmentTop-1yftWI::before,
.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTopRight-1lc8Mq.arrowAlignmentMiddle-NBGtsX::before,
.popoutInvert-3TZnzz:not(.popoutBottom-2GAFPg).popoutTopRight-1lc8Mq.arrowAlignmentTop-1yftWI::before {
2021-05-03 16:23:08 +02:00
border-top-color: #rgb(var(--accentcolor));
2020-02-24 14:40:01 +01:00
}
2020-10-19 18:37:37 +02:00
.theme-light.contentNarrowMedia-W7SHxH.topArrow-1B63md::before,
.theme-light .contentNarrowNoMedia-Il01H1.topArrow-1B63md::before,
.theme-light.contentWideNoMedia-22TIu6.topArrow-1B63md::before,
.theme-light .contentWideNoMedia-22TIu6.topArrow-1B63md::before {
2021-05-03 16:23:08 +02:00
border-bottom-color: #rgb(var(--accentcolor));
2019-03-18 11:53:55 +01:00
}
2020-02-24 14:40:01 +01:00
2021-03-20 11:13:32 +01:00
.selectedBrand-1UKrSX { /* popout combobox selected brand */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-03-20 11:13:32 +01:00
}
.selectedBrand-1UKrSX.focused-dKLoQt,
.selectedBrand-1UKrSX:hover {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-hover);
2021-03-20 11:13:32 +01:00
}
2020-12-16 17:15:47 +01:00
/* ---- 11.1. CONTEXTMENU ---- */
2020-02-24 14:40:01 +01:00
2021-02-09 13:51:02 +01:00
.colorBrand-ROmMP1, /* contextmenu brand */
.colorDefault-2K3EoJ:not(.focused-3afm-j)[id="user-settings-cog-Discord_Nitro"] {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-04-05 17:37:56 +02:00
}
2021-02-09 13:51:02 +01:00
.colorPremium-p4p7qO, /* contextmenu premium */
.colorDefault-2K3EoJ:not(.focused-3afm-j)[id="user-settings-cog-Nitro_Server_Boost"],
.colorDefault-2K3EoJ:not(.focused-3afm-j)[id="guild-context-guild-settings--GUILD_PREMIUM"] {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2021-02-06 21:59:32 +01:00
}
2020-05-14 16:21:25 +02:00
.colorDefault-2K3EoJ.focused-3afm-j,
2020-08-03 20:16:10 +02:00
.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O),
.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-05-14 16:21:25 +02:00
}
2021-02-06 22:23:56 +01:00
.colorPremium-p4p7qO.focused-3afm-j,
.colorPremium-p4p7qO:hover:not(.hideInteraction-1iHO1O),
2021-02-09 13:51:02 +01:00
.colorPremium-p4p7qO:active:not(.hideInteraction-1iHO1O),
.colorDefault-2K3EoJ.focused-3afm-j[id="user-settings-cog-Nitro_Server_Boost"],
.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O)[id="user-settings-cog-Nitro_Server_Boost"],
.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O)[id="user-settings-cog-Nitro_Server_Boost"],
.colorDefault-2K3EoJ.focused-3afm-j[id="guild-context-guild-settings--GUILD_PREMIUM"],
.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O)[id="guild-context-guild-settings--GUILD_PREMIUM"],
.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O)[id="guild-context-guild-settings--GUILD_PREMIUM"] {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor2));
2021-02-06 22:23:56 +01:00
}
2020-05-14 16:21:25 +02:00
.colorDanger-2qLCe1.focused-3afm-j,
2020-08-03 20:16:10 +02:00
.colorDanger-2qLCe1:hover:not(.hideInteraction-1iHO1O),
.colorDanger-2qLCe1:active:not(.hideInteraction-1iHO1O) {
2020-05-14 16:21:25 +02:00
background-color: #F04747;
2019-04-05 17:37:56 +02:00
}
2020-05-22 19:55:08 +02:00
.colorDefault-2K3EoJ .radioSelection-1HmrQS { /* contextmenu radioselection */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-05-22 19:55:08 +02:00
}
2021-02-06 22:23:56 +01:00
.colorPremium-p4p7qO .radioSelection-1HmrQS {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2021-02-06 22:23:56 +01:00
}
2020-05-22 20:05:28 +02:00
.colorDanger-2qLCe1 .radioSelection-1HmrQS {
color: #F04747;
}
2020-05-22 19:55:08 +02:00
.colorDefault-2K3EoJ .checkbox-3s5GYZ { /* contextmenu checkbox */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-04-05 17:37:56 +02:00
}
2021-02-06 22:23:56 +01:00
.colorPremium-p4p7qO .checkbox-3s5GYZ {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor2));
2021-02-06 22:23:56 +01:00
}
2020-05-22 20:05:28 +02:00
.colorDanger-2qLCe1 .checkbox-3s5GYZ {
color: #F04747;
}
2020-05-22 19:55:08 +02:00
.colorDefault-2K3EoJ.focused-3afm-j .check-1JyqgN, /* contextmenu checkmark */
2020-08-03 20:16:10 +02:00
.colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O) .check-1JyqgN,
.colorDefault-2K3EoJ:active:not(.hideInteraction-1iHO1O) .check-1JyqgN {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-05-14 16:21:25 +02:00
}
2021-02-06 22:23:56 +01:00
.colorPremium-p4p7qO.focused-3afm-j .check-1JyqgN,
.colorPremium-p4p7qO:hover:not(.hideInteraction-1iHO1O) .check-1JyqgN,
.colorPremium-p4p7qO:active:not(.hideInteraction-1iHO1O) .check-1JyqgN {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2021-02-06 22:23:56 +01:00
}
.colorDanger-2qLCe1.focused-3afm-j .check-1JyqgN,
2020-08-03 20:16:10 +02:00
.colorDanger-2qLCe1:hover:not(.hideInteraction-1iHO1O) .check-1JyqgN,
.colorDanger-2qLCe1:active:not(.hideInteraction-1iHO1O) .check-1JyqgN {
2020-05-22 20:05:28 +02:00
color: #F04747;
}
2021-02-06 22:23:56 +01:00
.icon-LYJorE { /* contextmenu icon */
color: currentColor !important;
2019-04-05 17:37:56 +02:00
}
2019-03-18 11:53:55 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 11.2. USERPOPOUT ---- */
2020-02-24 14:40:01 +01:00
.headerPlaying-j0WQBV {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.headerStreaming-2FjmGz {
background: #593695;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 11.3. EMOJIPICKER ---- */
2020-02-24 14:40:01 +01:00
.emojiPicker-3m1S-j .categories-1feg4n .selected-39BZ4S { /* emojipicker selected category */
2021-05-03 16:23:08 +02:00
border-bottom-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 11.4. PINS/MENTIONS ---- */
2020-02-24 14:40:01 +01:00
.hasMoreButton-1MELpI { /* popout hasmore button */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 11.5. SEARCHPOPOUT ---- */
2020-02-24 14:40:01 +01:00
/* datepicker day hover */
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover,
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day:not(.react-datepicker__day--disabled):hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
/* datepicker day selectd */
2020-10-19 18:37:37 +02:00
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected::after {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
/* datepicker hintvalue */
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 12. GENERAL ~~~~ */
2020-02-24 14:40:01 +01:00
.wanderingCubesItem-WPXqao { /* loading cubes */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.chasingDotsItem-2DVNUn { /* loading dots */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.theme-light .path-92Hmty, /* loading circle */
.theme-dark .path-92Hmty,
.theme-dark .path2-1q7bG_ {
2021-05-03 16:23:08 +02:00
stroke: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.1. TEXT ---- */
2020-02-24 14:40:01 +01:00
.brand-2-tkdo {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.colorBrand-2tjs5J {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-08-05 13:42:11 +02:00
.tipTitle-GL9qAt {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-08-05 13:42:11 +02:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.2. BUTTONS ---- */
2020-02-24 14:40:01 +01:00
2020-10-09 22:41:36 +02:00
#app-mount .lookInverted-2D7oAl.colorBrand-3pXr91 .spinnerItem-3GlVyU,
#app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91 .spinnerItem-3GlVyU,
#app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91 .spinnerItem-3GlVyU,
#app-mount .lookLink-9FtZy-.colorBrand-3pXr91 .spinnerItem-3GlVyU {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .btn-1PnLxm.btnPrimary-1jluZW:hover:not(:disabled),
#app-mount .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):hover,
2020-02-24 14:40:01 +01:00
#app-mount .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-hover);
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):active,
2020-02-24 14:40:01 +01:00
#app-mount .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:active {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-active);
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .btn-1PnLxm.btnPrimary-1jluZW,
#app-mount .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO),
#app-mount .lookFilled-1Gx00P.colorBrand-3pXr91:not(.buttonColor-7qQbGO):disabled {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookInverted-2D7oAl.colorBrand-3pXr91:hover,
2020-02-24 14:40:01 +01:00
#app-mount .lookInverted-2D7oAl.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover {
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
}
2020-10-09 22:41:36 +02:00
#app-mount .lookInverted-2D7oAl.colorBrand-3pXr91:active,
2020-02-24 14:40:01 +01:00
#app-mount .lookInverted-2D7oAl.hoverBrand-1_Fxlk.hasHover-3X1-zV:active {
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
}
2020-10-09 22:41:36 +02:00
#app-mount .lookInverted-2D7oAl.colorBrand-3pXr91,
#app-mount .lookInverted-2D7oAl.colorBrand-3pXr91:disabled {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
2020-02-24 14:40:01 +01:00
#app-mount .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover {
2021-05-03 16:23:08 +02:00
border-color: rgba(var(--accentcolor), 0.6);
2019-02-12 12:24:29 +01:00
}
2021-04-15 14:30:17 +02:00
#app-mount .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:active {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.1);
border-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91,
#app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91:disabled {
2021-05-03 16:23:08 +02:00
border-color: rgba(var(--accentcolor), 0.1);
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookGhost-2Fn_0-.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.15);
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .lookGhost-2Fn_0-.hoverBrand-1_Fxlk.hasHover-3X1-zV:active {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.2);
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91,
#app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91:disabled {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.1);
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookLink-9FtZy-.colorBrand-3pXr91 {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .lookLink-9FtZy-.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover .contents-18-Yxp {
2021-05-03 16:23:08 +02:00
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--accentcolor)) 0, rgb(var(--accentcolor)) 2px, transparent 0);
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.3. INPUTS ---- */
2020-02-24 14:40:01 +01:00
.input-cIJ7To.focused-1mmYsC, /* textinput focused */
.input-cIJ7To:focus {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-03-14 14:48:34 +01:00
.input-cIJ7To.error-2O5WFJ {
border-color: #f04747;
}
.input-cIJ7To.success-2-F980 {
border-color: #43b581;
}
2020-02-24 14:40:01 +01:00
.focused-1mmYsC {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .prefixInput-14nUik.focused-2QzoMt {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
/* checkbox checked */
.checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
border-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
/* checkbox checked alt */
2020-10-19 18:37:37 +02:00
.checkbox-3kaeSU .checkboxInner-3yjcPe.alt-6FvZrq .checkboxElement-1qV33p:checked + span::after {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2021-02-18 16:49:52 +01:00
.checkbox-1ix_J3.checked-3_4uQ9[style*="background-color: rgb(114, 137, 218)"] {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2020-12-16 17:15:47 +01:00
}
2021-02-18 16:49:52 +01:00
.checkbox-1ix_J3.checked-3_4uQ9[style*="border-color: rgb(114, 137, 218)"] {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor)) !important;
2020-12-16 17:15:47 +01:00
}
2021-03-20 11:04:08 +01:00
.checkbox-1ix_J3.checked-3_4uQ9 path[fill="#7289da"] {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor)) !important;
2021-03-20 11:04:08 +01:00
}
2020-12-16 17:15:47 +01:00
2020-10-14 22:06:22 +02:00
.container-3auIfb { /* switch unchecked */
background-color: rgb(114, 118, 125) !important;
transition: background-color .1s ease-out;
} /* switch checked */
.container-3auIfb[style*="background-color: rgb(67, 181, 129)"],
.container-3auIfb[style*="background-color: rgb(114, 137, 218)"] {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--accentcolor), 0.8) !important;
2019-05-02 14:12:49 +02:00
}
2020-10-14 22:06:22 +02:00
.container-3auIfb[style*="background-color: rgb(67, 181, 129)"]:hover,
.container-3auIfb[style*="background-color: rgb(114, 137, 218)"]:hover {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-hover) !important;
2020-03-27 10:26:14 +01:00
}
2021-04-21 21:12:48 +02:00
#app-mount .container-3auIfb:active {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-active) !important;
2020-03-27 10:26:14 +01:00
}
2020-10-14 22:06:22 +02:00
.container-3auIfb path[fill] {
fill: rgb(114, 118, 125) !important;
2019-05-02 14:12:49 +02:00
}
2020-10-14 22:06:22 +02:00
.container-3auIfb[style*="background-color: rgb(67, 181, 129)"] path[fill],
2021-04-21 21:12:48 +02:00
.container-3auIfb[style*="background-color: rgb(114, 137, 218)"] path[fill],
.container-3auIfb:active path[fill] {
2021-05-03 16:23:08 +02:00
fill: rgb(var(--accentcolor)) !important;
2020-03-27 10:26:14 +01:00
}
2020-02-24 14:40:01 +01:00
.barFill-23-gu- { /* slider barfill */
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2019-05-02 14:12:49 +02:00
}
2020-02-24 14:40:01 +01:00
.mediaBarGrabber-1FqnbN, /* progessbar grabber */
.mediaBarProgress-1xaPtl, /* progessbar barfill */
2020-10-19 18:37:37 +02:00
.mediaBarProgress-1xaPtl::after,
.mediaBarProgress-1xaPtl::before {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-05-02 14:12:49 +02:00
}
2020-10-15 21:56:54 +02:00
.mediaBarInteraction-37i2O4:hover .mediaBarGrabber-1FqnbN,
.mediaBarInteractionDragging-2QurIZ .mediaBarGrabber-1FqnbN {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-05-12 10:59:20 +02:00
filter: brightness(120%);
}
2019-05-02 14:12:49 +02:00
2021-03-20 16:53:58 +01:00
.theme-light .select-2fjwPw:focus, /* dropdown select nitro subscription */
.theme-light .lookFilled-22uAsw.select-2fjwPw:focus {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2020-03-25 20:19:24 +01:00
}
2021-03-20 16:53:58 +01:00
.theme-light .lookFilled-22uAsw.select-2fjwPw:hover.open-kZ53_U,
.theme-light .lookFilled-22uAsw.open-kZ53_U {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor)) rgb(var(--accentcolor)) #b9bbbe;
2020-03-25 20:19:24 +01:00
}
2021-03-20 16:53:58 +01:00
.theme-dark .select-2fjwPw:focus,
.theme-dark .lookFilled-22uAsw.select-2fjwPw:focus {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor));
2020-03-25 20:19:24 +01:00
}
2021-03-20 16:53:58 +01:00
.theme-dark .lookFilled-22uAsw.select-2fjwPw:hover.open-kZ53_U,
.theme-dark .lookFilled-22uAsw.open-kZ53_U {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor)) rgb(var(--accentcolor)) rgba(0, 0, 0, 0.3);
2020-03-25 20:19:24 +01:00
}
2021-01-05 17:12:19 +01:00
.selectedIcon-3uS11H { /* dropdown select selected icon */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2021-01-05 17:12:19 +01:00
}
2020-03-25 20:19:24 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.4. TAGS ---- */
2020-02-24 14:40:01 +01:00
.botTagRegular-2HEhHi { /* bottag regular */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.botTagInvert-18-95s { /* bottag inverted */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.verified-1eC5dy { /* verifiedbadge */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-07-08 18:25:53 +02:00
.partnered-3nJayh { /* partneredbadge */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-07-08 18:25:53 +02:00
}
.partnered-3nJayh .flowerStar-1GeTsn {
filter: brightness(75%);
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.5. ICONS ---- */
2020-02-24 14:40:01 +01:00
2020-12-28 19:45:32 +01:00
[style*="/assets/f78426a064bc9dd24847519259bc42af.png"],
[src*="/assets/f78426a064bc9dd24847519259bc42af.png"] { /* avatars clyde */
2020-12-28 19:41:31 +01:00
object-position: -999999px -999999px;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor)) 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
}
2020-12-28 19:45:32 +01:00
[style*="/assets/6debd47ed13483642cf09e832ed0bc1b.png"],
[src*="/assets/6debd47ed13483642cf09e832ed0bc1b.png"] { /* avatars blue discord */
object-position: -999999px -999999px;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/blurplediscordicon_details.svg) center/contain no-repeat !important;
2020-12-28 19:45:32 +01:00
}
2020-12-28 19:41:31 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.6. SCROLLBARS ---- */
2020-02-24 14:40:01 +01:00
.scrollerThemed-2oenus.themeLight-1_DWyY .scrollbar-2rkZSL .thumb-2JwNFC,
.theme-dark .scrollerThemed-2oenus.themeLight-1_DWyY .scrollbar-2rkZSL .thumb-2JwNFC,
.theme-light .scrollerWrap-2lJEkd .scrollbar-2rkZSL .thumb-2JwNFC,
.theme-light .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scrollbar-2rkZSL .thumb-2JwNFC,
.theme-light .scrollbarDefault-3COgCQ::-webkit-scrollbar-thumb {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-28 22:34:16 +01:00
::-webkit-scrollbar-corner,
#app-mount ::-webkit-scrollbar-corner {
background-color: transparent;
}
2020-12-16 17:15:47 +01:00
/* ---- 12.7. NOTIFICATIONBAR ---- */
2020-02-24 14:40:01 +01:00
2020-10-27 17:02:38 +01:00
.colorPremiumTier1-3D7SPt {
2021-05-03 16:23:08 +02:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.7));
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
.colorPremiumTier1-3D7SPt .button-2DhvE9:hover {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
.colorPremiumTier2-dCdap5 {
2021-05-03 16:23:08 +02:00
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor)), rgba(var(--accentcolor), 0.5));
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
.colorPremiumTier2-dCdap5 .button-2DhvE9:hover {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
.colorBrand-2zeG8h {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
.colorBrand-2zeG8h .button-2DhvE9:hover {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2021-01-03 16:00:42 +01:00
.notice-3bPHh-[style*="background-color: rgb(114, 137, 218)"] {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2021-01-03 16:00:42 +01:00
}
.notice-3bPHh-[style*="background-color: rgb(114, 137, 218)"] .button-2DhvE9:hover {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor)) !important;
2021-01-03 16:00:42 +01:00
}
2020-11-10 23:29:13 +01:00
.notice-2X5hT5 { /* preview notice */
2021-05-03 16:23:08 +02:00
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.5), rgba(var(--accentcolor), 0.5));
2020-10-27 17:02:38 +01:00
}
2020-11-10 23:29:13 +01:00
.button-2PWmas:hover { /* preview notice button */
2021-05-03 16:23:08 +02:00
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.7), rgba(var(--accentcolor), 0.7));
2020-11-10 23:29:13 +01:00
}
.notice-1tZwqv { /* role notice */
2021-05-03 16:23:08 +02:00
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.5), rgba(var(--accentcolor), 0.5));
2020-11-10 23:29:13 +01:00
}
.button-3Ijpww:hover { /* role notice button */
2021-05-03 16:23:08 +02:00
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.7), rgba(var(--accentcolor), 0.7));
2020-10-27 17:02:38 +01:00
}
2020-12-22 21:58:36 +01:00
.notice-3uyY6c { /* rules notice */
2021-05-03 16:23:08 +02:00
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.5), rgba(var(--accentcolor), 0.5));
2020-12-22 21:58:36 +01:00
}
.button-gP4R86:hover { /* rules notice button */
2021-05-03 16:23:08 +02:00
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor), 0.7), rgba(var(--accentcolor), 0.7));
2020-12-22 21:58:36 +01:00
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.8. TOOLTIPS ---- */
2019-05-30 21:23:31 +02:00
2020-02-24 14:40:01 +01:00
#app-mount .tooltipBrand-g03Nz8 {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .tooltipBrand-g03Nz8 .tooltipPointer-3ZfirK {
2021-05-03 16:23:08 +02:00
border-top-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-05-17 16:28:54 +02:00
.content-3O0wBS {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-05-17 16:28:54 +02:00
}
.content-3O0wBS .button-3zdF3z {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-05-17 16:28:54 +02:00
}
.pointer-3ClhC2 {
2021-05-03 16:23:08 +02:00
border-top-color: rgb(var(--accentcolor));
2020-05-17 16:28:54 +02:00
}
2020-12-16 17:15:47 +01:00
/* ---- 12.9. TOASTS ---- */
2020-02-24 14:40:01 +01:00
.toast-brand {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2021-01-28 13:55:59 +01:00
.colorBrand-WfDfzD .bg-8df5St {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-01-24 14:10:02 +01:00
}
2021-01-28 13:55:59 +01:00
.colorCustom-WKsPgT .bg-8df5St[style*="background-color: rgb(114, 137, 218)"] {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2021-01-28 13:55:59 +01:00
}
.bar-95Sdw1.customBar-3RsUzs[style*="background-color: rgb(114, 137, 218)"] {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2021-01-24 14:10:02 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 13. BDSUPPORT ~~~~ */
2020-02-24 14:40:01 +01:00
#bd-pub-button {
2020-03-27 10:20:04 +01:00
color: var(--text-normal);
2020-02-24 14:40:01 +01:00
transition: background-color .15s ease-out, color .15s ease-out;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#bd-pub-button:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-12 12:24:29 +01:00
}
2020-03-27 10:10:38 +01:00
#bd-pub-button:active {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-hover);
2020-02-24 15:20:31 +01:00
}
2020-03-25 20:19:24 +01:00
#pubslayer button:hover {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-hover);
2020-03-25 20:19:24 +01:00
}
2020-03-27 10:10:38 +01:00
#pubslayer button:active {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-active);
2020-02-24 15:20:31 +01:00
}
2020-10-19 18:37:37 +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
}
2020-07-17 10:56:12 +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
}
2020-02-27 11:04:15 +01: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
}
2020-03-27 10:10:38 +01: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
}
2020-10-29 17:51:46 +01:00
.bd-modal-wrapper .error-link {
color: var(--bd-blue);
}
2020-03-27 10:10:38 +01:00
2020-07-17 10:56:12 +02:00
.bd-pfbtn {
2020-07-17 11:30:02 +02:00
background: var(--bd-blue);
2020-07-17 10:56:12 +02:00
}
2020-03-29 22:47:59 +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
}
.bd-pfbtn:active {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-active);
2020-03-29 22:47:59 +02:00
}
2020-07-17 10:56:12 +02:00
.bd-button {
2020-07-17 11:30:02 +02:00
background: var(--bd-blue);
2020-07-17 10:56:12 +02:00
}
2020-03-27 10:10:38 +01:00
.bd-button:hover {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-hover);
2019-02-12 12:24:29 +01:00
}
2020-03-27 10:10:38 +01:00
.bd-button:active {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-active);
2019-02-12 12:24:29 +01:00
}
2020-11-06 16:14:31 +01:00
.bd-addon-views .bd-view-button.selected {
background: var(--bd-blue);
}
2021-01-18 10:56:16 +01:00
.bd-server-tag {
background: var(--bd-blue);
}
2021-04-21 20:29:24 +02:00
.bd-switch input:checked + .bd-switch-body {
2021-05-03 16:23:08 +02:00
--switch-color: rgba(var(--accentcolor), 0.8);
background-color: rgba(var(--accentcolor), 0.8);
2020-06-01 10:48:24 +02:00
}
2021-04-21 20:36:55 +02:00
.bd-switch input:active + .bd-switch-body {
2021-05-03 16:23:08 +02:00
--switch-color: rgba(var(--accentcolor));
2021-04-21 20:36:55 +02:00
}
.bd-switch input:checked:hover + .bd-switch-body {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-hover);
2020-03-27 10:26:14 +01:00
}
2021-04-21 20:36:55 +02:00
.bd-switch input:checked:active + .bd-switch-body {
2021-05-03 16:23:08 +02:00
--switch-color: rgb(var(--accentcolor));
background: var(--accentcolor-active);
2020-03-27 10:26:14 +01:00
}
2020-11-17 19:40:25 +01:00
html .monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
2021-05-03 16:23:08 +02:00
outline-color: rgb(var(--accentcolor));
2020-11-17 19:40:25 +01:00
}
2020-11-21 18:25:51 +01:00
html .monaco-editor .monaco-editor-hover a {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2020-11-21 18:25:51 +01:00
}
2020-11-17 21:07:34 +01:00
html .monaco-editor [class*="arrow-decoration"] {
2021-05-03 16:23:08 +02:00
border-bottom-color: rgb(var(--accentcolor));
2020-11-17 21:07:34 +01:00
}
2020-11-21 18:39:48 +01:00
html .monaco-editor .focused .selected-text {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
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) {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
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)"] {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor)) !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)"] {
2021-05-03 16:23:08 +02:00
background: rgba(var(--accentcolor), 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)"] {
2021-05-03 16:23:08 +02:00
background: rgba(var(--accentcolor), 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)"] {
2021-05-03 16:23:08 +02:00
background: rgba(var(--accentcolor), 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)"] {
2021-05-03 16:23:08 +02:00
background: rgba(var(--accentcolor), 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)"] {
2021-05-03 16:23:08 +02:00
background: rgba(var(--accentcolor), 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)"] {
2021-05-03 16:23:08 +02:00
background: rgba(var(--accentcolor), 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)"] {
2021-05-03 16:23:08 +02:00
background: rgba(var(--accentcolor), 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)"] {
2021-05-03 16:23:08 +02:00
background: rgba(var(--accentcolor), 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)"] {
2021-05-03 16:23:08 +02:00
background: rgba(var(--accentcolor), 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)"] {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor)) !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)"] {
2021-05-03 16:23:08 +02:00
border-top-color: rgb(var(--accentcolor)) !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)"] {
2021-05-03 16:23:08 +02:00
border-right-color: rgb(var(--accentcolor)) !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)"] {
2021-05-03 16:23:08 +02:00
border-bottom-color: rgb(var(--accentcolor)) !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)"] {
2021-05-03 16:23:08 +02:00
border-left-color: rgb(var(--accentcolor)) !important;
2020-11-17 23:00:37 +01:00
}
2020-11-18 17:19:25 +01:00
.embedFull-2tM8--[style*="border-color: rgb(62, 130, 229)"],
.embedFull-2tM8--[style*="border-color: rgb(62, 130, 226)"] {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor)) !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 {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2021-02-03 11:07:59 +01:00
}
2021-01-20 18:04:02 +01:00
html .powercord-toast .progressBar-3u8FBM {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-10-20 21:44:22 +02:00
}
2021-01-20 18:04:02 +01:00
html .powercord-updater .debug-info b {
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
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
2020-12-16 17:15:47 +01:00
/* ---- 15.1. IMAGEZOOM ---- */
2019-02-12 12:24:29 +01:00
2020-11-29 20:21:51 +01:00
.zoomLens-uOK8xV {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--accentcolor)) !important;
2019-02-12 12:24:29 +01:00
}
2020-12-16 17:15:47 +01:00
/* ---- 15.2. HIDEUTILS ---- */
2019-02-12 12:24:29 +01:00
2020-02-24 14:40:01 +01:00
#HideUtils-Settings button {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2019-02-12 12:24:29 +01:00
}
2020-12-16 17:15:47 +01:00
/* ---- 15.3. READALLNOTIFICATIONSBUTTON ---- */
2020-03-27 10:20:04 +01:00
2021-05-06 12:10:06 +02:00
.wrapper-1BJsBx:active .childWrapper-anI2G9.button-Jt-tIg {
2021-05-03 16:23:08 +02:00
background: var(--accentcolor-hover);
2020-03-27 10:20:04 +01:00
}
2020-12-16 17:15:47 +01:00
/* ---- 15.4. SERVERSEARCH ---- */
2020-05-14 21:11:26 +02:00
#server-search .wrapper-25eVIn {
background-color: rgb(47, 49, 54) !important;
2020-10-24 11:12:25 +02:00
transition: background-color .16s ease-out;
2020-05-14 21:11:26 +02:00
}
#server-search .wrapper-25eVIn:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2020-05-14 21:11:26 +02:00
}
2021-04-08 18:14:27 +02:00
2020-12-16 17:15:47 +01:00
/* ---- 15.5. CHANNELTABS ---- */
2020-10-25 17:28:38 +01:00
2020-10-25 18:51:04 +01:00
.channelTabs-unreadBadge:not(.channelTabs-noUnread) {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2020-10-25 17:28:38 +01:00
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 16. THEMESUPPORT ~~~~ */
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 16.1. THEMEDEVBADGE ---- */
2019-02-12 12:24:29 +01:00
2020-07-20 16:17:45 +02:00
#app-mount .dev-A7f2Rx.hasBadge-4rT8_u .badge-7R_W3s {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor)) !important;
2019-03-21 10:54:26 +01:00
}
2020-07-20 16:17:45 +02:00
#app-mount .topSectionPlaying-1J5E4n .dev-A7f2Rx.hasBadge-4rT8_u .badge-7R_W3s,
#app-mount .headerPlaying-j0WQBV .dev-A7f2Rx.hasBadge-4rT8_u .badge-7R_W3s {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor)) !important;
2020-10-25 18:51:04 +01:00
}