BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css

1949 lines
131 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 {
--daccentcolor: 114,137,218;
2020-02-27 08:26:02 +01:00
--vaccentcolor: var(--accentcolor, var(--daccentcolor));
2019-02-12 12:24:29 +01:00
--dlinkcolor: 0,176,244;
2020-02-27 08:26:02 +01:00
--vlinkcolor: var(--linkcolor, var(--dlinkcolor));
2019-09-13 12:47:30 +02:00
--dfontwhite1: 255,255,255;
2020-03-27 10:10:38 +01:00
2020-03-27 10:20:04 +01:00
--vaccentcolor-hover: rgb(var(--vaccentcolor)) linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
2020-03-27 10:10:38 +01:00
--vaccentcolor-active: rgb(var(--vaccentcolor)) linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
2020-12-16 17:15:47 +01:00
--bdfdb-blurple: rgb(var(--vaccentcolor)) !important;
--bd-blue: rgb(var(--vaccentcolor)) !important;
--bd-blue-hover: var(--vaccentcolor-hover) !important;
--bd-blue-active: var(--vaccentcolor-active) !important;
--blurple: rgb(var(--vaccentcolor)) !important;
2019-09-16 14:28:36 +02:00
}
.theme-dark, .theme-light {
2019-09-16 14:43:05 +02:00
--text-link: rgb(var(--vlinkcolor));
2020-05-19 14:23:19 +02:00
--focus-primary: rgb(var(--vlinkcolor));
2020-11-21 18:01:32 +01:00
--radio-group-dot-foreground: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-07 13:20:59 +02:00
.theme-light {
--logo-primary: rgb(var(--vaccentcolor));
}
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
2. AUTOCOMPLETEMENU
3. MEMBERLIST
4. SEARCHPAGE
5. 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
2020-10-28 23:19:12 +01:00
9. STREAMSETTINGSMODAL
10. DISPATCHERRORMODAL
11. CHANGELOGMODAL
12. SCREENSHAREMODAL
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 {
background-color: rgb(var(--vaccentcolor));
}
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 */
2020-09-01 11:50:53 +02:00
color: rgb(var(--vaccentcolor));
}
2020-12-28 17:23:59 +01:00
.iconTierThree-3EAOB7 { /* guild header icontier3 */
2020-02-24 14:40:01 +01:00
color: rgb(var(--vaccentcolor));
}
2020-12-28 17:23:59 +01:00
.subscribeTooltipWrapper-32-Ce8 { /* guild header subscribetooltip */
2020-02-24 14:40:01 +01:00
background-color: rgb(var(--vaccentcolor));
}
2020-10-19 18:37:37 +02:00
.subscribeTooltipWrapper-32-Ce8::after {
2020-02-24 14:40:01 +01:00
border-bottom-color: rgb(var(--vaccentcolor));
}
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;
}
.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 {
2020-12-30 13:54:18 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/channelnotice_premium_bg.svg) center 23px no-repeat;
2020-12-28 17:23:59 +01:00
}
.channelNotice-1-XFjC.premiumGuildSubscription-3oKecP::after {
background: rgb(var(--vaccentcolor));
2020-12-30 14:11:25 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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 {
2020-12-30 13:54:18 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/channelnotice_upsell_bg.svg) center 12px no-repeat;
2020-12-28 18:24:49 +01:00
}
.channelNotice-1-XFjC.publicUpsell-31ZSJ8::after {
background: rgb(var(--vaccentcolor));
2020-12-30 14:11:25 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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 */
2020-02-24 14:40:01 +01:00
background-color: rgb(var(--vaccentcolor));
}
2020-12-27 14:03:30 +01:00
.hasMore-3POVhk { /* hasmore messagesbar */
2020-02-24 14:40:01 +01:00
color: rgb(var(--vaccentcolor));
}
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"] {
background-color: rgba(var(--vaccentcolor), 1) !important;
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.9"] {
background-color: rgba(var(--vaccentcolor), 0.9) !important;
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.8"] {
background-color: rgba(var(--vaccentcolor), 0.8) !important;
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.7"] {
background-color: rgba(var(--vaccentcolor), 0.7) !important;
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.6"] {
background-color: rgba(var(--vaccentcolor), 0.6) !important;
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.5"] {
background-color: rgba(var(--vaccentcolor), 0.5) !important;
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.4"] {
background-color: rgba(var(--vaccentcolor), 0.4) !important;
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.3"] {
background-color: rgba(var(--vaccentcolor), 0.3) !important;
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.2"] {
background-color: rgba(var(--vaccentcolor), 0.2) !important;
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.1"] {
background-color: rgba(var(--vaccentcolor), 0.1) !important;
}
.backgroundFlash-24qWLN[style*="background-color: rgba(114, 137, 218, 0.0"] {
background-color: rgba(var(--vaccentcolor), 0.0) !important;
}
2020-12-29 18:37:33 +01:00
.embedFull-2tM8--[style*="border-color: rgb(114, 137, 218)"] {
border-color: rgb(var(--vaccentcolor)) !important;
}
2020-11-19 18:06:36 +01:00
.ephemeral-1PsL1r, /* localbot container */
2020-10-27 16:25:26 +01:00
.replying-1x3H0T { /* replying container */
2020-02-24 14:40:01 +01:00
background-color: rgba(var(--vaccentcolor), 0.05);
}
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 */
2020-02-24 14:40:01 +01:00
background-color: rgb(var(--vaccentcolor));
}
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 {
2020-02-24 14:40:01 +01:00
background-color: rgba(var(--vaccentcolor), 0.1);
}
2020-12-24 12:42:18 +01:00
.ephemeralMessage-1fEWtQ a { /* localbot operations */
color: rgb(var(--vaccentcolor));
}
2020-02-24 14:40:01 +01:00
.operations-36ENbA > a { /* message operations */
color: rgb(var(--vaccentcolor));
}
2020-02-24 15:53:31 +01:00
.icon-360yEu { /* systemmessage guild sub easter egg icon */
color: rgb(var(--vaccentcolor));
}
2020-02-24 14:40:01 +01:00
.message-15tBk4 strong, /* mention in header */
.wrapper-3WhCwL { /* mention */
background-color: rgba(var(--vaccentcolor), 0.1);
color: rgb(var(--vaccentcolor));
}
.message-15tBk4 strong:hover,
.interactive:hover {
background-color: rgb(var(--vaccentcolor));
}
#app-mount .mentioned-xhSam7 .mention.interactive:hover {
color: rgb(var(--vaccentcolor));
}
.reactionMe-wv5HKu .reactionCount-2mvXRV, /* reaction count me */
.reactionMe-wv5HKu:hover .reactionCount-2mvXRV {
color: rgb(var(--vaccentcolor));
}
.reaction-1hd86g.reactionMe-wv5HKu { /* reaction wrapper me */
background-color: rgba(var(--vaccentcolor), 0.3);
}
2020-12-28 19:55:17 +01:00
/* attachment upload bar */
.progressBar-3u8FBM[style*="background-color: rgb(114, 137, 218)"] {
background-color: rgb(var(--vaccentcolor)) !important;
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 3.2. AUTOCOMPLETEMENU ---- */
2020-02-24 14:40:01 +01:00
2020-12-17 20:17:07 +01:00
#app-mount .active-2awTSY { /* autocomplete option active */
background-color: rgb(var(--vaccentcolor));
}
2020-02-24 14:40:01 +01:00
#app-mount .searchSuggestion-2K8OBX:hover { /* gifpicker suggestions */
border-color: rgb(var(--vaccentcolor));
background-color: rgb(var(--vaccentcolor));
}
.result-3w1ZcL[style*="background-color"] { /* gifpicker result loading */
background-color: rgb(var(--vaccentcolor)) !important;
}
.result-3w1ZcL[style*="background-color: rgb(146, 154, 250)"] {
2020-03-27 10:20:04 +01:00
background: var(--vaccentcolor-hover) !important;
2020-02-24 14:40:01 +01:00
}
.result-3w1ZcL[style*="background-color: rgb(179, 174, 255)"] {
2020-03-27 10:20:04 +01:00
background: var(--vaccentcolor-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 {
2020-04-25 09:23:03 +02:00
box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor)), 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 {
2020-04-25 09:23:03 +02:00
box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor)), inset 0 0 0 3px #2f3136;
2020-02-24 14:40:01 +01:00
}
#app-mount .categoryFadeBlurple-1j72_A { /* gifpicker categoryfade */
background-color: rgba(var(--vaccentcolor), 0.8);
}
#app-mount .categoryFadeBlurple-1j72_A:hover {
background-color: rgba(var(--vaccentcolor), 0.95);
}
2020-04-25 09:23:03 +02:00
.introductionAction-M1r6AX { /* gifpicker introductionaction tooltip */
color: rgb(var(--vaccentcolor));
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 3.3. MEMBERLIST ---- */
2020-02-24 14:40:01 +01:00
.premiumIcon-1rDbWQ {
color: rgb(var(--vaccentcolor));
}
2020-12-16 17:15:47 +01:00
/* ---- 3.4. SEARCHPAGE ---- */
2020-02-24 14:40:01 +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;
2020-12-27 14:03:30 +01:00
background: rgb(var(--vaccentcolor));
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"><path fill="black" d="m 70.904693,78.021331 c 1.19265,4.471649 0.91948,10.937645 -2.73367,12.386761 -3.51374,1.393821 -7.81998,-3.634791 -9.23928,-9.270432 -1.65994,-6.591117 0.35234,-11.930719 3.19977,-12.582736 4.03386,-0.904254 7.6644,4.507576 8.77318,9.466407"/></svg>') center/cover no-repeat;
2020-02-24 14:40:01 +01:00
}
2020-12-16 17:15:47 +01:00
/* ---- 3.5. CALL ---- */
2020-02-24 14:40:01 +01:00
.sparkleBlurple-awNnsZ {
background-image: url(https://discordapp.com/assets/c7539bb38577495f5021c8ea455c7145.png);
}
.popBlurple-27zBE3 {
background-image: url(https://discordapp.com/assets/237a2f9325a83d230fb30b2cd63bbfe6.png);
}
.lightBlurple-1mZKpk {
background-image: url(https://discordapp.com/assets/1c20f6ecd2d83c1844a3fd6da306d239.png);
}
.crossBlurple--iGG5Y {
background-image: url(https://discordapp.com/assets/c13a0b03a798023c27155fad5f0c7a61.png);
}
2020-12-16 17:15:47 +01:00
/* ~~~~ 4. PEOPLES ~~~~ */
2020-10-24 11:12:25 +02:00
.wrapper-1cBijl .btn:disabled { /* addfriendpage button */
background-color: rgb(var(--vaccentcolor));
}
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? */
background-color: rgb(var(--vaccentcolor));
}
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 {
2020-02-24 14:40:01 +01:00
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
2020-02-24 15:53:31 +01:00
.activeTransferGuildCardBorder-2jUQ7t{
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
.premiumGuildSubscriptionRowActive-1WxLXI{
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
2020-02-24 14:40:01 +01:00
.theme-light .animationContainer-cNePAf {
color: rgb(var(--vaccentcolor));
}
.theme-light .shine-KMI5j7 {
color: rgba(var(--vaccentcolor), 0.2);
}
2020-02-24 15:53:31 +01:00
.grandfatheredMessage-1BnHtv {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
.tierGrandfathered-R6zrrD.banner-3Kac2g {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5) 75.25%);
}
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 */
2020-02-24 14:40:01 +01:00
background-color: rgb(var(--vaccentcolor));
}
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 {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5) 75.25%);
}
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 */
background: #ffcd4b linear-gradient(45deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
.tier2-3hSil0.banner-3Kac2g {
background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5) 75.25%);
}
2020-02-24 14:40:01 +01:00
.price-1rEl-z { /* submodal price */
color: rgb(var(--vaccentcolor));
}
.iconBackgroundTier1-2GOcU8 { /* tierlist tier1 bg */
2020-02-24 15:53:31 +01:00
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
2020-02-24 14:40:01 +01:00
}
.iconBackgroundTier2-2TeI3a { /* tierlist tier2 bg */
background: #ffcd4b linear-gradient(45deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
.xboxPromotion-1k0m0c { /* bannerpromo xboxpromo */
2020-02-24 15:53:31 +01:00
background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
2020-02-24 14:40:01 +01:00
}
.bannerPromotionLogoPremium-2cB301 { /* bannerpromo logo */
2020-02-24 15:53:31 +01:00
background: #ffcd4b linear-gradient(rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
2020-02-24 14:40:01 +01:00
}
2020-10-09 17:36:41 +02:00
.premiumLogo-1D3iJc { /* bannerpromo nitro logo */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
2020-02-24 14:40:01 +01:00
#app-mount .tag-HanR-9 { /* tag */
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
2020-10-19 18:37:37 +02:00
#app-mount .tag-HanR-9::before {
2020-02-24 14:40:01 +01:00
-webkit-mask: url(https://discordapp.com/assets/04a2e1509ad72be575b1529b51ea3977.svg) top/cover no-repeat;
background: rgb(var(--vaccentcolor));
}
.skuButtonTier1-2XTq5D,
.skuButtonTier1-3-EFd9 {
background: rgb(255, 255, 255) linear-gradient(32.3deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5) 75.25%);
}
2020-02-24 15:53:31 +01:00
.skuButtonTier2-2asv3-,
.skuButtonTier2-i01WfL {
background: #ffcd4b linear-gradient(32.3deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
2020-02-24 14:40:01 +01:00
#app-mount .alternativeSkuSelected-3Qhw9n {
background-color: rgb(var(--vaccentcolor));
}
.overlappingBorder-1-XPGl { /* store preview image */
border-color: rgb(var(--vaccentcolor));
}
#app-mount .headerFancy-1AcCLF { /* store header fancy */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
#app-mount .premiumHeaderPrice-1F1CMD { /* store price */
background-color: rgb(var(--vaccentcolor));
}
.premiumCircle-3jgziV { /* store premiumcircle */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
#app-mount .staffIcon-2MB1se { /* store stafficon */
background-color: rgb(var(--vaccentcolor));
}
#app-mount .nitroIcon-2uS3VJ { /* store nitroicon */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
.perkTag-2O4dx4 { /* store perktag */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
.confirmPremiumIcon-26GX5Y, /* store confirmpremiumicon */
.gameIcon-gg34Dz[style*="/assets/f6cbcdc9366fb8d31e03bdc6c9c50246.svg"] {
background-color: rgb(255, 255, 255) !important;
2020-12-27 15:35:34 +01:00
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="white" d="m 14.474302,33.394982 c 0,1.044833 -0.8881,1.915387 -1.953992,1.915387 H 11.454419 C 10.388527,35.310369 9.5,34.439815 9.5,33.394982 c 0,-1.044833 0.888527,-1.915388 1.954419,-1.915388 h 1.065891 c 1.065892,0 1.953992,0.870555 1.953992,1.915388 z m 48.142737,-0.522416 c 4.618721,9.577773 0.355155,21.070934 -9.770814,25.598404 -9.770388,4.353609 -21.495194,0.174278 -25.936551,-9.403496 -0.8881,-1.915387 -1.421046,-4.005053 -1.598837,-6.094719 h -3.908411 c -1.065891,0 -1.953992,-0.870972 -1.953992,-1.915805 0,-1.044833 0.888101,-1.915388 1.953992,-1.915388 h 5.685039 c 1.065892,0 1.953992,-0.870554 1.953992,-1.915387 0,-1.044833 -0.8881,-1.915806 -1.953992,-1.915806 h -9.060077 c -1.065892,0 -1.954419,-0.870554 -1.954419,-1.915387 0,-1.044833 0.888527,-1.915388 1.954419,-1.915388 h 12.612907 c 1.065891,0 1.953992,-0.870972 1.953992,-1.915805 0,-1.044833 -0.888101,-1.915388 -1.953992,-1.915388 h -5.151667 c -1.598837,0 -3.02031,-1.219111 -3.02031,-2.96022 0,-1.567249 1.243682,-2.960638 3.02031,-2.960638 h 20.074147 c 7.106086,0.348556 13.856589,4.353609 17.054264,11.145023 z M 40.165868,30.951661 c -5.617248,2.528496 -8.08031,9.041984 -5.500852,14.548253 2.579457,5.506269 9.224224,7.920668 14.841472,5.392173 5.617675,-2.528496 8.08031,-9.041983 5.500853,-14.548252 -2.579457,-5.506269 -9.224225,-7.920669 -14.841473,-5.392174 z m 8.949907,3.662306 3.55283,5.920859 c 0.17779,0.348138 0.17779,0.522417 0,0.870555 l -3.55283,5.920859 c -0.17779,0.348138 -0.532945,0.348138 -0.710736,0.348138 h -6.928295 c -0.355155,0 -0.532946,-0.174278 -0.71031,-0.348138 l -3.553256,-5.920859 c -0.177364,-0.348138 -0.177364,-0.522417 0,-0.870555 l 3.553256,-5.920859 c 0.177364,-0.348138 0.532946,-0.348138 0.71031,-0.348138 h 6.928295 c 0.355581,-0.174278 0.532946,0 0.710736,0.348138 z"/></svg>'), linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)) !important;
2020-02-24 14:40:01 +01:00
}
2020-10-24 11:12:25 +02:00
.pageWrapper-3F6owx { /* store pagewrapper */
2020-12-26 19:18:52 +01:00
background: white linear-gradient(114deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 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 */
stroke: rgb(var(--vaccentcolor));
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 {
2020-05-11 18:52:13 +02:00
border-color: rgb(var(--vaccentcolor));
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 {
box-shadow: 0 0 0 1px rgb(var(--vaccentcolor)), 0 0 0 2px rgba(var(--vaccentcolor), 0.6), 0 0 0 3px rgba(var(--vaccentcolor), 0.3);
}
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 {
background-color: rgb(var(--vaccentcolor));
}
2020-05-08 10:33:08 +02:00
/* categorylist selected item */
.categoryItem-3zFJns.selectedCategoryItem-3X8ujp .itemInner-3gVXMG {
background-color: rgb(var(--vaccentcolor));
}
2020-05-17 23:12:18 +02:00
.categoryPill-34fszg.selected-1dONk0 { /* categorylist search categorypill */
background-color: rgb(var(--vaccentcolor));
}
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)"],
.item-PXvHYJ[style*=" color: rgb(114, 137, 218)"] { /* settingsitems list item */
color: rgb(var(--vaccentcolor)) !important;
}
.item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"] {
background-color: rgb(var(--vaccentcolor)) !important;
}
.item-PXvHYJ[style*="background-color: rgba(114, 137, 218, 0.1)"] {
background-color: rgb(var(--vaccentcolor), 0.1) !important;
}
2020-02-24 14:40:01 +01:00
2020-06-16 14:29:05 +02:00
.dot-2s_oHI { /* settingsitems dot */
background-color: rgb(var(--vaccentcolor));
}
2020-02-24 14:40:01 +01:00
.cardBrand-39zmMQ { /* settingsitems card */
background-color: rgb(var(--vaccentcolor));
}
.cardBrand-39zmMQ,
.cardBrandOutline-3jvFfo {
border-color: rgb(var(--vaccentcolor));
}
.avatarUploaderInner-3UNxY3 { /* accountsettings avatar upload */
background-color: rgb(var(--vaccentcolor));
}
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 */
2020-02-24 14:40:01 +01:00
background-color: rgb(var(--vaccentcolor));
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 {
2020-03-27 10:10:38 +01:00
background: var(--vaccentcolor-hover);
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .tierUnlocked-27DwHo { /* boostsettings tierunlocked */
color: rgb(var(--vaccentcolor));
}
2020-02-24 15:53:31 +01:00
#app-mount .tierAccomplished-2eXPdI,
#app-mount .tierCurrent-Lw7-4E,
#app-mount .tierDefault-2qaRkD {
background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
2020-02-24 14:40:01 +01:00
#app-mount .tierCloseHint-380zIA { /* boostsettings tierclosehint */
2019-02-19 00:02:54 +01:00
background-color: rgb(var(--vaccentcolor));
}
2020-10-19 18:37:37 +02:00
#app-mount .tierCloseHint-380zIA::before {
2020-02-24 14:40:01 +01:00
border-right-color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .tierHeaderUnlockedBackground-MW5XJU { /* boostsettings tierheaderunlockedbg */
2020-02-24 15:53:31 +01:00
background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
2019-03-30 22:46:38 +01:00
}
2020-02-24 14:40:01 +01:00
.emojiIcon-2xOPMD { /* boostsettings perkicon emoji */
color: rgb(var(--vaccentcolor));
filter: brightness(75%);
2019-03-30 22:46:38 +01:00
}
2020-02-24 14:40:01 +01:00
.uploadSizeIcon-2HNa5p { /* boostsettings perkicon upload */
color: rgb(var(--vaccentcolor));
2019-03-30 22:46:38 +01:00
}
2020-02-24 14:40:01 +01:00
.memberBadgeIcon-1hpSQc { /* boostsettings perkicon guild */
color: rgb(var(--vaccentcolor));
filter: brightness(150%);
}
.profileBadgeIcon-_ctnKj {
2020-12-26 20:53:02 +01:00
position: relative;
2020-12-30 14:11:25 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/usersettings_boostbadge_bg.svg) center/contain no-repeat;
2020-12-26 20:53:02 +01:00
}
.profileBadgeIcon-_ctnKj::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgb(var(--vaccentcolor));
2020-12-30 14:11:25 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/usersettings_boostbadge_accent.svg) center/contain no-repeat;
2019-03-30 22:46:38 +01:00
}
2020-02-24 14:40:01 +01:00
.premiumGuildIcon-13KUPa { /* boostsettings sub count icon */
color: rgb(var(--vaccentcolor));
}
.gemWithLabel-2aecE_ { /* boostsettings progress label */
color: rgb(var(--vaccentcolor));
}
.gemIndicatorProgressCircle-3wDFa1 { /* boostsettings progress circle */
color: rgb(var(--vaccentcolor));
}
.guildSubscriberCountIcon-6Fo5EK { /* boostsettings sub count */
color: rgb(var(--vaccentcolor));
}
.guildSubscriptionSlotIcon-EVE04u { /* boostsettings slot icon */
color: rgb(var(--vaccentcolor));
}
2020-12-26 20:53:02 +01:00
.wrapper-3jrx9n { /* overlaysettings positionsettings wrapper */
2020-02-24 14:40:01 +01:00
border-color: rgb(var(--vaccentcolor));
}
.option-n0icdO:hover { /* overlaysettings positionoption */
background-color: rgb(var(--vaccentcolor));
}
.selected-mKYnfr.option-n0icdO {
background-color: rgb(var(--vaccentcolor));
border-color: rgb(var(--vaccentcolor));
}
2020-12-27 11:10:52 +01:00
/* streamermodesettings headerimage */
.noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] {
object-position: -999999px -999999px;
2020-12-30 14:11:25 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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;
}
.noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + *::before {
background: rgb(var(--vaccentcolor));
2020-12-30 14:11:25 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/guildsettings_streamermode_accent.svg) center/contain no-repeat;
2020-12-27 11:10:52 +01:00
}
.noticeIcon-1phvR2[src="/assets/616e078b351d0df460971441949c53a3.svg"] + *::after {
2020-12-30 14:11:25 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/guildsettings_streamermode_details.svg) center/contain no-repeat;
2020-12-27 11:10:52 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 9. GUILDSETTINGS ~~~~ */
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);
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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;
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 {
background: rgb(var(--vaccentcolor));
2020-12-30 14:11:25 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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);
2020-12-30 14:11:25 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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;}
50% {border-color: rgb(var(--vaccentcolor));}
to {border-color: transparent;}
}
@keyframes pulseBorder-1LZYy9 {
0% {border-color: transparent;}
50% {border-color: rgb(var(--vaccentcolor));}
to {border-color: transparent;}
}
2020-12-29 21:12:52 +01:00
.placeholderImage-37MstR { /* discoverysettings insight */
2020-12-30 13:54:18 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/guildsettings_partnerprogram_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;
background: rgb(var(--vaccentcolor));
2020-12-30 14:11:25 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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);
2020-12-30 13:54:18 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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;
background: rgb(var(--vaccentcolor));
2020-12-30 14:11:25 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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 */
background-color: rgb(var(--vaccentcolor));
}
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;
2020-12-30 13:54:18 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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;
background: rgb(var(--vaccentcolor));
2020-12-30 14:11:25 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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 */
fill: rgb(var(--vaccentcolor));
}
2020-12-22 21:58:36 +01:00
.fakeButton-kGEmb3 { /* communitysettings rules example fake */
background-color: rgb(var(--vaccentcolor));
}
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;
2020-12-30 13:59:01 +01:00
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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;
background: rgb(var(--vaccentcolor));
2020-12-30 14:11:25 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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;
2020-12-30 14:11:25 +01:00
background: white url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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;
2020-12-26 18:41:22 +01:00
background: rgb(var(--vaccentcolor));
2020-12-30 14:11:25 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/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 */
background: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-10-28 23:31:36 +01:00
.container-q03LZO.colored-1armap .profileBadgeBugHunterLevel1-dbEzVz {
background: rgb(var(--vaccentcolor));
-webkit-mask: url(https://discordapp.com/assets/df26f079738a4dcd07cbce6eb3c957f1.svg) center/contain no-repeat;
}
.container-q03LZO.colored-1armap .profileBadgeBugHunterLevel2-3TUciC {
background: rgb(var(--vaccentcolor));
-webkit-mask: url(https://discordapp.com/assets/16def052b03d75dac0ed9234c5d6a880.svg) center/contain no-repeat;
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl1-3oI9tx {
background: rgb(var(--vaccentcolor));
-webkit-mask: url(https://discordapp.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat;
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl2-r6nJHT {
background: rgb(var(--vaccentcolor));
-webkit-mask: url(https://discordapp.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat;
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl3-38s3Dj {
background: rgb(var(--vaccentcolor));
-webkit-mask: url(https://discordapp.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat;
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl4-2NXrsI {
background: rgb(var(--vaccentcolor));
-webkit-mask: url(https://discordapp.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat;
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl5-3XIa2K {
background: rgb(var(--vaccentcolor));
-webkit-mask: url(https://discordapp.com/assets/a99def5f819c077e5e5061cab741b7e6.svg) center/contain no-repeat;
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl6-3e3sxW {
background: rgb(var(--vaccentcolor));
-webkit-mask: url(https://discordapp.com/assets/2cfb317f3db3963d8ded9a97ee967bac.svg) center/contain no-repeat;
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl7-1dVhQT {
background: rgb(var(--vaccentcolor));
-webkit-mask: url(https://discordapp.com/assets/278736f579d810b11ddf308cb598b19e.svg) center/contain no-repeat;
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl8-1kXdFr {
background: rgb(var(--vaccentcolor));
-webkit-mask: url(https://discordapp.com/assets/38e40f25802a0fdf480d9b855a37a2f3.svg) center/contain no-repeat;
}
.container-q03LZO.colored-1armap .profileGuildSubscriberlvl9-1d6zav {
background: rgb(var(--vaccentcolor));
-webkit-mask: url(https://discordapp.com/assets/cfbc2d8ceacfacf07850f986c8165195.svg) center/contain no-repeat;
}
2020-02-24 14:40:01 +01:00
.guildAvatarWithoutIcon-1sTmE_ { /* modal shared servers no icon */
background-color: rgb(var(--vaccentcolor));
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 ---- */
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 */
fill: rgb(var(--vaccentcolor));
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 {
background-color: rgb(var(--vaccentcolor));
}
2020-10-19 18:37:37 +02:00
.vip-3pFIN8::after, /* modal regionselect vip */
.vip-1SuRbe::after {
2020-02-24 14:40:01 +01:00
background: rgb(var(--vaccentcolor));
}
.regionSelect-3lf4eE button { /* modal regionselect button */
color: rgb(var(--vaccentcolor));
}
#app-mount .regionSelect-3lf4eE:hover .regionSelectInner-24f4Ce,
#app-mount .regionSelect-3lf4eE:hover button {
border-color: rgb(var(--vaccentcolor));
}
#app-mount .regionSelect-3lf4eE:hover button {
background-color: rgb(var(--vaccentcolor));
}
.regionSelectModal-12e-57 .regionSelectModalHeader-21khC1 { /* modal regionselect header */
color: rgb(var(--vaccentcolor));
}
/* modal regionselect option */
.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
border-color: rgb(var(--vaccentcolor));
}
.check-2by_h9 {
-webkit-mask: url(https://discordapp.com/assets/6acb20d5e709b34b6a7f36ec13648666.svg);
background: rgb(var(--vaccentcolor));
}
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 {
background-color: rgb(var(--vaccentcolor));
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;
background: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><g fill="white" fill-rule="evenodd"><path d="m 85,32.982 v 74.028 c 0,3.308 -2.68,5.99 -5.998,5.99 H 20.998 C 17.686,113 15,110.312 15,107.007 V 18.993 C 15,15.683 17.695,13 21,13 h 43.994 z"/></g></svg>') center/contain no-repeat !important;
}
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;
2020-12-29 17:55:30 +01:00
background: rgb(var(--vaccentcolor));
}
.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;
}
.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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><g fill="none" fill-rule="evenodd" stroke-width="2" stroke="black"><path d="m 85,32.982 v 74.028 c 0,3.308 -2.68,5.99 -5.998,5.99 H 20.998 C 17.686,113 15,110.312 15,107.007 V 18.993 C 15,15.683 17.695,13 21,13 h 43.994 z"/><path d="M 85,33.982 H 66.994 c -1.656,0 -3,-1.343 -3,-3 V 13"/><path opacity="0.5" d="m 61.101149,16.030002 h -38.015 c -2.76,0 -4.997,2.23 -4.997,5.002 v 6.998"/><path opacity="0.5" d="m 67.297058,20.88934 v 7.502 c 0,1.38 1.11,2.498 2.5,2.498 h 2.5"/></g></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="m 23,31 h 34 v 3 H 23 Z M 76.876633,96.997 H 73.51137 l -0.0076,-0.003 0.01178,0.006 -45.431054,-0.0052 -0.0042,0.0022 h -5.047875 c 0,-7.273341 -1.081932,-23.997 9.254474,-23.997 10.336406,0 6.003629,6.56243 16.826316,12.748406 0.137135,0.07799 0.278476,0.153731 0.416451,0.231721 l 0.443374,-0.23622 0.717642,0.385452 C 60.78142,80.914511 56.722071,73 67.622159,73 c 11.159213,0 9.254474,23.997 9.254474,23.997 z M 46.172812,87.770154 c -8.366886,-4.587177 -6.8542,-11.770529 -13.885917,-11.770529 -7.148661,0 -5.889211,17.99775 -5.889211,17.99775 h 6.786895 l 0.0093,-0.0052 h 1.076043 c 3.267671,-1.579303 7.517157,-3.622797 12.019879,-5.76003 l -0.487122,-0.264717 0.370179,-0.197225 z M 67.622159,75.999625 c -6.664063,0 -6.997224,7.865017 -13.885076,11.766029 l 0.448421,0.24147 -0.451787,0.236971 c 4.367271,2.246719 8.790909,4.23697 12.355565,5.75328 h -7.721597 c 0,0 -2.073844,-1.008624 -7.937815,-4.020247 l -0.474502,0.248969 -0.455152,-0.247469 c -4.988161,2.567679 -7.92856,4.003749 -7.9538,4.016498 l 24.558009,0.009 c -0.005,-0.0023 -0.0101,-0.0045 -0.01514,-0.0067 h 7.422088 c 0,0 0.908621,-17.99775 -5.889211,-17.99775 z M 23,66 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 34 v 3 H 23 Z"/></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="m 45.48,76.9 -0.45,-1.8 c -0.26,-0.98 -0.52,-2.02 -0.78,-3.12 -0.26,-1.1 -0.52,-2.16 -0.78,-3.18 h -0.12 c -0.24,1.04 -0.49,2.105 -0.75,3.195 -0.26,1.09 -0.52,2.125 -0.78,3.105 l -0.45,1.8 z m 0.9,3.45 H 40.47 L 39.27,85 h -4.5 l 6.09,-19.56 h 5.28 L 52.23,85 h -4.68 z m 5.77,-2.79 c 0,-1.22 0.215,-2.31 0.645,-3.27 0.43,-0.96 1.005,-1.775 1.725,-2.445 0.72,-0.67 1.545,-1.185 2.475,-1.545 0.93,-0.36 1.895,-0.54 2.895,-0.54 1.14,0 2.15,0.18 3.03,0.54 0.88,0.36 1.61,0.86 2.19,1.5 0.58,0.64 1.02,1.395 1.32,2.265 0.3,0.87 0.45,1.815 0.45,2.835 0,0.4 -0.02,0.78 -0.06,1.14 -0.04,0.36 -0.08,0.63 -0.12,0.81 H 56.68 c 0.16,1.12 0.645,1.925 1.455,2.415 C 58.945,81.755 59.9,82 61,82 c 0.68,0 1.325,-0.085 1.935,-0.255 0.61,-0.17 1.245,-0.425 1.905,-0.765 l 1.44,2.64 c -0.84,0.54 -1.78,0.965 -2.82,1.275 -1.04,0.31 -2.06,0.465 -3.06,0.465 -1.16,0 -2.24,-0.175 -3.24,-0.525 -1,-0.35 -1.87,-0.86 -2.61,-1.53 C 53.81,82.635 53.225,81.82 52.795,80.86 52.365,79.9 52.15,78.8 52.15,77.56 Z m 10.74,-1.62 c 0,-0.84 -0.23,-1.52 -0.69,-2.04 -0.46,-0.52 -1.2,-0.78 -2.22,-0.78 -0.8,0 -1.51,0.23 -2.13,0.69 -0.62,0.46 -1.03,1.17 -1.23,2.13 z"/></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="M45.48 76.9l-.45-1.8c-.26-.98-.52-2.02-.78-3.12s-.52-2.16-.78-3.18h-.12c-.24 1.04-.49 2.105-.75 3.195-.26 1.09-.52 2.125-.78 3.105l-.45 1.8h4.11zm.9 3.45h-5.91L39.27 85h-4.5l6.09-19.56h5.28L52.23 85h-4.68l-1.17-4.65zm6.49-10.23h10.38V85h-4.41V73.57h-5.97v-3.45zm7.98-2.19c-.86 0-1.565-.24-2.115-.72-.55-.48-.825-1.13-.825-1.95 0-.82.275-1.485.825-1.995.55-.51 1.255-.765 2.115-.765.86 0 1.565.255 2.115.765.55.51.825 1.175.825 1.995 0 .82-.275 1.47-.825 1.95-.55.48-1.255.72-2.115.72z"/></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" fill-rule="evenodd" d="m 43,50 h 14 v 62 H 43 Z m 11,55 h -4 v -4 h 4 z m -8,4 v -4 h 4 v 4 z m 0,-8 v -4 h 4 v 4 z m 0,-12 h 4 v 4 h -4 z m 0,-8 h 4 v 4 h -4 z m 0,-8 h 4 v 4 h -4 z m 0,-8 h 4 v 4 h -4 z m 0,-8 h 4 v 4 h -4 z m 8,-4 v 4 h -4 v -4 z m 0,8 v 4 h -4 v -4 z m 0,8 v 4 h -4 v -4 z m 0,8 v 4 h -4 v -4 z m 0,8 v 4 h -4 v -4 z m 0,8 v 4 h -4 v -4 z"/></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="M 49.2,45.6 V 64 c -0.8,-0.3 -1.7,-0.4 -2.5,-0.4 -4.2,0 -7.5,3.3 -7.5,7.5 0,4.2 3.3,7.5 7.5,7.5 4.2,0 7.5,-3.3 7.5,-7.5 V 53.6 h 6.7 v -5 z"/></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="M41 85.48c0-.54.015-1.04.045-1.5l.09-1.35.09-1.335c.03-.45.045-.925.045-1.425 0-.28-.06-.56-.18-.84-.12-.28-.34-.525-.66-.735-.32-.21-.76-.385-1.32-.525s-1.27-.21-2.13-.21v-1.8c.86 0 1.57-.07 2.13-.21.56-.14 1-.315 1.32-.525.32-.21.54-.455.66-.735.12-.28.18-.56.18-.84 0-.96-.045-1.875-.135-2.745-.09-.87-.135-1.825-.135-2.865 0-.78.11-1.435.33-1.965.22-.53.56-.95 1.02-1.26.46-.31 1.04-.53 1.74-.66s1.52-.195 2.46-.195h1.95v1.68h-1.47c-.72 0-1.31.045-1.77.135-.46.09-.82.235-1.08.435-.26.2-.44.46-.54.78-.1.32-.15.72-.15 1.2 0 .84.03 1.7.09 2.58.06.88.09 1.78.09 2.7 0 1.02-.205 1.785-.615 2.295-.41.51-1.145.855-2.205 1.035v.12c1.06.18 1.795.525 2.205 1.035.41.51.615 1.275.615 2.295 0 1-.03 1.905-.09 2.715-.06.81-.09 1.665-.09 2.565 0 .48.05.88.15 1.2.1.32.28.58.54.78.26.2.62.345 1.08.435.46.09 1.05.135 1.77.135h1.47v1.68h-1.95c-.94 0-1.76-.065-2.46-.195s-1.28-.35-1.74-.66c-.46-.31-.8-.73-1.02-1.26-.22-.53-.33-1.185-.33-1.965zm12.97 2.4c.72 0 1.315-.045 1.785-.135.47-.09.835-.235 1.095-.435s.44-.46.54-.78c.1-.32.15-.72.15-1.2 0-.9-.03-1.755-.09-2.565s-.09-1.715-.09-2.715c0-1.02.2-1.785.6-2.295.4-.51 1.13-.855 2.19-1.035v-.12c-1.06-.18-1.79-.525-2.19-1.035-.4-.51-.6-1.275-.6-2.295 0-.92.03-1.82.09-2.7.06-.88.09-1.74.09-2.58 0-.48-.05-.88-.15-1.2-.1-.32-.28-.58-.54-.78-.26-.2-.625-.345-1.095-.435-.47-.09-1.065-.135-1.785-.135H52.5v-1.68h1.95c.96 0 1.785.065 2.475.195.69.13 1.265.35 1.725.66.46.31.8.73 1.02 1.26.22.53.33 1.185.33 1.965 0 1.04-.045 1.995-.135 2.865-.09.87-.135 1.785-.135 2.745 0 .28.06.56.18.84.12.28.34.525.66.735.32.21.755.385 1.305.525.55.14 1.265.21 2.145.21v1.8c-.88 0-1.595.07-2.145.21-.55.14-.985.315-1.305.525-.32.21-.54.455-.66.735-.12.28-.18.56-.18.84 0 .5.015.975.045 1.425l.09 1.335.09 1.35c.03.46.045.96.045 1.5 0 .78-.11 1.435-.33 1.965-.22.53-.56.95-1.02 1.26-.46.31-1.035.53-1.725.66-.69.13-1.515.195-2.475.195H52.5v-1.68h1.47z"/></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="m 23,87 h 54 v 3 H 23 Z m 0,7 h 54 v 3 H 23 Z m 0,-14 h 54 v 3 H 23 Z m 0,-49 h 34 v 3 H 23 Z m 0,42 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 34 v 3 H 23 Z"/></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="M36.72 65.44h7.14c1.06 0 2.055.105 2.985.315.93.21 1.74.56 2.43 1.05.69.49 1.235 1.14 1.635 1.95.4.81.6 1.805.6 2.985 0 1.14-.205 2.13-.615 2.97-.41.84-.965 1.53-1.665 2.07-.7.54-1.51.94-2.43 1.2-.92.26-1.9.39-2.94.39h-2.73V85h-4.41V65.44zm6.87 9.42c2.38 0 3.57-1.04 3.57-3.12 0-1.02-.3-1.74-.9-2.16-.6-.42-1.49-.63-2.67-.63h-2.46v5.91h2.46zm10.48 5.46c.86.54 1.725.97 2.595 1.29.87.32 1.805.48 2.805.48 1.02 0 1.75-.11 2.19-.33.44-.22.66-.53.66-.93 0-.46-.365-.835-1.095-1.125-.73-.29-1.695-.605-2.895-.945-.66-.18-1.305-.395-1.935-.645-.63-.25-1.195-.55-1.695-.9s-.905-.755-1.215-1.215c-.31-.46-.465-.99-.465-1.59 0-.68.16-1.31.48-1.89.32-.58.775-1.07 1.365-1.47.59-.4 1.31-.715 2.16-.945.85-.23 1.805-.345 2.865-.345 1.32 0 2.525.215 3.615.645 1.09.43 2.025.895 2.805 1.395l-1.98 2.64c-.68-.4-1.38-.735-2.1-1.005-.72-.27-1.47-.405-2.25-.405-.94 0-1.605.1-1.995.3-.39.2-.585.49-.585.87 0 .22.1.42.3.6.2.18.47.34.81.48.34.14.745.275 1.215.405.47.13.965.265 1.485.405.74.2 1.44.425 2.1.675.66.25 1.24.545 1.74.885.5.34.9.75 1.2 1.23.3.48.45 1.04.45 1.68 0 .68-.16 1.31-.48 1.89-.32.58-.785 1.085-1.395 1.515-.61.43-1.37.77-2.28 1.02-.91.25-1.965.375-3.165.375-1.34 0-2.65-.22-3.93-.66-1.28-.44-2.4-.98-3.36-1.62l1.98-2.76z"/></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.3" fill="black" stroke="black" stroke-width="2" d="m 67.00044,67.843799 -16.5,22.155963 -16.5,-22.155963 8,-7.844037 h 17 z"/><path opacity="0.5" fill="none" stroke="black" stroke-width="2" d="m 67.00044,67.843799 -16.5,22.155963 -16.5,-22.155963 8,-7.844037 h 17 z"/><rect opacity="0.5" fill="black" x="44.000439" y="67.999763" width="14" height="2"/></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><g opacity="0.6" fill="black"><rect x="22" y="33" width="15" height="6"/><rect x="22" y="45" width="15" height="6"/><rect x="22" y="57" width="15" height="6"/><rect x="22" y="69" width="15" height="6"/><rect x="22" y="81" width="15" height="6"/><rect x="22" y="93" width="15" height="6"/><rect x="42" y="33" width="15" height="6"/><rect x="42" y="45" width="15" height="6"/><rect x="42" y="57" width="15" height="6"/><rect x="42" y="69" width="15" height="6"/><rect x="42" y="81" width="15" height="6"/><rect x="42" y="93" width="15" height="6"/><rect x="62" y="45" width="15" height="6"/><rect x="62" y="57" width="15" height="6"/><rect x="62" y="69" width="15" height="6"/><rect x="62" y="81" width="15" height="6"/><rect x="62" y="93" width="15" height="6"/></g></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><g opacity="0.6"><path fill="black" d="m 39.5,50 23,11.5 -23,11.5 z"/><path fill="none" stroke="black" stroke-width="2" d="M 30,17 V 112 M 30,32 H 14 M 30,48 H 14 M 30,64 H 14 M 30,80 H 14 M 30,96 H 14 M 68,35 V 112 M 68,48 H 84 M 68,64 H 84 M 68,80 H 84 M 68,96 H 84 z"/></g></svg>') center/contain no-repeat;
}
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 {
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="M39.37 89.8h-2.58l9.84-26.1h2.58l-9.84 26.1zm25.06-13.68l-11.31 7.56v-2.79l8.76-5.79v-.12l-8.76-5.79V66.4l11.31 7.56v2.16z"/></svg>') center/contain no-repeat;
}
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;
2020-12-26 20:24:37 +01:00
background: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><g transform="translate(0,-100)"><path fill="white" d="m 3.2238,122.4419 -1.224,1.224 v 2.641 l 1.224,1.224 4.438,4.438 17.031,17.031 h 4.978 l 3.478,-3.589 0.012,-4.69 -8.532,-8.531 h 17.601 l 3.932,-3.933 2.366,-2.365 v -1.797 l -6.298,-6.299 h -17.587 l 8.518,-8.517 -0.012,-4.689 -3.478,-3.59 h -4.978 z"/></g></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;
background: rgb(var(--vaccentcolor));
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><g transform="translate(0,-100)"><path opacity="0.5" fill="black" d="M 24.693359 1 L 3.2246094 22.441406 L 2 23.666016 L 2 26.306641 L 3.2246094 27.53125 L 7.6621094 31.96875 L 24.693359 49 L 29.669922 49 L 33.148438 45.410156 L 33.160156 40.720703 L 24.628906 32.189453 L 42.230469 32.189453 L 46.162109 28.257812 L 48.527344 25.892578 L 48.527344 24.095703 L 42.230469 17.796875 L 24.642578 17.796875 L 33.160156 9.2792969 L 33.148438 4.5898438 L 29.669922 1 L 24.693359 1 z M 24.572266 6.1816406 L 28.171875 6.1816406 L 28.171875 9.1523438 L 19.535156 17.787109 L 19.535156 20.095703 L 15.363281 24.265625 L 15.363281 25.707031 L 19.535156 29.876953 L 19.535156 32.185547 L 28.171875 40.822266 L 28.171875 43.791016 L 24.572266 43.791016 L 10.207031 29.423828 L 5.7675781 24.986328 L 10.207031 20.548828 L 24.572266 6.1816406 z M 20.041016 21.394531 L 30.296875 21.394531 L 27.417969 24.273438 L 27.417969 25.712891 L 30.296875 28.591797 L 20.041016 28.591797 L 17.162109 25.712891 L 17.162109 24.273438 L 20.041016 21.394531 z M 32.15625 21.394531 L 40.019531 21.394531 L 42.898438 24.273438 L 42.898438 25.712891 L 40.019531 28.591797 L 32.15625 28.591797 L 31.708984 28.144531 L 29.277344 25.712891 L 29.277344 24.273438 L 31.708984 21.841797 L 32.15625 21.394531 z" transform="translate(0,100)"/><path fill="none" stroke="black" stroke-width="2" d="m 3.2238,122.4419 -1.224,1.224 v 2.641 l 1.224,1.224 4.438,4.438 17.031,17.031 h 4.978 l 3.478,-3.589 0.012,-4.69 -8.532,-8.531 h 17.601 l 3.932,-3.933 2.366,-2.365 v -1.797 l -6.298,-6.299 h -17.587 l 8.518,-8.517 -0.012,-4.689 -3.478,-3.59 h -4.978 z"/></g></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 */
color: rgb(var(--vaccentcolor));
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;
background: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="84" viewBox="0 0 124 84" width="124"><path fill="white" fill-rule="evenodd" d="M 82.867188 2.9960938 C 81.022655 3.001906 79.177078 3.1981406 77.361328 3.5878906 C 73.048328 4.5138906 68.909953 6.5254375 65.376953 9.6484375 C 54.394953 19.355438 53.357453 36.187969 63.064453 47.167969 C 72.771453 58.149969 89.602931 59.186469 100.58594 49.480469 C 110.06994 41.094469 112.12877 27.397188 106.25977 16.742188 C 106.01977 16.824188 105.78416 16.911844 105.53516 16.964844 C 105.37216 16.999844 105.20897 17.027781 105.04297 17.050781 C 104.49497 17.124781 103.99097 16.740359 103.91797 16.193359 C 103.84497 15.647359 104.23144 15.144312 104.77344 15.070312 C 105.91544 14.913312 106.928 14.329016 107.625 13.416016 C 109.064 11.529016 108.6985 8.8218125 106.8125 7.3828125 C 104.9265 5.9438125 102.2203 6.3073594 100.7793 8.1933594 C 99.851291 9.4083594 99.638033 10.985203 100.20703 12.408203 C 100.41203 12.921203 100.16144 13.502031 99.648438 13.707031 C 99.141436 13.914031 98.555609 13.662391 98.349609 13.150391 C 97.683609 11.484391 97.782641 9.6172031 98.556641 8.0332031 C 93.919391 4.6784531 88.400779 2.9786561 82.867188 2.9960938 z M 82.244141 10.1875 C 82.882822 10.164531 83.5255 10.172891 84.171875 10.212891 C 89.340875 10.530891 94.075859 12.842656 97.505859 16.722656 C 100.93486 20.603656 102.65003 25.586859 102.33203 30.755859 C 102.01403 35.924859 99.700312 40.658891 95.820312 44.087891 C 93.290312 46.324891 90.292125 47.831484 87.078125 48.521484 C 85.363125 48.889484 83.588062 49.026064 81.789062 48.914062 C 76.620064 48.596063 71.885078 46.284297 68.455078 42.404297 C 65.025078 38.525297 63.311859 33.542047 63.630859 28.373047 C 63.948859 23.204047 66.260625 18.469062 70.140625 15.039062 C 73.533875 12.037814 77.773369 10.348281 82.244141 10.1875 z M 83.365234 21.558594 C 82.669984 21.524891 81.972109 21.581516 81.287109 21.728516 C 79.985109 22.007516 78.736875 22.614641 77.671875 23.556641 C 74.359875 26.484641 74.047609 31.561047 76.974609 34.873047 C 79.902609 38.185047 84.978016 38.497312 88.291016 35.570312 C 91.604016 32.642314 91.914328 27.566859 88.986328 24.255859 C 87.496828 22.570609 85.450984 21.659703 83.365234 21.558594 z M 1 37.589844 C 0.744125 37.589844 0.48846875 37.687812 0.29296875 37.882812 C -0.09703125 38.272813 -0.09703125 38.906875 0.29296875 39.296875 L 1.4765625 40.480469 C 1.6715625 40.675469 1.9275938 40.773438 2.1835938 40.773438 C 2.4395938 40.773438 2.695625 40.675469 2.890625 40.480469 C 3.281625 40.089469 3.281625 39.457406 2.890625 39.066406 L 1.7070312 37.882812 C 1.5120313 37.687812 1.255875 37.589844 1 37.589844 z M 8.0976562 37.589844 C 7.8416563 37.589844 7.5870781 37.687812 7.3925781 37.882812 L 6.2089844 39.066406 C 5.8179844 39.457406 5.8179844 40.089469 6.2089844 40.480469 C 6.4039844 40.675469 6.6600156 40.773438 6.9160156 40.773438 C 7.1720156 40.773438 7.4280469 40.675469 7.6230469 40.480469 L 8.8066406 39.296875 C 9.1966406 38.906875 9.1966406 38.272813 8.8066406 37.882812 C 8.6111406 37.687812 8.3536563 37.589844 8.0976562 37.589844 z M 56.589844 40.556641 C 54.988844 43.275641 55.229688 46.832313 57.429688 49.320312 C 57.794688 49.734313 57.753844 50.365469 57.339844 50.730469 C 56.926844 51.098469 56.420685 50.744078 56.054688 50.330078 C 55.680687 49.907078 55.236172 49.771641 54.951172 49.306641 L 46.841797 56.474609 C 46.429797 56.838609 45.901564 57.017328 45.351562 56.986328 C 44.801564 56.952328 44.297594 56.704969 43.933594 56.292969 L 39.015625 50.730469 C 37.831625 49.392469 35.7785 49.264266 34.4375 50.447266 C 33.0975 51.633266 32.97125 53.687344 34.15625 55.027344 L 37.667969 59 C 38.408969 59.837 38.777984 60.912344 38.708984 62.027344 C 38.640984 63.142344 38.141686 64.164297 37.304688 64.904297 C 36.468688 65.642297 35.393344 66.014314 34.277344 65.945312 C 33.161344 65.875315 32.141344 65.377065 31.402344 64.539062 L 23.671875 55.796875 C 23.098875 55.147875 22.306359 54.761984 21.443359 54.708984 C 21.142359 54.689984 20.844594 54.712437 20.558594 54.773438
}
.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;
background: rgb(var(--vaccentcolor));
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="84" viewBox="0 0 124 84" width="124"><path opacity="0.4" fill="black" fill-rule="evenodd" d="M 36.611328 49.648438 C 36.520837 49.647663 36.430218 49.651461 36.339844 49.658203 C 36.205565 49.668278 36.07207 49.688084 35.939453 49.714844 C 35.853749 49.732129 35.768026 49.749149 35.683594 49.773438 C 35.547162 49.812755 35.414765 49.866121 35.283203 49.923828 C 35.206412 49.957505 35.129304 49.98737 35.054688 50.027344 C 34.914043 50.102727 34.78136 50.197041 34.650391 50.294922 C 34.59298 50.337841 34.531761 50.372657 34.476562 50.419922 C 34.315554 50.5578 34.165963 50.7175 34.027344 50.892578 C 34.017039 50.905861 34.00226 50.916276 33.992188 50.929688 C 33.862814 51.101945 33.751023 51.284516 33.660156 51.474609 C 33.573763 51.655345 33.508283 51.84374 33.457031 52.035156 C 33.441557 52.095664 33.433707 52.15755 33.421875 52.21875 C 33.398337 52.332479 33.380438 52.447117 33.369141 52.5625 C 33.356357 52.71745 33.352076 52.87378 33.361328 53.029297 C 33.361839 53.040406 33.362657 53.051395 33.363281 53.0625 C 33.40129 53.609124 33.57224 54.14989 33.869141 54.628906 C 33.881367 54.648631 33.897509 54.666036 33.910156 54.685547 C 34.002211 54.827566 34.1008 54.964797 34.214844 55.09375 L 37.554688 58.871094 L 37.558594 58.876953 L 37.667969 59 C 37.75884 59.102643 37.82669 59.218688 37.90625 59.328125 C 37.942267 59.379376 37.981608 59.42796 38.015625 59.480469 C 38.127579 59.649849 38.223306 59.825836 38.308594 60.007812 C 38.33183 60.056315 38.353561 60.105042 38.375 60.154297 C 38.440895 60.310457 38.498753 60.46784 38.544922 60.630859 C 38.579292 60.745757 38.603092 60.862731 38.626953 60.980469 C 38.648945 61.095514 38.671338 61.208981 38.683594 61.326172 C 38.689148 61.377542 38.705573 61.426759 38.708984 61.478516 C 38.720651 61.658264 38.719116 61.835801 38.708984 62.011719 C 38.708678 62.016982 38.70931 62.022079 38.708984 62.027344 C 38.708172 62.04066 38.70406 62.053117 38.703125 62.066406 C 38.68564 62.314254 38.64505 62.556635 38.585938 62.792969 C 38.579961 62.816896 38.576704 62.841449 38.570312 62.865234 C 38.507373 63.099213 38.420376 63.323 38.318359 63.541016 C 38.299641 63.581087 38.281716 63.620708 38.261719 63.660156 C 38.154185 63.872032 38.03003 64.07402 37.886719 64.265625 C 37.866406 64.292809 37.845229 64.318974 37.824219 64.345703 C 37.668165 64.544117 37.497918 64.733484 37.304688 64.904297 C 37.1163 65.07091 36.911698 65.21338 36.701172 65.341797 C 36.665093 65.363774 36.630397 65.387374 36.59375 65.408203 C 36.390786 65.523728 36.179143 65.619858 35.960938 65.699219 C 35.913605 65.716435 35.866295 65.732571 35.818359 65.748047 C 35.594041 65.820465 35.365971 65.876837 35.130859 65.910156 C 35.102407 65.914209 35.073498 65.914501 35.044922 65.917969 C 34.809406 65.946408 34.569843 65.955511 34.328125 65.943359 C 34.310994 65.942507 34.294495 65.946373 34.277344 65.945312 C 34.269977 65.94485 34.263218 65.941906 34.255859 65.941406 C 34.084012 65.929834 33.911309 65.909702 33.738281 65.876953 C 33.689863 65.867796 33.645504 65.846979 33.597656 65.835938 C 33.477596 65.808476 33.362506 65.77206 33.246094 65.734375 C 33.133641 65.696682 33.02255 65.65886 32.914062 65.611328 C 32.756374 65.544874 32.605266 65.468331 32.457031 65.382812 C 32.414646 65.357757 32.373605 65.331167 32.332031 65.304688 C 32.157483 65.195504 31.989989 65.076736 31.832031 64.941406 C 31.789648 64.905806 31.752145 64.865163 31.710938 64.828125 C 31.607564 64.732237 31.496879 64.646262 31.402344 64.539062 L 31.296875 64.419922 C 31.294426 64.417162 31.291506 64.414874 31.289062 64.412109 L 23.671875 55.796875 C 23.097875 55.147875 22.306359 54.761984 21.443359 54.708984 C 21.142359 54.689984 20.842641 54.712438 20.556641 54.773438 C 20.546555 54.775619 20.537405 54.780926 20.527344 54.783203 C 20.384373 54.815566 20.244483 54.858723 20.107422 54.910156 C 20.061047 54.927548 20.016265 54.949213 19.970703 54.96875 C 19.867578 55.012998 19.766435 55.060203 19.667969 55.115234 C 19.624385 55.139596 19.581628 55.164954 19.539062 55
}
2020-02-24 14:40:01 +01:00
.startOverButton-3q0wUV { /* authobox startover */
color: rgb(var(--vaccentcolor));
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 {
color: rgb(var(--vaccentcolor));
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 {
border-color: rgb(var(--vaccentcolor));
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 {
color: rgb(var(--vaccentcolor));
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 {
background-color: rgb(var(--vaccentcolor));
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 {
background: rgb(var(--vaccentcolor));
-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 {
-webkit-mask: url(https://discordapp.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 {
-webkit-mask: url(https://discordapp.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 {
-webkit-mask: url(https://discordapp.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 {
-webkit-mask: url(https://discordapp.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 {
-webkit-mask: url(https://discordapp.com/assets/676bfec9f4343f6fcdf0a12ae313a3de.svg);
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.browserItem-1mKMYK:hover {
border-color: rgb(var(--vaccentcolor));
2019-02-19 00:02:54 +01:00
}
2020-02-24 14:40:01 +01:00
.browserItem-1mKMYK:hover .btn-3wPLTq {
background-color: rgb(var(--vaccentcolor));
border-color: rgb(var(--vaccentcolor));
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
.badgeIconWithSubscribers-3PlMu9 { /* modal sub badge icon */
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .icon-QVoPRH { /* modal perkicon general */
color: rgb(var(--vaccentcolor));
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 {
color: rgb(var(--vaccentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.tierMarkerAccomplished-2MiXeg { /* modal tiermarker accomplished */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 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 */
background-color: rgb(var(--vaccentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .iconIncluded-24npcq { /* modal included perkicon */
color: rgb(var(--vaccentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .upload-2-2ZMI { /* modal perkicon upload */
color: rgb(var(--vaccentcolor));
2019-02-12 21:15:10 +01:00
}
2020-05-08 11:23:26 +02:00
#app-mount .animated-XlVkOl { /* modal perkicon animated */
color: rgb(var(--vaccentcolor));
filter: brightness(75%);
}
2020-02-24 14:40:01 +01:00
#app-mount .stream-3mNTxK { /* modal perkicon stream */
color: rgb(var(--vaccentcolor));
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 */
color: rgb(var(--vaccentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .tierHeaderUnlocked-1n-OTI { /* modal tierheaderunlockedbg */
2020-02-24 15:53:31 +01:00
background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.wrapper-3nSjSv { /* modal boostaddwrapper */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
2019-02-12 12:24:29 +01:00
}
2020-03-26 00:42:57 +01:00
.tierMarkerLabelPlusIcon-1OS7E9 { /* modal prebuy icon */
color: rgb(var(--vaccentcolor));
}
.upsellFooterIcon-2105bD path { /* prebuy popout footer icon */
fill: rgb(var(--vaccentcolor));
}
.perkIconGuild-KLNhuR { /* prebuy popout perkicon guild */
color: rgb(var(--vaccentcolor));
}
.perkIconChatPerks-BnKNFh { /* prebuy popout perkicon chat */
color: rgb(var(--vaccentcolor));
filter: brightness(120%);
}
.perkIconStream-7wqAvn { /* prebuy popout perkicon stream */
color: rgb(var(--vaccentcolor));
filter: brightness(150%);
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.9. STREAMSETTINGSMODAL ---- */
2020-02-24 14:40:01 +01:00
.selectorButtonSelected-336oUc, /* modal selectorselectedbutton */
.selectorButtonSelected-1j4DmC {
background-color: rgb(var(--vaccentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.badgeUpgrade-1DzdNZ { /* modal badgeupgrade */
color: rgb(var(--vaccentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.imageSelected-4Kl81J { /* modal imageselected */
border-color: rgb(var(--vaccentcolor));
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
.tile-2silOL:hover .sourceThumbnail-14Iubx { /* modal sourcethumbnail */
box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-11-12 13:25:06 +01:00
.sourceThumbnail-14Iubx.selected-3Qtv-u {
2020-02-24 14:40:01 +01:00
box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor));
2019-03-11 11:44:42 +01:00
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.10. DISPATCHERRORMODAL ---- */
2020-02-24 14:40:01 +01:00
.theme-light .closeLink-2MRAUp { /* modal closelink */
color: rgb(var(--vaccentcolor));
2019-02-19 00:02:54 +01:00
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.11. 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 */
2020-02-24 14:40:01 +01:00
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-19 18:37:37 +02:00
.improved-1NJK-y::after {
2020-02-24 14:40:01 +01:00
background-color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-18 19:04:56 +02:00
.premiumBanner-rP6H1S {
2020-02-24 14:40:01 +01:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
2019-09-20 18:51:34 +02:00
}
2020-12-16 17:15:47 +01:00
/* ---- 10.12. SCREENSHAREMODAL ---- */
2020-10-18 23:17:42 +02:00
.tile-2w4k5N:hover .sourceThumbnail-27dolk {
box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor));
}
.sourceThumbnail-27dolk.selected-1nOkyc {
box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor));
}
.selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover {
background-color: rgb(var(--vaccentcolor));
}
.selectorButtonSelected-t5V9On {
background-color: rgb(var(--vaccentcolor));
}
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-02-24 14:40:01 +01:00
2020-10-19 18:37:37 +02:00
.popoutLeft-3aViER.arrowAlignmentTop-1yftWI::before {
2020-02-24 14:40:01 +01:00
border-left-color: #rgb(var(--vaccentcolor));
}
2020-10-19 18:37:37 +02:00
.popoutRight-1veHKi.arrowAlignmentTop-1yftWI::before {
2020-02-24 14:40:01 +01:00
border-right-color: #rgb(var(--vaccentcolor));
}
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 {
2020-02-24 14:40:01 +01:00
border-bottom-color: #rgb(var(--vaccentcolor));
}
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 {
2020-02-24 14:40:01 +01:00
border-top-color: #rgb(var(--vaccentcolor));
}
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 {
2020-02-24 14:40:01 +01:00
border-bottom-color: #rgb(var(--vaccentcolor));
2019-03-18 11:53:55 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 11.1. CONTEXTMENU ---- */
2020-02-24 14:40:01 +01:00
2020-05-22 19:55:08 +02:00
.colorBrand-ROmMP1, /* contextmenu brand */
.colorPremium-p4p7qO { /* contextmenu premium */
2020-02-24 14:40:01 +01:00
color: rgb(var(--vaccentcolor));
2019-04-05 17:37:56 +02: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) {
2020-05-14 16:21:25 +02:00
background-color: rgb(var(--vaccentcolor));
}
.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 */
color: rgb(var(--vaccentcolor));
}
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 */
2020-02-24 14:40:01 +01:00
color: rgb(var(--vaccentcolor));
2019-04-05 17:37:56 +02: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 {
2020-05-14 16:21:25 +02:00
color: rgb(var(--vaccentcolor));
}
2020-05-22 20:05:28 +02:00
.colorDanger-2qLCe1.focused-3afm-j .check-1JyqgN, /* contextmenu checkmark */
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;
}
2020-05-22 19:55:08 +02:00
.colorPremium-p4p7qO .icon-LYJorE { /* contextmenu premiumicon */
2020-05-14 16:21:25 +02:00
color: rgb(var(--vaccentcolor));
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 {
background: rgb(var(--vaccentcolor));
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 */
border-bottom-color: rgb(var(--vaccentcolor));
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 */
color: rgb(var(--vaccentcolor));
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 {
background-color: rgb(var(--vaccentcolor));
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 {
2020-02-24 14:40:01 +01:00
background-color: rgb(var(--vaccentcolor));
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 {
background-color: rgb(var(--vaccentcolor));
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 */
background-color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.chasingDotsItem-2DVNUn { /* loading dots */
background-color: rgb(var(--vaccentcolor));
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_ {
stroke: rgb(var(--vaccentcolor));
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 {
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.colorBrand-2tjs5J {
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-08-05 13:42:11 +02:00
.tipTitle-GL9qAt {
color: rgb(var(--vaccentcolor));
}
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 {
2020-02-24 14:40:01 +01:00
background-color: rgb(var(--vaccentcolor));
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 {
2020-03-27 10:10:38 +01:00
background: var(--vaccentcolor-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 {
2020-03-27 10:10:38 +01:00
background: var(--vaccentcolor-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 {
2020-02-24 14:40:01 +01:00
background: rgb(var(--vaccentcolor));
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 {
2020-02-24 14:40:01 +01:00
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91:hover,
2020-02-24 14:40:01 +01:00
#app-mount .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover {
border-color: rgba(var(--vaccentcolor), 0.6);
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91:active,
2020-02-24 14:40:01 +01:00
#app-mount .lookOutlined-3sRXeN.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover {
background-color: rgba(var(--vaccentcolor), 0.1);
border-color: rgb(var(--vaccentcolor));
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 {
2020-02-24 14:40:01 +01:00
border-color: rgba(var(--vaccentcolor), 0.1);
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91:hover,
#app-mount .lookGhost-2Fn_0-.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover {
2020-02-24 14:40:01 +01:00
background-color: rgba(var(--vaccentcolor), 0.15);
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91:active,
2020-02-24 14:40:01 +01:00
#app-mount .lookGhost-2Fn_0-.hoverBrand-1_Fxlk.hasHover-3X1-zV:active {
background-color: rgba(var(--vaccentcolor), 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 {
2020-02-24 14:40:01 +01:00
background-color: rgba(var(--vaccentcolor), 0.1);
2020-10-20 18:29:49 +02:00
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookLink-9FtZy-.colorBrand-3pXr91 {
2020-02-24 14:40:01 +01:00
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
#app-mount .lookLink-9FtZy-.colorBrand-3pXr91:hover .contents-18-Yxp,
2020-02-24 14:40:01 +01:00
#app-mount .lookLink-9FtZy-.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover .contents-18-Yxp {
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--vaccentcolor)) 0, rgb(var(--vaccentcolor)) 2px, transparent 0);
2020-10-09 21:09:35 +02:00
color: rgb(var(--vaccentcolor));
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 {
border-color: rgb(var(--vaccentcolor));
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 {
border-color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .prefixInput-14nUik.focused-2QzoMt {
border-color: rgb(var(--vaccentcolor));
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 {
background-color: rgb(var(--vaccentcolor));
border-color: rgb(var(--vaccentcolor));
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 {
2020-02-24 14:40:01 +01:00
border-color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-12-16 17:15:47 +01:00
.checked-3_4uQ9[style*="background-color: rgb(114, 137, 218)"] {
background-color: rgb(var(--vaccentcolor)) !important;
}
.checked-3_4uQ9[style*="border-color: rgb(114, 137, 218)"] {
border-color: rgb(var(--vaccentcolor)) !important;
}
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)"] {
background-color: rgba(var(--vaccentcolor), 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 {
2020-03-27 10:26:14 +01:00
background: var(--vaccentcolor-hover);
}
2020-10-14 22:06:22 +02:00
.container-3auIfb[style*="background-color: rgb(67, 181, 129)"]:active,
.container-3auIfb[style*="background-color: rgb(114, 137, 218)"]:active {
2020-03-27 10:26:14 +01:00
background: var(--vaccentcolor-active);
}
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],
.container-3auIfb[style*="background-color: rgb(114, 137, 218)"] path[fill] {
fill: rgb(var(--vaccentcolor)) !important;
2020-03-27 10:26:14 +01:00
}
2020-02-24 14:40:01 +01:00
.barFill-23-gu- { /* slider barfill */
background: rgb(var(--vaccentcolor));
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 {
2020-02-24 14:40:01 +01:00
background-color: rgb(var(--vaccentcolor));
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 {
2020-05-12 10:59:20 +02:00
background-color: rgb(var(--vaccentcolor));
filter: brightness(120%);
}
2019-05-02 14:12:49 +02:00
2020-03-25 20:19:24 +01:00
.theme-light .select-1Pkeg4:focus, /* dropdown select nitro subscription */
.theme-light .lookFilled-1h1y05.select-1Pkeg4:focus {
border-color: rgb(var(--vaccentcolor));
}
.theme-light .lookFilled-1h1y05.select-1Pkeg4:hover.selectOpen-hQuR6b,
.theme-light .lookFilled-1h1y05.selectOpen-hQuR6b {
border-color: rgb(var(--vaccentcolor)) rgb(var(--vaccentcolor)) #b9bbbe;
}
.theme-dark .select-1Pkeg4:focus,
.theme-dark .lookFilled-1h1y05.select-1Pkeg4:focus {
border-color: rgb(var(--vaccentcolor));
}
.theme-dark .lookFilled-1h1y05.select-1Pkeg4:hover.selectOpen-hQuR6b,
.theme-dark .lookFilled-1h1y05.selectOpen-hQuR6b {
border-color: rgb(var(--vaccentcolor)) rgb(var(--vaccentcolor)) rgba(0, 0, 0, 0.3);
}
2020-12-16 17:15:47 +01:00
/* ---- 12.4. TAGS ---- */
2020-02-24 14:40:01 +01:00
.botTagRegular-2HEhHi { /* bottag regular */
background-color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.botTagInvert-18-95s { /* bottag inverted */
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
.verified-1eC5dy { /* verifiedbadge */
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-07-08 18:25:53 +02:00
.partnered-3nJayh { /* partneredbadge */
color: rgb(var(--vaccentcolor));
}
.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;
2020-12-28 19:46:47 +01:00
background: rgb(var(--vaccentcolor)) url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><circle fill="rgb(75,217,99)" cx="41" cy="62" r="5"/><circle fill="rgb(75,217,99)" cx="86" cy="62" r="5"/><rect fill="rgb(54,57,61)" width="71" height="44" x="28" y="39" rx="18"/><rect fill="white" width="94" height="78" x="17" y="28" rx="27" ry="24"/><rect fill="white" width="108" height="27" x="10" y="50" rx="9" ry="10"/><rect fill="rgb(40,43,47)" width="71" height="44" x="28" y="39" rx="18" ry="18"/><rect fill="rgb(54,57,61)" width="71" height="42" x="28" y="46" rx="18" ry="17"/><path fill="rgb(75,217,99)" d="M 41 57 A 5 5 0 0 0 36 62 A 5 5 0 0 0 41 67 A 5 5 0 0 0 46 62 A 5 5 0 0 0 41 57 z M 86 57 A 5 5 0 0 0 81 62 A 5 5 0 0 0 86 67 A 5 5 0 0 0 91 62 A 5 5 0 0 0 86 57 z"/><rect fill="white" width="29" height="9" x="49" y="23" rx="5" ry="5"/><path fill="white" d="m 19,128 h 90 c 0,-10.61934 -12.740675,-14 -45,-14 -32.259325,0 -45,3.63337 -45,14 z"/><path fill="rgb(219,221,224)" d="M 51,105.85198 V 97 c 0,-1.017367 1.080569,-2 2,-2 h 21 c 1.090933,0 2,0.936061 2,2 v 9 z"/></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;
2020-12-28 19:46:47 +01:00
background: rgb(var(--vaccentcolor)) url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="white" d="M 89.352483,187.08445 C 91.908618,183.8309 94,180.74204 94,180.22031 c 0,-0.52173 -2.03541,-1.72592 -4.523133,-2.67599 -5.763227,-2.201 -16.188285,-9.13658 -17.545593,-11.67273 -0.998284,-1.86532 -0.906607,-1.88514 2.264158,-0.48959 23.932203,10.53328 31.882898,12.61736 50.804568,13.31723 11.19632,0.41413 16.55056,0.15202 23.5,-1.1504 10.0201,-1.8779 21.51875,-5.56012 28.81247,-9.22663 7.70644,-3.87398 9.68734,-4.48527 9.03622,-2.78848 -0.87377,2.277 -9.55431,8.23152 -16.76868,11.50267 C 165.961,178.67733 163,180.27844 163,180.59441 c 0,0.31597 2.09138,3.23649 4.64752,6.49004 5.29098,6.73458 5.99769,6.9092 17.82379,4.40411 12.8056,-2.71257 25.52239,-10.17228 32.66693,-19.16252 C 220.60458,169.22256 221,167.85294 221,162.41371 221,145.77107 215.15424,116.62522 207.77974,96.5 201.64988,79.771442 198.75524,74.615699 193.43975,70.958549 183.96747,64.441447 167.95782,58.402359 159,57.967337 c -5.27829,-0.25633 -6,-0.08809 -6,1.398672 0,0.767491 2.73845,2.357936 6.25,3.629898 9.78108,3.542921 25.37375,11.855156 22.45846,11.97229 -0.43535,0.01749 -5.27689,-1.529445 -10.75898,-3.437638 C 155.66983,66.212063 145.76061,64.594448 128.5,64.600958 110.61764,64.607703 99.318223,66.428831 83.210845,71.900211 77.00181,74.009307 72.087258,75.232071 72.289618,74.617465 72.779743,73.128868 89.562873,64.645709 96.771972,62.242676 103.65501,59.948331 104.67635,57.335621 98.5,57.822191 88.48213,58.611394 73.101241,64.394173 63.560246,70.958549 58.244761,74.615699 55.350123,79.771442 49.220263,96.5 41.845762,116.62522 36,145.77107 36,162.41371 c 0,5.43923 0.395421,6.80885 2.861758,9.91233 8.929578,11.23642 27.454322,20.26815 42.240725,20.59446 3.242905,0.0716 4.066372,-0.51096 8.25,-5.83605 z M 92.149236,151.3602 C 84.277697,147.34873 80.863631,136.0446 84.964896,127.57252 88.085971,121.12523 92.147185,118.5 99,118.5 c 4.20484,0 6.29276,0.56541 8.86653,2.40107 9.15337,6.52835 9.22098,22.62805 0.12224,29.10693 -4.24588,3.02333 -11.367378,3.63128 -15.839534,1.3522 z m 56.763874,-0.63977 C 144.0757,147.4605 141.0329,141.58341 141.0329,135.5 c 0,-15.82777 16.87518,-23.13949 27.3451,-11.84815 7.38527,7.96469 4.76934,23.20316 -4.75944,27.72486 -4.8952,2.32293 -10.66682,2.06535 -14.70545,-0.65628 z"/></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 {
background-color: rgb(var(--vaccentcolor));
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 {
2020-02-24 14:40:01 +01:00
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.7));
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
.colorPremiumTier1-3D7SPt .button-2DhvE9:hover {
2020-02-24 14:40:01 +01:00
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
.colorPremiumTier2-dCdap5 {
2020-02-24 14:40:01 +01:00
background: #ffcd4b linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
.colorPremiumTier2-dCdap5 .button-2DhvE9:hover {
2020-02-24 14:40:01 +01:00
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
.colorBrand-2zeG8h {
2020-02-24 14:40:01 +01:00
background-color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
.colorBrand-2zeG8h .button-2DhvE9:hover {
2020-02-24 14:40:01 +01:00
color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-11-10 23:29:13 +01:00
.notice-2X5hT5 { /* preview notice */
2020-10-27 17:02:38 +01:00
background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.5), rgba(var(--vaccentcolor), 0.5));
}
2020-11-10 23:29:13 +01:00
.button-2PWmas:hover { /* preview notice button */
background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.7), rgba(var(--vaccentcolor), 0.7));
}
.notice-1tZwqv { /* role notice */
background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.5), rgba(var(--vaccentcolor), 0.5));
}
.button-3Ijpww:hover { /* role notice button */
background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.7), rgba(var(--vaccentcolor), 0.7));
2020-10-27 17:02:38 +01:00
}
2020-12-22 21:58:36 +01:00
.notice-3uyY6c { /* rules notice */
background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.5), rgba(var(--vaccentcolor), 0.5));
}
.button-gP4R86:hover { /* rules notice button */
background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.7), rgba(var(--vaccentcolor), 0.7));
}
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 {
background-color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
#app-mount .tooltipBrand-g03Nz8 .tooltipPointer-3ZfirK {
border-top-color: rgb(var(--vaccentcolor));
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 {
background-color: rgb(var(--vaccentcolor));
}
.content-3O0wBS .button-3zdF3z {
color: rgb(var(--vaccentcolor));
}
.pointer-3ClhC2 {
border-top-color: rgb(var(--vaccentcolor));
}
2020-12-16 17:15:47 +01:00
/* ---- 12.9. TOASTS ---- */
2020-02-24 14:40:01 +01:00
.toast-brand {
background-color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +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 {
color: rgb(var(--fontwhite1, var(--dfontwhite1)));
background-color: rgb(var(--vaccentcolor));
2019-02-12 12:24:29 +01:00
}
2020-03-27 10:10:38 +01:00
#bd-pub-button:active {
2020-03-27 10:20:04 +01:00
color: rgb(var(--fontwhite1, var(--dfontwhite1)));
2020-03-27 10:10:38 +01:00
background: var(--vaccentcolor-hover);
2020-02-24 15:20:31 +01:00
}
2020-03-25 20:19:24 +01:00
#pubslayer button:hover {
2020-03-27 10:10:38 +01:00
background: var(--vaccentcolor-hover);
2020-03-25 20:19:24 +01:00
}
2020-03-27 10:10:38 +01:00
#pubslayer button:active {
background: var(--vaccentcolor-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 {
2020-03-27 10:10:38 +01:00
background: var(--vaccentcolor-hover);
2019-02-12 12:24:29 +01:00
}
2020-03-27 10:10:38 +01:00
.bd-modal-wrapper .footer button:active {
background: var(--vaccentcolor-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 {
background: var(--vaccentcolor-hover);
}
.bd-pfbtn:active {
background: var(--vaccentcolor-active);
}
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 {
background: var(--vaccentcolor-hover);
2019-02-12 12:24:29 +01:00
}
2020-03-27 10:10:38 +01:00
.bd-button:active {
background: var(--vaccentcolor-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);
}
2020-07-17 10:56:12 +02:00
.bd-addon-list .bd-footer a {
2020-07-17 12:56:19 +02:00
color: var(--bd-blue);
2020-07-17 10:56:12 +02:00
}
2020-06-01 10:48:24 +02:00
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked,
.bd-switch-checked {
background-color: rgba(var(--vaccentcolor), 0.8);
}
2020-03-27 10:26:14 +01:00
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked:hover,
.bd-switch-checked:hover {
background: var(--vaccentcolor-hover);
}
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked:active,
.bd-switch-checked:active {
background: var(--vaccentcolor-active);
}
2020-10-19 18:37:37 +02:00
.bd-switch::before {
2020-10-14 22:14:52 +02:00
box-shadow: none;
}
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 {
outline-color: rgb(var(--vaccentcolor));
}
2020-11-21 18:25:51 +01:00
html .monaco-editor .monaco-editor-hover a {
color: rgb(var(--vaccentcolor));
}
2020-11-17 21:07:34 +01:00
html .monaco-editor [class*="arrow-decoration"] {
border-bottom-color: rgb(var(--vaccentcolor));
}
2020-11-21 18:39:48 +01:00
html .monaco-editor .focused .selected-text {
background-color: rgb(var(--vaccentcolor));
}
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) {
background-color: rgb(var(--vaccentcolor));
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)"] {
background: rgb(var(--vaccentcolor)) !important;
}
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)"] {
2020-11-18 17:25:55 +01:00
background: rgba(var(--vaccentcolor), 0.9) !important;
}
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)"] {
2020-11-18 17:25:55 +01:00
background: rgba(var(--vaccentcolor), 0.8) !important;
}
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)"] {
2020-11-18 17:25:55 +01:00
background: rgba(var(--vaccentcolor), 0.7) !important;
}
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)"] {
2020-11-18 17:25:55 +01:00
background: rgba(var(--vaccentcolor), 0.6) !important;
}
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)"] {
2020-11-18 17:25:55 +01:00
background: rgba(var(--vaccentcolor), 0.5) !important;
}
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)"] {
2020-11-18 17:25:55 +01:00
background: rgba(var(--vaccentcolor), 0.4) !important;
}
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)"] {
2020-11-18 17:25:55 +01:00
background: rgba(var(--vaccentcolor), 0.3) !important;
}
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)"] {
2020-11-18 17:25:55 +01:00
background: rgba(var(--vaccentcolor), 0.2) !important;
}
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)"] {
2020-11-18 17:25:55 +01:00
background: rgba(var(--vaccentcolor), 0.1) !important;
}
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)"] {
border-color: rgb(var(--vaccentcolor)) !important;
}
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)"] {
border-top-color: rgb(var(--vaccentcolor)) !important;
}
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)"] {
border-right-color: rgb(var(--vaccentcolor)) !important;
}
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)"] {
border-bottom-color: rgb(var(--vaccentcolor)) !important;
}
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)"] {
border-left-color: rgb(var(--vaccentcolor)) !important;
}
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)"] {
border-color: rgb(var(--vaccentcolor)) !important;
}
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
2020-10-20 22:27:53 +02:00
.powercord-toast .progressBar-3u8FBM {
background-color: rgb(var(--vaccentcolor));
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 {
2020-03-08 18:54:54 +01:00
border-color: rgb(var(--vaccentcolor)) !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 {
background-color: rgb(var(--vaccentcolor)) !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
.wrapper-1BJsBx:active .childWrapper-anI2G9.button-Jt-tIg{
background: var(--vaccentcolor-hover);
color: rgb(var(--fontwhite1, var(--dfontwhite1)));
}
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 {
background-color: rgb(var(--vaccentcolor)) !important;
}
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) {
2020-10-25 17:28:38 +01:00
background-color: rgb(var(--vaccentcolor)) !important;
}
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 {
2019-03-21 11:08:43 +01:00
background: rgb(var(--vaccentcolor)) !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 {
2019-03-22 11:16:53 +01:00
background: rgb(var(--vaccentcolor)) !important;
2020-10-25 18:51:04 +01:00
}