BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css

7162 lines
262 KiB
CSS
Raw Normal View History

2021-01-18 11:13:18 +01:00
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css);
2021-05-21 11:44:06 +02:00
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/UsrBgs.css);
2019-03-21 10:34:13 +01:00
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css);
2019-02-12 12:52:32 +01:00
2018-10-11 10:21:26 +02:00
:root {
2021-05-03 16:23:08 +02:00
--transparencycolor: 0,0,0;
--transparencyalpha: 0.15;
--messagetransparency: 0.5;
--usechatbubbles: calc(var(--messagetransparency) / (var(--messagetransparency) + 0.00000000000000000000001));
--guildchanneltransparency: 0.15;
2021-05-29 11:57:30 +02:00
--chatinputtransparency: 0.0;
2021-05-03 16:23:08 +02:00
--memberlisttransparency: 0.0;
2021-05-11 11:28:22 +02:00
--font: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
--textshadow: transparent;
2021-05-03 16:23:08 +02:00
--accentcolor: 190,78,180;
--accentcolor2: var(--accentcolor);
2021-06-30 11:56:30 +02:00
--mentioncolor: var(--accentcolor);
2021-05-03 16:23:08 +02:00
--linkcolor: var(--accentcolor);
2019-09-19 12:56:54 +02:00
2021-05-15 23:43:03 +02:00
--successcolor: 59,165,92;
2021-05-11 11:28:22 +02:00
--warningcolor: 250,166,26;
2021-05-14 08:48:01 +02:00
--dangercolor: 237,66,69;
2019-12-18 09:36:29 +01:00
--textbrightest: 255,255,255;
2021-05-06 21:30:35 +02:00
--textbrighter: 222,222,222;
--textbright: 200,200,200;
--textdark: 160,160,160;
--textdarker: 125,125,125;
--textdarkest: 90,90,90;
2021-05-03 16:23:08 +02:00
--background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg);
--backgroundposition: center;
--backgroundsize: cover;
--backgroundblur: unset;
2019-09-19 12:56:54 +02:00
2021-05-03 16:23:08 +02:00
--popout: var(--background);
--popoutposition: var(--backgroundposition);
--popoutsize: var(--backgroundsize);
--popoutblur: var(--backgroundblur);
2019-12-18 09:36:29 +01:00
2021-05-03 16:23:08 +02:00
--backdrop: rgba(0,0,0,0.85);
2021-06-26 21:00:04 +02:00
--backdropposition: center;
--backdropsize: cover;
--backdropblur: unset;
2021-05-17 11:39:41 +02:00
--bdfdb-green: rgb(var(--successcolor));
--bdfdb-yellow: rgb(var(--warningcolor));
--bdfdb-red: rgb(var(--dangercolor));
2019-09-19 12:56:54 +02:00
}
2019-09-19 21:23:08 +02:00
.theme-light, .theme-dark {
2021-05-11 11:28:22 +02:00
--text-positive: rgb(var(--successcolor));
--text-warning: rgb(var(--warningcolor));
--text-danger: rgb(var(--dangercolor));
--info-positive-background: rgba(var(--successcolor),.1);
--info-positive-foreground: rgb(var(--successcolor));
--info-positive-text: #fff;
--info-warning-background: rgba(var(--warningcolor),.1);
--info-warning-foreground: rgb(var(--warningcolor));
--info-warning-text: #fff;
--info-danger-background: rgba(var(--dangercolor),.1);
--info-danger-foreground: rgb(var(--dangercolor));
--info-danger-text: #fff;
2022-04-11 11:22:41 +02:00
--status-positive: rgb(var(--successcolor));
2021-05-11 11:28:22 +02:00
--status-positive-background: rgb(var(--successcolor));
--status-positive-text: #fff;
2022-04-11 11:22:41 +02:00
--status-warning: rgb(var(--warningcolor));
2021-05-11 11:28:22 +02:00
--status-warning-background: rgb(var(--warningcolor));
--status-warning-text: #fff;
2022-04-11 11:22:41 +02:00
--status-danger: rgb(var(--dangercolor));
2021-05-11 11:28:22 +02:00
--status-danger-background: rgb(var(--dangercolor));
--status-danger-text: #fff;
--header-primary: rgb(var(--textbrightest));
--header-secondary: rgb(var(--textbright));
--text-normal: rgb(var(--textbrighter));
--text-muted: rgb(var(--textdarker));
--channels-default: rgb(var(--textdark));
--interactive-normal: rgb(var(--textbright));
--interactive-hover: rgb(var(--textbrighter));
--interactive-active: rgb(var(--textbrightest));
--interactive-muted: rgb(var(--textdarkest));
2021-05-11 11:28:22 +02:00
--logo-primary: rgb(var(--textbrightest));
2021-05-14 09:43:40 +02:00
--background-accent: rgba(var(--transparencycolor), .1);
--background-primary: rgba(var(--transparencycolor), .2);
--background-secondary: rgba(var(--transparencycolor), .3);
--background-secondary-alt: rgba(var(--transparencycolor), .35);
2021-05-11 11:28:22 +02:00
--background-tertiary: rgba(var(--transparencycolor), .4);
--background-floating: rgba(var(--transparencycolor), .5);
2022-03-24 17:49:33 +01:00
--background-mobile-primary: rgba(var(--transparencycolor), .2);
--background-mobile-secondary: rgba(var(--transparencycolor), .3);
2021-05-11 11:28:22 +02:00
--background-modifier-accent: rgba(var(--textbrightest),.1);
2022-04-11 11:22:41 +02:00
--background-message-automod: rgba(var(--dangercolor),.05);
--background-message-automod-hover: rgba(var(--dangercolor),.1);
2022-04-21 19:42:18 +02:00
--channeltextarea-background: rgba(var(--transparencycolor), .3);
--input-background: rgba(var(--transparencycolor), .1);
--elevation-low: 0 1px 5px 0 rgba(var(--transparencycolor), .3);
--elevation-high: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2021-05-13 21:43:11 +02:00
--font-primary: var(--font) !important;
--font-display: var(--font) !important;
2019-09-19 21:23:08 +02:00
}
2021-09-28 12:28:25 +02:00
html {
color: var(--header-primary);
}
2019-09-19 12:56:54 +02:00
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
/*
1. TRANSPARENCY
2. BACKGROUND
3. TITLEBAR
4. GUILDLIST
5. CHANNELLIST
1. GUILDHEADER
2. CHANNELS
3. DMCHANNELS
4. ACCOUNT/VOICE/GOLIVE
6. CHAT
1. CHANNELHEADER
2. MESSAGES
1. MESSAGE
2. EMBEDS
3. NITROGIFT
4. INVITE
3. TEXTAREA
4. AUTOCOMPLETEMENU
5. MEMBERLIST
6. SEARCHPAGE
2022-03-30 13:44:48 +02:00
7. CHAT SIDEBAR
2021-07-24 22:12:11 +02:00
8. CALL
9. UNAVAILABLESCREEN
2020-03-26 00:42:57 +01:00
7. PEOPLES
8. STORE/NITRO
9. LIBRARY
2021-09-28 12:28:25 +02:00
10. DISCOVERY/UNIHUB
2020-03-26 00:42:57 +01:00
11. USERSETTINGS
12. GUILDSETTINGS
13. MODALS
2019-09-19 12:56:54 +02:00
1. USERMODAL
2. GUILDADD/CREATION
3. REGIONSELECTMODAL
4. UPLOADMODAL
5. KEYBOARDSHORTCUTSMODAL
6. QUICKSWITCHER
2020-10-17 17:30:58 +02:00
7. INVITEMODAL/GROUPCREATE
2019-09-20 13:29:31 +02:00
8. LOGINSCREEN
2019-10-12 19:03:12 +02:00
9. TERMACCEPTMODAL
2020-02-19 14:54:06 +01:00
10. DOWNLOADAPPMODAL
2020-02-23 13:10:23 +01:00
11. GUILDBOOSTMODAL
2020-10-18 23:17:42 +02:00
12. REACTIONSMODAL
13. GUILDTEMPLATEMODAL
14. GUILDWELCOMEMODAL
2020-12-22 21:58:36 +01:00
15. GUILDRULESMODAL
2021-01-03 16:00:42 +01:00
16. GUILDFEEDBACKMODAL
17. SCREENSHAREMODAL
2021-03-19 23:23:44 +01:00
18. PHONEVERIFICATIONMODAL
2021-05-06 20:04:14 +02:00
19. NOTIFICATIONSMODAL
2021-05-12 12:59:29 +02:00
20. DISCOVERYENTRYMODAL
2021-10-01 16:17:16 +02:00
21. NITROFEATUREMODAL
2020-03-26 00:42:57 +01:00
14. POPOUTS
2019-09-19 12:56:54 +02:00
1. CONTEXTMENU
2. USERPOPOUT
3. EMOJIPICKER
4. PINS/MENTIONS
5. SEARCHPOPOUT
2019-09-26 10:28:46 +02:00
6. COLORPICKER
2019-10-14 15:57:38 +02:00
7. ADDROLE
2020-01-30 10:22:32 +01:00
8. EVERYONEMENTION
2020-03-25 20:19:24 +01:00
9. CHANNELFOLLOW
10. CHANNELFOLLOWINFO
2020-09-12 17:50:02 +02:00
11. EMOJIINFO
2020-10-06 20:16:58 +02:00
12. STREAMPREVIEW
2021-03-19 23:23:44 +01:00
13. STREAMINFO
14. PUBLICGUILDANNOUNCEMENT
2021-05-06 21:30:35 +02:00
15. RTCSTATUSPOPOUT
16. PHONE-/EMAILVALIDATION
2021-05-07 17:07:56 +02:00
17. QUICKSELECTPOPOUT
2021-05-15 12:30:19 +02:00
18. WARNINGPOPOUT
2021-11-09 17:21:22 +01:00
19. ACTIVETHREADLISTPOPOUT
2020-03-26 00:42:57 +01:00
15. GENERAL
2019-09-19 12:56:54 +02:00
1. TEXT
2. BUTTONS
3. INPUTS
4. SEARCHBARS
5. TAGS
6. ICONS
7. SCROLLBARS
8. NOTIFICATIONBAR
9. TOOLTIPS
2020-03-26 00:42:57 +01:00
16. BDSUPPORT
2021-02-03 13:00:57 +01:00
17. POWERCORDSUPPORT
18. PLUGINSUPPORT
2021-02-03 13:11:47 +01:00
1. BDFDB
2. DATEVIEWER
2021-05-13 21:18:23 +02:00
3. MEMBERCOUNT
4. LINENUMBERS
5. PERMISSIONVIEWER
6. DIRECTDOWNLOAD
7. BETTERFORMATINGREDUX
8. CHANNELHISTORY
9. CHANNELTABS
10. TYPINGINDICATOR
11. BADGESEVERYWHERE
2022-03-24 17:49:33 +01:00
12. CHANNELDMS
2021-02-03 13:00:57 +01:00
19. UPDATENOTICE
20. WATERMARK
2019-09-19 12:56:54 +02:00
*/
/* ~~~~ 1. TRANSPARENCY ~~~~ */
body, /* body */
2022-01-11 15:06:27 +01:00
#app-mount .app-3xd6d0, /* app container */
#app-mount .app-2CXKsg, /* app inner */
#app-mount .loading-1yrGTe, /* app i18n loading */
#app-mount .wrapper-3AZUiP, /* app errorscreen */
#app-mount .bg-1QIAus, /* app background */
#app-mount .layer-86YKbF, /* layer container */
#app-mount .container-2o3qEW, /* layer container */
#app-mount .container-1NXEtd, /* channels inner */
#app-mount .privateChannels-oVe7HL, /* dmchannels */
#app-mount .panels-3wFtMD > *, /* account/voice inner */
2022-01-11 15:32:34 +01:00
#app-mount .chat-2ZfjoI, /* chat container */
2022-01-11 18:37:55 +01:00
#app-mount .container-3XgAHv, /* chat thread sidebar */
2022-01-11 15:06:27 +01:00
#app-mount .wrapper-3HVHpV, /* chat messages loading */
2019-09-19 12:56:54 +02:00
#app-mount .noChannel-Z1DQK7, /* nochannel */
2022-01-11 15:06:27 +01:00
#app-mount .members-3WRCEx, /* members */
#app-mount .members-3WRCEx > div, /* members content */
#app-mount .content-3_h0XI, /* unavailable */
2022-01-10 12:22:09 +01:00
#app-mount .container-2cd8Mz, /* peoples */
2022-01-11 15:06:27 +01:00
#app-mount .container-1oAagU, /* peoples activity list */
#app-mount .applicationStore-2nk7Lo, /* nitro */
#app-mount .pageWrapper-2PwDoS, /* guilddiscovery */
2021-09-28 12:28:25 +02:00
#app-mount .pageWrapper-1x6lGh, /* unihub */
2022-01-11 15:06:27 +01:00
#app-mount .scrollerBase-_bVAAt, /* scroller */
2020-08-26 15:45:38 +02:00
#app-mount .scroller-2FKFPG, /* scroller old */
2022-01-11 15:06:27 +01:00
#app-mount .standardSidebarView-E9Pc3j, /* settings */
#app-mount .contentRegion-3HkfJJ { /* settings content */
2019-09-19 12:56:54 +02:00
background: transparent;
}
2022-01-11 15:06:27 +01:00
#app-mount .scroller-hE2gWq { /* peoples activity scroller */
2021-05-13 20:58:14 +02:00
border: none;
}
2022-01-11 15:06:27 +01:00
#app-mount .sidebarRegion-1VBisG, /* settings sidebar */
2020-08-04 12:17:56 +02:00
#app-mount .sidebar-_0OpfR { /* sidebarlist sidebar */
2021-07-29 05:39:45 +02:00
background-color: rgba(var(--transparencycolor), calc(0.2 * (var(--transparencyalpha) / (var(--transparencyalpha) + 0.00000000000000000000001))));
2020-08-04 12:17:56 +02:00
}
2019-09-24 11:47:20 +02:00
2019-09-19 12:56:54 +02:00
#app-mount { /* app-mount */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .wrapper-1_HaEi { /* guilds container */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .sidebar-1tnWFu { /* channels container */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .panels-3wFtMD { /* account/voice container */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) / 1.5));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .container-ZMc96U.themed-Hp1KC_ { /* channelheader container */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency));
2019-09-24 11:47:20 +02:00
}
2022-03-30 13:44:48 +02:00
#app-mount .chatHeaderBar-qygUNT { /* channelheader sub header */
background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency));
}
2022-01-11 15:06:27 +01:00
#app-mount .membersWrap-3NUR2t { /* members container */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
2019-09-19 12:56:54 +02:00
}
2020-07-29 18:13:00 +02:00
#app-mount .tabBar-fg4VK9 { /* members tabbar */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
2020-07-29 18:13:00 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .nowPlayingColumn-1eCBCN { /* peoples now playing */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
2020-01-24 18:50:34 +01:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .image-35kDIs { /* app errorscreen image */
2021-04-03 16:55:17 +02:00
background-image: url(https://discord.com/assets/e9baf4b505eb54129f832556ea16538e.svg);
2019-09-19 20:17:19 +02:00
opacity: 0.6;
}
2019-09-19 12:56:54 +02:00
/* ~~~~ 2. BACKGROUND ~~~~ */
2021-06-26 16:48:42 +02:00
body::before,
body::after {
2018-10-24 21:35:17 +02:00
content: "";
2021-04-21 17:42:07 +02:00
position: fixed;
2018-10-24 21:35:17 +02:00
top: 0;
left: 0;
right: 0;
bottom: 0;
2021-06-26 17:05:43 +02:00
pointer-events: none;
2021-06-26 16:48:42 +02:00
z-index: -1;
}
body::before {
2021-05-03 16:23:08 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
2021-06-26 16:48:42 +02:00
}
body::after {
backdrop-filter: blur(var(--backgroundblur));
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.layer-86YKbF {
2021-09-11 19:35:49 +02:00
z-index: 1000;
}
2022-01-11 15:32:34 +01:00
.container-2RRFHK::before,
2022-01-11 15:06:27 +01:00
.layer-86YKbF ~ .layer-86YKbF::before,
.root-2zfUH6::before,
2022-01-11 15:32:34 +01:00
.container-2RRFHK::after,
2022-01-11 15:06:27 +01:00
.layer-86YKbF ~ .layer-86YKbF::after,
.root-2zfUH6::after {
2021-07-01 22:49:45 +02:00
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.container-2RRFHK::before,
2022-01-11 15:06:27 +01:00
.layer-86YKbF ~ .layer-86YKbF::before,
.root-2zfUH6::before {
2021-07-01 22:49:45 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.container-2RRFHK::after,
2022-01-11 15:06:27 +01:00
.layer-86YKbF ~ .layer-86YKbF::after,
.root-2zfUH6::after {
2021-07-01 22:49:45 +02:00
background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
backdrop-filter: blur(var(--backgroundblur));
}
2022-01-11 15:32:34 +01:00
.uploadArea-2Nu_Vc,
2022-01-11 15:06:27 +01:00
.backdrop-1BR_bn,
.backdrop-2ByYRN {
2021-06-26 21:00:04 +02:00
background: transparent !important;
opacity: 1 !important;
animation: none !important;
}
2022-01-11 15:32:34 +01:00
.uploadArea-2Nu_Vc::before,
2022-01-11 15:06:27 +01:00
.backdrop-1BR_bn::before,
.backdrop-2ByYRN::before,
2022-01-11 15:32:34 +01:00
.uploadArea-2Nu_Vc::after,
2022-01-11 15:06:27 +01:00
.backdrop-1BR_bn::after,
.backdrop-2ByYRN::after {
2021-04-21 17:42:07 +02:00
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
2021-06-26 21:00:04 +02:00
z-index: -2;
2021-04-22 10:08:38 +02:00
}
2022-01-11 15:32:34 +01:00
.uploadArea-2Nu_Vc::before,
2022-01-11 15:06:27 +01:00
.backdrop-1BR_bn::before,
.backdrop-2ByYRN::before {
2021-06-26 21:00:04 +02:00
background: var(--backdrop) var(--backdropposition)/var(--backdropsize);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.uploadArea-2Nu_Vc::after,
2022-01-11 15:06:27 +01:00
.backdrop-1BR_bn::after,
.backdrop-2ByYRN::after {
2021-06-26 21:00:04 +02:00
backdrop-filter: blur(var(--backdropblur));
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.withLayer-2VVmpp {
2019-09-19 12:56:54 +02:00
z-index: -1;
2019-07-29 22:06:38 +02:00
}
2019-09-19 12:56:54 +02:00
/* ~~~~ 3. TITLEBAR ~~~~ */
2022-01-11 15:06:27 +01:00
.titleBar-1it3bQ {
2020-08-26 16:14:26 +02:00
z-index: 5001;
2019-07-24 09:04:50 +02:00
}
2022-01-11 15:06:27 +01:00
.titleBar-1it3bQ::after {
2019-09-19 12:56:54 +02:00
content: "";
pointer-events: none;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(0.1 + var(--guildchanneltransparency) * 2));
2019-07-24 09:04:50 +02:00
}
2022-01-11 15:32:34 +01:00
.titleBar-1it3bQ:not(.typeMacOS-3V4xXE)::after {
2019-09-19 12:56:54 +02:00
height: 22px;
2019-07-25 10:23:06 +02:00
}
2022-01-11 15:32:34 +01:00
.titleBar-1it3bQ.typeMacOS-3V4xXE::after {
2020-08-26 16:14:26 +02:00
height: 28px;
width: calc(100% - 4px);
margin: 2px;
border-radius: 5px;
2019-07-25 10:23:06 +02:00
}
2022-01-11 15:32:34 +01:00
.titleBar-1it3bQ.typeMacOS-3V4xXE,
.titleBar-1it3bQ.typeMacOS-3V4xXE .macButtons-eIdy0e {
2019-09-19 12:56:54 +02:00
width: 72px;
}
2022-01-11 15:32:34 +01:00
.titleBar-1it3bQ.typeMacOS-3V4xXE.typeMacOSWithFrame-1XEpN7 .macButtons-eIdy0e {
2019-09-19 12:56:54 +02:00
margin-top: 0;
margin-right: 0;
2019-05-22 10:31:02 +02:00
}
2022-01-11 15:06:27 +01:00
.platform-osx .wrapper-1_HaEi {
2020-08-26 16:14:26 +02:00
margin-top: 0;
padding-top: 32px;
}
2022-01-11 15:06:27 +01:00
.platform-osx .standardSidebarView-E9Pc3j::before {
2020-08-26 16:14:26 +02:00
left: 72px;
}
2022-01-11 15:32:34 +01:00
.winButtonMinMax-3RsPUg:hover {
background-color: rgba(var(--transparencycolor), .2);
2019-05-01 21:46:13 +02:00
}
2019-02-04 12:15:46 +01:00
2019-09-19 12:56:54 +02:00
/* ~~~~ 4. GUILDLIST ~~~~ */
2022-01-11 15:06:27 +01:00
.childWrapper-1j_1ub, /* homebutton/acronym innerwrap */
2019-09-19 12:56:54 +02:00
#bd-pub-button { /* publicbutton innerwrap */
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
font-weight: 500;
2018-12-14 00:14:32 +01:00
}
2022-01-11 15:06:27 +01:00
.wrapper-3kah-n:hover .childWrapper-1j_1ub,
.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub,
2019-12-18 10:55:02 +01:00
#bd-pub-button:hover {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-12-18 10:55:02 +01:00
}
2022-01-11 15:06:27 +01:00
.wrapper-3kah-n rect[fill] {
2021-12-09 22:14:47 +01:00
fill: rgba(var(--transparencycolor), .3);
}
2022-01-11 15:06:27 +01:00
.noIcon-3gSX9V { /* acronym minicontainer */
background-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2021-03-25 16:35:59 +01:00
.circleIconButton-1QV--U { /* guildadd/discovery innerwrap */
background-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2021-03-26 12:41:33 +01:00
.guildIconUnavailable-3IYARS, /* guilderror miniicon */
2022-01-11 15:06:27 +01:00
.guildsError-YJjW3A { /* guilderror innerwrap */
2021-05-11 11:28:22 +02:00
background-color: rgba(var(--dangercolor)),.3);
2018-10-11 10:21:26 +02:00
}
2021-03-25 16:35:59 +01:00
.dragInner-Oq_toX { /* dragplaceholder */
background-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.wrapper-38slSD { /* folder outerwrap */
2019-09-19 12:56:54 +02:00
margin-bottom: 8px;
2018-10-11 10:21:26 +02:00
}
2021-03-25 16:35:59 +01:00
.folder-1hbNCn { /* folder iconwrap */
background-color: rgba(var(--transparencycolor), .2);
2019-03-25 14:13:02 +01:00
}
2021-03-25 16:35:59 +01:00
.folder-1hbNCn.hover-qTxTR_ {
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.expandedFolderBackground-1kSAf6 { /* folder background */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
border-radius: 15px 15px 24px 24px;
top: 0;
bottom: 0;
2020-12-22 18:09:12 +01:00
margin-bottom: 8px;
2019-09-19 12:56:54 +02:00
transition: border-radius 3s ease, background-color 1s ease;
}
2022-01-11 15:06:27 +01:00
.expandedFolderBackground-1kSAf6.hover-qTxTR_ {
background-color: rgba(var(--transparencycolor), .4);
2019-05-01 21:21:11 +02:00
}
2022-01-11 15:06:27 +01:00
.wrapper-1_HaEi .wrapper-38slSD [role="group"] { /* folder guildwrap */
2020-12-22 18:09:12 +01:00
margin-bottom: -8px;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.wrapper-1_HaEi .wrapper-38slSD [role="group"] .listItem-GuPuDH:last-child {
2019-09-19 12:56:54 +02:00
margin-bottom: 0;
2018-12-26 20:56:57 +01:00
}
2022-01-11 15:06:27 +01:00
.bar-2eAyLE { /* guild/channelbar inner */
box-shadow: 0 2px 6px rgba(var(--transparencycolor), .24);
2019-09-11 21:19:43 +02:00
}
2022-01-11 15:32:34 +01:00
.bar-2eAyLE:not(.mention-3XBnnZ) {
2020-11-24 10:38:02 +01:00
background-color: transparent;
2019-09-19 12:56:54 +02:00
overflow: hidden;
2019-09-11 21:19:43 +02:00
}
2022-01-11 15:32:34 +01:00
.bar-2eAyLE:not(.mention-3XBnnZ)::before,
.bar-2eAyLE:not(.mention-3XBnnZ)::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
2020-11-02 23:51:53 +01:00
pointer-events: none;
z-index: -1;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
.bar-2eAyLE:not(.mention-3XBnnZ)::before {
2021-06-26 17:05:43 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.bar-2eAyLE:not(.mention-3XBnnZ)::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--backgroundblur));
2020-11-24 10:38:02 +01:00
}
2022-01-11 15:32:34 +01:00
.sidebar-1tnWFu .bar-2eAyLE:not(.mention-3XBnnZ)::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 0.85 + 0.1));
2020-11-24 10:38:02 +01:00
}
2022-01-11 15:32:34 +01:00
.wrapper-1_HaEi .bar-2eAyLE:not(.mention-3XBnnZ)::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 1.9 + 0.1));
2020-11-24 10:38:02 +01:00
}
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
/* ~~~~ 5. CHANNELLIST ~~~~ */
2022-01-11 15:06:27 +01:00
#app-mount .sidebar-1tnWFu { /* channels container */
2019-09-19 12:56:54 +02:00
border-radius: 0;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
/* ---- 5.1. GUILDHEADER ---- */
2022-01-11 15:06:27 +01:00
.container-1-ERn5 .animatedContainer-2laTjx { /* banner wrap */
2019-09-19 12:56:54 +02:00
background: none;
box-shadow: none;
}
.bannerImage-1jOskm { /* banner image */
-webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
}
2020-10-19 10:38:04 +02:00
.bannerImage-1jOskm::before {
2019-09-19 12:56:54 +02:00
display: none;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.header-3OsQeK, /* header inner */
.searchBar-3TnChZ { /* header searchbar */
box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.searchBar-3TnChZ .searchBarComponent-3N7dCG { /* header searchbarinner */
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.clickable-vvKY2q:not(.hasBanner-2IrYih) .header-3OsQeK:hover,
.selected-1GtAC5:not(.hasBanner-2IrYih) .header-3OsQeK {
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2021-09-11 19:35:49 +02:00
.container-3O_wAf,
2022-01-11 15:32:34 +01:00
.channelNotice-tO6Tus { /* notice container */
box-shadow: inset 0 -1px 0 rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2021-09-11 19:35:49 +02:00
.container-3O_wAf,
2022-01-11 15:32:34 +01:00
.channelNotice-tO6Tus.invite-OjTXrW,
.channelNotice-tO6Tus.guildMFAWarning-3GEzs8,
.channelNotice-tO6Tus.maxMembersCount-3E4zND,
2020-12-28 18:24:49 +01:00
.channelNotice-3DDmsB,
#app-mount .channelNotice-3hkOiI {
2020-12-27 15:44:50 +01:00
background: transparent;
}
2022-01-11 15:32:34 +01:00
.channelNotice-tO6Tus.invite-OjTXrW::before {
2020-12-28 17:23:59 +01:00
opacity: 0.6;
2021-04-03 16:55:17 +02:00
background: url(https://discord.com/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat;
2020-12-27 15:44:50 +01:00
}
2022-01-11 15:32:34 +01:00
.channelNotice-tO6Tus.guildMFAWarning-3GEzs8::before {
2020-12-28 17:23:59 +01:00
opacity: 0.6;
2021-04-03 16:55:17 +02:00
background: url(https://discord.com/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat;
2020-12-28 18:24:49 +01:00
}
2022-01-11 15:32:34 +01:00
.channelNotice-tO6Tus.quickswitcher-35bYg4::before {
2020-12-28 18:24:49 +01:00
opacity: 0.6;
2020-12-27 15:44:50 +01:00
}
2022-01-11 15:32:34 +01:00
.channelNotice-tO6Tus.maxMembersCount-3E4zND::before {
2020-12-28 17:23:59 +01:00
opacity: 0.6;
2021-04-03 16:55:17 +02:00
background: url(https://discord.com/assets/01f60394adffda20dc7270a1e3c727df.svg) center 16px no-repeat;
2020-12-28 18:24:49 +01:00
}
.channelNotice-3DDmsB::before {
opacity: 0.6;
2021-04-03 16:55:17 +02:00
background: url(https://discord.com/assets/1858873f28bdc62dfb3a1f4b67d459bf.svg) center top 20px/153px no-repeat;
2020-12-28 18:24:49 +01:00
}
#app-mount .channelNotice-3hkOiI::before {
opacity: 0.6;
2021-04-03 16:55:17 +02:00
background: url(https://discord.com/assets/7065587bd42fd829925bf6aa4b36f5e2.svg) center top 22px/220px no-repeat;
2020-12-27 15:44:50 +01:00
}
2019-09-19 12:56:54 +02:00
/* ---- 5.2. CHANNELS ---- */
2022-01-11 15:06:27 +01:00
.wrapper-NhbLHG:hover .content-1gYQeQ { /* channel content */
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.modeSelected-3DmyhH .content-1gYQeQ,
.modeSelected-3DmyhH:hover .content-1gYQeQ {
2021-05-06 12:41:55 +02:00
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
}
2022-01-11 15:06:27 +01:00
.modeSelected-3DmyhH .content-1gYQeQ svg,
.modeSelected-3DmyhH:hover .content-1gYQeQ svg {
2021-05-06 12:41:55 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
}
2018-10-11 10:21:26 +02:00
2022-01-11 15:06:27 +01:00
.icon-2W8DHg { /* channel icon */
2021-05-06 12:47:10 +02:00
color: var(--channels-default);
}
2022-01-11 15:06:27 +01:00
.modeMuted-2T4MDZ .icon-2W8DHg {
2021-05-06 12:47:10 +02:00
color: var(--interactive-muted);
}
2022-01-11 15:06:27 +01:00
.modeMuted-2T4MDZ:hover .icon-2W8DHg,
.wrapper-NhbLHG:hover .icon-2W8DHg {
2021-05-06 12:47:10 +02:00
color: var(--interactive-hover);
}
2022-01-11 15:06:27 +01:00
.modeConnected-NrO4cP .icon-2W8DHg,
.modeConnected-NrO4cP:hover .icon-2W8DHg,
.modeSelected-3DmyhH .icon-2W8DHg,
.modeSelected-3DmyhH:hover .icon-2W8DHg,
.modeUnread-3Cxepe .icon-2W8DHg,
.modeUnread-3Cxepe:hover .icon-2W8DHg,
.notInteractive-2tFrlE.modeConnected-NrO4cP .icon-2W8DHg,
.notInteractive-2tFrlE.modeSelected-3DmyhH .icon-2W8DHg {
2021-05-06 12:47:10 +02:00
color: var(--interactive-active);
}
2022-01-11 15:06:27 +01:00
.modeConnected-NrO4cP .subtitle-3PyFgf, /* channel subtitle */
.modeConnected-NrO4cP:hover .subtitle-3PyFgf,
.modeSelected-3DmyhH .subtitle-3PyFgf,
.modeSelected-3DmyhH:hover .subtitle-3PyFgf,
.modeUnread-3Cxepe .subtitle-3PyFgf,
.modeUnread-3Cxepe:hover .subtitle-3PyFgf,
.notInteractive-2tFrlE.modeConnected-NrO4cP .subtitle-3PyFgf,
.notInteractive-2tFrlE.modeSelected-3DmyhH .subtitle-3PyFgf {
2021-05-07 12:14:40 +02:00
color: var(--interactive-normal);
}
2022-01-11 15:06:27 +01:00
.spine-29OFwR { /* channel thread spine */
2021-07-28 17:02:05 +02:00
color: var(--channels-default);
}
2021-05-06 12:47:10 +02:00
2022-01-11 15:06:27 +01:00
.wrapper-2fEmwW { /* voicechat limit */
background-color: rgba(var(--transparencycolor), .15);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.wrapper-2fEmwW .users-2JoyGL {
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
.wrapper-2fEmwW .total-1c5KCN {
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.wrapper-2fEmwW .total-1c5KCN::after {
border-right-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42 {
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
/* ---- 5.3. DMCHANNELS ---- */
2022-03-31 22:32:15 +02:00
.interactive-1vLZ_I:focus-within, /* dmchannel/page inner */
.interactive-1vLZ_I:hover {
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2022-03-31 22:32:15 +02:00
.selected-3veCBZ,
.selected-3veCBZ:focus-within,
.selected-3veCBZ:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2022-03-31 22:32:15 +02:00
color: var(--header-primary);
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-12-18 10:24:01 +01:00
}
2022-03-31 22:32:15 +02:00
.selected-3veCBZ svg:not(.svg-2azL_l) {
2021-05-03 16:23:08 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2018-10-11 10:21:26 +02:00
}
2019-12-19 10:26:15 +01:00
2022-01-11 15:06:27 +01:00
.empty-yQo7LQ { /* loadingplaceholders */
fill: rgba(var(--transparencycolor), .4);
2019-09-19 14:29:45 +02:00
}
2019-09-19 12:56:54 +02:00
/* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */
2022-01-11 15:06:27 +01:00
.panels-3wFtMD > *, /* account/voice inner */
.panels-3wFtMD .wrapper-3Hk9OB > * { /* account/voice inner */
2019-09-19 12:56:54 +02:00
border: none;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.panels-3wFtMD > *:not(:empty) ~ *:not(:empty) {
border-top: 1px solid rgba(var(--transparencycolor), .2);
2019-03-08 21:11:30 +01:00
}
2022-01-11 15:06:27 +01:00
.button-12Fmur.enabled-9OeuTA { /* account/voice panel button */
2019-09-19 12:56:54 +02:00
opacity: 0.7;
}
2022-01-11 15:06:27 +01:00
.button-12Fmur.enabled-9OeuTA:hover {
2019-09-19 12:56:54 +02:00
opacity: 1;
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-02-24 10:41:42 +01:00
}
2022-04-08 11:41:55 +02:00
.withTagAsButton-OsgQ9L:hover,
.withTagless-10ooWt:hover {
background-color: rgb(var(--accentcolor));
}
2022-01-11 15:06:27 +01:00
.button-12Fmur.enabled-9OeuTA:hover svg {
2021-05-03 16:23:08 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2020-06-01 10:52:07 +02:00
}
2022-01-11 15:06:27 +01:00
.button-1EGGcP.buttonColor-3bP3fX {
background-color: rgba(var(--transparencycolor), .2);
2020-06-23 23:31:46 +02:00
}
2022-01-11 15:06:27 +01:00
.button-1EGGcP.buttonColor-3bP3fX:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-06-23 23:31:46 +02:00
}
2022-01-11 15:06:27 +01:00
.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx,
.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
2020-06-23 23:31:46 +02:00
}
2022-01-11 15:06:27 +01:00
.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx svg,
.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx:hover svg {
2021-05-03 16:23:08 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2020-06-23 23:31:46 +02:00
}
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
/* ~~~~ 6. CHAT ~~~~ */
2019-02-12 12:24:29 +01:00
2022-01-11 15:32:34 +01:00
.chat-2ZfjoI.threadSidebarOpen-1LSXvU {
2021-07-24 22:12:11 +02:00
border-radius: 0;
}
2019-09-19 12:56:54 +02:00
/* ---- 6.1. CHANNELHEADER ---- */
2022-01-11 15:06:27 +01:00
.container-ZMc96U.themed-Hp1KC_ { /* header themedcontainer */
2021-05-15 12:30:19 +02:00
box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05);
2019-02-04 12:15:46 +01:00
}
2019-02-12 12:24:29 +01:00
2022-01-11 15:06:27 +01:00
.input-1nrc5P:focus { /* header dmchannelinput */
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.input-1nrc5P:focus,
.outer-1KB3kA:hover .input-1nrc5P {
box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.children-3xh0VB::after { /* header topicgradient */
2019-09-19 12:56:54 +02:00
display: none;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.akaBadge-3i7V3p { /* header aka */
background-color: rgba(var(--transparencycolor), .3);
2020-01-30 10:22:32 +01:00
}
2020-10-19 10:38:04 +02:00
.badge-2qGa_k::after { /* header iconbadge red dot */
2020-05-08 10:40:28 +02:00
border: none;
}
2022-01-11 15:06:27 +01:00
.searchBar-zdmu7v { /* header searchbar */
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 12:10:06 +02:00
}
#app-mount .public-DraftEditorPlaceholder-root {
color: rgb(var(--textdarker));
}
#app-mount .public-DraftEditorPlaceholder-hasFocus {
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .searchFilter-2UfsDk,
#app-mount .searchAnswer-23w-CH {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
/* ---- 6.2. MESSAGES ---- */
2022-01-11 15:06:27 +01:00
.emptyChannelIcon-1YdEz2 { /* welcomemessage empty channelicon */
background-color: rgba(var(--transparencycolor), .4);
2020-05-22 20:08:56 +02:00
}
2020-06-09 15:21:14 +02:00
.card-1yV8cG { /* welcomemessage first steps card */
background-color: rgba(var(--transparencycolor), .3);
2019-01-28 09:13:31 +01:00
}
2020-06-09 15:21:14 +02:00
.card-1yV8cG:hover {
background-color: rgba(var(--transparencycolor), .5);
2018-12-18 21:21:08 +01:00
}
2020-08-03 17:55:00 +02:00
2022-01-11 15:06:27 +01:00
.button-1kija8:hover { /* welcomemessage edit channel */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-05-06 17:50:44 +02:00
color: var(--interactive-active);
text-shadow: 1px 1px var(--textshadow);
2021-02-25 12:53:14 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .role-23oyrw { /* welcomemessage role */
2021-02-25 12:53:14 +01:00
background: transparent;
border-color: rgba(var(--textbrighter), .6);
2021-02-25 12:53:14 +01:00
border-radius: 5px;
height: 22px;
padding: 0 5px;
position: relative;
}
2022-01-11 15:06:27 +01:00
#app-mount .role-23oyrw[style*="border-color: rgba(185, 187, 190, .6)"] {
border-color: rgba(var(--textbrighter), .6) !important;
2021-02-25 12:53:14 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .role-23oyrw .roleColor-3cA0as { /* welcomemessage rolecircle */
2021-02-25 12:53:14 +01:00
position: absolute;
2021-05-06 17:50:44 +02:00
background-color: var(--text-normal);
2021-02-25 12:53:14 +01:00
border-radius: 3px;
opacity: 0.5;
height: 100%;
width: 100%;
margin: 0;
left: 0;
top: 0;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
#app-mount .role-23oyrw:hover .roleColor-3cA0as {
2021-02-25 12:53:14 +01:00
opacity: 0.8;
}
2022-01-11 15:32:34 +01:00
#app-mount .role-23oyrw .roleColor-3cA0as[style*="background-color: rgb(185, 187, 190)"] {
2021-05-06 17:50:44 +02:00
background-color: var(--text-normal) !important;
2021-02-25 12:53:14 +01:00
}
2022-01-11 15:06:27 +01:00
.divider-2rZFJK.hasContent-31hcsn { /* divider hascontent */
2021-07-13 02:02:26 +02:00
border-width: calc(1px * (1 - var(--usechatbubbles)));
}
2022-01-11 15:06:27 +01:00
.divider-2rZFJK.hasContent-31hcsn::before {
2021-07-13 02:02:26 +02:00
content: "";
position: absolute;
top: -0.6rem;
bottom: -0.6rem;
right: -0.2rem;
left: 0;
background: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.5));
border-radius: 5px;
pointer-events: none;
z-index: -1;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
.content-3spvdd { /* divider content */
2021-07-13 02:02:26 +02:00
position: absolute;
background-color: transparent;
padding: 2px 8px;
width: unset;
}
2022-01-11 15:06:27 +01:00
.content-3spvdd::before,
.content-3spvdd::after {
2021-07-13 02:02:26 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
opacity: calc(1 - var(--usechatbubbles));
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.content-3spvdd::before {
2021-07-13 02:02:26 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.content-3spvdd::after {
2021-07-13 02:02:26 +02:00
background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
backdrop-filter: blur(var(--backgroundblur));
}
2022-01-11 15:06:27 +01:00
.unreadPill-3nEWYM { /* divider unreadpill */
2021-07-13 02:02:26 +02:00
border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles));
padding-left: calc(4px * var(--usechatbubbles) + 1px * (1 - var(--usechatbubbles)));
}
2022-01-11 15:06:27 +01:00
.unreadPillCap-2-iI4h { /* divider unreadpillcap */
2021-07-13 02:02:26 +02:00
opacity: calc(1 - var(--usechatbubbles));
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
.hasMore-2mIMwb:hover {
background-color: rgba(var(--transparencycolor), .2);
2019-09-23 12:01:10 +02:00
}
2022-01-11 15:32:34 +01:00
.jumpToPresentBar-1cEnH0 { /* bar jumptopresent */
2020-11-24 10:38:02 +01:00
background-color: transparent;
2019-09-19 12:56:54 +02:00
overflow: hidden;
opacity: 1;
2018-11-02 21:01:04 +01:00
}
2022-01-11 15:32:34 +01:00
.jumpToPresentBar-1cEnH0::before,
.jumpToPresentBar-1cEnH0::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
2020-11-02 23:51:53 +01:00
pointer-events: none;
z-index: -1;
2018-11-10 14:02:26 +01:00
}
2022-01-11 15:32:34 +01:00
.jumpToPresentBar-1cEnH0::before {
2021-06-26 17:05:43 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.jumpToPresentBar-1cEnH0::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--backgroundblur));
2020-11-24 10:38:02 +01:00
}
2018-11-02 21:01:04 +01:00
2019-09-19 12:56:54 +02:00
/* ==== 6.2.1. MESSAGE ==== */
2018-10-11 10:21:26 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .message-G6O-Wv { /* message confirm modal */
background-color: rgba(var(--transparencycolor), .2);
2020-02-28 14:40:26 +01:00
box-shadow: none;
}
2022-01-11 15:06:27 +01:00
.message-2CShn3, /* message container */
2022-01-11 15:32:34 +01:00
.messagesWrapper-RpOMA3 .wrapper-30-Nkg, /* message upload placeholder */
2022-01-11 15:06:27 +01:00
.wrapper-15CKyy, /* message loading */
.message-3g3FYR, /* message mention popout */
.message-372Ods, /* message inbox popout */
2022-01-11 15:32:34 +01:00
.message-G6O-Wv .wrapper-30-Nkg, /* message settings preview */
.messageGroupCozy-3v_RqN, /* message pin popout */
.message-24k8JL .wrapper-30-Nkg { /* message searchpage */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), var(--messagetransparency)) !important;
2020-08-15 08:35:00 +02:00
contain: unset;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:32:34 +01:00
.message-24k8JL .wrapper-30-Nkg { /* message searchpage */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8)) !important;
2021-01-09 16:59:29 +01:00
}
2022-01-11 15:06:27 +01:00
.message-2CShn3.selected-2LX7Jy,
.mouse-mode .message-2CShn3:hover,
.mouse-mode.full-motion .message-2CShn3:hover,
.mouse-mode .wrapper-15CKyy:hover,
.mouse-mode.full-motion .wrapper-15CKyy:hover {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important;
2020-02-04 14:56:27 +01:00
}
2022-01-11 15:06:27 +01:00
.backgroundFlash-1X5jVs .message-2CShn3 { /* message jump flash */
2021-05-14 13:04:07 +02:00
position: relative;
}
2022-01-11 15:06:27 +01:00
.backgroundFlash-1X5jVs .message-2CShn3::before {
2021-05-14 13:04:07 +02:00
content: "";
position: absolute;
2021-05-18 12:01:04 +02:00
background: var(--message-background-flash, transparent);
2021-05-14 13:04:07 +02:00
top: 0;
right: 0;
bottom: 0;
2021-05-18 12:02:43 +02:00
left: 0;
2021-05-14 13:04:07 +02:00
z-index: 1;
2021-05-17 17:05:44 +02:00
pointer-events: none;
2021-05-14 13:04:07 +02:00
}
2022-01-11 15:06:27 +01:00
.backgroundFlash-1X5jVs .cozyMessage-1DWF9U::before {
2021-05-18 12:02:43 +02:00
left: calc(-80px * var(--usechatbubbles));
}
2022-01-11 15:06:27 +01:00
.message-2CShn3.ephemeral-2nDdnn, /* message localbot */
.message-2CShn3.replying-eZ7p5z { /* message replying */
2021-05-14 13:04:07 +02:00
background-image: linear-gradient(rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))));
2020-02-07 13:50:04 +01:00
}
2022-01-11 15:06:27 +01:00
.message-2CShn3.mentioned-Tre-dv { /* message mentioned */
2021-06-30 11:56:30 +02:00
background-image: linear-gradient(rgba(var(--mentioncolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))));
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
.message-2CShn3.ephemeral-2nDdnn::before,
.message-2CShn3.replying-eZ7p5z::before {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
.message-2CShn3.mentioned-Tre-dv::before {
2021-06-30 11:56:30 +02:00
background-color: rgb(var(--mentioncolor));
}
2022-01-11 15:32:34 +01:00
.message-2CShn3.mentioned-Tre-dv .contents-2MsGLg .messageContent-2t3eCI {
2020-01-30 10:22:32 +01:00
border-radius: 3px;
2021-06-30 11:56:30 +02:00
background-color: rgba(var(--mentioncolor), calc(0.3 * var(--usechatbubbles)));
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .avatar-2e8lTP, /* message container avatar */
2022-01-11 15:06:27 +01:00
#app-mount .avatar-l9Txm5 { /* message loading avatar */
2020-05-06 08:33:11 +02:00
position: absolute;
2020-10-27 15:46:46 +01:00
top: 2px;
2021-05-03 16:23:08 +02:00
left: calc(-70px * var(--usechatbubbles) + 16px);
2020-02-28 18:22:36 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .repliedMessage-3Z6XBG ~ * .avatar-2e8lTP {
2020-10-27 15:46:46 +01:00
top: 24px;
}
2022-01-11 15:32:34 +01:00
.container-3FojY8 .avatar-2e8lTP {
2021-05-03 16:23:08 +02:00
left: calc(-10px * var(--usechatbubbles));
2020-02-28 18:22:36 +01:00
}
2021-02-06 18:21:44 +01:00
2022-01-11 15:32:34 +01:00
#app-mount .replyBadge-LMm_Ic { /* message reply badge */
background-color: rgba(var(--transparencycolor), .5);
2020-11-17 18:40:02 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .spine-3OoQS_ {
2021-02-06 18:21:44 +01:00
width: 0px;
top: 20px;
2021-05-03 16:23:08 +02:00
right: calc(1px * (-32 * var(--usechatbubbles) + -25 * (1 - var(--usechatbubbles))));
2021-02-06 18:21:44 +01:00
left: unset;
border: none;
}
2022-01-11 15:32:34 +01:00
#app-mount .compact-2Nkcau .spine-3OoQS_ {
2021-02-06 18:21:44 +01:00
right: 0;
}
2022-01-11 15:32:34 +01:00
#app-mount .repliedMessage-3Z6XBG::before, /* message reply spine */
#app-mount .repliedMessage-3Z6XBG::after,
2022-01-11 15:06:27 +01:00
#app-mount .spine-3OoQS_::before, /* message command spine */
#app-mount .spine-3OoQS_::after {
2021-07-28 16:58:08 +02:00
--avatar-size: 38px;
2021-01-15 18:59:45 +01:00
--gutter: 16px;
--spine-width: 2px;
content: "";
display: block;
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 50%;
2020-11-17 18:40:02 +01:00
right: unset;
2021-01-15 18:59:45 +01:00
bottom: 0;
2021-07-28 16:58:08 +02:00
left: calc(-1 * var(--avatar-size) - (6px * var(--usechatbubbles)));
2021-01-15 18:59:45 +01:00
width: calc(var(--avatar-size) - 4px);
2021-07-28 16:58:08 +02:00
margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2);
2021-01-15 18:59:45 +01:00
border-right: 0 solid var(--background-accent);
2021-02-06 19:54:38 +01:00
border-left: var(--spine-width) solid var(--background-accent);
}
2022-01-11 15:32:34 +01:00
#app-mount .repliedMessage-3Z6XBG::before,
#app-mount .repliedMessage-3Z6XBG::after {
2021-01-15 18:59:45 +01:00
border-top: var(--spine-width) solid var(--background-accent);
2021-02-06 19:54:38 +01:00
border-bottom: 0 solid var(--background-accent);
2021-01-15 18:59:45 +01:00
border-top-left-radius: 6px;
}
2022-01-11 15:06:27 +01:00
#app-mount .spine-3OoQS_::before,
#app-mount .spine-3OoQS_::after {
2021-02-06 19:54:38 +01:00
border-top: 0 solid var(--background-accent);
border-bottom: var(--spine-width) solid var(--background-accent);
border-bottom-left-radius: 6px;
}
2022-01-11 15:32:34 +01:00
#app-mount .compact-2Nkcau .repliedMessage-3Z6XBG::before,
#app-mount .compact-2Nkcau .repliedMessage-3Z6XBG::after,
#app-mount .compact-2Nkcau .spine-3OoQS_::before,
#app-mount .compact-2Nkcau .spine-3OoQS_::after {
2021-01-15 18:59:45 +01:00
--avatar-size: 20px;
2021-07-28 16:58:08 +02:00
left: calc(-1 * var(--avatar-size));
2021-01-15 18:59:45 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .repliedMessage-3Z6XBG::before,
2022-01-11 15:06:27 +01:00
#app-mount .spine-3OoQS_::before {
2021-08-17 19:25:53 +02:00
border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles))));
2021-01-15 18:59:45 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .repliedMessage-3Z6XBG::after,
2022-01-11 15:06:27 +01:00
#app-mount .spine-3OoQS_::after {
2021-08-17 19:25:53 +02:00
border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles)));
2021-01-15 18:59:45 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .compact-2Nkcau .repliedMessage-3Z6XBG::before,
#app-mount .compact-2Nkcau .spine-3OoQS_::before {
2021-08-17 19:25:53 +02:00
border-color: rgba(var(--textbrighter), .3);
2021-01-15 18:59:45 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .compact-2Nkcau .repliedMessage-3Z6XBG::after,
#app-mount .compact-2Nkcau .spine-3OoQS_::after {
2021-08-17 19:25:53 +02:00
border-color: transparent;
2020-10-27 15:46:46 +01:00
}
2021-02-06 18:21:44 +01:00
2022-01-11 15:32:34 +01:00
#app-mount .cozy-VmLDNB.hasThread-3h-KJV::before, /* message thread spine */
#app-mount .cozy-VmLDNB.hasThread-3h-KJV::after,
#app-mount .compact-2Nkcau.hasThread-3h-KJV::after {
2021-07-28 16:58:08 +02:00
--avatar-size: 38px;
--gutter: 16px;
--spine-width: 2px;
content: "";
display: block;
position: absolute;
top: 2rem;
bottom: 29px;
left: calc(var(--avatar-size) * (1 - var(--usechatbubbles)) - var(--avatar-size) * var(--usechatbubbles));
width: calc(var(--avatar-size) - 10px + (4px * var(--usechatbubbles)));
margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2);
border-top: 0 solid var(--background-accent);
border-right: 0 solid var(--background-accent);
border-bottom: var(--spine-width) solid var(--background-accent);
border-left: var(--spine-width) solid var(--background-accent);
border-bottom-left-radius: 8px;
}
2022-01-11 15:32:34 +01:00
#app-mount .cozy-VmLDNB.hasThread-3h-KJV::before {
2021-08-17 19:25:53 +02:00
border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles))));
2021-07-28 16:58:08 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .cozy-VmLDNB.hasThread-3h-KJV::after {
2021-08-17 19:25:53 +02:00
border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles)));
}
2022-01-11 15:32:34 +01:00
#app-mount .message-2CShn3.mentioned-Tre-dv.hasThread-3h-KJV::before {
2021-08-17 19:25:53 +02:00
background-color: transparent;
2021-07-28 16:58:08 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .compact-2Nkcau.hasThread-3h-KJV::after {
2021-07-28 16:58:08 +02:00
left: calc(var(--avatar-size) + 11px);
width: calc(var(--avatar-size) - 13px);
border-color: rgba(var(--textbrighter), .3);
}
2022-01-11 15:32:34 +01:00
#app-mount .compact-2Nkcau.hasThread-3h-KJV .contents-2MsGLg::before {
2021-07-28 16:58:08 +02:00
border-color: rgba(var(--textbrighter), .3);
}
2022-01-11 15:06:27 +01:00
.spine-2vt3pM {
2021-07-28 16:58:08 +02:00
border-color: rgba(var(--textbrighter), .3);
}
2022-01-11 15:32:34 +01:00
.hasThread-3h-KJV .spine-2vt3pM {
2021-07-28 16:58:08 +02:00
display: none;
}
2022-01-11 15:06:27 +01:00
.cozy-25GiHp.content-1UQFwj { /* message command content */
background-color: rgba(var(--transparencycolor), .3);
2021-02-06 18:21:44 +01:00
}
2022-01-11 15:32:34 +01:00
.cozy-VmLDNB .header-2jRmjb::after, /* message container header */
2022-01-11 15:06:27 +01:00
.cozy-3hKWhq .header-35u4WP::after { /* message loading header */
2020-02-28 18:22:36 +01:00
content: "";
position: absolute;
top: 12px;
left: -32px;
border: 10px solid transparent;
2021-05-03 16:23:08 +02:00
border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency));
2020-02-28 18:22:36 +01:00
}
2022-01-11 15:32:34 +01:00
.cozy-VmLDNB .container-3FojY8 .header-2jRmjb::after {
2020-02-28 18:22:36 +01:00
left: 40px;
}
2022-01-11 15:32:34 +01:00
.messageGroupWrapper-1jf_7C .messageGroupCozy-3v_RqN .header-2jRmjb::after {
2020-02-28 18:22:36 +01:00
top: 2px;
}
2022-01-11 15:32:34 +01:00
.message-24k8JL .wrapper-30-Nkg .header-2jRmjb::after {
2021-05-03 16:23:08 +02:00
border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8));
2021-01-09 16:59:29 +01:00
}
2022-01-11 15:32:34 +01:00
.cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
2021-05-03 16:23:08 +02:00
left: calc(-78px * var(--usechatbubbles));
2020-02-29 19:24:14 +01:00
}
2022-01-11 15:32:34 +01:00
.cozy-VmLDNB .iconContainer-2rPbqG {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), var(--messagetransparency));
2020-01-30 16:26:17 +01:00
border-radius: 50%;
2021-05-03 16:23:08 +02:00
left: calc(1px * (-58 * var(--usechatbubbles) + -48 * (1 - var(--usechatbubbles))));
2021-07-24 20:56:27 +02:00
height: 25px !important;
width: 25px !important;
2021-02-06 18:04:11 +01:00
margin: unset;
margin-right: 1rem;
2020-02-28 14:40:26 +01:00
padding: 0;
2020-01-30 16:26:17 +01:00
}
2022-01-11 15:32:34 +01:00
.cozy-VmLDNB .blockedSystemMessage-3FmE9n .iconContainer-2rPbqG {
2020-04-11 18:28:22 +02:00
background-color: transparent;
}
2022-01-11 15:32:34 +01:00
.cozy-VmLDNB .iconContainer-2rPbqG::after {
2020-01-30 16:26:17 +01:00
content: "";
position: absolute;
2020-02-28 14:40:26 +01:00
top: 2px;
2020-02-07 14:05:06 +01:00
left: 26px;
2020-01-30 16:26:17 +01:00
border: 10px solid transparent;
2021-05-03 16:23:08 +02:00
border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency));
2020-01-30 16:26:17 +01:00
}
2022-01-11 15:32:34 +01:00
.cozy-VmLDNB .blockedSystemMessage-3FmE9n .iconContainer-2rPbqG::after {
2020-04-11 18:28:22 +02:00
display: none;
}
2022-01-11 15:32:34 +01:00
.selected-2LX7Jy.message-2CShn3.cozy-VmLDNB .header-2jRmjb::after,
.mouse-mode .message-2CShn3.cozy-VmLDNB:hover .header-2jRmjb::after,
.mouse-mode.full-motion .message-2CShn3.cozy-VmLDNB:hover .header-2jRmjb::after,
2022-01-11 15:06:27 +01:00
.mouse-mode .wrapper-15CKyy.cozy-3hKWhq:hover .header-35u4WP::after,
.mouse-mode.full-motion .wrapper-15CKyy.cozy-3hKWhq:hover .header-35u4WP::after,
2022-01-11 15:32:34 +01:00
.selected-2LX7Jy.message-2CShn3.cozy-VmLDNB .iconContainer-2rPbqG::after,
.mouse-mode .message-2CShn3.cozy-VmLDNB:hover .iconContainer-2rPbqG::after,
.mouse-mode.full-motion .message-2CShn3.cozy-VmLDNB:hover .iconContainer-2rPbqG::after {
2021-05-03 16:23:08 +02:00
border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2));
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .mentioned-Tre-dv.cozy-VmLDNB .header-2jRmjb::after {
2021-08-11 12:09:14 +02:00
border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency) * 100000000000000000000000000000));
}
2022-01-11 15:32:34 +01:00
#app-mount .ephemeral-2nDdnn.cozy-VmLDNB .header-2jRmjb::after,
#app-mount .replying-eZ7p5z.cozy-VmLDNB .header-2jRmjb::after {
2021-05-03 16:23:08 +02:00
border-right-color: rgba(var(--accentcolor), calc(var(--messagetransparency) * 100000000000000000000000000000));
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
.message-3g3FYR,
.message-372Ods,
2022-01-11 15:32:34 +01:00
.zalgo-26OfGz .messageContent-2t3eCI,
.zalgo-26OfGz.cozy-VmLDNB .header-2jRmjb,
2022-01-11 15:06:27 +01:00
.wrapper-15CKyy,
.cozy-3hKWhq .header-35u4WP {
2020-02-06 16:11:15 +01:00
overflow: visible;
2020-01-30 10:22:32 +01:00
}
2020-02-28 18:22:36 +01:00
.container-3FojY8 {
padding: 0;
overflow: visible;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .cozyMessage-1DWF9U, /* message container cozy */
2022-01-11 15:32:34 +01:00
#app-mount .messagesWrapper-RpOMA3 .cozy-VmLDNB, /* message upload placeholder cozy */
2022-01-11 15:06:27 +01:00
#app-mount .cozy-3hKWhq { /* message loading cozy */
2021-05-03 16:23:08 +02:00
margin-left: calc(80px * var(--usechatbubbles));
padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles))));
2020-02-06 16:11:15 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .wrapper-30-Nkg[data-list-item-id*="Uploader"] {
2021-06-11 21:31:51 +02:00
margin-top: 1rem;
}
2022-01-11 15:06:27 +01:00
#app-mount .compact-QWkw9- { /* message loading compact */
2020-08-15 08:49:36 +02:00
margin-top: .0625rem;
}
2022-01-11 15:32:34 +01:00
#app-mount .cozy-VmLDNB .header-2jRmjb,
#app-mount .cozy-VmLDNB .messageContent-2t3eCI,
2022-01-11 15:06:27 +01:00
#app-mount .cozy-3hKWhq .header-35u4WP {
2020-02-29 19:24:14 +01:00
margin-left: 0;
padding-left: 0;
}
2022-01-11 15:32:34 +01:00
.messageContainer-3VTXBC .wrapper-30-Nkg,
.messages-23can0 .wrapper-30-Nkg,
.message-G6O-Wv .wrapper-30-Nkg,
.messageGroupWrapper-1jf_7C .messageGroupCozy-3v_RqN,
.message-24k8JL .wrapper-30-Nkg {
2020-01-30 13:58:17 +01:00
border-radius: 5px;
2021-05-03 16:23:08 +02:00
margin-left: calc(60px * var(--usechatbubbles));
padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles))));
2020-01-30 13:58:17 +01:00
}
2022-01-11 15:32:34 +01:00
.messages-23can0 .wrapper-30-Nkg {
2020-05-08 11:01:32 +02:00
border-radius: 0;
}
2020-01-30 13:58:17 +01:00
2022-01-11 15:06:27 +01:00
.avatar-l9Txm5 { /* message loading avatar */
background: rgba(var(--transparencycolor), .4);
2020-08-15 08:35:00 +02:00
opacity: 1 !important;
}
2022-01-11 15:06:27 +01:00
.attachment-16cAbS, /* message loading attachment */
.blob-1uHjdp { /* message loading blob */
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-08-15 08:35:00 +02:00
}
2022-01-11 15:06:27 +01:00
.expanded-3lghlw { /* message expanded blocked */
background-color: rgba(var(--transparencycolor), .2);
2020-01-30 13:58:17 +01:00
border-radius: 5px 5px 0 5px;
2020-01-30 14:04:05 +01:00
margin-bottom: .5625rem;
2020-01-30 13:58:17 +01:00
}
2022-01-11 15:32:34 +01:00
.reaction-2A2y9y { /* message reaction */
background-color: rgba(var(--transparencycolor), .3);
2021-05-12 12:59:29 +02:00
border: none;
}
2022-01-11 15:32:34 +01:00
.reaction-2A2y9y:hover {
2021-05-12 12:59:29 +02:00
background-color: rgba(var(--transparencycolor), .4);
}
2022-01-11 15:32:34 +01:00
.reaction-2A2y9y.reactionMe-3I9gFK {
2021-05-12 12:59:29 +02:00
background-color: rgba(var(--accentcolor), .8);
}
2022-01-11 15:32:34 +01:00
.reaction-2A2y9y.reactionMe-3I9gFK:hover {
2021-05-12 12:59:29 +02:00
background-color: rgb(var(--accentcolor));
}
2022-01-11 15:32:34 +01:00
.reaction-2A2y9y.reactionMe-3I9gFK .reactionCount-1zkLcN {
2021-05-12 12:59:29 +02:00
color: #FFF;
text-shadow: 1px 1px var(--textshadow);
}
2022-01-11 15:32:34 +01:00
.reaction-2A2y9y:hover {
2021-05-12 12:59:29 +02:00
background-color: rgba(var(--transparencycolor), .4);
2020-01-30 13:58:17 +01:00
}
2022-01-11 15:06:27 +01:00
.wrapper-2vIMkT { /* message buttons */
2020-01-30 10:22:32 +01:00
position: relative;
2021-06-26 17:05:43 +02:00
background: transparent;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
.wrapper-2vIMkT::before,
.wrapper-2vIMkT::after {
2020-01-30 10:22:32 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2020-04-01 09:24:49 +02:00
border-radius: 4px;
2020-01-30 10:22:32 +01:00
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.wrapper-2vIMkT::before {
2022-04-23 19:35:58 +02:00
background: var(--backgound) var(--popoutposition)/var(--backgroundsize);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.wrapper-2vIMkT::after {
2021-06-26 17:05:43 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2022-04-23 19:35:58 +02:00
backdrop-filter: blur(var(--backgroundblur));
2021-06-26 17:05:43 +02:00
}
2022-01-11 15:06:27 +01:00
.button-3bklZh:hover { /* message button */
background-color: rgba(var(--transparencycolor), .2);
2020-01-30 10:26:15 +01:00
}
2022-01-11 15:06:27 +01:00
.button-3bklZh.selected-69H4ua {
background-color: rgba(var(--transparencycolor), .4);
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
.bumpBox-1Pp4td { /* messageelement publish box */
background-color: rgba(var(--transparencycolor), .4);
2020-11-14 16:10:10 +01:00
}
2022-01-11 15:06:27 +01:00
.markup-eYLPri code { /* messageelement code */
2020-02-04 13:50:31 +01:00
background-color: transparent;
border-color: transparent;
}
2022-01-11 15:06:27 +01:00
.markup-eYLPri pre { /* messageelement pre */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
.markup-eYLPri .inline, /* messageelement inline */
.after_inlineCode-WydEur,
.before_inlineCode-xn8Llh,
.inlineCode-2auMQi {
background-color: rgba(var(--transparencycolor), .4);
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
.textContainer-36wgKK { /* messageelement plain file text */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
2021-03-20 12:38:54 +01:00
}
2022-01-11 15:06:27 +01:00
.footer-GXWBBp { /* messageelement plain file footer */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
2021-03-20 12:38:54 +01:00
}
2022-01-11 15:06:27 +01:00
.languageSelector-2e1IuO { /* messageelement plain file popout */
2021-03-20 12:38:54 +01:00
background-color: transparent;
border: 1px solid rgba(var(--transparencycolor), .3);
2021-03-20 12:38:54 +01:00
border-radius: 5px;
box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor), .3);
2021-03-20 12:38:54 +01:00
overflow: hidden;
}
2022-01-11 15:06:27 +01:00
.languageSelector-2e1IuO::before,
.languageSelector-2e1IuO::after {
2021-03-20 12:38:54 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2021-06-26 17:05:43 +02:00
border-radius: 5px;
2021-03-20 12:38:54 +01:00
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.languageSelector-2e1IuO::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.languageSelector-2e1IuO::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2021-03-20 12:38:54 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .spoilerText-27bIiA { /* messageelement spoiler */
background-color: rgba(var(--transparencycolor), .2);
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .spoilerText-27bIiA.hidden-3B-Rum { /* messageelement hiddenspoiler */
2021-07-26 17:18:07 +02:00
background-color: rgba(var(--transparencycolor), .6);
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
.icon-JRJzJz[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { /* systemmessage pinicon */
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat;
2021-05-06 17:50:44 +02:00
background: var(--channels-default) !important;
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
.icon-JRJzJz[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { /* systemmessage missedcall */
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat;
2021-05-06 17:50:44 +02:00
background: var(--channels-default) !important;
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
.icon-JRJzJz[style*="/assets/b8029fe196b8f1382e90bbe81dab50dc.svg"] { /* systemmessage joincallicon */
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/b8029fe196b8f1382e90bbe81dab50dc.svg) center/cover no-repeat;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor)) !important;
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
.icon-JRJzJz[style*="/assets/c30220457097b064286a8759a9b6c4af.svg"] { /* systemmessage recievecallicon */
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/c30220457097b064286a8759a9b6c4af.svg) center/cover no-repeat;
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor)) !important;
2020-02-04 13:50:31 +01:00
}
2019-09-19 12:56:54 +02:00
/* ==== 6.2.2. EMBEDS ==== */
2022-01-11 15:32:34 +01:00
#app-mount .embedFull-1HGV2S { /* embed wrapper */
background-color: rgba(var(--transparencycolor), .3);
border-left-color: rgb(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .attachment-1PZZB2 { /* attachment container */
background-color: rgba(var(--transparencycolor), .3);
border-color: rgba(var(--transparencycolor), .1);
2020-03-26 00:42:57 +01:00
margin-left: 18px;
}
2022-01-11 15:32:34 +01:00
#app-mount .message-2CShn3 .attachment-1PZZB2 {
2020-03-26 00:42:57 +01:00
margin-left: 0;
2019-09-19 12:56:54 +02:00
}
#app-mount .twitchSectionPlayButton-2RamGG {
2020-12-26 18:33:33 +01:00
object-position: -999999px -999999px;
background: rgba(var(--transparencycolor), .4) url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M12.3333 10.002V22.002L22.3333 16.002L12.3333 10.002Z" fill="rgb(185,187,190)"/></svg>');
2020-12-30 16:32:16 +01:00
border-radius: 50%;
2019-09-19 12:56:54 +02:00
}
#app-mount .twitchSectionPlayButton-2RamGG:hover {
background-color: rgba(var(--transparencycolor), .8);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .wrapper-1FP9YQ { /* attachment videowrapper */
background-color: rgba(var(--transparencycolor), .3);
2019-09-27 09:16:56 +02:00
}
2019-09-19 12:56:54 +02:00
/* ==== 6.2.3. NITROGIFT ==== */
2022-01-11 15:06:27 +01:00
#app-mount .tile-2mmK5T { /* gift container */
background-color: rgba(var(--transparencycolor), .2);
box-shadow: 0 0 0 rgba(var(--transparencycolor), .15);
}
2022-01-11 15:06:27 +01:00
#app-mount .tile-2mmK5T:hover {
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .title-oJa_A6 { /* gift title */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .description-X8_53U { /* gift description */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tagline-3DhQWg { /* gift tagline */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
/* ==== 6.2.4. INVITE ==== */
2022-01-11 15:32:34 +01:00
#app-mount .wrapper-1HIH0j { /* invite container */
background-color: rgba(var(--transparencycolor), .3);
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .guildIconImage-74OdmM { /* invite icon */
background-color: rgba(var(--transparencycolor), .3);
2020-05-06 09:40:58 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .guildName-3G4jq- { /* invite name */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .guildDetail-3EJhW_ { /* invite details */
2021-05-06 17:50:44 +02:00
color: var(--channels-default);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .invite-3uuHYQ { /* invite group invite */
background-color: rgba(var(--transparencycolor), .3);
border-color: rgba(var(--transparencycolor), .1);
2020-11-23 18:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .header-1Fx4D1 {
color: rgb(var(--textdarker));
2020-11-23 18:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .name-QjR4Jk,
#app-mount .partyStatus-2-VcyG {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-11-23 18:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .moreUsers-3PdGZN {
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2020-11-23 18:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .partyMemberEmpty-GtlQ_s {
background-color: rgba(var(--transparencycolor), .3);
}
2022-01-11 15:32:34 +01:00
#app-mount .helpIcon-24pk1Z {
2021-05-06 17:50:44 +02:00
background-color: var(--header-primary);
2020-11-23 18:23:44 +01:00
}
2020-02-04 14:11:57 +01:00
2020-05-06 09:40:58 +02:00
/* ---- 6.3. TEXTAREA ---- */
2020-02-04 14:11:57 +01:00
2022-01-11 15:32:34 +01:00
.form-3gdLxP {
2020-08-03 20:16:10 +02:00
padding-top: 0;
margin-top: 0;
2020-02-04 14:11:57 +01:00
}
2022-01-11 15:32:34 +01:00
.form-3gdLxP { /* textarea form */
2021-05-29 11:57:30 +02:00
background: rgba(var(--transparencycolor), var(--chatinputtransparency));
margin-top: 0;
padding-top: 8px;
border-top-right-radius: calc(8px * (1 - (var(--memberlisttransparency) / (var(--memberlisttransparency) + 0.00000000000000000000001))));
border-top-left-radius: calc(8px * (1 - (var(--guildchanneltransparency) / (var(--guildchanneltransparency) + 0.00000000000000000000001))));
}
2022-01-11 15:32:34 +01:00
.threadSidebarOpen-1LSXvU .form-3gdLxP {
2021-07-24 22:12:11 +02:00
border-top-right-radius: 8px;
}
2022-01-11 15:32:34 +01:00
.form-3gdLxP::before {
2020-08-03 20:16:10 +02:00
display: none;
2020-02-04 13:14:34 +01:00
}
2022-01-11 15:32:34 +01:00
.channelTextArea-1FufC0 { /* textarea channeltextarea */
2020-01-30 08:58:21 +01:00
background-color: transparent;
border-top-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.container-A2jo65 { /* textarea reply */
background: rgba(var(--transparencycolor), .3);
2020-10-27 15:46:46 +01:00
border: none;
border-bottom: 1px solid var(--background-modifier-accent);
2020-10-27 15:46:46 +01:00
}
2022-01-11 15:32:34 +01:00
.scrollableContainer-15eg7h { /* textarea container */
background-color: rgba(var(--transparencycolor), .3);
2019-12-10 23:58:04 +01:00
}
2022-01-11 15:06:27 +01:00
.sprite-2lxwfc { /* textarea emojibutton */
2019-09-19 12:56:54 +02:00
transform: none !important;
}
2022-01-11 15:06:27 +01:00
.wrapper-2SplAX { /* textarea placeholder */
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.toolbar-37BrJ5 { /* textarea formattoolbar */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
.toolbar-37BrJ5::before {
2021-05-03 16:23:08 +02:00
border-top-color: rgb(var(--accentcolor));
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
.divider-3NY7PF { /* textarea formattoolbar divider */
border-left-color: hsla(0, 0%,100%, .1);
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
.active-136ioF, /* textarea buttonactive */
.hover-3OQb9Y:hover { /* textarea buttonhover */
background-color: hsla(0, 0%, 100%, .2);
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
.icon-3g7qdA { /* textarea buttonicon */
color: #fff;
opacity: .7;
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
.active-136ioF .icon-3g7qdA,
.hover-3OQb9Y:hover .icon-3g7qdA {
color: #fff;
opacity: 1;
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .pill-1HLSrc { /* textarea command query pill */
background-color: rgba(var(--transparencycolor), .5);
2020-12-17 20:26:16 +01:00
border-radius: 5px;
}
2019-09-19 12:56:54 +02:00
/* ---- 6.4. AUTOCOMPLETEMENU ---- */
2022-01-11 15:06:27 +01:00
#app-mount .autocomplete-3NRXG8 { /* autocomplete container */
2020-11-12 19:09:40 +01:00
background-color: transparent;
2019-09-19 12:56:54 +02:00
overflow: hidden;
}
2022-01-11 15:06:27 +01:00
#app-mount .autocomplete-3NRXG8::before,
#app-mount .autocomplete-3NRXG8::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2021-06-26 17:05:43 +02:00
border-radius: 5px;
2019-09-19 12:56:54 +02:00
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
#app-mount .autocomplete-3NRXG8::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
#app-mount .autocomplete-3NRXG8::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-12 19:09:27 +01:00
}
2022-01-11 15:06:27 +01:00
.theme-brand .autocomplete-3NRXG8 {
background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.theme-brand .autocomplete-3NRXG8::before,
.theme-brand .autocomplete-3NRXG8::after {
2019-09-19 12:56:54 +02:00
display: none;
}
2020-12-17 20:17:07 +01:00
#app-mount .bar-AokMp3 { /* autocomplete command info */
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
#app-mount .container-23gRWx::after {
box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .header-JHwfVI { /* autocomplete header */
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor), .2), 0 1px 2px 0 rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .selected-3H3-RC { /* autocomplete rowselected */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .option-Tt7anD { /* autocomplete option */
background-color: rgba(var(--transparencycolor), .5);
2020-12-17 20:12:57 +01:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .wrapper-3z7DuG { /* autocomplete categories */
2020-12-17 20:12:57 +01:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
#app-mount .selected-3B2w1z, /* autocomplete category selected */
#app-mount .selected-3B2w1z:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-12-17 20:12:57 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .selected-3B2w1z svg {
2021-05-06 13:23:51 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
}
2020-12-17 20:12:57 +01:00
2022-03-01 21:47:20 +01:00
#app-mount .searchSuggestion-2Dgyvo:hover { /* gifpicker suggestions */
2021-05-06 13:23:51 +02:00
text-shadow: 1px 1px var(--textshadow);
2020-05-06 08:28:56 +02:00
}
2022-03-01 21:47:20 +01:00
#app-mount .placeholder-T1Tuu8 { /* gifpicker result placeholder */
background-color: rgba(var(--transparencycolor), .3);
2020-05-06 08:28:56 +02:00
}
2019-09-19 12:56:54 +02:00
/* ---- 6.5. MEMBERLIST ---- */
2022-01-11 15:06:27 +01:00
.member-2gU6Ar:hover .layout-1qmrhw { /* member inner */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.selected-1-Z6gm.member-2gU6Ar .layout-1qmrhw {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
2019-12-18 10:24:01 +01:00
}
2022-01-11 15:06:27 +01:00
.selected-1-Z6gm.member-2gU6Ar .layout-1qmrhw svg:not(.svg-2azL_l) {
2021-05-03 16:23:08 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.member-2gU6Ar.selected-1-Z6gm .premiumIcon-2IFPOX {
2021-05-06 17:50:44 +02:00
color: var(--header-primary) !important;
2019-09-22 22:32:42 +02:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.avatar-b5OQ1N::before { /* emptyavatar */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.memberGroupsPlaceholder-9tqX9V, /* loadingplaceholders */
.placeholderAvatar-1qAcRZ,
.placeholderUsername-3iQi_D {
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
/* ---- 6.6. SEARCHPAGE ---- */
2022-01-11 15:06:27 +01:00
.searchResultsWrap-5RVOkx { /* searchpage container */
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
.searchHeader-1r_ZSh { /* searchpage header */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
2021-01-09 16:59:29 +01:00
border-radius: 0 0 0 8px;
2019-09-19 12:56:54 +02:00
}
2021-01-09 16:59:29 +01:00
#app-mount .tab-2j5AEF.selected-2LAck8 { /* searchpage selected tab */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.channelName-3w2Y3c { /* searchpage channelname */
2021-01-09 16:59:29 +01:00
background-color: transparent;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.searchResult-O9NDji { /* searchpage searchresult */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.button-cfOvv- { /* searchpage jumpbutton */
background-color: rgba(var(--transparencycolor), .4);
2020-05-23 16:09:35 +02:00
}
2022-01-11 15:06:27 +01:00
.button-cfOvv-:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
2020-05-23 16:09:35 +02:00
}
2022-01-11 15:06:27 +01:00
.pageButton-1GMGeJ:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-05-23 16:09:35 +02:00
}
2022-01-11 15:06:27 +01:00
.activeButton-LRWFC_ {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-09-19 12:56:54 +02:00
}
2022-03-30 13:44:48 +02:00
/* ---- 6.7. CHAT SIDEBAR ---- */
2021-07-24 22:12:11 +02:00
2022-03-30 13:44:48 +02:00
.container-3XgAHv { /* chat sidebar */
border-radius: 0;
}
.container-3XgAHv.floating-3M3WeH::before,
.container-3XgAHv.floating-3M3WeH::after {
content: "";
2021-07-24 22:12:11 +02:00
position: absolute;
2022-03-30 13:44:48 +02:00
top: 0;
2021-07-24 22:12:11 +02:00
bottom: 0;
2022-03-30 13:44:48 +02:00
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
2021-07-24 22:12:11 +02:00
}
2022-03-30 13:44:48 +02:00
.container-3XgAHv.floating-3M3WeH::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.container-3XgAHv.floating-3M3WeH::after {
background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
backdrop-filter: blur(var(--backgroundblur));
}
.chatTarget-3H6mpC.notFloating-cIl-vp ~ .container-3XgAHv {
overflow: visible;
2021-07-24 22:12:11 +02:00
}
2022-03-30 13:44:48 +02:00
.chatTarget-3H6mpC.notFloating-cIl-vp ~ .container-3XgAHv .container-ZMc96U.themed-Hp1KC_::before {
content: "";
position: absolute;
display: block;
top: 0;
bottom: 0;
left: -8px;
width: 8px;
background: inherit;
box-shadow: inherit;
pointer-events: none;
}
.chatTarget-3H6mpC.notFloating-cIl-vp ~ .container-3XgAHv .container-ZMc96U.themed-Hp1KC_::after {
content: "";
position: absolute;
display: block;
top: 10px;
bottom: 10px;
left: -3.5px;
width: 1px;
background: var(--background-modifier-accent);
pointer-events: none;
2021-07-24 22:12:11 +02:00
}
/* ---- 6.8. CALL ---- */
2019-09-20 18:51:34 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .wrapper-3X0c60 {
2021-10-01 16:44:00 +02:00
z-index: 1002;
}
2022-01-11 15:06:27 +01:00
#app-mount .root-1e2tfc { /* popout inner */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2019-09-20 18:51:34 +02:00
border: none;
}
2022-01-11 15:06:27 +01:00
.root-1e2tfc::before,
.root-1e2tfc::after {
2019-09-20 18:51:34 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.root-1e2tfc::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.root-1e2tfc::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2019-09-20 18:51:34 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .wrapper-1gVUIN { /* call voice wrapper */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
2019-09-20 18:51:34 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .root-22AK9z { /* call root */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-03-28 15:08:45 +01:00
}
2022-01-11 15:32:34 +01:00
.videoWrapper-3rtb_V { /* call video wrapper */
background-color: rgba(var(--transparencycolor), .3);
2020-05-07 17:45:55 +02:00
}
2022-01-11 15:06:27 +01:00
.video-eAcneW { /* call video */
2019-09-20 18:51:34 +02:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
.tile-2TcwiO, /* call user video voicechannel */
2022-01-11 15:32:34 +01:00
.tile-2Dr6M1 { /* call user video dm */
background-color: rgba(var(--transparencycolor), .3);
2020-05-07 17:45:55 +02:00
}
2022-01-11 15:06:27 +01:00
.gradientContainer-phMG8d { /* call gradientcontainer */
2020-08-03 17:55:00 +02:00
display: none;
2020-04-04 16:57:05 +02:00
}
2022-01-11 15:06:27 +01:00
.participantsButton-1WBdFP { /* call participantsbutton */
background-color: rgba(0, 0, 0, .3);
2020-06-23 23:24:55 +02:00
}
2022-01-11 15:06:27 +01:00
.participantsButton-1WBdFP:hover {
background-color: rgba(0, 0, 0, .6);
2020-06-23 23:24:55 +02:00
}
2022-01-11 15:32:34 +01:00
.centerButton-1IShs7,
2022-01-11 15:06:27 +01:00
.colorable-3rVGna.primaryDark-2UJt1G {
background-color: rgba(var(--transparencycolor), .5);
2020-04-04 16:57:05 +02:00
}
2022-01-11 15:32:34 +01:00
.centerButton-1IShs7:hover,
2022-01-11 15:06:27 +01:00
.colorable-3rVGna.primaryDark-2UJt1G:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-04-04 16:57:05 +02:00
}
2022-01-11 15:06:27 +01:00
.button-3Vyz67 {
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:55:00 +02:00
}
2022-01-11 15:06:27 +01:00
.button-3Vyz67:hover {
background-color: rgba(var(--transparencycolor), .6);
2020-08-03 17:55:00 +02:00
}
2022-01-11 15:06:27 +01:00
.controlButton-2PMNom.leaveButton-2YnTyt {
2021-05-11 11:28:22 +02:00
background-color: rgba(var(--dangercolor)),.5);
2020-04-04 16:57:05 +02:00
}
2022-01-11 15:06:27 +01:00
.controlButton-2PMNom.leaveButton-2YnTyt:hover {
2021-05-11 11:28:22 +02:00
background-color: rgb(var(--dangercolor));
2020-04-04 16:57:05 +02:00
}
2022-01-11 15:06:27 +01:00
.regionSelectPopout-3sEzVB {
2019-09-20 18:51:34 +02:00
width: 170px;
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.container-cH6QoY { /* call podium wrapper */
2021-05-07 11:45:50 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
}
2022-01-11 15:06:27 +01:00
.callContainer-BGIngG { /* call podium inner */
2021-05-07 11:45:50 +02:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
.scroller-35tvpe { /* call podium scroller */
2021-05-07 11:45:50 +02:00
background-color: transparent;
}
2022-01-11 15:32:34 +01:00
.container-3r7mfc { /* call podium info */
2021-05-07 11:45:50 +02:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
.rowContainer-jDvyA4 { /* call podium row */
2021-05-07 11:45:50 +02:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
.participants-3hk3ND { /* call podium participants */
2021-05-07 11:45:50 +02:00
background-color: transparent;
}
2022-01-11 15:32:34 +01:00
.tileContainer-Os085F:hover { /* call podium participant */
2021-05-07 11:45:50 +02:00
background-color: rgb(var(--accentcolor));
}
2022-01-11 15:06:27 +01:00
.container-lqPArA { /* call podium requests */
2021-05-07 11:45:50 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.3));
}
2022-01-11 15:06:27 +01:00
.headerContainer-21E-jZ { /* call podium requests header */
2021-05-07 11:45:50 +02:00
box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05);
}
2021-07-24 22:12:11 +02:00
/* ---- 6.9. UNAVAILABLESCREEN ---- */
2020-02-18 12:19:39 +01:00
.category-2haXBH, /* loadingplaceholders */
.channelIcon-1TvDoP,
.channelName-2wrHHc {
background: rgba(var(--transparencycolor), .4);
2020-02-18 12:19:39 +01:00
}
2022-01-11 15:06:27 +01:00
.splashImage-3x240k { /* screen image */
2020-02-18 12:20:33 +01:00
opacity: 0.7;
2020-02-18 12:19:39 +01:00
}
2020-03-26 00:42:57 +01:00
/* ~~~~ 7. PEOPLES ~~~~ */
.wrapper-1cBijl { /* friendsadd inputcontainer */
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
.wrapper-1cBijl:hover {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--transparencycolor));
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
.peopleListItem-u6dGxF .actionButton-3-B2x-, /* peoples actionbutton */
2022-01-10 12:28:50 +01:00
.peopleListItem-u6dGxF .actionButton-3-B2x { /* peoples actionbutton */
background-color: rgba(var(--transparencycolor), .1);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
.peopleListItem-u6dGxF .actionButton-3-B2x-:hover,
2022-01-10 12:28:50 +01:00
.peopleListItem-u6dGxF .actionButton-3-B2x:hover {
2021-05-06 13:23:51 +02:00
background-color: rgb(var(--accentcolor));
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
.peopleListItem-u6dGxF .actionButton-3-B2x-:hover svg,
2022-01-10 12:28:50 +01:00
.peopleListItem-u6dGxF .actionButton-3-B2x:hover svg {
2021-05-06 13:23:51 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
.peopleListItem-u6dGxF.active-2UF8Zh,
.peopleListItem-u6dGxF:hover,
2022-01-10 12:28:50 +01:00
.peopleListItem-u6dGxF.active-2UF8Zh,
.peopleListItem-u6dGxF:hover {
2021-05-06 13:23:51 +02:00
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
.peopleListItem-u6dGxF.active-2UF8Zh .actionButton-3-B2x-,
.peopleListItem-u6dGxF:hover .actionButton-3-B2x-,
2022-01-10 12:28:50 +01:00
.peopleListItem-u6dGxF.active-2UF8Zh .actionButton-3-B2x,
.peopleListItem-u6dGxF:hover .actionButton-3-B2x {
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .outer-2JOHae, /* playing card */
2022-01-10 12:28:50 +01:00
#app-mount .outer-2JOHae { /* playing card */
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .outer-2JOHae.active-1W_Gl9,
#app-mount .outer-2JOHae.interactive-2zD88a:hover,
2022-01-10 12:28:50 +01:00
#app-mount .outer-2JOHae.active-1W_Gl9,
#app-mount .outer-2JOHae.interactive-2zD88a:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .inset-SbsSFp, /* playing card inner */
2022-01-10 12:28:50 +01:00
#app-mount .inset-SbsSFp { /* playing card inner */
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
.emptyCard-KDifrB { /* playing empty card */
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .partyMemberOverflow-3G1oZz {
background: rgba(var(--transparencycolor), .5);
2020-10-17 17:30:58 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .partyMemberBackground-35PUxI,
2022-01-11 15:32:34 +01:00
#app-mount .partyMemberUnknown-3RMTbX {
background-color: rgba(var(--transparencycolor), .5);
2020-10-17 17:30:58 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .partyMemberUnknownIcon-3HapjE {
2021-05-06 17:50:44 +02:00
color: var(--channels-default);
2020-10-17 17:30:58 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .popout-3Zw0qN { /* playing popout */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 8px 16px 0 rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
overflow: hidden;
}
2022-01-11 15:06:27 +01:00
.popout-3Zw0qN::before,
.popout-3Zw0qN::after {
2020-03-26 00:42:57 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.popout-3Zw0qN::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.popout-3Zw0qN::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-03-26 00:42:57 +01:00
#app-mount .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover,
#app-mount .enabled-1t_Gxm:hover {
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 00:42:57 +01:00
}
2020-02-19 14:54:06 +01:00
/* ~~~~ 7. STORE/NITRO ~~~~ */
2019-09-19 12:56:54 +02:00
2020-06-01 10:48:24 +02:00
.gridItemBadge-1Se-Pu {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2020-06-01 10:48:24 +02:00
}
2022-01-11 15:06:27 +01:00
.marketingHeader-cnc4f7 { /* marketingheader */
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
.detailsBlock-FoDTGA { /* billing details */
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .categoryHeader-93jmyE, /* categoryheader */
#app-mount .premiumApplicationsHeader-3K67Qe {
2021-05-06 13:23:51 +02:00
border-color: var(--background-modifier-accent);
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tier1Banner-LvpkWu { /* tier1banner container */
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 13:23:51 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
.headerIcon-3bqya6 { /* tier1banner svgtitle */
2021-05-06 13:23:51 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.smallCarousel-20QIi8 {
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
border-radius: 5px;
}
2022-01-11 15:06:27 +01:00
#app-mount .item-g96i1Z { /* gamepreview previewitem */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.arrow-3M4PD9 { /* gamepreview prev/nextarrow (big) */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .themedPagination-3jclKS .arrow-2PTaaz { /* gamepreview prev/nextarrow (small) */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .themedPagination-3jclKS .dot-1xabNQ { /* gamepreview itemdot (small) */
2021-05-06 17:50:44 +02:00
background-color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .root-3mkK8X { /* gameinfo sectioncontainer */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .header-13C7x6 { /* gameinfo sectionheader */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .section-3Et6MX { /* gameinfo subsection */
2021-05-06 13:23:51 +02:00
border-bottom-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .playerOverflow-GbSZQs {
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .description-hC8iQf { /* gameinfo subsectiondescription */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .description-hC8iQf strong,
#app-mount .username-pDGZS1 { /* gameinfo subsectionusername */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .smallHeader--lYkq9 { /* gameinfo subsectionheader */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .text-3UzHA4 { /* gameinfo subsectiontext */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .iconCircle-3CMTjB {
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .circle-1ceChx {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .divider-3y7HAB { /* section divider */
2021-05-06 13:23:51 +02:00
border-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .blurb-btvBEJ { /* section description */
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .description-BzYBA2 { /* section subdescription */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .requirements-2IwVy6 { /* requirements */
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .requirementKey-3Mlwzf { /* requirements key */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarker));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .content-3N5BG9 { /* requirements rating */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarker));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .content-26qlhD { /* requirements copyright */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarker));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .bodySection-3iDdop { /* sidebar section */
background-color: rgba(var(--transparencycolor), .2);
2021-05-06 13:23:51 +02:00
border-top-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .actionText-1Yglc4 { /* sidebar header */
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .purchaseUnitOperatingSystem-1OW7Kw { /* sidebar OSicon */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .price-2SHLzi, /* sidebar price */
#app-mount .listingPrice-3Byrq9 {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .title-3cAMJ9 { /* sidebar subtitle */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .skuNormal-213nY8 { /* sidebar pricerow */
2021-05-06 13:23:51 +02:00
border-bottom-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .name-aq9Dm0 { /* sidebar pricename */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2021-05-06 13:23:51 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .sku-3GRW_9:hover .name-aq9Dm0 {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .price-1BMuA2 { /* sidebar priceamount */
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .label-29p9qC { /* sidebar label */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarker));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .info-3k6QpS { /* sidebar labelinfo */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .content-1W9-9i { /* invitecard container */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .name-22c6Wk { /* invitecard guildname */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .memberInfo-QIpngr { /* invitecard memberinfo */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarker));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.premiumSubscriptionAccountCredit-1UInYJ { /* abonnements abocard */
background-color: rgba(var(--transparencycolor), .4);
2021-04-27 16:22:49 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .row-2qQ--F { /* features row */
background-color: rgba(var(--transparencycolor), .2);
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .featureIcon-3GwsEQ { /* features featureicon */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .feature-2IUcBI { /* features feature */
background-color: rgba(var(--transparencycolor), .4);
2020-10-09 18:03:42 +02:00
}
2022-01-11 15:32:34 +01:00
.featureImage-91H2fC { /* features image */
2020-10-09 18:03:42 +02:00
opacity: 0.7;
}
.banner-WELp4M { /* features xbox promo */
background-color: rgba(var(--transparencycolor), .4);
2020-10-09 18:03:42 +02:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 9. LIBRARY ~~~~ */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.header-2EadGG { /* library table header */
2020-11-24 10:38:02 +01:00
background-color: transparent;
2021-05-06 17:50:44 +02:00
border-bottom-color: var(--background-modifier-accent);
2020-03-26 00:42:57 +01:00
position: relative;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.header-2EadGG::before,
.header-2EadGG::after {
2020-03-26 00:42:57 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.header-2EadGG::before {
2021-06-26 17:05:43 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.header-2EadGG::after {
background-color: rgba(var(--transparencycolor), .4);
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--backgroundblur));
2020-11-24 10:38:02 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .headerCellSorted-1bg4Lp {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-01-24 18:50:34 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:32:34 +01:00
.rowWrapperActive-nOO7R3 {
2021-05-06 17:50:44 +02:00
background-color: rgba(var(--transparencycolor), .2);
2020-01-24 18:50:34 +01:00
}
2022-01-11 15:06:27 +01:00
.rowWrapper-N-4fji + .rowWrapper-N-4fji .row-1_1Nya {
2021-05-06 17:50:44 +02:00
border-top-color: var(--background-modifier-accent);
2020-01-24 18:50:34 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .rate-1lw2ml {
2021-05-06 17:50:44 +02:00
color: var(--text-muted);
2020-01-24 18:50:34 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .background-3laMJt { /* library usagebar */
2021-05-06 17:50:44 +02:00
stroke: rgb(var(--transparencycolor), .5);
2020-01-30 08:58:21 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .usageInfo-2CQ9c7 { /* gamelibrary usageinfo */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2020-02-19 14:54:06 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .installationPath-2PbaRC { /* library game row path */
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-accent);
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .rowTitle-2MoCno { /* library game row title */
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2020-01-30 08:58:21 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .rowBody-uWDd7Y { /* library game row body */
2021-05-06 17:50:44 +02:00
color: var(--text-muted);
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .defaultLocationCheckbox-1Y3dSI { /* library location checkbox */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .defaultIndicator-1AxErs { /* library location indicator */
2021-05-06 17:50:44 +02:00
background-color: rgba(var(--transparencycolor), .5);
color: var(--header-primary);
2020-02-19 14:54:06 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .applicationName-1uqOrC { /* library application name */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .applicationSubText-2SBEgj { /* library application subtext */
2021-05-06 17:50:44 +02:00
color: var(--text-muted);
2020-02-19 14:54:06 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .emptyWumpus-11kRB0 { /* library no games */
2021-05-06 17:50:44 +02:00
background: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg);
2020-03-26 00:42:57 +01:00
opacity: 0.6;
2020-01-30 08:58:21 +01:00
}
2020-01-24 18:50:34 +01:00
2019-09-19 12:56:54 +02:00
2021-09-28 12:28:25 +02:00
/* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */
2019-09-19 12:56:54 +02:00
2022-04-24 11:49:32 +02:00
.categoryItem-Kc_HK_:hover .layout-1qmrhw, /* guilddiscovery categoryitem */
.optionItem-2tdutc:hover .layout-1qmrhw { /* unihub categoryitem */
background-color: rgba(var(--transparencycolor), .2);
2020-05-08 10:33:08 +02:00
}
2022-04-24 11:49:32 +02:00
.categoryItem-Kc_HK_.selected-1-Z6gm .layout-1qmrhw,
.optionItem-2tdutc.selected-1-Z6gm .layout-1qmrhw {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
2020-05-08 10:33:08 +02:00
}
2022-04-24 11:49:32 +02:00
.categoryItem-Kc_HK_ .icon-2iCk7Q,
.optionItem-2tdutc .icon-2iCk7Q {
color: inherit;
}
.categoryItem-Kc_HK_.selected-1-Z6gm .layout-1qmrhw svg:not(.svg-2azL_l),
.optionItem-2tdutc.selected-1-Z6gm .layout-1qmrhw svg:not(.svg-2azL_l) {
2021-05-03 16:23:08 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2020-05-08 10:33:08 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .pageWrapper-2PwDoS, /* guilddiscovery container */
2021-09-28 12:28:25 +02:00
#app-mount .pageWrapper-1x6lGh { /* unihub container */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .pageWrapper-2PwDoS .searchBox-31Zv9h, /* guilddiscovery searchbox */
#app-mount .pageWrapper-1x6lGh .searchBox-3wTyE4 { /* unihub searchbox */
2021-09-28 12:28:25 +02:00
background-color: #fff;
}
2022-01-11 15:06:27 +01:00
#app-mount .card-2TuZPZ, /* guilddiscovery card */
#app-mount .card-3N2v9t { /* unihub card */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .iconMask-2fMR98, /* guilddiscovery iconmask */
#app-mount .iconMask-24Ybpm { /* unihub iconmask */
background-color: rgba(var(--transparencycolor), .2);
2020-04-14 09:15:29 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .card-2TuZPZ:hover,
#app-mount .iconMask-2fMR98:hover,
#app-mount .card-3N2v9t:hover,
#app-mount .iconMask-24Ybpm:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-04-14 09:15:29 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .cardPlaceholder-1E2FEs { /* guildcard placeholder */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .loading-3ozbwt { /* guildcard loading */
background-color: rgba(var(--transparencycolor), .5);
2019-11-09 17:26:03 +01:00
}
2022-04-23 19:35:58 +02:00
.actionButtonsContainer-2eREP- { /* guildcard action button */
position: relative;
background: transparent;
}
.actionButtonsContainer-2eREP-::before,
.actionButtonsContainer-2eREP-::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 4px;
pointer-events: none;
}
.actionButtonsContainer-2eREP-::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.actionButtonsContainer-2eREP-::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--backgroundblur));
}
.spinner-2bMWLW { /* guildcard loading spinner */
background: transparent;
transform: none;
top: calc(50% - 24px);
left: calc(50% - 24px);
}
.spinner-2bMWLW::before,
.spinner-2bMWLW::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 8px;
pointer-events: none;
}
.spinner-2bMWLW::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.spinner-2bMWLW::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.4));
backdrop-filter: blur(var(--backgroundblur));
}
2020-06-10 18:52:45 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .addEntryCard-w9XVzQ { /* add entry card */
2021-09-28 12:28:25 +02:00
background-color: rgba(var(--transparencycolor),.2);
border-color: var(--interactive-normal);
}
2022-01-11 15:32:34 +01:00
#app-mount .addEntryCard-w9XVzQ:hover {
2021-09-28 12:28:25 +02:00
background-color: rgba(var(--transparencycolor),.4);
border-color: var(--interactive-active);
}
2020-06-10 18:52:45 +02:00
.emojiContainer-1u-_sQ { /* search emojicontainer */
background-color: rgba(var(--transparencycolor), .3);
2020-05-17 23:12:18 +02:00
}
2022-01-11 15:06:27 +01:00
.emptyContainer-poti7J { /* search no results */
background-color: rgba(var(--transparencycolor), .4);
2020-06-10 18:52:45 +02:00
}
2021-03-19 23:23:44 +01:00
.placeholder-2erB-x { /* search placeholder */
background-color: rgba(var(--transparencycolor), .4);
2021-03-19 23:23:44 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 11. USERSETTINGS ~~~~ */
2019-09-19 12:56:54 +02:00
2021-05-13 20:58:14 +02:00
.premiumTabItem-1QTfBr[aria-selected=true],
2022-01-11 15:06:27 +01:00
.item-3XjbnG.selected-g-kMVV[aria-controls="Nitro Server Boost-tab"],
2021-05-13 20:58:14 +02:00
.serverBoostTabItem-2hFTIN[aria-selected=true] {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2020-06-01 10:48:24 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .side-2ur1Qk .themed-2-lozF.item-3XjbnG:hover:not(.disabled-1nofHP), /* sideitems */
#app-mount .topPill-3DJJNV .themed-2-lozF.item-3XjbnG:hover:not(.disabled-1nofHP) { /* tabitems */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG,
#app-mount .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG,
#app-mount .side-2ur1Qk .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover,
#app-mount .topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-05-06 17:50:44 +02:00
color: #fff;
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .foreground-2hyALB { /* sidebar sideitemlink */
2021-05-11 09:45:18 +02:00
background: var(--interactive-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .link-39xJu3:hover .foreground-2hyALB {
2021-05-11 09:45:18 +02:00
background: var(--interactive-active);
2019-09-19 12:56:54 +02:00
}
2021-03-23 14:55:26 +01:00
.bd-social-link[title="BD" i] .bd-social-logo,
.bd-social-link[title="BetterDiscord" i] .bd-social-logo,
.bd-social-link[title="BBD" i] .bd-social-logo,
.bd-social-link[title="BandagedBD" i] .bd-social-logo {
2021-05-06 17:50:44 +02:00
background: var(--interactive-normal);
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat;
2021-03-23 14:55:26 +01:00
opacity: 1;
2021-02-06 18:36:26 +01:00
transition: background .15s ease;
}
2021-03-23 14:55:26 +01:00
.bd-social-link[title="BD" i]:hover .bd-social-logo,
.bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo,
.bd-social-link[title="BBD" i]:hover .bd-social-logo,
.bd-social-link[title="BandagedBD" i]:hover .bd-social-logo {
2021-05-06 17:50:44 +02:00
background: var(--interactive-active);
2021-02-06 18:36:26 +01:00
}
2021-03-23 14:55:26 +01:00
.bd-social-link[title="BD" i] .bd-social-logo > *,
.bd-social-link[title="BetterDiscord" i] .bd-social-logo > *,
.bd-social-link[title="BBD" i] .bd-social-logo > *,
.bd-social-link[title="BandagedBD" i] .bd-social-logo > * {
2021-02-06 18:36:26 +01:00
display: none;
}
2022-01-11 15:06:27 +01:00
.contentRegion-3HkfJJ div[role="tabpanel"] { /* tabpanel */
2021-05-19 20:45:19 +02:00
width: 100%;
}
2022-01-11 15:06:27 +01:00
.toolsContainer-25FL6V { /* closebutton wrapper */
2021-05-19 20:45:19 +02:00
margin-right: 37px;
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButton-PCZcma { /* closebutton button */
2021-05-06 17:50:44 +02:00
border-color: var(--channels-default);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButton-PCZcma path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--channels-default);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButton-PCZcma:hover {
background-color: rgba(var(--accentcolor), .2);
2021-05-06 17:50:44 +02:00
border-color: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButton-PCZcma:hover path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButton-PCZcma:active {
2021-05-06 17:50:44 +02:00
border-color: var(--text-normal);
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButton-PCZcma:active path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .keybind-13vtq8 { /* closebutton keybind */
2021-05-06 17:50:44 +02:00
color: var(--channels-default);
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButtonBold-2Wgbg8 { /* closebutton button bold */
2021-05-06 17:50:44 +02:00
border-color: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButtonBold-2Wgbg8 path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButtonBold-2Wgbg8:hover {
2021-05-06 17:50:44 +02:00
background-color: rgba(var(--accentcolor), .4);
border-color: var(--text-normal);
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButtonBold-2Wgbg8:hover path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--text-normal);
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButtonBold-2Wgbg8:active {
2021-05-06 17:50:44 +02:00
border-color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .closeButtonBold-2Wgbg8:active path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindBold-1U6HoA { /* closebutton keybind bold */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-04-24 11:49:32 +02:00
.cardPrimary-3qRT__,
.cardPrimaryEditable-2mz_3i { /* settingsitems card */
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.cardPrimary-3qRT__ {
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.cardPrimaryEditable-2mz_3i {
background-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.cardPrimaryOutline-1ofwVz {
border-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.accountProfileCard-lbN7n-, /* accountsettings container */
2022-03-01 21:47:20 +01:00
.profileBannerPreview-3mLIdO { /* accountsettings preview */
2021-06-26 16:25:56 +02:00
background: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
2022-01-11 15:06:27 +01:00
.accountProfileCard-lbN7n-::before,
2022-03-01 21:47:20 +01:00
.profileBannerPreview-3mLIdO::before,
2022-01-11 15:06:27 +01:00
.accountProfileCard-lbN7n-::after,
2022-03-01 21:47:20 +01:00
.profileBannerPreview-3mLIdO::after {
2021-06-26 16:25:56 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2021-06-26 17:05:43 +02:00
border-radius: 5px;
2021-06-26 16:25:56 +02:00
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.accountProfileCard-lbN7n-::before,
2022-03-01 21:47:20 +01:00
.profileBannerPreview-3mLIdO::before {
2021-06-26 16:25:56 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.accountProfileCard-lbN7n-::after,
2022-03-01 21:47:20 +01:00
.profileBannerPreview-3mLIdO::after {
2021-06-26 16:25:56 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2021-06-26 16:25:56 +02:00
}
2022-01-11 15:06:27 +01:00
.accountProfileCard-lbN7n- .avatar-3mTjvZ { /* accountsettings container avatar */
2021-06-26 16:25:56 +02:00
background-color: transparent;
2021-07-01 22:49:45 +02:00
border-color: transparent;
2021-06-26 16:25:56 +02:00
}
2022-03-01 21:47:20 +01:00
.profileBannerPreview-3mLIdO .avatarUploaderInner-p38nm2 { /* accountsettings preview avatar */
2021-07-01 22:56:56 +02:00
background-color: transparent;
border: unset;
margin: 6px;
}
2022-01-11 15:06:27 +01:00
.accountProfileCard-lbN7n- .banner-1YaD3N { /* accountsettings container banner */
2021-07-01 22:49:45 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 20.576172 120 A 46 46 0 0 1 62 94 A 46 46 0 0 1 103.41992 120 L 2400 120 L 2400 0 L 0 0 z"/></svg>') bottom left no-repeat;
2021-06-26 16:25:56 +02:00
}
2022-03-01 21:47:20 +01:00
.profileBannerPreview-3mLIdO .banner-3D8GgT { /* accountsettings preview banner */
2021-07-01 22:49:45 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 16 120 A 46 46 0 0 1 62 76 A 46 46 0 0 1 108 120 L 2400 120 L 2400 0 L 0 0 z"/></svg>') bottom left no-repeat;
2021-06-26 16:25:56 +02:00
}
2022-01-11 15:32:34 +01:00
.questionMark-3V9mGJ svg { /* accountsettings questionmark new */
2021-05-06 17:50:44 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg { /* accountsettings removeavatar */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg:hover {
2021-05-06 17:50:44 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .userSettingsSecurity-3C5Hg5 .codeCheckbox-12-XEX {
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .background-3d_SjE { /* accountsettings container */
background-color: rgba(var(--transparencycolor), .2);
2020-10-16 09:26:23 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .fieldList-in8WkP { /* accountsettings settings */
2021-06-26 16:25:56 +02:00
background-color: transparent;
2020-10-16 09:26:23 +02:00
}
2019-09-19 12:56:54 +02:00
2021-09-27 16:45:10 +02:00
.colorSwatch-3g4qA8 { /* profilesettings colorswatch */
display: flex;
justify-content: center;
align-items: center;
}
.colorSwatch-3g4qA8 > [role="radio"] {
display: flex;
flex-direction: column;
align-items: center;
}
.colorSwatch-3g4qA8 > .dropperIconButton-2shYII {
width: 69px;
margin: auto;
}
2022-01-11 15:06:27 +01:00
.accountList-305sx3 { /* connections container */
background-color: rgba(var(--transparencycolor), .4);
2020-05-12 11:23:04 +02:00
}
2022-01-11 15:06:27 +01:00
.accountBtn-1YkMgV .accountBtnInner-3XK70s { /* connections connectioninner */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.accountBtn-1YkMgV .accountBtnInner-3XK70s:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.connection-107AGH { /* connections connection */
background-color: rgba(var(--transparencycolor), .3);
2020-10-14 22:06:22 +02:00
}
2022-01-11 15:06:27 +01:00
.connectionHeader-2rV1ze { /* connections connection header */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
.guildHeader-3nh5RK { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .5);
2020-03-26 00:42:57 +01:00
}
.guildSubscriptionSlots-JPXXvN { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
.cardWrapper-CyvwQv { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
.cardWrapper-CyvwQv:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
.cardWrapper-CyvwQv .card-2gdrYL, /* boostsettings suggestioncard inner */
.cardWrapper-CyvwQv .card-2gdrYL:hover {
2020-03-26 00:42:57 +01:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
#app-mount .gemIndicatorContainer-PqApbX { /* boostsettings suggestioncard circle */
2020-03-26 00:42:57 +01:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
#app-mount .summaryInfo-3hcuop { /* boostsettings past transactions summary */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .payment-2bOh4k { /* boostsettings past transactions payment */
2020-03-26 15:59:43 +01:00
background-color: transparent;
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .hoverablePayment-lE1s4t:hover {
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .paymentHeader-2o7Phd { /* boostsettings past transactions header */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
border-color: var(--background-modifier-accent);
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .expandedInfo-1W31i3 { /* boostsettings past transactions expandedinfo */
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .paymentText-BPrx01 { /* boostsettings past transactions paymenttext */
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .giftIcon-U9wStf { /* boostsettings past transactions gifticon */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2020-03-26 01:16:30 +01:00
}
2021-05-06 18:17:02 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .paymentPane-ut5qKZ { /* boostsettings past transactions */
2021-05-06 18:17:02 +02:00
background-color: rgba(var(--transparencycolor), .3);
color: var(--header-primary);
2020-03-26 01:16:30 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .paginator-1eqD2g { /* boostsettings past transactions paginator */
2021-05-06 18:17:02 +02:00
background: rgba(var(--transparencycolor), .3);
color: var(--text-muted);
2020-03-26 01:16:30 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .bottomDivider-ZmTm-j { /* boostsettings past transactions divider */
2021-05-06 18:17:02 +02:00
border-bottom-color: rgba(var(--transparencycolor), .3);
2020-03-26 01:16:30 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tab-2hobIk { /* boostsettings past transactions tab */
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
}
2022-01-11 15:06:27 +01:00
#app-mount .externalRowHeader-LT6-4N { /* boostsettings past transactions extenal row */
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
2020-03-26 01:16:30 +01:00
}
2020-03-26 00:42:57 +01:00
2022-01-11 15:06:27 +01:00
.emptyStateImage-2qGUMK { /* giftinventory no gifts */
2021-04-27 16:22:49 +02:00
opacity: 0.6;
}
2022-01-11 15:06:27 +01:00
#app-mount .codeRedemptionRedirect-3SBiCp { /* payment coderedem */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2021-04-27 16:22:49 +02:00
}
2022-01-11 15:06:27 +01:00
.membershipDialogHouse1-R8jb0l { /* hypesquad membershipdialogs */
background-color: rgba(156, 132, 239, .8);
2020-05-12 11:23:04 +02:00
}
2022-01-11 15:06:27 +01:00
.membershipDialogHouse2-2W27iJ {
background-color: rgba(244, 123, 103, .8);
2020-05-12 11:23:04 +02:00
}
2022-01-11 15:06:27 +01:00
.membershipDialogHouse3-1E5AN4 {
background-color: rgba(69, 221, 192, .8);
2020-05-12 11:23:04 +02:00
}
2022-01-11 15:06:27 +01:00
.videoWrapper-1_H3B3 {
background-color: rgba(var(--transparencycolor), .4);
2021-03-19 23:23:44 +01:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.container-3NTP7o { /* voicesettings voicebarcontainer */
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.notches-2w7UZJ {
2020-10-17 19:28:14 +02:00
background: transparent !important;
}
2022-01-11 15:06:27 +01:00
#app-mount .progress-1S-TDF { /* voicesettings voicebar */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.icon-1fWS75[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"],
.icon-1fWS75[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat;
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
2022-01-11 15:06:27 +01:00
.icon-1fWS75[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"],
.icon-1fWS75[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat;
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
2022-01-11 15:32:34 +01:00
.userSettingsVoice-1_dzjw .media-engine-video { /* voicesettings video */
2019-09-19 12:56:54 +02:00
background: transparent;
}
2022-01-11 15:32:34 +01:00
#app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.option-1QI4c9 { /* overlay option */
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.option-1QI4c9:hover,
.option-1QI4c9.selected-18Wszc {
box-shadow: 0 2px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.disabled-35mc5w {
color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .row-1Tg75B { /* hotkeys row */
2021-05-06 17:50:44 +02:00
box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .card-2ART2V::before { /* settingscard backdrop */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .button-1yVL_7 { /* settingscard removebutton */
background-color: rgba(var(--transparencycolor), .3);
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .6), 0 1px 5px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .button-1yVL_7:hover {
background-color: rgba(var(--transparencycolor), .7);
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
#app-mount .game-2f2vPC { /* games card */
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
#app-mount .gameNameInput-2wbDJ9:focus,
#app-mount .gameNameInput-2wbDJ9:hover {
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 18:17:02 +02:00
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
#app-mount .gameName-zbZetm { /* games gamename */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
#app-mount .lastPlayed-1jum9A, /* games lastplayed */
#app-mount .overlayStatusText-In0YrK { /* games overlaystatustext */
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
#app-mount .overlayToggleIconOn-21NN2N .fill-297bdf { /* games overlaystatusicon */
2021-05-06 18:17:02 +02:00
fill: var(--text-muted);
}
2022-04-13 22:43:16 +02:00
#app-mount .nowPlayingAdd-3I4RbE { /* games descriptionhint */
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
}
2022-04-13 22:43:16 +02:00
#app-mount .nowPlaying-3UpuKc .gameName-zbZetm {
2021-05-06 18:17:02 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
#app-mount .nowPlaying-3UpuKc .lastPlayed-1jum9A,
#app-mount .nowPlaying-3UpuKc .overlayStatusText-In0YrK {
2021-05-06 18:17:02 +02:00
color: #b4e1cd;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
#app-mount .nowPlaying-3UpuKc .overlayToggleIconOff-ps4gGp .fill-297bdf,
#app-mount .nowPlaying-3UpuKc .overlayToggleIconOn-21NN2N .fill-297bdf {
2021-05-06 18:17:02 +02:00
fill: #b4e1cd;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
#app-mount .notDetected-M3Ghh2 { /* games nogame */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
#app-mount .notDetected-M3Ghh2 .lastPlayed-1jum9A {
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
}
2019-09-19 12:56:54 +02:00
2022-04-13 22:43:16 +02:00
#app-mount .addGamePopout-2SKNIV { /* games add game popout */
2021-05-06 21:30:35 +02:00
background-color: transparent;
}
2022-04-13 22:43:16 +02:00
.addGamePopout-2SKNIV::before,
.addGamePopout-2SKNIV::after {
2021-05-06 21:30:35 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-04-13 22:43:16 +02:00
.addGamePopout-2SKNIV::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-04-13 22:43:16 +02:00
.addGamePopout-2SKNIV::after {
2021-05-06 21:30:35 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.15));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2021-05-06 21:30:35 +02:00
}
2022-04-13 22:43:16 +02:00
#app-mount .addGamePopout-2SKNIV .cancelButton-1_3Ix7 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
.preview-rua1rr { /* appearance preview */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .2);
2020-01-30 14:28:12 +01:00
}
2020-01-24 18:35:29 +01:00
#app-mount .item-3eFBNF { /* languagesettings row */
2020-06-27 08:35:10 +02:00
border-radius: 5px;
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2020-01-30 14:22:09 +01:00
.item-3eFBNF:hover {
background-color: rgba(var(--transparencycolor), .2);
2020-01-30 14:22:09 +01:00
}
.item-3eFBNF.selected-2DeaDa {
background-color: rgba(var(--transparencycolor), .4);
2020-01-30 14:22:09 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 12. GUILDSETTINGS ~~~~ */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
.container-20TyK0 { /* settings confirmnotice */
2020-08-03 17:13:08 +02:00
position: relative;
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--backgroundblur));
2020-08-03 17:13:08 +02:00
}
2022-01-11 15:32:34 +01:00
.container-20TyK0[style*="background-color: rgba(248, 249, 249"],
.container-20TyK0[style*="background-color: rgba(32, 34, 37"] {
background-color: rgba(var(--transparencycolor), .7) !important;
2020-08-03 17:13:08 +02:00
}
2022-02-06 17:58:39 +01:00
.container-20TyK0[style*="background-color: rgba(248, 249, 249"] .message-3C6JQ1,
.container-20TyK0[style*="background-color: rgba(32, 34, 37"] .message-3C6JQ1 {
color: var(--header-primary) !important;
}
.container-20TyK0[style*="background-color: rgba(248, 249, 249"] .resetButton-jFzA0U span[style],
.container-20TyK0[style*="background-color: rgba(32, 34, 37"] .resetButton-jFzA0U span[style] {
color: var(--header-primary) !important;
}
2022-01-11 15:32:34 +01:00
.container-20TyK0::before {
2020-08-03 17:13:08 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
2021-05-03 16:23:08 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
2020-08-03 17:13:08 +02:00
background-attachment: fixed;
2020-11-02 23:51:53 +01:00
pointer-events: none;
z-index: -1;
2020-08-03 17:13:08 +02:00
}
2022-01-11 15:32:34 +01:00
.roles-34RIpY { /* rolesettings intro roles */
2021-05-18 12:18:20 +02:00
z-index: 2;
}
2022-01-11 15:32:34 +01:00
.profileCard-1j58Ju { /* rolesettings intro profile */
2021-05-18 12:18:20 +02:00
position: relative;
z-index: 1;
}
2022-01-11 15:32:34 +01:00
.profileCard-1j58Ju::before,
.profileCard-1j58Ju::after {
2021-05-18 12:18:20 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.profileCard-1j58Ju::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.profileCard-1j58Ju::after {
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
}
2022-01-11 15:06:27 +01:00
.sidebar-3K3Z4C { /* rolesettings sidebar */
background-color: rgba(var(--transparencycolor), .1);
2021-04-13 16:16:02 +02:00
border: none;
}
2022-01-11 15:06:27 +01:00
.container-3EtAkD { /* rolesettings everyone role */
background-color: rgba(var(--transparencycolor), .2);
2021-04-13 16:16:02 +02:00
}
2022-01-11 15:06:27 +01:00
.container-3EtAkD:hover {
background-color: rgba(var(--transparencycolor), .4);
2021-04-13 16:16:02 +02:00
}
2021-05-06 18:17:02 +02:00
img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addrolebutton */
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg);
2021-05-06 18:17:02 +02:00
background: currentColor;
2021-03-20 13:18:38 +01:00
object-position: -999999px -999999px;
}
2022-01-11 15:06:27 +01:00
.settingCard-xZSDjS { /* rolesettings setting card */
background-color: rgba(var(--transparencycolor), .2);
2021-04-13 16:16:02 +02:00
}
2022-01-11 15:06:27 +01:00
.settingCard-xZSDjS.active-3EK-ed { /* rolesettings setting card active */
background-color: rgba(var(--transparencycolor), .3);
2021-04-13 16:16:02 +02:00
}
2022-01-11 15:06:27 +01:00
.cardContent-1-5hym { /* rolesettings setting card header */
background-color: rgba(var(--transparencycolor), .2);
2021-04-13 16:16:02 +02:00
}
2022-01-11 15:06:27 +01:00
.cardFolder-3H4uH4 { /* rolesettings setting card body */
2021-04-13 16:16:02 +02:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
.group-LWHoGI { /* rolesettings permissions group */
border-color: rgb(var(--transparencycolor), .4);
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
.item-4m-12I { /* rolesettings permissions item */
background: rgb(var(--transparencycolor), .2);
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
.item-4m-12I:hover {
background: rgb(var(--transparencycolor), .4);
2021-03-31 11:30:11 +02:00
}
2022-01-11 15:06:27 +01:00
.passthrough--fbdFR.selected-3jieYB { /* rolesettings permissions passthrough selected */
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
.icon-2DGsye { /* rolesettings everyone role icon */
background-color: rgba(var(--transparencycolor), .4);
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
.titleContainer-3fPic2, /* rolesettings roles list header */
2022-01-11 15:32:34 +01:00
.header-JUTO-g { /* rolesettings perms list header */
2021-03-20 13:18:38 +01:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
.titleElevated-eN3exl,
2022-01-11 15:32:34 +01:00
.stickyHeaderElevated-dNSSrJ {
2021-03-20 13:18:38 +01:00
box-shadow: none;
}
2022-01-11 15:32:34 +01:00
.header-JUTO-g::before,
.header-JUTO-g::after {
2021-03-20 13:18:38 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.header-JUTO-g::before {
2021-05-03 16:23:08 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
2021-03-20 13:18:38 +01:00
background-attachment: fixed;
2021-06-26 17:05:43 +02:00
}
2022-01-11 15:32:34 +01:00
.header-JUTO-g::after {
2021-06-26 17:05:43 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha)));
backdrop-filter: blur(var(--backgroundblur));
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:32:34 +01:00
.roleDot-2a4Pv7 { /* rolesettings role dot */
2021-03-20 13:18:38 +01:00
border: none;
}
2022-01-11 15:06:27 +01:00
.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) { /* rolesettings role row */
background-color: rgba(var(--transparencycolor), .2);
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY {
background-color: rgba(var(--transparencycolor), .2);
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
.roleRow-3LoHQ6:before,
.roleRow-3LoHQ6:last-child:after {
2021-05-06 17:50:44 +02:00
background-color: var(--background-modifier-accent);
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
.memberRow-1FhJgR:hover { /* rolesettings member row */
background-color: rgba(var(--transparencycolor), .2);
2021-03-31 11:30:11 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .colorPickerSwatch-RTUGRR.noColor-1Oln62 { /* rolesettings colorswatch nocolor */
2021-05-06 18:17:02 +02:00
border-color: rgba(var(--textbrightest), .3);
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .colorPickerSwatch-RTUGRR.noColor-1Oln62 .colorPickerDropperFg-Lureab {
2021-05-06 18:17:02 +02:00
fill: var(--header-primary);
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .colorPickerSwatch-RTUGRR.noColor-1Oln62 polyline {
2021-05-06 18:17:02 +02:00
stroke: var(--header-primary);
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
.previewContainer-1xQAsw { /* rolesettings preview */
2021-03-31 11:30:11 +02:00
border: none;
}
2022-01-11 15:06:27 +01:00
.messageContainer-3a6gLR { /* rolesettings preview message */
background-color: rgba(var(--transparencycolor), .2);
2021-03-31 11:30:11 +02:00
}
2022-01-11 15:06:27 +01:00
.theme-light .messageContainer-3a6gLR {
2021-03-31 11:30:11 +02:00
display: none;
}
2022-01-11 15:06:27 +01:00
.addMemberRow-KVhQFf.selectedRow-1SAgVL { /* rolesettings add member row */
background-color: rgba(var(--transparencycolor), .2);
2021-03-31 11:30:11 +02:00
}
2021-03-20 13:18:38 +01:00
2020-03-25 22:40:02 +01:00
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse { /* emojisettings nameinput */
background-color: rgba(var(--transparencycolor), .1);
2020-03-25 22:40:02 +01:00
}
2022-01-21 22:49:05 +01:00
#app-mount .auditLog-1NVAY0 { /* auditlogs logitem */
border-color: rgba(var(--transparencycolor), .1);
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
#app-mount .headerClickable-zGQJz3, /* auditlogs loginner */
#app-mount .headerDefault-1e6yjj {
background-color: rgba(var(--transparencycolor), .2);
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
#app-mount .headerExpanded-1-zwDr {
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
#app-mount .divider-M3saWq { /* auditlogs loginnerdivider */
2021-05-06 17:50:44 +02:00
background-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
#app-mount .changeDetails-1kMZqI { /* auditlogs logdetails */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
#app-mount .userHook-3R3zjr { /* auditlogs userhook */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
#app-mount .auditLog-1NVAY0 strong { /* auditlogs targets */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
#app-mount .timestamp-147bcs { /* auditlogs timestamp */
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
#app-mount .expandForeground-1nZ4VR { /* auditlogs expandarrow */
2021-05-06 18:17:02 +02:00
stroke: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.themeOverrideLight-bdYR2N.icon-2PiQ65, /* auditlogs logicon */
.themeOverrideDark-3-xxHI.icon-2PiQ65,
#app-mount .icon-2PiQ65 {
2019-09-19 12:56:54 +02:00
background: none !important;
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65::before {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
2021-05-06 18:17:02 +02:00
background: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.applicationCommand-3YMgNf::before {
-webkit-mask: url(https://discord.com/assets/561a626f671b8fd8f0c2e85c97df9b04.svg);
2019-09-19 12:56:54 +02:00
}
2022-06-17 21:25:00 +02:00
.icon-2PiQ65.autoModerationRule-2pc9PC::before {
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg);
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetAll-21RPfg::before {
-webkit-mask: url(https://discord.com/assets/22fd0ab3562af24ea964465bb65531aa.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetBan-qwvck2::before {
-webkit-mask: url(https://discord.com/assets/fd541825b6853aaae233ad9d83e05a18.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetChannel-1NWbC5::before {
-webkit-mask: url(https://discord.com/assets/528ae525a9823affbcd2a35bd20573b0.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetEmoji-2T6Ze4::before {
-webkit-mask: url(https://discord.com/assets/858ab2bdee17ca226df85e23263bcf3a.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetGuild-pvPVWS::before {
-webkit-mask: url(https://discord.com/assets/448b698d906ab4d93b609282595a1c9d.svg);
2019-09-19 12:56:54 +02:00
}
2022-06-17 21:25:00 +02:00
.icon-2PiQ65.targetGuildHome-3LSyOg::before {
-webkit-mask: url(https://discord.com/assets/eeaa7c1199e8f4cdb46de98c9b924edf.svg);
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetGuildScheduledEvent-330pb3::before {
-webkit-mask: url(https://discord.com/assets/7093e58edcd5202a129a6e4fbf427c6d.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetIntegration-j5Mnwy::before {
-webkit-mask: url(https://discord.com/assets/993b5f52b8bd8d1c1c34cac05015c331.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetInvite-2hFskc::before {
-webkit-mask: url(https://discord.com/assets/d0dc8a4c8ea55b119c5c2cccf69b031f.svg);
2021-07-29 20:46:18 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetMember-2pI3Cu::before {
-webkit-mask: url(https://discord.com/assets/e2c0846875f889524e3d60e7d25afa55.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetMemberRole-jNaX-k::before {
-webkit-mask: url(https://discord.com/assets/00124e254d0d86c37f6d02ec0c5b1e02.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetMessage-WgF9Dt::before {
-webkit-mask: url(https://discord.com/assets/aa9f9c29b51e414f0476d4388031aaf4.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetPermission-2fNNaU::before {
-webkit-mask: url(https://discord.com/assets/35de2007bfe0db9821881321d8b7c1fe.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetRole-24Nm1S::before {
-webkit-mask: url(https://discord.com/assets/9aa6e9df74888ec09885bb08341800be.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetStageInstance-2ljqjY::before {
-webkit-mask: url(https://discord.com/assets/dfad85fc7c072498298077f68cf006ca.svg);
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetSticker-2BoYB9::before {
-webkit-mask: url(https://discord.com/assets/da5f0aa4b5ccf0165b4220ba9929ea59.svg);
2020-05-30 18:14:25 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetVanityUrl-1KGkGd::before {
-webkit-mask: url(https://discord.com/assets/bef4eebd4f9e00aabbfa7de1949c8565.svg);
2021-07-29 20:46:18 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetWebhook-3gzYYG::before {
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg);
2021-07-29 20:46:18 +02:00
}
2022-01-21 22:49:05 +01:00
.icon-2PiQ65.targetWidget-3g4NqJ::before {
-webkit-mask: url(https://discord.com/assets/03f717eddad9ac74a1900254625657cf.svg);
}
.icon-2PiQ65.thread-P4cm8D::before {
-webkit-mask: url(https://discord.com/assets/c254ffdde9bc5c90c5ec5d9e11dbf382.svg);
2021-07-29 20:46:18 +02:00
}
2019-09-19 12:56:54 +02:00
2020-08-26 16:14:26 +02:00
#app-mount .card-o7rAq- { /* integrationsettings card */
border-color: rgba(var(--transparencycolor), .1)
2020-08-26 16:14:26 +02:00
}
2020-08-14 14:48:12 +02:00
#app-mount .card-3IImnr { /* integrationsettings webhook card */
border-color: rgba(var(--transparencycolor), .1)
2020-08-14 14:48:12 +02:00
}
#app-mount .card-1o0mns { /* integrationsettings apps card */
border-color: rgba(var(--transparencycolor), .1)
2021-04-01 09:33:27 +02:00
}
#app-mount .card-11DMwv { /* integrationsettings follows card */
border-color: rgba(var(--transparencycolor), .1)
2020-07-26 17:04:43 +02:00
}
2020-08-03 17:13:08 +02:00
.iconWrapper-lS1uig { /* integrationsettings icon */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:13:08 +02:00
}
2021-01-02 13:17:33 +01:00
#app-mount .footerImage-4UrEF0 {
2021-04-03 16:55:17 +02:00
background-image: url(https://discord.com/assets/36d0e0bb009fa362c2533003c0af67b5.svg);
2021-01-02 13:17:33 +01:00
opacity: 0.6;
}
2020-08-03 17:13:08 +02:00
.guildDetails-2p1NmK { /* communitysettings intro details */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:13:08 +02:00
}
.featureCard-1RR4Tl { /* communitysettings intro featurecard */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2020-09-26 19:23:30 +02:00
.featureIcon-3p1TC_ { /* communitysettings intro featureicon */
background-color: rgba(var(--transparencycolor), .3);
2020-09-26 19:23:30 +02:00
}
.checklistContainer-mFJZEJ { /* communitysettings intro checklist */
background-color: rgba(var(--transparencycolor), .3);
2020-09-26 19:23:30 +02:00
}
.checklistHeader-1KWcEY { /* communitysettings intro checklist header */
background-color: rgba(var(--transparencycolor), .3);
2020-09-26 19:23:30 +02:00
}
2020-08-03 17:13:08 +02:00
.upsellContainer-L9xv7w { /* communitysettings general upsellcontainer */
background-color: rgba(var(--transparencycolor), .2);
2020-08-03 17:13:08 +02:00
}
.upsellFooter-ZYsio_ { /* communitysettings general upsellfooter */
background-color: rgba(var(--transparencycolor), .2);
2020-08-03 17:13:08 +02:00
}
.developerPortalCtaWrapper-2XNafh { /* communitysettings analytics info */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2022-01-11 15:06:27 +01:00
.analyticsCard-2fnrVG { /* communitysettings analytics card */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2022-01-11 15:06:27 +01:00
.backgroundAccent-2YeFtZ { /* communitysettings analytics error */
background-color: rgba(var(--transparencycolor), .2);
2021-03-19 23:23:44 +01:00
}
2020-08-03 17:13:08 +02:00
#app-mount .card-3_CqkU { /* communitysettings discovery card */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
#app-mount .iconMask-30Tvqs { /* communitysettings discovery icon */
background-color: rgba(var(--transparencycolor), .2);
2020-08-03 17:13:08 +02:00
}
.perkArt-1SGWbA { /* communitysettings discovery perk */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:13:08 +02:00
}
.container-2w0lh0 { /* communitysettings discovery checklist */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
.header-2Y0-A- { /* communitysettings discovery checklist header */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2022-01-11 15:06:27 +01:00
.exampleContainer-2O-nVK, /* communitysettings rules example */
2020-12-23 16:01:57 +01:00
.exampleContainer-25sB-A { /* communitysettings welcome example */
background: transparent;
position: relative;
}
2022-01-11 15:06:27 +01:00
.exampleContainer-2O-nVK > *,
2020-12-23 16:01:57 +01:00
.exampleContainer-25sB-A > * {
z-index: 1;
}
2022-01-11 15:06:27 +01:00
.exampleContainer-2O-nVK::after,
2020-12-23 16:01:57 +01:00
.exampleContainer-25sB-A::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(var(--transparencycolor), .5);
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/discord_window_placeholder.svg) 0 0/cover no-repeat;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .exampleModal-1lRfuE, /* communitysettings rules examplemodal */
2020-12-23 16:01:57 +01:00
#app-mount .exampleModal-2X2Vf8 { /* communitysettings welcome examplemodal */
2020-12-22 21:58:36 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-12-22 21:58:36 +01:00
position: relative;
border-radius: 5px;
}
2022-01-11 15:06:27 +01:00
.exampleModal-1lRfuE > *,
2020-12-23 16:01:57 +01:00
.exampleModal-2X2Vf8 > * {
2020-12-22 21:58:36 +01:00
z-index: 1;
}
2022-01-11 15:06:27 +01:00
.exampleModal-1lRfuE::before,
2021-06-26 17:05:43 +02:00
.exampleModal-2X2Vf8::before,
2022-01-11 15:06:27 +01:00
.exampleModal-1lRfuE::after,
2021-06-26 17:05:43 +02:00
.exampleModal-2X2Vf8::after {
2020-12-22 21:58:36 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
}
2022-01-11 15:06:27 +01:00
.exampleModal-1lRfuE::before,
2021-06-26 17:05:43 +02:00
.exampleModal-2X2Vf8::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.exampleModal-1lRfuE::after,
2020-12-23 16:01:57 +01:00
.exampleModal-2X2Vf8::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-12-22 21:58:36 +01:00
}
2020-12-23 16:01:57 +01:00
2022-01-11 15:06:27 +01:00
.guildSidebar-pjuGkm { /* communitysettings rules example sidebar */
background-color: rgba(var(--transparencycolor), .4);
2020-12-23 16:04:10 +01:00
margin-right: 0 !important;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
.content-pHpkq8 { /* communitysettings rules example inner */
background-color: rgba(var(--transparencycolor), .2);
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .footer-11k_3m { /* communitysettings rules example footer */
2020-12-22 21:58:36 +01:00
background: transparent;
}
2022-01-11 15:06:27 +01:00
.exampleTextSingleLine-3bwqy5 { /* communitysettings rules example line */
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--textbrightest), .3);
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
.enableContainer-1J91Aq { /* communitysettings rules enablecontainer */
background-color: rgba(var(--transparencycolor), .3);
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:32:34 +01:00
.icon-1_mnkD { /* communitysettings rules category icon */
background-color: rgba(var(--transparencycolor), .2);
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:32:34 +01:00
.settingsFormItem-25zW3t { /* communitysettings rules form */
background-color: rgba(var(--transparencycolor), .2);
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:32:34 +01:00
.getStartedWrapper-2mNX-j { /* communitysettings rules getstarted */
background-color: rgba(var(--transparencycolor), .2);
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:06:27 +01:00
.exampleRule-3gJ39X { /* communitysettings rules example rule */
background-color: rgba(var(--transparencycolor), .4);
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:06:27 +01:00
.rulesTextAreaInput-asSkdy { /* communitysettings rules edit rule */
border-color: rgba(var(--transparencycolor), .3);
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:06:27 +01:00
.rulesTextAreaInput-asSkdy:hover:not(:focus) {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--transparencycolor));
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
.editCircle-2uL_D3 { /* communitysettings rules editcirle */
background-color: rgba(var(--transparencycolor), .4);
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
.editButton-2SLR4j { /* communitysettings rules editbutton */
background-color: rgba(var(--transparencycolor), .4);
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:32:34 +01:00
.editButton-2SLR4j:hover {
background-color: rgba(var(--transparencycolor), .6);
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:32:34 +01:00
.formFieldWrapper-2LV3S6,
.settingsFormFieldWrapper-U99c9i { /* communitysettings rules form field */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .2);
2020-12-22 21:58:36 +01:00
}
2021-03-20 11:04:08 +01:00
.editCircle-ityklj { /* communitysettings welcome editcirle */
background-color: rgba(var(--transparencycolor), .4);
2021-03-20 11:04:08 +01:00
}
2020-08-03 17:13:08 +02:00
.optionContainer-1FtykV { /* communitysettings welcome exampleoption */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2020-08-03 17:31:03 +02:00
.enableContainer-6E-puu { /* communitysettings welcome previewheader */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:31:03 +02:00
}
.previewContainer-1SS3uO { /* communitysettings welcome previewcontainer */
background-color: rgba(var(--transparencycolor), .2);
2020-08-03 17:31:03 +02:00
}
.welcomeChannel-1rFrIO { /* communitysettings welcome welcomechannel */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:31:03 +02:00
}
2021-03-20 11:04:08 +01:00
.channelIcon-1eKmlw { /* communitysettings welcome channelicon s */
background-color: rgba(var(--transparencycolor), .4);
2021-03-20 11:04:08 +01:00
}
2020-07-26 17:04:43 +02:00
.descriptionBox-1EKQKL { /* templatesettings descriptionbox */
background-color: rgba(var(--transparencycolor), .3);
2020-04-01 23:00:31 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .tierHeaderLocked-30MLlO { /* boostsettings tierheaderlocked */
background-color: rgba(var(--transparencycolor), .4);
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .tierHeaderUnlocked-1OpOLf { /* boostsettings tierheaderunlocked */
background-color: rgba(var(--transparencycolor), .5);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tierCloseClose-T256RA { /* boostsettings tiercloseclose */
2021-06-15 12:35:58 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .tierBody-1d3UiS { /* boostsettings tierbody */
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .tierInProgress-1vFUnw { /* boostsettings tiermilestone */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .background-3xJH_4 { /* boostsettings tierbar (settings) */
color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
#app-mount .member-1q7VfX { /* membersettings membercard */
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
#app-mount .member-1q7VfX .name-8yzEIY { /* membersettings membercardname */
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
#app-mount .member-1q7VfX .tag-1YGWN9 { /* membersettings membercardtag */
2021-05-06 20:04:14 +02:00
color: var(--text-muted);
}
#app-mount .member-1q7VfX .roleWrapper-1Hde_V { /* membersettings rolewrapper */
color: rgba(var(--textbrightest),.8);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .actionButton-1YKTU0 { /* membersettings addrolebutton */
2021-05-06 20:04:14 +02:00
border-color: var(--header-secondary);
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2021-05-06 20:04:14 +02:00
#app-mount .member-1q7VfX .overflowIconFg-QMRRFI { /* membersettings 3-dot icon */
fill: var(--header-primary);
}
#app-mount .member-1q7VfX .ownerHelpIcon-3ItaBx { /* membersettings help icon */
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .overflowRolesPopout-1Puiuq, /* membersettings roleoverflow popout */
#app-mount .overflowRolesPopoutArrow-2R7g3K {
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .2), 0 2px 10px 0 rgba(var(--transparencycolor), .2);
2020-03-26 00:42:57 +01:00
border: none;
border-radius: 3px;
overflow: hidden;
}
2022-01-11 15:06:27 +01:00
.overflowRolesPopout-1Puiuq::before,
.overflowRolesPopoutArrow-2R7g3K::before,
.overflowRolesPopout-1Puiuq::after,
.overflowRolesPopoutArrow-2R7g3K::after {
2020-03-26 00:42:57 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.overflowRolesPopout-1Puiuq::before,
.overflowRolesPopoutArrow-2R7g3K::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.overflowRolesPopout-1Puiuq::after,
.overflowRolesPopoutArrow-2R7g3K::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
.overflowRolesPopoutHeaderIcon-2LIuSc path {
2021-05-06 20:04:14 +02:00
fill: var(--header-secondary);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
.overflowRolesPopoutHeaderText-3HyHGv {
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .inviteSettingsInviteRow-1rZeIM { /* invitesettings invitecard */
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
#app-mount .bannedUser-1IalTM { /* bansettings bancard */
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
#app-mount .bannedUser-1IalTM .username-1b3MVI { /* invitesettings username */
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
#app-mount .bannedUserModal-3RJCOV .reasonHeader-2etdjy { /* invitesettings banmodalreasonheader */
2021-05-06 20:04:14 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
#app-mount .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO,
#app-mount .bannedUserModal-3RJCOV .reason-YbfGC6, /* invitesettings banmodalreason */
#app-mount .bannedUserModal-3RJCOV .userDiscrim-1D2NlF { /* invitesettings discriminator */
2021-05-06 20:04:14 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ~~~~ 13. MODALS ~~~~ */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.layer-1Ixpg3:nth-child(1),
.withLayer-2VVmpp:nth-child(1) {
2020-10-17 15:08:02 +02:00
z-index: 1002;
}
2022-01-11 15:06:27 +01:00
.layer-1Ixpg3:nth-child(2),
.withLayer-2VVmpp:nth-child(2) {
2020-10-17 15:08:02 +02:00
z-index: 1003;
}
2022-01-11 15:06:27 +01:00
.layer-1Ixpg3:nth-child(3),
.withLayer-2VVmpp:nth-child(3) {
2020-10-17 15:08:02 +02:00
z-index: 1004;
}
2022-01-11 15:06:27 +01:00
.layer-1Ixpg3:nth-child(4),
.withLayer-2VVmpp:nth-child(4) {
2020-10-17 15:08:02 +02:00
z-index: 1005;
}
2022-01-11 15:06:27 +01:00
.layer-1Ixpg3:nth-child(5),
.withLayer-2VVmpp:nth-child(5) {
2020-10-17 15:08:02 +02:00
z-index: 1006;
}
2022-01-11 15:06:27 +01:00
.layer-1Ixpg3:nth-child(6),
.withLayer-2VVmpp:nth-child(6) {
2020-10-17 15:08:02 +02:00
z-index: 1007;
}
2022-01-11 15:06:27 +01:00
.layer-1Ixpg3:nth-child(7),
.withLayer-2VVmpp:nth-child(7) {
2020-10-17 15:08:02 +02:00
z-index: 1008;
}
2022-01-11 15:06:27 +01:00
.layer-1Ixpg3:nth-child(8),
.withLayer-2VVmpp:nth-child(8) {
2020-10-17 15:08:02 +02:00
z-index: 1009;
}
2022-01-11 15:06:27 +01:00
.layer-1Ixpg3:nth-child(9),
.withLayer-2VVmpp:nth-child(9) {
2020-10-17 15:08:02 +02:00
z-index: 1010;
}
2022-01-11 15:32:34 +01:00
#app-mount .root-g14mjS, /* modal container (foldersettings) */
2022-01-11 15:06:27 +01:00
#app-mount .modal-2RrUKJ { /* modal container */
2020-11-10 22:34:34 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
position: relative;
2019-10-27 08:10:44 +01:00
border-radius: 5px;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.root-g14mjS > *,
2022-01-11 15:06:27 +01:00
.modal-2RrUKJ > * {
2020-08-03 17:31:03 +02:00
z-index: 1;
}
2022-01-11 15:32:34 +01:00
.root-g14mjS::before,
2022-01-11 15:06:27 +01:00
.modal-2RrUKJ::before,
2022-01-11 15:32:34 +01:00
.root-g14mjS::after,
2022-01-11 15:06:27 +01:00
.modal-2RrUKJ::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2019-10-27 08:10:44 +01:00
border-radius: 5px;
2019-09-19 12:56:54 +02:00
pointer-events: none;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.root-g14mjS::before,
2022-01-11 15:06:27 +01:00
.modal-2RrUKJ::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.root-g14mjS::after,
2022-01-11 15:06:27 +01:00
.modal-2RrUKJ::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-10 22:34:34 +01:00
}
2022-01-11 15:32:34 +01:00
.root-g14mjS .modal-2RrUKJ::before,
2022-01-11 15:06:27 +01:00
.modal-3Crloo::before,
2022-01-11 15:32:34 +01:00
.root-g14mjS .modal-2RrUKJ::after,
2022-01-11 15:06:27 +01:00
.modal-3Crloo::after {
2020-02-12 09:59:29 +01:00
display: none;
}
2022-01-11 15:32:34 +01:00
.header-1zd7se > .wrapper-1HSdhi:first-child {
2021-05-14 10:56:04 +02:00
flex: 1 0 auto;
}
2022-01-11 15:32:34 +01:00
#app-mount .separator-2lLxgC {
2021-05-15 12:30:19 +02:00
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3);
2021-04-21 19:39:15 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .modalTextContainer-1FUO2W { /* modal text file */
background-color: rgba(var(--transparencycolor), .5);
2021-04-14 17:08:52 +02:00
border: none;
}
2022-01-11 15:32:34 +01:00
#app-mount .footer-31IekZ { /* modal footer */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
box-shadow: none;
2021-03-03 14:02:58 +01:00
z-index: 0;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .footer-3Zgy_M { /* modal footer info */
background-color: rgba(var(--transparencycolor), .3);
2020-07-01 10:39:25 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .close-1mLglB { /* modal closebutton */
2021-04-14 15:10:46 +02:00
z-index: 2;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.tabBarContainer-sCZC4w { /* modal tabbarcontainer */
border-top-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .modal-6GHvdM .tabBarContainer-sCZC4w {
background: rgba(var(--transparencycolor), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .separator-3TK_-B {
2021-05-15 12:30:19 +02:00
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3);
2021-05-07 17:07:56 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .divider-3APUjw {
2021-05-07 17:07:56 +02:00
border-color: var(--background-modifier-accent);
}
2022-01-11 15:06:27 +01:00
#app-mount .subHeader-2z6h5Z {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
2022-01-11 15:32:34 +01:00
#app-mount .sectionBody-7I2eAN,
2022-01-11 15:06:27 +01:00
#app-mount .subHeader-1mr1LG {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
#app-mount .message-1F58Gs {
color: var(--header-secondary);
}
#app-mount .secondaryButton-197mr8 {
color: var(--header-primary);
}
#app-mount .imageUpgrade-moI_hv {
background-image: url(https://discord.com/assets/81ded87ebac6f9d55e8624a3e5167c8f.svg);
}
#app-mount .imageCancel-2x4k_k {
background: url(https://discord.com/assets/03863b539aec443327ca2ffc51a89dac.svg);
}
#app-mount .imageUnclaimed-5nJyYs {
background-image: url(https://discord.com/assets/3b65c741e596bc0979f7ba0c42de6fff.svg);
opacity: .5;
}
#app-mount .imageUnverified-2NLnW6 {
background-image: url(https://discord.com/assets/e260177e5165e6789e30b9592df75424.svg);
opacity: .5;
}
2022-01-11 15:32:34 +01:00
#app-mount .divider-MRAL1L {
2021-05-07 17:07:56 +02:00
border-color: var(--background-modifier-accent);
}
2022-01-11 15:32:34 +01:00
#app-mount .backButtonColor-5k5ViL {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2022-01-11 15:32:34 +01:00
#app-mount .checkboxLabel-NbUiJx {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
2020-03-26 00:42:57 +01:00
/* ---- 13.1. USERMODAL ----- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .root-8LYsGj { /* modal container */
2019-09-19 12:56:54 +02:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
}
2022-01-11 15:32:34 +01:00
.root-8LYsGj::before,
.root-8LYsGj::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.root-8LYsGj::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.root-8LYsGj::after {
2021-05-21 20:54:10 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .root-8LYsGj .topSection-13QKHs { /* modal topsection */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.root-8LYsGj .banner-1YaD3N { /* modal banner */
2021-07-01 22:49:45 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="240" viewBox="0 0 2400 240" fill="none"><path fill="black" d="M 0 0 L 0 240 L 16 240 A 69 69 0 0 1 85 172 A 69 69 0 0 1 152 240 L 2400 240 L 2400 0 L 0 0 z"/></svg>') bottom left no-repeat;
}
2022-01-11 15:32:34 +01:00
.root-8LYsGj .avatar-3QF_VA { /* modal avatar */
2021-06-26 16:25:56 +02:00
background-color: transparent;
2021-07-01 22:49:45 +02:00
border-color: transparent;
2021-08-05 14:06:44 +02:00
box-sizing: content-box;
2021-05-21 20:54:10 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .body-1Ukv50 { /* modal body */
2021-05-21 20:54:10 +02:00
background-color: transparent;
2021-05-07 17:07:56 +02:00
}
2022-01-11 15:32:34 +01:00
.listRow-2nO1T6:hover {
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.emptyIcon-uKVxYR { /* body emptypic */
2021-06-08 22:43:17 +02:00
opacity: .5;
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 13.2. GUILDADD/CREATION ----- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
.container-x8Y1ix, /* create modal item */
.guildRow-3fJnG6 { /* hub modal item */
background-color: rgb(var(--transparencycolor), .2);
2020-09-28 19:11:52 +02:00
border: none;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.container-x8Y1ix:hover,
.guildRow-3fJnG6:hover {
background-color: rgb(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.text-PdAsFQ, /* create modal text */
.guildName-3RzJ_H { /* hub modal text */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.container-x8Y1ix:hover .text-PdAsFQ,
.guildRow-3fJnG6:hover .guildName-3RzJ_H {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.arrow-2yY1Tm, /* create modal arrow */
.guildName-3RzJ_H ~ img { /* hub modal arrow */
2020-12-26 18:33:33 +01:00
object-position: -999999px -999999px;
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat;
2021-05-06 21:30:35 +02:00
background: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.container-x8Y1ix:hover .arrow-2yY1Tm,
.guildRow-3fJnG6:hover .guildName-3RzJ_H ~ img {
2021-05-06 21:30:35 +02:00
background: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.input-m1-Y7Q { /* modal invite input */
2020-09-28 19:11:52 +02:00
background: transparent;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.inputInner-1Z3Tui { /* modal invite input inner */
2021-05-06 21:30:35 +02:00
border: 1px solid var(--deprecated-text-input-border);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 13.3. REGIONSELECTMODAL ---- */
2019-09-19 12:56:54 +02:00
#app-mount .regionSelectModal-12e-57 { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
}
2021-06-26 17:05:43 +02:00
.regionSelectModal-12e-57::before,
.regionSelectModal-12e-57::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2021-06-26 17:05:43 +02:00
.regionSelectModal-12e-57::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2020-11-16 11:11:06 +01:00
.regionSelectModal-12e-57::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2019-09-19 12:56:54 +02:00
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2021-05-06 21:30:35 +02:00
#app-mount .regionSelect-3lf4eE.regionSelectLoading-34I21m {
border: 1px solid var(--header-secondary);
}
#app-mount .regionSelect-3lf4eE button {
border: 1px solid var(--header-secondary);
}
#app-mount .regionSelect-3lf4eE .regionSelectInner-24f4Ce {
border: 1px solid var(--header-secondary);
}
2019-09-19 12:56:54 +02:00
#app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
}
#app-mount .regionSelectName-2-2FWh {
color: var(--text-muted);
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover .regionSelectName-2-2FWh {
color: var(--text-normal);
}
#app-mount .regionSelect-3lf4eE:hover button {
color: var(--header-primary);
}
#app-mount .container-1s4HBn.hover-2AGf5p {
border-color: var(--deprecated-text-input-border-hover);
}
#app-mount .flag-16iIBd.vip-3pFIN8::after {
border-color: rgba(var(--transparencycolor), .5);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 13.4. UPLOADMODAL ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .uploadModal-2ie9O_ { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-11-24 09:27:42 +01:00
position: relative;
border-radius: 10px;
}
2022-01-11 15:32:34 +01:00
.uploadModal-2ie9O_::before,
.uploadModal-2ie9O_::after {
2019-11-24 09:27:42 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 10px;
2021-06-26 17:05:43 +02:00
pointer-events: none;
2019-11-24 09:27:42 +01:00
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.uploadModal-2ie9O_::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.uploadModal-2ie9O_::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2019-11-24 09:27:42 +01:00
2022-01-11 15:32:34 +01:00
.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 {
2020-05-11 21:09:59 +02:00
width: unset;
}
2022-01-11 15:32:34 +01:00
.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .title-3ChJ_v,
.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .instructions-272j2A {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.uploadModal-2ie9O_ .inner-zqa7da { /* modal channeltextarea */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.uploadModal-2ie9O_ .footer-VCsJQY { /* modal footer */
background-color: rgba(var(--transparencycolor), .2);
2021-03-20 11:04:08 +01:00
box-shadow: none;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k {
box-shadow: 0 2px 8px rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 13.5. KEYBOARDSHORTCUTSMODAL ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .keyboardShortcutsModal-2CRmCm { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
}
2022-01-11 15:32:34 +01:00
.keyboardShortcutsModal-2CRmCm::before,
.keyboardShortcutsModal-2CRmCm::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.keyboardShortcutsModal-2CRmCm::before {
2021-06-26 17:07:15 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.keyboardShortcutsModal-2CRmCm::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:07:15 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .modalTitle-2skSKy { /* modal title */
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .modalSubtitle-2lx7qk { /* modal subtitle */
2021-05-06 17:50:44 +02:00
border-color: var(--background-modifier-accent);
2021-05-06 21:30:35 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .keyboardShortcutList-3VFAYS .keybindGroup-39HP2U .keybindDescription-oXh6w_ {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcut-3zF1P9 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcut-3zF1P9 span {
2021-05-06 21:30:35 +02:00
background-color: var(--text-muted);
border: 1px solid rgba(0, 0, 0, .4);
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .4);
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcut-3zF1P9 span:active {
2021-05-06 21:30:35 +02:00
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
border: 1px solid rgb(0, 0, 0);
color: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcut-3zF1P9 span .bindArrow-EmK4SC g {
2021-05-06 21:30:35 +02:00
fill: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcut-3zF1P9 span:active .bindArrow-EmK4SC g {
2021-05-06 21:30:35 +02:00
fill: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcutTipsSelect-2FpxFp:last-of-type::before {
2021-05-06 21:30:35 +02:00
background-color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tabButton-1hJ4oW {
2021-05-06 21:30:35 +02:00
background-color: var(--text-muted);
border: 1px solid rgb(0, 0, 0, .4);
2020-12-29 18:23:35 +01:00
border-radius: 4px;
box-shadow: inset 0 -4px 0 rgb(0, 0, 0, .4);
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2020-12-17 20:26:16 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tabButton-1hJ4oW rect[fill="#4F545C"],
#app-mount .tabButton-1hJ4oW path[fill="#36393F"] {
2020-12-17 20:26:16 +01:00
display: none;
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 13.6. QUICKSWITCHER ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .quickswitcher-pKcM9U { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
2022-03-24 17:49:33 +01:00
flex: 1 1 auto;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.quickswitcher-pKcM9U::before,
.quickswitcher-pKcM9U::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.quickswitcher-pKcM9U::before {
2021-06-26 17:07:15 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.quickswitcher-pKcM9U::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:07:15 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-03-24 17:49:33 +01:00
.root-g14mjS .quickswitcher-pKcM9U::before,
.root-g14mjS .quickswitcher-pKcM9U::after {
display: none;
}
2022-01-11 15:06:27 +01:00
.scroller-2qwVWY {
2020-07-05 23:08:45 +02:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
#app-mount .input-3r5zZY { /* modal input */
background-color: rgba(var(--transparencycolor), .4);
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-03-24 17:49:33 +01:00
#app-mount .resultFocused-3aIoYe, /* modal resultfocused */
#app-mount .result-u66Ywh[aria-selected=true] { /* modal resultselected */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2020-10-17 17:30:58 +02:00
/* ---- 13.7. INVITEMODAL/GROUPCREATE ---- */
2019-09-19 12:56:54 +02:00
2022-03-24 17:49:33 +01:00
#app-mount .contentWrapper-3oy4Xo { /* modal guildinvitemodal */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-12-12 10:26:20 +01:00
position: relative;
overflow: hidden;
}
2022-01-11 15:06:27 +01:00
.contentWrapper-3oy4Xo::before,
.contentWrapper-3oy4Xo::after {
2019-12-12 10:26:20 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.contentWrapper-3oy4Xo::before {
2021-06-26 17:07:15 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.contentWrapper-3oy4Xo::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:07:15 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2019-12-12 10:26:20 +01:00
2022-03-24 17:49:33 +01:00
#app-mount .friendSelected-3cwmD7, /* modal groupdmrow */
#app-mount .inviteRow-3vmB7i:hover { /* modal guildrow */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-03-24 17:49:33 +01:00
#app-mount .friend-8ZraY7, /* modal groupdmrow */
#app-mount .inviteRowName-3H4s_c { /* modal username */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .friendSelected-3cwmD7,
2022-01-11 15:32:34 +01:00
#app-mount .inviteRow-3vmB7i:hover .inviteRowName-3H4s_c {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .checkBoxLabel-16BK2g,
#app-mount .footerText-2QLGHU,
2019-12-12 10:26:20 +01:00
#app-mount .subTitle-3TUjmF,
2022-01-11 15:06:27 +01:00
#app-mount .subtitle-3v29zT,
2022-01-11 15:32:34 +01:00
#app-mount .subText-1CcYgq {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-03-24 17:49:33 +01:00
.tag-15zcD_ { /* modal added user */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-05-06 21:30:35 +02:00
color: #fff;
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.pill-qMtBTq {
background-color: rgba(var(--transparencycolor), .5);
2019-12-12 10:26:20 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 13.8. LOGINSCREEN ---- */
2019-09-20 13:29:31 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .wrapper-25sY58 { /* login wrapper */
2019-09-20 13:29:31 +02:00
background: transparent;
}
2022-01-11 15:32:34 +01:00
.wrapper-25sY58::before, /* login winbuttonshadow */
.wrapper-25sY58 .rightSplit-24Bqk0, /* login background */
.wrapper-25sY58 .canvas-2dBZRV { /* login movingshadow */
2019-09-20 13:29:31 +02:00
display: none;
}
2022-01-11 15:06:27 +01:00
#app-mount .authBox-1HR6Ha { /* login modal body */
2021-12-09 22:14:47 +01:00
background-color: transparent;
box-shadow: none;
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
2019-09-20 13:29:31 +02:00
position: relative;
overflow: hidden;
}
2022-01-11 15:32:34 +01:00
#app-mount .authBox-1HR6Ha.authBoxExpanded-AN2aH1 { /* login modal body expanded */
2021-12-09 22:14:47 +01:00
background-color: rgba(var(--transparencycolor), .5);
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
2022-01-11 15:32:34 +01:00
#app-mount .navRow-dG-XX8 { /* modal modal footer */
2021-12-09 22:14:47 +01:00
background-color: rgba(var(--transparencycolor), .2);
}
2019-09-20 13:29:31 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 13.9. TERMACCEPTMODAL ---- */
2019-10-12 19:03:12 +02:00
#app-mount .modal-DRZfgq { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-10-12 19:03:12 +02:00
position: relative;
overflow: hidden;
}
2021-06-26 17:46:21 +02:00
.modal-DRZfgq::before,
.modal-DRZfgq::after {
2019-10-12 19:03:12 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2021-06-26 17:46:21 +02:00
.modal-DRZfgq::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2020-11-16 11:11:06 +01:00
.modal-DRZfgq::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2019-10-12 19:03:12 +02:00
[style*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"], /* modal image */
[src*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"] {
filter: brightness(85%) invert(100%);
opacity: 0.7;
}
2022-01-17 20:28:19 +01:00
#app-mount .ack-3sCuAV { /* modal acklabel */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-10-12 19:03:12 +02:00
}
2022-01-17 20:28:19 +01:00
#app-mount .buttonContainer-28osRq { /* modal footer */
background-color: rgba(var(--transparencycolor), .2);
2019-10-12 19:03:12 +02:00
box-shadow: none;
}
2020-03-26 00:42:57 +01:00
/* ---- 13.10. DOWNLOADAPPMODAL ---- */
2020-02-19 14:54:06 +01:00
2022-01-11 15:32:34 +01:00
#app-mount .downloadApps-14IgKV { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-02-19 14:54:06 +01:00
position: relative;
overflow: hidden;
}
2022-01-11 15:32:34 +01:00
.downloadApps-14IgKV::before,
.downloadApps-14IgKV::after {
2020-02-19 14:54:06 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.downloadApps-14IgKV::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.downloadApps-14IgKV::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:32:34 +01:00
.downloadApps-14IgKV .header-1lOVWt {
2021-05-06 21:30:35 +02:00
color: var(--text-normal);
}
2022-01-11 15:32:34 +01:00
.downloadApps-14IgKV .footer-2TRYcZ {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:32:34 +01:00
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu {
2021-05-06 21:30:35 +02:00
border-color: var(--header-secondary);
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:32:34 +01:00
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu p {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:32:34 +01:00
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu .downloadButton-2XskEc {
2021-05-06 21:30:35 +02:00
background-color: var(--header-secondary);
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:32:34 +01:00
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu.active-1j5w_A .downloadButton-2XskEc {
2021-05-06 17:50:44 +02:00
text-shadow: 1px 1px var(--textshadow);
}
2020-02-19 14:54:06 +01:00
2020-03-26 00:42:57 +01:00
/* ---- 13.11. GUILDBOOSTMODAL ---- */
2020-02-23 13:10:23 +01:00
2022-01-11 17:05:30 +01:00
#app-mount .perksModal-CLcR1c { /* modal wrapper */
2020-06-30 22:44:40 +02:00
background-color: transparent;
}
2020-02-23 13:10:23 +01:00
.carouselContainer-2-vIZS { /* modal scrollercontainer */
-webkit-mask: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 60px, rgba(0,0,0,1) calc(100vw - 60px), rgba(0,0,0,0) 100vw);
}
.carouselGradientEdge-2W94ou { /* modal scrollergradient */
display: none;
}
2022-01-11 15:06:27 +01:00
#app-mount .subscriberCount-3iRh_w { /* modal subcount */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .subscriberCount-3iRh_w strong {
2021-05-06 21:30:35 +02:00
color: var(--text-normal);
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .moreSubscribers-2FZuij { /* modal suboverflow */
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 21:30:35 +02:00
color: var(--header-primary)
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .subscribersPopout-3lkZNO { /* subpopout container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 2px 10px rgba(var(--transparencycolor), .2);
2020-02-23 13:10:23 +01:00
overflow: hidden;
}
2022-01-11 15:06:27 +01:00
.subscribersPopout-3lkZNO::before,
.subscribersPopout-3lkZNO::after {
2020-02-23 13:10:23 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.subscribersPopout-3lkZNO::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.subscribersPopout-3lkZNO::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .subscribersPopoutUser-3Az2Dc { /* subpopout users */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:12:27 +01:00
#app-mount .ctaBar-Nhk8yY { /* current boost stats container */
2021-04-16 17:24:18 +02:00
position: relative;
background-color: rgba(var(--transparencycolor), .4);
2021-04-16 17:24:18 +02:00
background-image: none;
}
2022-01-11 17:12:27 +01:00
#app-mount .ctaBar-Nhk8yY::before {
2021-04-16 17:24:18 +02:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-04-16 17:24:18 +02:00
-webkit-mask: url(https://discord.com/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg);
2020-02-23 13:10:23 +01:00
}
.guildIcon-3raYf3 { /* current boost stats guild icon */
background-color: rgba(var(--transparencycolor), .2);
2020-02-23 13:10:23 +01:00
}
#app-mount .perk-2WeBWW { /* modal perkcard */
background-color: rgba(var(--transparencycolor), .4);
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
#app-mount .headerLogo-2M4f14 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2022-01-11 17:05:30 +01:00
#app-mount .tierHeaderLocked-3ItHYn { /* modal tierheaderlocked */
background-color: rgba(var(--transparencycolor), .4);
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
#app-mount .tierLock-1uBqZ0 { /* modal tierlock */
2021-05-06 21:30:35 +02:00
color: var(--interactive-muted);
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
#app-mount .tierHeaderUnlocked-1IvR2R { /* modal tierheaderunlocked */
background-color: rgba(var(--transparencycolor), .5);
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
#app-mount .tierBody-3ju-rc { /* modal tierbody */
background-color: rgba(var(--transparencycolor), .3);
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tierMarkerBackground-G8FoN4 { /* modal tiermilestone */
2020-02-23 13:10:23 +01:00
background: transparent;
}
2022-01-11 15:32:34 +01:00
#app-mount .tierMarkerInProgress-2Tdxjz {
background: rgba(var(--transparencycolor), .3) !important;
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .selectedTier-24Xj0k .tierMarker-Vw1C95 {
box-shadow: 0 4px 8px rgba(var(--transparencycolor), .24);
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tierMarkerLabelText-1wk8KK:not(.isAccomplished-2NcqRT):hover {
background: rgba(var(--transparencycolor), .3);
2021-04-16 17:24:18 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .barBackground-unEPDT { /* modal tierbar */
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(var(--transparencycolor), .3) 3%, rgba(var(--transparencycolor), .3) 30.2%, rgba(0,0,0,0) 30.2%, rgba(0,0,0,0) 36.2%, rgba(var(--transparencycolor), .3) 36.2%, rgba(var(--transparencycolor), .3) 63.5%, rgba(0,0,0,0) 63.5%, rgba(0,0,0,0) 69.5%, rgba(var(--transparencycolor), .3) 69.5%, rgba(var(--transparencycolor), .3) 96.7%, rgba(0,0,0,0) 96.7%, rgba(0,0,0,0) 100%);
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:32:34 +01:00
.barSecondary-VouwoY {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-03-26 00:42:57 +01:00
}
2020-06-01 10:48:24 +02:00
.wrapper-3nSjSv .heading-4znNKq { /* modal boostaddwrapper header */
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2020-06-01 10:48:24 +02:00
}
.tier-1EY-yj { /* modal boostaddwrapper tier */
background-color: rgb(var(--transparencycolor), .3);
2020-06-01 10:48:24 +02:00
}
2022-01-11 17:12:27 +01:00
#app-mount .giftIcon-2kmx1K { /* modal gifticon */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-02-23 13:10:23 +01:00
margin: 0 18px;
}
2022-01-17 20:28:19 +01:00
#app-mount .button-f2h6uQ .giftIcon-2kmx1K {
2021-05-06 21:30:35 +02:00
color: currentColor;
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:12:27 +01:00
#app-mount .badgeIconWithoutSubscribers-1hjTfX {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
}
#app-mount .tierPill-1yRO48 {
background: rgba(var(--transparencycolor), .3);
color: var(--header-primary);
}
#app-mount .tierPillStar-34rvoJ {
color: var(--header-primary);
}
#app-mount .tierPillGem-3zcO2T {
color: var(--interactive-muted);
}
#app-mount .tierPill-3gJ0eN {
background: rgba(var(--transparencycolor), .3);
color: var(--header-primary);
}
2022-03-09 09:53:33 +01:00
#app-mount .perk-19D_HN {
2021-05-06 21:30:35 +02:00
background: rgba(var(--transparencycolor), .2);
2020-02-23 13:10:23 +01:00
}
2020-03-26 00:42:57 +01:00
.header-1F6gxU { /* prebuy popout header */
background: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
padding-bottom: 10px;
margin-bottom: 10px;
}
2022-01-11 15:06:27 +01:00
#app-mount .iconWrapper-2_MXbk { /* prebuy popout amount icon wrapper */
background: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
.icon-2TbMdT:hover { /* prebuy popout amount icon */
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-03-26 00:42:57 +01:00
}
.upsellFooter-6EgwMe { /* prebuy popout footer details */
background: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
.perksList-1vtwXn { /* prebuy popout perkslist */
background: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
#app-mount .selectGuild-1Ygl76:hover {
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2020-10-18 23:17:42 +02:00
/* ---- 13.12. REACTIONSMODAL ---- */
2020-03-27 19:03:51 +01:00
2022-01-11 15:06:27 +01:00
#app-mount .scroller-2GkvCq { /* modal sidebar */
background-color: rgba(var(--transparencycolor), .4);
2020-03-27 19:03:51 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .reactors-1VXca7 { /* modal list */
background-color: rgba(var(--transparencycolor), .2);
2020-03-27 19:03:51 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .reactionDefault-1Sjj1f:hover { /* modal reaction */
background-color: rgba(var(--transparencycolor), .2);
2020-03-27 19:03:51 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .reactionSelected-1aMb2K {
background-color: rgba(var(--transparencycolor), .4);
2020-03-27 19:03:51 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .remove-19AQn_ { /* modal remove */
2021-05-06 21:30:35 +02:00
color: var(--interactive-normal);
2020-03-27 19:03:51 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .remove-19AQn_:hover {
background-color: rgba(var(--transparencycolor), .4);
2021-05-06 21:30:35 +02:00
color: var(--interactive-hover);
}
2022-01-11 15:06:27 +01:00
#app-mount .discriminator-1DCM-o { /* modal discriminator */
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
2020-03-27 19:03:51 +01:00
}
2020-10-18 23:17:42 +02:00
/* ---- 13.13. GUILDTEMPLATEMODAL ---- */
2020-04-01 23:00:31 +02:00
2022-01-11 15:32:34 +01:00
.ctaSection-3LqbxQ { /* modal ctasection */
2020-04-01 23:00:31 +02:00
background-color: transparent;
}
2022-01-11 15:32:34 +01:00
.formSection-23ecNl { /* modal formsection */
2020-04-01 23:00:31 +02:00
background-color: transparent;
}
2022-01-11 15:32:34 +01:00
.usagePill-16kKHu { /* modal usagepill 1 */
background-color: rgba(var(--transparencycolor), .3);
2020-04-01 23:00:31 +02:00
}
2022-01-11 15:32:34 +01:00
.usagePill-P-Cmcv { /* modal usagePill 2 */
background-color: rgba(var(--transparencycolor), .3);
2020-04-01 23:00:31 +02:00
}
2022-01-11 15:32:34 +01:00
.channelsWrapper-51IUFR { /* modal channelswrapper */
background-color: rgba(var(--transparencycolor), .3);
2020-04-01 23:00:31 +02:00
}
2022-01-11 15:32:34 +01:00
.rolesWrapper-1LLZrU { /* modal roleswrapper */
background-color: rgba(var(--transparencycolor), .3);
2020-04-01 23:00:31 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2mCo-N { /* modal role */
2021-05-06 21:30:35 +02:00
border-color: rgba(var(--textbrighter), .6);
2020-04-01 23:00:31 +02:00
border-radius: 5px;
padding: 0 5px;
position: relative;
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2mCo-N[style*="border-color: rgba(185, 187, 190, .6)"] {
2021-05-06 21:30:35 +02:00
border-color: rgba(var(--textbrighter), .6) !important;
2020-04-01 23:00:31 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2mCo-N .roleName-3kJr77 { /* modal rolename */
2021-05-06 21:30:35 +02:00
color: rgb(var(--textbrightest));
2020-04-01 23:00:31 +02:00
margin: 0;
font-weight: normal;
position: relative;
height: 20px;
line-height: 20px;
z-index: 1000;
pointer-events: none;
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2mCo-N .roleCircle-1ER2zO { /* modal rolecircle */
2020-04-01 23:00:31 +02:00
position: absolute;
2021-05-06 21:30:35 +02:00
background-color: rgb(var(--textbrighter));
2020-04-01 23:00:31 +02:00
border-radius: 3px;
opacity: 0.3;
height: 100%;
width: 100%;
2021-08-21 20:39:18 +02:00
margin: 0;
2020-04-01 23:00:31 +02:00
left: 0;
top: 0;
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2mCo-N .roleCircle-1ER2zO[style*="background-color: rgb(185, 187, 190)"] {
2021-05-06 21:30:35 +02:00
background-color: rgb(var(--textbrighter)) !important;
2020-04-01 23:00:31 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2mCo-N .roleIcon-29epUq {
2021-09-24 17:53:51 +02:00
z-index: 1;
}
2020-04-01 23:00:31 +02:00
2020-10-18 23:17:42 +02:00
/* ---- 13.14. GUILDWELCOMEMODAL ---- */
2020-05-17 16:50:46 +02:00
2022-01-11 15:06:27 +01:00
.optionContainer-yOpaLq { /* modal option */
background-color: rgba(var(--transparencycolor), .2);
2020-05-17 16:50:46 +02:00
}
2022-01-11 15:06:27 +01:00
.optionContainer-yOpaLq:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-05-17 16:50:46 +02:00
}
2020-12-22 21:58:36 +01:00
/* ---- 13.15. GUILDRULESMODAL ---- */
2022-01-11 15:06:27 +01:00
.guildSidebar-UHnQqs { /* modal sidebar */
background-color: rgba(var(--transparencycolor), .4);
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
.modal-2TOYtq { /* modal inner */
background-color: rgba(var(--transparencycolor), .2);
2020-12-22 21:58:36 +01:00
}
2021-01-03 16:00:42 +01:00
/* ---- 13.16. GUILDFEEDBACKMODAL ---- */
2022-01-11 15:32:34 +01:00
.root-cw9rWQ { /* modal items */
2021-01-03 16:00:42 +01:00
background-color: transparent;
border-radius: 0;
}
2022-01-11 15:32:34 +01:00
.option-1O-Hwt { /* modal item */
background-color: rgb(var(--transparencycolor), .2);
2021-01-03 16:00:42 +01:00
border: none;
border-radius: 8px;
margin-bottom: 8px;
}
2022-01-11 15:32:34 +01:00
.option-1O-Hwt:hover {
background-color: rgb(var(--transparencycolor), .4);
2021-01-03 16:00:42 +01:00
}
/* ---- 13.17. SCREENSHAREMODAL ---- */
2020-06-27 23:39:45 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .sourceThumbnail-3n4cjJ { /* modal preview tiles */
background-color: rgba(var(--transparencycolor), .4);
box-shadow: 0 2px 5px rgba(var(--transparencycolor), .2), 0 0 0 1px rgba(var(--transparencycolor), .6);
2020-06-27 23:39:45 +02:00
}
2022-01-11 15:32:34 +01:00
.card-1SdQ2- {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .4);
2020-10-18 23:17:42 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .item-2OyinQ {
border-color: rgba(var(--transparencycolor), .4);
2020-10-18 23:17:42 +02:00
}
2022-01-11 15:32:34 +01:00
.selectorButton-3sW6Qm:not(.selectorButtonSelected-3Z0WNU) {
background-color: rgba(var(--transparencycolor), .2);
2020-10-18 23:17:42 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .userListOverflow-2GkVmP {
background: rgba(var(--transparencycolor), .5);
2021-03-20 11:04:08 +01:00
}
2020-06-27 23:39:45 +02:00
2021-03-19 23:23:44 +01:00
/* ---- 13.18. PHONEVERIFICATIONMODAL ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.phoneField-3NAPDv {
background-color: rgba(var(--transparencycolor), .2);
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:06:27 +01:00
.phoneField-3NAPDv .inputField-1iYysB {
2021-03-19 23:23:44 +01:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
.phoneFieldPopout-3O-1C3 {
2021-03-19 23:23:44 +01:00
position: absolute !important;
}
2019-09-19 12:56:54 +02:00
2021-05-06 20:04:14 +02:00
/* ---- 13.19. NOTIFICATIONSMODAL ---- */
2022-01-11 15:32:34 +01:00
#app-mount .channelName-IPB6B3 {
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
}
2022-01-11 15:32:34 +01:00
#app-mount .guildName-1kreI8,
#app-mount .override-1sK4r0,
#app-mount .overrideHighlight-3f-yyO {
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
}
2022-01-11 15:32:34 +01:00
#app-mount .override-1sK4r0:hover {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.1);
}
2022-01-11 15:32:34 +01:00
#app-mount .overrideHighlight-3f-yyO,
#app-mount .overrideHighlight-3f-yyO:hover {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.3);
}
2022-01-11 15:32:34 +01:00
#app-mount .checkboxContainer-1NbL2v::before {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.6);
}
2022-01-11 15:32:34 +01:00
#app-mount .overridePlaceholder-1nDEsX {
2021-05-06 20:04:14 +02:00
border: 1px dashed var(--background-floating);
}
2021-05-12 12:59:29 +02:00
/* ---- 13.20. DISCOVERYENTRYMODAL ---- */
2022-01-11 15:06:27 +01:00
.checkboxWrapper-2fDzaA.row-31nALW {
2021-05-12 12:59:29 +02:00
background-color: rgba(var(--transparencycolor),.2);
}
2022-01-11 15:06:27 +01:00
.checkboxWrapper-2fDzaA.row-31nALW:hover:not(.checked-1pZh2h) {
2021-05-12 12:59:29 +02:00
background-color: rgba(var(--transparencycolor),.4);
}
2022-01-11 15:06:27 +01:00
.checkboxWrapper-2fDzaA.row-31nALW.checked-1pZh2h {
2021-05-12 12:59:29 +02:00
background-color: rgb(var(--accentcolor));
}
2022-01-11 15:06:27 +01:00
.checkboxWrapper-2fDzaA.row-31nALW.checked-1pZh2h .colorStandard-21JIj7 {
2021-05-12 12:59:29 +02:00
color: var(--header-primary);
}
2021-10-01 16:17:16 +02:00
/* ---- 13.21. NITROFEATUREMODAL ---- */
#app-mount .cardImageBackground-1zqQ8d {
background: #000;
opacity: 0.5;
}
#app-mount .cardInfo-62VDSb {
background: rgba(var(--transparencycolor),.4);
}
2020-08-05 20:40:49 +02:00
2021-03-19 23:23:44 +01:00
/* ~~~~ 14. POPOUTS ~~~~ */
2022-01-11 15:06:27 +01:00
.layer-2aCOJ3:nth-child(1) {
2020-08-05 20:40:49 +02:00
z-index: 1002;
}
2022-01-11 15:06:27 +01:00
.layer-2aCOJ3:nth-child(2) {
2020-08-05 20:40:49 +02:00
z-index: 1003;
}
2022-01-11 15:06:27 +01:00
.layer-2aCOJ3:nth-child(3) {
2020-08-05 20:40:49 +02:00
z-index: 1004;
}
2022-01-11 15:06:27 +01:00
.layer-2aCOJ3:nth-child(4) {
2020-08-05 20:40:49 +02:00
z-index: 1005;
}
2022-01-11 15:06:27 +01:00
.layer-2aCOJ3:nth-child(5) {
2020-08-05 20:40:49 +02:00
z-index: 1006;
}
2022-01-11 15:06:27 +01:00
.layer-2aCOJ3:nth-child(6) {
2020-08-05 20:40:49 +02:00
z-index: 1007;
}
2022-01-11 15:06:27 +01:00
.layer-2aCOJ3:nth-child(7) {
2020-08-05 20:40:49 +02:00
z-index: 1008;
}
2022-01-11 15:06:27 +01:00
.layer-2aCOJ3:nth-child(8) {
2020-08-05 20:40:49 +02:00
z-index: 1009;
}
2022-01-11 15:06:27 +01:00
.layer-2aCOJ3:nth-child(9) {
2020-08-05 20:40:49 +02:00
z-index: 1010;
}
2022-01-11 15:06:27 +01:00
#app-mount .loadingPopout-1feYe_, /* loading popout */
#app-mount .container-18GwIk, /* browser popout */
2021-06-30 23:25:27 +02:00
#app-mount .themedPopout-1TrfdI { /* themed popout */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2019-09-20 23:04:33 +02:00
border: none;
2019-09-20 22:41:45 +02:00
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
position: relative;
}
2022-01-11 15:06:27 +01:00
.loadingPopout-1feYe_::before,
.container-18GwIk::before,
2021-06-26 17:46:21 +02:00
.themedPopout-1TrfdI::before,
2022-01-11 15:06:27 +01:00
.loadingPopout-1feYe_::after,
.container-18GwIk::after,
2021-06-26 17:46:21 +02:00
.themedPopout-1TrfdI::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2019-09-20 22:41:45 +02:00
border-radius: 5px;
2021-06-26 17:46:21 +02:00
pointer-events: none;
2019-09-19 12:56:54 +02:00
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.loadingPopout-1feYe_::before,
.container-18GwIk::before,
2021-06-26 17:46:21 +02:00
.themedPopout-1TrfdI::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.loadingPopout-1feYe_::after,
.container-18GwIk::after,
2021-05-07 17:07:56 +02:00
.themedPopout-1TrfdI::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.selected-22ukbQ, /* popout combobox selected */
.selected-22ukbQ:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-05-06 21:30:35 +02:00
color: #fff;
text-shadow: 1px 1px var(--textshadow);
2021-03-20 11:13:32 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .divider-MRAL1L { /* popout divider */
2021-05-06 17:50:44 +02:00
border-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 14.1. CONTEXTMENU ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
.styleFlexible-x0_sIC, /* contextmenu flexible */
.styleFixed-2_NfVL, /* contextmenu fixed */
.submenu-1apzyU { /* contextmenu submenu */
2020-11-16 11:11:06 +01:00
background: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.styleFlexible-x0_sIC::before,
.styleFixed-2_NfVL::before,
.submenu-1apzyU::before,
.styleFlexible-x0_sIC::after,
.styleFixed-2_NfVL::after,
.submenu-1apzyU::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 4px;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.styleFlexible-x0_sIC::before,
.styleFixed-2_NfVL::before,
.submenu-1apzyU::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.styleFlexible-x0_sIC::after,
.styleFixed-2_NfVL::after,
.submenu-1apzyU::after {
2021-05-03 16:23:08 +02:00
background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:32:34 +01:00
.submenu-1apzyU {
2020-05-22 14:56:00 +02:00
position: relative;
}
2022-01-11 15:32:34 +01:00
.container-3AL15u { /* contextmenu searchbar */
background-color: rgba(var(--transparencycolor), .2);
2021-01-02 13:17:33 +01:00
}
2022-01-11 15:32:34 +01:00
.item-1OdjEX.colorDefault-CDqZdO.focused-3qFvc8,
.item-1OdjEX.colorDefault-CDqZdO:hover:not(.hideInteraction-2jPGL_) {
2021-05-14 09:43:40 +02:00
background-color: rgba(var(--transparencycolor), .2) !important;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.item-1OdjEX.colorDanger-3n-KnP.focused-3qFvc8,
.item-1OdjEX.colorDanger-3n-KnP:hover:not(.hideInteraction-2jPGL_) {
2021-05-21 17:52:59 +02:00
background-color: rgba(var(--dangercolor), .2) !important;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.item-1OdjEX.colorBrand-3cPPsm.focused-3qFvc8,
.item-1OdjEX.colorBrand-3cPPsm:hover:not(.hideInteraction-2jPGL_),
.item-1OdjEX.colorDefault-CDqZdO.focused-3qFvc8[id="user-settings-cog-Subscriptions"],
.item-1OdjEX.colorDefault-CDqZdO:hover:not(.hideInteraction-2jPGL_)[id="user-settings-cog-Subscriptions"],
.item-1OdjEX.colorDefault-CDqZdO.focused-3qFvc8[id="user-settings-cog-Discord_Nitro"],
.item-1OdjEX.colorDefault-CDqZdO:hover:not(.hideInteraction-2jPGL_)[id="user-settings-cog-Discord_Nitro"] {
2021-07-03 17:14:51 +02:00
background-color: rgba(var(--accentcolor), .2) !important;
}
2022-01-11 15:32:34 +01:00
.item-1OdjEX.colorPremium-vwmYZQ.focused-3qFvc8,
.item-1OdjEX.colorPremium-vwmYZQ:hover:not(.hideInteraction-2jPGL_),
.item-1OdjEX.colorDefault-CDqZdO.focused-3qFvc8[id="user-settings-cog-Nitro_Server_Boost"],
.item-1OdjEX.colorDefault-CDqZdO:hover:not(.hideInteraction-2jPGL_)[id="user-settings-cog-Nitro_Server_Boost"],
.item-1OdjEX.colorDefault-CDqZdO.focused-3qFvc8[id="guild-context-guild-settings--GUILD_PREMIUM"],
.item-1OdjEX.colorDefault-CDqZdO:hover:not(.hideInteraction-2jPGL_)[id="guild-context-guild-settings--GUILD_PREMIUM"] {
2021-07-03 17:14:51 +02:00
background-color: rgba(var(--accentcolor2), .2) !important;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .item-1OdjEX .checkbox-hADx5o { /* contextmenu checkbox */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .item-1OdjEX.colorDanger-3n-KnP .checkbox-hADx5o {
2021-05-11 11:28:22 +02:00
color: rgb(var(--dangercolor));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .item-1OdjEX .check-3HZJs4 { /* contextmenu checkmark */
2021-05-06 21:30:35 +02:00
color: #fff;
2021-05-03 16:23:08 +02:00
stroke: var(--textshadow);
2020-05-14 16:30:50 +02:00
}
2022-01-11 15:32:34 +01:00
.button-1zW0-r { /* contextmenu quick reaction button */
background-color: rgba(var(--transparencycolor), .3);
2020-03-22 11:38:27 +01:00
}
2022-01-11 15:32:34 +01:00
.button-1zW0-r:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-03-22 11:38:27 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 14.2. USERPOPOUT ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.userPopout-2j1gM4 { /* popout container */
2021-06-25 19:23:01 +02:00
background: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.userPopout-2j1gM4::before,
.userPopout-2j1gM4::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2021-06-26 17:46:21 +02:00
border-radius: 5px;
2019-09-19 12:56:54 +02:00
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.userPopout-2j1gM4::before {
2021-05-25 09:08:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.userPopout-2j1gM4::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .headerTop-3GPUSF, /* popout header inner */
#app-mount .activity-1gTu-L, /* popout activity */
#app-mount .aboutMeSection-PUghFQ { /* popout about me section */
2021-05-20 20:01:37 +02:00
background: transparent;
2021-05-26 13:44:03 +02:00
border: transparent;
2021-05-20 20:01:37 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .activity-1gTu-L {
2021-06-25 19:23:01 +02:00
padding: 0 16px 16px;
}
2022-04-23 19:48:23 +02:00
.userPopout-2j1gM4 .banner-1YaD3N, /* popout banner */
.menu-1QACrS .banner-1YaD3N { /* status popout banner */
2021-07-01 22:49:45 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 16 120 A 46 46 0 0 1 62 76 A 46 46 0 0 1 108 120 L 2400 120 L 2400 0 L 0 0 z"/></svg>') bottom left no-repeat;
2021-06-25 19:23:01 +02:00
}
2022-01-11 15:06:27 +01:00
.userPopout-2j1gM4 .avatar-2Vndt_, /* popout avatar */
2022-04-23 19:48:23 +02:00
.userPopout-2j1gM4 .avatarWrapper, /* popout status everywhere */
.menu-1QACrS .avatar-2Vndt_, /* status popout avatar */
.menu-1QACrS .avatarWrapper { /* status popout status everywhere */
2021-06-26 16:25:56 +02:00
background-color: transparent;
2021-07-01 22:49:45 +02:00
border-color: transparent;
2021-08-05 14:06:44 +02:00
box-sizing: content-box;
2021-06-05 21:04:43 +02:00
}
2021-05-21 11:41:34 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .body-2wLx-E, /* popout body */
#app-mount .bodyInnerWrapper-2bQs1k, /* popout body inner */
2022-01-11 15:32:34 +01:00
#app-mount .footer-3naVBw { /* popout footer */
2019-09-19 12:56:54 +02:00
background-color: transparent;
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.root-jbEB5E { /* body roles */
2019-09-19 12:56:54 +02:00
max-height: 100px;
overflow-x: hidden;
overflow-y: scroll;
}
2022-01-11 15:32:34 +01:00
#app-mount .root-jbEB5E::-webkit-scrollbar {
2019-09-19 12:56:54 +02:00
width: 4px;
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2TIOKu { /* body role */
2021-05-06 21:30:35 +02:00
border-color: rgba(var(--textbrighter), .6);
2019-09-22 22:29:09 +02:00
border-radius: 5px;
padding: 0 5px;
position: relative;
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2TIOKu[style*="border-color: rgba(185, 187, 190, .6)"] {
2021-05-06 21:30:35 +02:00
border-color: rgba(var(--textbrighter), .6) !important;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2TIOKu .roleName-2ZJJYR { /* body rolename */
2021-05-06 21:30:35 +02:00
color: rgb(var(--textbrightest));
2019-09-22 22:29:09 +02:00
margin: 0;
font-weight: normal;
position: relative;
height: 20px;
line-height: 20px;
z-index: 1000;
pointer-events: none;
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2TIOKu .roleCircle-1EgnFN { /* body rolecircle */
2019-09-22 22:29:09 +02:00
position: absolute;
2021-05-06 21:30:35 +02:00
background-color: rgb(var(--textbrighter));
2019-09-22 22:29:09 +02:00
border-radius: 3px;
opacity: 0.3;
height: 100%;
width: 100%;
2021-08-21 20:39:18 +02:00
margin: 0;
2019-09-22 22:29:09 +02:00
left: 0;
top: 0;
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2TIOKu .roleCircle-1EgnFN[style*="background-color: rgb(185, 187, 190)"] {
2021-05-06 21:30:35 +02:00
background-color: rgb(var(--textbrighter)) !important;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2TIOKu .roleCircle-1EgnFN:not(:empty):hover {
2019-09-22 22:29:09 +02:00
opacity: 1;
z-index: 2000;
2020-06-04 17:00:55 +02:00
cursor: pointer;
2019-09-22 22:29:09 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .role-2TIOKu .roleIcon-29epUq {
2021-09-24 17:53:51 +02:00
z-index: 1;
}
2019-09-22 22:29:09 +02:00
2022-01-11 15:32:34 +01:00
.textarea-_59yqs:focus { /* body note */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2021-06-08 22:32:51 +02:00
.wumpusWrapper-2-V9io { /* footer wumpus new user */
2020-04-14 09:15:29 +02:00
margin-top: 27px;
}
2021-06-08 22:32:51 +02:00
#app-mount .wumpusTooltip-mj7eo0 {
2021-05-21 11:41:34 +02:00
background-color: rgb(var(--accentcolor));
color: #fff;
text-shadow: 1px 1px var(--textshadow);
}
2021-06-08 22:32:51 +02:00
#app-mount .wumpusTooltip-mj7eo0::after {
2021-05-21 11:41:34 +02:00
border-color: transparent rgb(var(--accentcolor)) transparent transparent;
}
2020-04-14 09:15:29 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 14.3. EMOJIPICKER ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.contentWrapper-3vHNP2, /* picker expression wrapper */
.emojiPicker-6YCk8a, /* picker inner */
.diversitySelectorOptions-3DhNYs { /* picker diversityselector */
2020-11-16 11:11:06 +01:00
background: transparent;
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-04-25 09:53:26 +02:00
border: none;
overflow: hidden;
}
2022-01-11 15:06:27 +01:00
.contentWrapper-3vHNP2::before,
.emojiPicker-6YCk8a::before,
.diversitySelectorOptions-3DhNYs::before,
.contentWrapper-3vHNP2::after,
.emojiPicker-6YCk8a::after,
.diversitySelectorOptions-3DhNYs::after {
2020-04-25 09:53:26 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.contentWrapper-3vHNP2::before,
.emojiPicker-6YCk8a::before,
.diversitySelectorOptions-3DhNYs::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.contentWrapper-3vHNP2::after,
.emojiPicker-6YCk8a::after,
.diversitySelectorOptions-3DhNYs::after {
2021-05-03 16:23:08 +02:00
background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
.diversitySelectorOptions-3DhNYs::before,
.diversitySelectorOptions-3DhNYs::after {
2020-04-25 09:53:26 +02:00
border-radius: 5px;
}
2022-01-11 15:06:27 +01:00
.emojiPickerInExpressionPicker-2nOwH8 .emojiPicker-6YCk8a {
2020-08-03 17:31:03 +02:00
box-shadow: unset;
}
2022-01-11 15:06:27 +01:00
.emojiPickerInExpressionPicker-2nOwH8 .emojiPicker-6YCk8a::after,
.emojiPickerInExpressionPicker-2nOwH8 .emojiPicker-6YCk8a::before {
2020-08-03 17:31:03 +02:00
display: none;
}
2020-04-25 09:53:26 +02:00
2022-01-11 15:06:27 +01:00
.diversityEmojiItem-2bgZKv:hover { /* picker diversityemoji */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
.navButtonActive-1EqC5l { /* picker navbuttonactive */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-05-06 21:30:35 +02:00
color: #fff;
text-shadow: 1px 1px var(--textshadow);
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
.wrapper-22rqw6 { /* picker sidebar */
background-color: rgba(var(--transparencycolor), .2);
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
.guildIcon-2SUGiq { /* picker guildicon */
background-color: rgba(var(--transparencycolor), .2);
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:32:34 +01:00
.categoryItemDefaultCategory-3haEDq:first-child,
.categoryItemDefaultCategory-3haEDq:first-child + .categoryItemDefaultCategory-3haEDq,
2020-10-27 15:15:57 +01:00
.stickerCategoryRecent-1WVWrj {
2020-10-20 21:57:17 +02:00
margin-bottom: 8px;
}
2022-01-11 15:32:34 +01:00
.categoryItemDefaultCategory-3haEDq:hover, /* picker categoryitem */
2022-01-11 15:06:27 +01:00
.stickerCategory-2f6iSo:hover, /* picker stickercategoryitem */
2020-10-27 15:15:57 +01:00
.stickerCategoryShopWrapper-3EnJdQ:hover .stickerCategoryShop-d5zC3B {
background-color: rgba(var(--transparencycolor), .3);
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
.categoryItemDefaultCategorySelected-2YeRUu, /* picker categoryitem selected */
.categoryItemDefaultCategorySelected-2YeRUu:hover,
2020-10-27 15:15:57 +01:00
.stickerCategorySelected-2uaMAG, /* picker stickercategoryitem selected */
.stickerCategorySelected-2uaMAG:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
.categoryItemDefaultCategorySelected-2YeRUu svg, /* picker categoryitem selected */
.categoryItemDefaultCategorySelected-2YeRUu:hover svg,
2020-10-27 15:15:57 +01:00
.stickerCategorySelected-2uaMAG svg, /* picker stickercategoryitem selected */
2021-05-06 17:50:44 +02:00
.stickerCategorySelected-2uaMAG:hover svg {
2021-05-03 16:23:08 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2020-06-01 10:52:07 +02:00
}
2020-04-25 09:53:26 +02:00
2022-01-11 15:06:27 +01:00
.unicodeShortcut-3N8oDe, /* picker unicodeemojis shortcut */
2020-10-27 15:15:57 +01:00
.stickerCategoryShopWrapper-3EnJdQ { /* picker unicodeemojis shortcut */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2020-04-25 09:53:26 +02:00
border: none;
overflow: hidden;
z-index: 100;
}
2022-01-11 15:06:27 +01:00
.unicodeShortcut-3N8oDe::before,
2021-06-26 17:46:21 +02:00
.stickerCategoryShopWrapper-3EnJdQ::before,
2022-01-11 15:06:27 +01:00
.unicodeShortcut-3N8oDe::after,
2021-06-26 17:46:21 +02:00
.stickerCategoryShopWrapper-3EnJdQ::after {
2020-04-25 09:53:26 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.unicodeShortcut-3N8oDe::before,
2021-06-26 17:46:21 +02:00
.stickerCategoryShopWrapper-3EnJdQ::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.unicodeShortcut-3N8oDe::after,
2020-11-16 11:11:06 +01:00
.stickerCategoryShopWrapper-3EnJdQ::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-04-25 09:53:26 +02:00
2022-01-11 15:06:27 +01:00
.inspector-DFKXwB { /* picker emojiinfowrapper */
background-color: rgba(var(--transparencycolor), .2);
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .wrapper-1NNaWG { /* picker categoryheader */
2020-04-25 09:53:26 +02:00
background: transparent;
position: static;
}
2022-01-11 15:06:27 +01:00
#app-mount .imageLoading-2uloYN { /* picker emoji loading */
background: rgba(var(--transparencycolor), .3);
2020-10-27 15:15:57 +01:00
border-radius: 10px;
}
2022-01-11 15:06:27 +01:00
.emojiItem-277VFM.emojiItemSelected-2Lg50V { /* picker emoji selected */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
.emojiItemDisabled-3VVnwp { /* picker emoji disabled */
2020-04-27 14:06:04 +02:00
filter: none;
cursor: no-drop;
}
2022-01-11 15:06:27 +01:00
.emojiItemDisabled-3VVnwp > * {
2020-06-17 15:53:34 +02:00
filter: grayscale(1);
2020-04-25 09:53:26 +02:00
}
2020-10-27 15:15:57 +01:00
.shape-2kfO2v { /* picker sticker loading */
background-color: rgba(var(--transparencycolor), .2);
2020-10-27 15:15:57 +01:00
}
2022-01-11 15:32:34 +01:00
.feature-1nRVr5 { /* picker sticker feature */
2020-10-27 15:15:57 +01:00
background: transparent;
}
2022-01-11 15:06:27 +01:00
.stickerInspected-mwnU6w .stickerBackground-2XECKi { /* picker sticker focused */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-10-27 15:15:57 +01:00
}
.viewAllBackground-3Bn1vh { /* picker sticker view all */
background-color: rgba(var(--transparencycolor), .2);
2020-10-27 15:15:57 +01:00
}
2022-01-11 15:32:34 +01:00
.viewAll-1MwRpl:hover .viewAllBackground-3Bn1vh,
2022-01-11 15:06:27 +01:00
.viewAllInspected-25Y7ds .viewAllBackground-3Bn1vh {
background-color: rgba(var(--transparencycolor), .4);
2020-10-27 15:15:57 +01:00
}
2022-01-11 15:06:27 +01:00
.premiumPromo-1eKAIB { /* picker premium warning */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2020-04-27 14:06:04 +02:00
opacity: 1;
}
2022-01-11 15:06:27 +01:00
.premiumPromo-1eKAIB::before,
.premiumPromo-1eKAIB::after {
2020-04-27 14:06:04 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2021-06-26 17:46:21 +02:00
opacity: 0.9;
2020-04-27 14:06:04 +02:00
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.premiumPromo-1eKAIB::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.premiumPromo-1eKAIB::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.29));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
.premiumPromoClose-Nuntxy {
2021-05-06 21:30:35 +02:00
-webkit-mask: url(https://discord.com/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat;
background: var(--interactive-normal);
2020-10-18 20:42:49 +02:00
}
2022-01-11 15:06:27 +01:00
.premiumPromoClose-Nuntxy:hover {
2021-05-06 21:30:35 +02:00
background: var(--interactive-hover);
}
2022-01-11 15:06:27 +01:00
.premiumPromoClose-Nuntxy:active {
2021-05-06 21:30:35 +02:00
background: var(--interactive-active);
2020-10-18 20:42:49 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .categoryItemDefaultCategorySelected-2YeRUu .categoryIcon-2cYeku,
#app-mount .categoryItemDefaultCategorySelected-2YeRUu:hover .categoryIcon-2cYeku {
2021-05-06 21:30:35 +02:00
color: var(--interactive-active);
}
2022-01-11 15:06:27 +01:00
#app-mount .focused-q9B2e4, /* gifpicker result */
#app-mount .result-3OpoO7:hover {
box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor), .3);
2020-10-18 20:42:49 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .placeholder-2Mfkde {
2021-05-06 21:30:35 +02:00
background: rgba(var(--textdarkest),.6);
}
2022-01-11 15:06:27 +01:00
#app-mount .endContainer-3FEUTM::after {
2021-05-06 21:30:35 +02:00
background-image: url(https://discord.com/assets/0c735bf91232f2a2266e6ba9d6753565.svg);
opacity: 0.6;
}
2022-01-11 15:06:27 +01:00
#app-mount .endText-3HHsVy {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .emptyHintCard-3Btf0V {
background-color: rgba(var(--transparencycolor), .2);
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-10-18 20:42:49 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .backButton-3D5utk { /* gifpicker backbutton */
2021-05-06 21:30:35 +02:00
color: var(--interactive-normal);
2020-10-18 20:42:49 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .backButton-3D5utk:hover {
2021-05-06 21:30:35 +02:00
color: var(--interactive-hover);
2020-10-18 20:42:49 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .backButton-3D5utk:active {
2021-05-06 21:30:35 +02:00
color: var(--interactive-active);
2020-10-18 20:42:49 +02:00
}
2020-04-25 09:53:26 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 14.4. PINS/MENTIONS ---- */
2020-03-26 15:59:43 +01:00
2022-01-11 15:32:34 +01:00
.messagesPopoutWrap-3zryHW, /* popout wrapper */
.container-2ebMPP { /* popout wrapper (inbox) */
2021-02-03 13:00:57 +01:00
background-color: transparent;
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-01-30 13:58:17 +01:00
border: none;
overflow: hidden;
}
2022-01-11 15:32:34 +01:00
.messagesPopoutWrap-3zryHW > *,
.container-2ebMPP > * {
2020-01-30 13:58:17 +01:00
z-index: 1000;
}
2022-01-11 15:32:34 +01:00
.messagesPopoutWrap-3zryHW::before,
.container-2ebMPP::before,
.messagesPopoutWrap-3zryHW::after,
.container-2ebMPP::after {
2020-01-30 13:58:17 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.messagesPopoutWrap-3zryHW::before,
.container-2ebMPP::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.messagesPopoutWrap-3zryHW::after,
.container-2ebMPP::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .messagesPopout-eVzQcI { /* popout innerwrap */
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2020-05-08 10:46:50 +02:00
2019-09-19 12:56:54 +02:00
.themedPopout-1TrfdI .header-2Kf7Yu {
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.header-1w9Q93 { /* popout header */
background-color: rgba(var(--transparencycolor), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2020-05-08 10:46:50 +02:00
2019-09-19 12:56:54 +02:00
.themedPopout-1TrfdI .footer-1K57q_ {
background-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.footer-5ji8u1 { /* popout footer */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2020-05-08 10:46:50 +02:00
2022-01-11 15:32:34 +01:00
.messageGroupWrapper-1jf_7C {
2019-09-19 12:56:54 +02:00
background-color: transparent;
border: none;
overflow: visible;
padding: 11px 10px 10px 10px;
}
2022-01-11 15:32:34 +01:00
.messageGroupWrapper-1jf_7C + .messageGroupWrapper-1jf_7C::before {
2019-09-19 12:56:54 +02:00
content: "";
2021-05-06 17:50:44 +02:00
border-top: 1px solid var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
position: absolute;
top: -3px;
left: 0;
width: 100%;
}
2022-01-11 15:32:34 +01:00
.messageGroupWrapper-1jf_7C .contentCozy-3XX413 {
2019-09-19 12:56:54 +02:00
overflow: hidden;
}
2022-01-11 15:32:34 +01:00
.actionButtons-2mNSAB { /* popout actionbuttonscontainer */
2019-09-19 12:56:54 +02:00
top: 4px;
right: 14px;
}
2022-01-11 15:06:27 +01:00
.jumpButton-1V_1FA, /* popout jumpbutton (mentions) */
2022-01-11 15:32:34 +01:00
.jumpButton-1ZwI_j { /* popout jumpbutton (pins) */
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.jumpButton-1V_1FA:hover,
2022-01-11 15:32:34 +01:00
.jumpButton-1ZwI_j:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-06-26 15:20:13 +02:00
}
2022-01-11 15:06:27 +01:00
.jumpButton-1V_1FA + .jumpButton-1V_1FA,
2022-01-11 15:32:34 +01:00
.jumpButton-1ZwI_j + .jumpButton-1ZwI_j {
2019-09-19 12:56:54 +02:00
margin-left: 2px;
}
2022-01-11 15:32:34 +01:00
.messageGroupWrapper-1jf_7C:hover .actionButtons-2mNSAB .closeButton-17RIVZ {
2019-09-19 12:56:54 +02:00
opacity: 1;
}
2020-01-30 08:58:21 +01:00
.hasMoreButton-1MELpI { /* popout hasmorebutton */
background-color: rgba(var(--transparencycolor), .2);
2019-09-23 12:01:10 +02:00
border: none;
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
.image-t6rLT3 { /* popout emptyimage */
2019-09-19 12:56:54 +02:00
opacity: 0.6;
}
2020-04-18 16:19:27 +02:00
/* popout active tab */
2022-01-11 15:06:27 +01:00
#app-mount .header-145e10 .tabBar-1qdMr5 .tab-TRrPC8.active-1grPyy {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-04-18 16:19:27 +02:00
}
2022-01-11 15:06:27 +01:00
.secondary-2bzKEX, /* popout header button */
.tertiary-1e-lAP, /* popout message button */
2020-05-08 11:16:33 +02:00
.collapseButton-3V3Cqh { /* popout collapse button */
background-color: rgba(var(--transparencycolor), .2);
2020-04-18 16:19:27 +02:00
}
2022-01-11 15:06:27 +01:00
.secondary-2bzKEX:hover,
.tertiary-1e-lAP:hover,
2020-05-08 11:16:33 +02:00
.collapseButton-3V3Cqh:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-04-18 16:19:27 +02:00
}
2020-05-08 11:16:33 +02:00
.collapseButton-3V3Cqh {
position: static;
margin-left: 12px;
border-radius: 32px;
box-sizing: border-box;
cursor: pointer;
flex-shrink: 0;
height: 32px;
min-height: 32px;
width: 32px;
min-width: 32px;
padding: 8px;
transform: unset !important;
}
.collapseButton-3V3Cqh.collapsed-b6uSCG svg {
transform: rotate(-90deg);
}
2022-01-11 15:06:27 +01:00
.channelHeader-DFRX8q { /* popout channelheader */
background-color: rgba(var(--transparencycolor), .4);
2020-04-18 16:19:27 +02:00
padding-right: 16px;
border-radius: 5px 5px 0 0;
2020-04-19 19:35:33 +02:00
position: static;
2020-04-18 16:19:27 +02:00
}
2022-01-11 15:06:27 +01:00
.channelHeader-DFRX8q:only-child {
2020-05-08 11:16:33 +02:00
border-radius: 0;
}
2022-01-11 15:06:27 +01:00
.messageContainer-3VTXBC, /* popout messagecontainer */
.messages-23can0 { /* popout messagecontainer (inbox) */
background-color: rgba(var(--transparencycolor), .2);
2020-04-18 16:19:27 +02:00
border-radius: 0;
}
2022-01-11 15:06:27 +01:00
.messageContainer-3VTXBC:last-child,
.messages-23can0:last-child {
2020-04-18 16:19:27 +02:00
border-radius: 0 0 5px 5px;
}
2022-01-11 15:06:27 +01:00
.tutorial-Nb3Zz5 { /* popout tutorial (inbox) */
background-color: rgba(var(--transparencycolor), .4);
2020-08-11 17:19:24 +02:00
}
2022-01-11 15:06:27 +01:00
.tutorialIcon-25VF3Q { /* popout tutorial (inbox) */
background-color: rgba(var(--transparencycolor), .4);
2020-05-08 11:19:25 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 14.5. SEARCHPOPOUT ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .container-2McqkF { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
border: none;
overflow: hidden;
position: relative;
}
2022-01-11 15:32:34 +01:00
.container-2McqkF::before,
.container-2McqkF::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.container-2McqkF::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.container-2McqkF::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .queryContainer-ZunrLZ {
2021-05-06 17:50:44 +02:00
border-bottom-color: var(--background-modifier-accent);
2021-05-07 12:32:48 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .queryContainer-ZunrLZ strong {
2021-05-07 12:32:48 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .focused-2FU0YH {
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .resultsGroup-1BPR25::before {
2021-05-06 17:50:44 +02:00
border-top-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .resultsGroup-1BPR25 .header-3A13BX,
#app-mount .resultsGroup-1BPR25 .plusIcon-2V7coV,
#app-mount .resultsGroup-1BPR25 .searchClearHistory-2Be-92,
#app-mount .resultsGroup-1BPR25 .searchLearnMore-7__o_n a {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .resultsGroup-1BPR25 .header-3A13BX,
#app-mount .resultsGroup-1BPR25 .plusIcon-2V7coV {
2021-11-18 15:35:56 +01:00
color: var(--text-normal);
}
2022-02-18 07:32:38 +01:00
#app-mount .option-ayUoaq::after {
2019-09-19 12:56:54 +02:00
display: none;
}
2022-02-18 07:32:38 +01:00
#app-mount .option-ayUoaq:hover,
2022-03-17 22:16:24 +01:00
#app-mount .option-ayUoaq[aria-selected=true],
2022-02-18 07:32:38 +01:00
#app-mount .option-ayUoaq.selected-rZcOL- {
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-02-18 07:32:38 +01:00
#app-mount .option-ayUoaq:hover::before,
2022-03-17 22:16:24 +01:00
#app-mount .option-ayUoaq[aria-selected=true]::before,
2022-02-18 07:32:38 +01:00
#app-mount .option-ayUoaq.selected-rZcOL-::before {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-09-19 12:56:54 +02:00
border-radius: 3px;
width: 34px;
}
2022-02-18 07:32:38 +01:00
#app-mount .option-ayUoaq:hover .plusIcon-2V7coV,
2022-03-17 22:16:24 +01:00
#app-mount .option-ayUoaq[aria-selected=true] .plusIcon-2V7coV,
2022-02-18 07:32:38 +01:00
#app-mount .option-ayUoaq.selected-rZcOL- .plusIcon-2V7coV {
2021-11-18 15:35:56 +01:00
color: white;
opacity: 1;
}
2022-02-18 07:32:38 +01:00
#app-mount .option-ayUoaq .answer-2fBfuP,
#app-mount .option-ayUoaq .nonText-3_4gtu,
#app-mount .option-ayUoaq strong {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-02-18 07:32:38 +01:00
#app-mount .option-ayUoaq .filter-5YbOzJ {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2022-02-18 07:32:38 +01:00
#app-mount .option-ayUoaq.user-23VtPS .displayedNick-2dDbfG {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-02-18 07:32:38 +01:00
#app-mount .option-ayUoaq.user-23VtPS .displayUsername-14aOpK {
2021-05-07 12:32:48 +02:00
color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .searchOption-351dTI .filter-5YbOzJ {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .searchOption-351dTI .answer-2fBfuP {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .searchResultChannelCategory-3cL8uG,
#app-mount .searchResultChannelIcon-1Il1Qo {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker {
2019-09-19 12:56:54 +02:00
background: transparent;
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__day:not(.react-datepicker__day--outside-month) {
border-color: rgba(var(--transparencycolor), .5);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__day--outside-month {
background: rgba(var(--transparencycolor), .5);
2021-05-07 12:32:48 +02:00
border-color: transparent;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__header,
#app-mount .calendarPicker-sDhzdi .react-datepicker__month-container,
#app-mount .calendarPicker-sDhzdi .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
background: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__header {
2019-09-19 12:56:54 +02:00
padding-bottom: 5px;
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation {
2019-09-19 12:56:54 +02:00
background: transparent;
2021-05-07 12:32:48 +02:00
border-color: rgba(var(--textbrightest), .5);
2019-09-19 12:56:54 +02:00
top: 30px;
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation::before {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat;
2021-05-07 12:32:48 +02:00
background-color: rgb(var(--textbrightest));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation--previous {
2019-09-19 12:56:54 +02:00
left: 30px;
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation--next {
2019-09-19 12:56:54 +02:00
right: 30px;
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__current-month {
2019-09-19 12:56:54 +02:00
border-color: transparent;
padding: 10px 0;
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__current-month,
#app-mount .calendarPicker-sDhzdi .react-datepicker__day-name,
#app-mount .calendarPicker-sDhzdi .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
#app-mount .calendarPicker-sDhzdi .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
#app-mount .calendarPicker-sDhzdi .datePickerHint-17MnA8 .hint-3D5yHh,
#app-mount .calendarPicker-sDhzdi .datePickerHint-17MnA8 .hintValue-1x-flY {
2021-05-07 12:32:48 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
2021-05-07 12:32:48 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .calendarPicker-sDhzdi .react-datepicker__day--outside-month {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2022-04-11 11:22:41 +02:00
cursor: no-drop;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 {
2019-09-19 12:56:54 +02:00
margin: 0;
padding: 20px;
display: flex;
justify-content: center;
2021-11-18 15:35:56 +01:00
border-top-color: var(--background-modifier-accent);
}
2022-01-11 15:06:27 +01:00
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hint-3D5yHh {
2021-11-18 15:35:56 +01:00
color: var(--text-normal);
}
2022-01-11 15:06:27 +01:00
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY {
2021-11-18 15:35:56 +01:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY:hover {
2021-11-18 15:35:56 +01:00
text-shadow: 1px 1px var(--textshadow);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 14.6. COLORPICKER ---- */
2019-09-26 10:28:46 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .colorPickerCustom-1swUKF { /* popout wrapper */
2021-02-03 13:00:57 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-26 10:28:46 +02:00
border: none;
border-radius: 3px;
overflow: hidden;
}
2022-01-11 15:06:27 +01:00
.colorPickerCustom-1swUKF::before,
.colorPickerCustom-1swUKF::after {
2019-09-26 10:28:46 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2021-06-26 17:46:21 +02:00
border-radius: 5px;
2019-09-26 10:28:46 +02:00
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.colorPickerCustom-1swUKF::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.colorPickerCustom-1swUKF::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2019-09-26 10:28:46 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 14.7. ADDROLE ---- */
2019-10-14 15:57:38 +02:00
2022-01-14 19:06:28 +01:00
#app-mount .container-2O1UgZ, /* popout userpopout */
#app-mount .container-1S70rv { /* popout channelsettings */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-10-14 15:57:38 +02:00
border: none;
border-radius: 3px;
overflow: hidden;
2022-01-14 19:06:28 +01:00
width: 300px;
2019-10-14 15:57:38 +02:00
}
2022-01-11 15:06:27 +01:00
.container-2O1UgZ::before,
2022-01-14 19:06:28 +01:00
.container-2O1UgZ::after,
.container-1S70rv::before,
.container-1S70rv::after {
2019-10-14 15:57:38 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-14 19:06:28 +01:00
.container-2O1UgZ::before,
.container-1S70rv::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-14 19:06:28 +01:00
.container-2O1UgZ::after,
.container-1S70rv::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
.focused-qp-W9B,
2022-01-21 22:49:05 +01:00
.item-1BCeuB:hover:not(.disabled-Mmpvl7),
2022-01-14 19:06:28 +01:00
.row-1Ib2uD.selected-1IWCoj .rowInner-3uonq8,
.row-1Ib2uD:hover .rowInner-3uonq8 {
background: rgba(var(--transparencycolor), .4);
2019-10-14 15:57:38 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .container-1S70rv .header-3i_Csh {
background: rgba(var(--transparencycolor), .2);
}
#app-mount .container-1S70rv .input-2lpFVz {
color: var(--header-primary);
}
#app-mount .container-1S70rv .sectionTag-28mLyE {
background: transparent;
}
.autocompleteShadow-2nfsSy,
.autocompleteArrowWrapper-Kr4DnW,
.autocompleteHeaderBackground-3u7TwO {
display: none;
}
2019-09-26 10:28:46 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 14.8. EVERYONEMENTION ---- */
2020-01-30 10:22:32 +01:00
#app-mount .everyonePopout-nEbJY3 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-01-30 10:22:32 +01:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2021-06-26 17:46:21 +02:00
.everyonePopout-nEbJY3::before,
.everyonePopout-nEbJY3::after {
2020-01-30 10:22:32 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2021-06-26 17:46:21 +02:00
.everyonePopout-nEbJY3::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2020-11-16 11:11:06 +01:00
.everyonePopout-nEbJY3::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-01-30 10:22:32 +01:00
#app-mount .header-3_S6dz {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
#app-mount .body-2iXqIL {
color: var(--header-secondary);
}
#app-mount .body-2iXqIL .animation-3GofIz {
opacity: .5;
2020-01-30 10:22:32 +01:00
}
#app-mount .buttonHint-2OxJB8 {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
2020-01-30 10:22:32 +01:00
}
#app-mount .buttonHint-2OxJB8 strong {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
2020-01-30 10:22:32 +01:00
}
#app-mount .footer-2aTx0s {
background-color: rgba(var(--transparencycolor), .2);
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
2020-01-30 10:22:32 +01:00
}
2021-05-07 17:07:56 +02:00
#app-mount .footer-2aTx0s strong {
color: var(--header-secondary);
2020-01-30 10:22:32 +01:00
}
2020-03-26 00:42:57 +01:00
/* ---- 14.9. CHANNELFOLLOW ---- */
2020-03-25 20:19:24 +01:00
2022-01-11 15:32:34 +01:00
#app-mount .header-13P3fr {
background: rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
}
#app-mount .separator-3gy7tq {
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor), .3), 0 1px 2px 0 rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
}
2022-01-11 15:32:34 +01:00
.channelContainer-3YAhb_ {
background-color: rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
}
2022-01-11 15:32:34 +01:00
.channel-k2TVLQ {
background-color: rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
}
2022-01-11 15:32:34 +01:00
.channelContainer-3YAhb_ .channel-k2TVLQ {
2020-03-25 20:19:24 +01:00
background-color: transparent;
}
2020-03-26 00:42:57 +01:00
/* ---- 14.10. CHANNELFOLLOWINFO ---- */
2020-03-25 20:19:24 +01:00
2022-01-11 15:32:34 +01:00
#app-mount .guildPopout-G6M0fK { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2022-01-11 15:32:34 +01:00
.guildPopout-G6M0fK::before,
.guildPopout-G6M0fK::after {
2020-03-25 20:19:24 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:32:34 +01:00
.guildPopout-G6M0fK::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.guildPopout-G6M0fK::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-03-25 20:19:24 +01:00
2020-09-12 17:50:02 +02:00
/* ---- 14.11. EMOJIINFO ---- */
2022-01-11 15:06:27 +01:00
#app-mount .popoutContainer-2wbmiM { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-09-12 17:50:02 +02:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2022-01-11 15:06:27 +01:00
.popoutContainer-2wbmiM::before,
.popoutContainer-2wbmiM::after {
2020-09-12 17:50:02 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.popoutContainer-2wbmiM::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.popoutContainer-2wbmiM::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-09-12 17:50:02 +02:00
2022-01-11 15:06:27 +01:00
.emojiSection-3QtaWO { /* popout emojisection */
2020-09-12 17:50:02 +02:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
.guildSection-2Zyzy8 { /* popout emojisection */
background-color: rgba(var(--transparencycolor), .2);
2020-10-05 21:26:49 +02:00
}
2020-09-12 17:50:02 +02:00
.loading-1lSwpg { /* popout loading placeholder */
background: rgba(var(--transparencycolor), .3);
2020-09-12 17:50:02 +02:00
}
2020-10-06 20:16:58 +02:00
/* ---- 14.12. STREAMPREVIEW ---- */
2022-01-11 15:06:27 +01:00
#app-mount .streamPreview-3qoMP4 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-10-06 20:16:58 +02:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2022-01-11 15:06:27 +01:00
.streamPreview-3qoMP4::before,
.streamPreview-3qoMP4::after {
2020-10-06 20:16:58 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.streamPreview-3qoMP4::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.streamPreview-3qoMP4::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-10-06 20:16:58 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .previewContainer-21fFBz { /* popout preview */
background-color: rgba(var(--transparencycolor), .2);
2020-10-06 20:16:58 +02:00
}
2021-03-19 23:23:44 +01:00
/* ---- 14.13. STREAMINFO ---- */
2022-01-11 15:06:27 +01:00
#app-mount .container-8Futzw { /* modal container */
2021-03-19 23:23:44 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2021-03-19 23:23:44 +01:00
position: relative;
overflow: visible !important;
}
2022-01-11 15:06:27 +01:00
.container-8Futzw::before,
.container-8Futzw::after {
2021-03-19 23:23:44 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.container-8Futzw::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.container-8Futzw::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2021-03-19 23:23:44 +01:00
}
2020-10-06 20:16:58 +02:00
2021-03-19 23:23:44 +01:00
/* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */
2020-10-15 21:56:54 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .popout-AVsFMl { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-10-15 21:56:54 +02:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2022-01-11 15:06:27 +01:00
.popout-AVsFMl::before,
.popout-AVsFMl::after {
2020-10-15 21:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.popout-AVsFMl::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.popout-AVsFMl::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-10-15 21:56:54 +02:00
2021-05-06 21:30:35 +02:00
/* ---- 14.15. RTCSTATUSPOPOUT ---- */
2022-01-11 15:06:27 +01:00
#app-mount .container-1ILvLB { /* RTCpopout */
2021-05-07 17:07:56 +02:00
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
color: var(--header-primary);
position: relative;
2021-05-06 21:30:35 +02:00
width: 260px;
}
2022-01-11 15:06:27 +01:00
.container-1ILvLB::before,
.container-1ILvLB::after {
2021-05-07 17:07:56 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
2021-06-26 18:01:41 +02:00
pointer-events: none;
2021-05-07 17:07:56 +02:00
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.container-1ILvLB::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.container-1ILvLB::after {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2021-05-07 17:07:56 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .container-1ILvLB .header-2C89wJ {
2021-05-06 21:30:35 +02:00
background-color: rgba(var(--transparencycolor), .2);
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .container-1ILvLB canvas {
2021-05-06 21:30:35 +02:00
background-color: rgb(var(--transparencycolor));
padding: 5px;
border-radius: 5px;
}
2022-01-11 15:06:27 +01:00
#app-mount .container-1ILvLB section {
2021-05-06 21:30:35 +02:00
background-color: transparent;
}
2022-01-11 15:06:27 +01:00
#app-mount .container-1ILvLB section p {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .container-1ILvLB section strong {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .debugButton-OTfjlB {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .krispLogo-aWHaan {
2021-05-06 21:30:35 +02:00
-webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat;
background-color: var(--header-primary);
}
/* ---- 14.16. PHONE-/EMAILVALIDATION ---- */
2022-01-11 15:06:27 +01:00
#app-mount .input-3NIgDw {
2021-05-06 21:30:35 +02:00
background-color: rgba(var(--transparencycolor), .2);
color: var(--header-primary);
}
#app-mount .phoneFieldPopout-h7c9mt .countryName-3dA1Xv {
color: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .phoneFieldPopout-h7c9mt .countryCode-2RFA3i {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .activityInviteEducationArrow-1Avyhe {
2021-05-06 21:30:35 +02:00
-webkit-mask: url(https://discord.com/assets/ba018cf9baa19824316dc4c2beb080a4.svg) center/contain no-repeat;
background: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .emailVerificationModal-D8InhA .title-3Z7qoP {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .emailVerificationModal-D8InhA .body-2WAVf7 {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
}
2022-01-11 15:06:27 +01:00
#app-mount .verification-2oQUwN .image-cLINxN {
2021-05-06 21:30:35 +02:00
background-image: url(https://discord.com/assets/c290235278e128e94ae5ac37e58c5cbb.svg);
opacity: .5;
}
2022-01-11 15:06:27 +01:00
#app-mount .verification-2oQUwN .title-rdZnFE {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .verification-2oQUwN .body-2IbMjQ,
#app-mount .verification-2oQUwN .footer-3YDDp6 {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .verificationBlock-xhj3fR {
2021-05-06 21:30:35 +02:00
background-color: rgba(var(--transparencycolor), .1);
border: 1px solid rgba(var(--transparencycolor), .3);
}
2022-01-11 15:06:27 +01:00
#app-mount .verificationBlock-xhj3fR:hover {
2021-05-06 21:30:35 +02:00
background-color: rgba(var(--transparencycolor), .2);
border-color: rgb(var(--transparencycolor));
}
2022-01-11 15:06:27 +01:00
#app-mount .verificationBlock-xhj3fR .image-cLINxN.email-1Zyyoj {
2021-05-06 21:30:35 +02:00
background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg);
opacity: .5;
}
2022-01-11 15:06:27 +01:00
#app-mount .verificationBlock-xhj3fR .image-cLINxN.phone-2wue_- {
2021-05-06 21:30:35 +02:00
background-image: url(https://discord.com/assets/ca452f5271ebcc7132db59f60a2a9cfe.svg);
opacity: .5;
}
2022-01-11 15:06:27 +01:00
#app-mount .verificationBlock-xhj3fR .body-2IbMjQ {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2020-03-25 20:19:24 +01:00
2021-05-07 17:07:56 +02:00
/* ---- 14.17. QUICKSELECTPOPOUT ---- */
2022-01-11 15:06:27 +01:00
#app-mount .quickSelectPopout-2F0PXw, /* quickselect */
#app-mount .popoutList-10IFAa { /* listpopout */
2021-05-07 17:07:56 +02:00
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
color: var(--header-primary);
position: relative;
}
2022-01-11 15:06:27 +01:00
.quickSelectPopout-2F0PXw::before,
.popoutList-10IFAa::before,
.quickSelectPopout-2F0PXw::after,
.popoutList-10IFAa::after {
2021-05-07 17:07:56 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
2021-06-26 18:01:41 +02:00
pointer-events: none;
2021-05-07 17:07:56 +02:00
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.quickSelectPopout-2F0PXw::before,
.popoutList-10IFAa::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.quickSelectPopout-2F0PXw::after,
.popoutList-10IFAa::after {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2021-05-07 17:07:56 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .selectableItem-3-fmiM {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .selectableItem-3-fmiM:hover {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), .2);
}
2022-01-11 15:06:27 +01:00
#app-mount .quickSelectPopoutOption-2E2UmS:hover {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), .2);
}
2022-01-11 15:06:27 +01:00
#app-mount .quickSelectPopoutOption-2E2UmS.selected-2xg679 {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), .4);
}
2022-01-11 15:06:27 +01:00
#app-mount .popoutListEmpty-3MWXtE {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .quickSelectArrow-1dOOHb {
2021-05-07 17:07:56 +02:00
-webkit-mask: url(https://discord.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat;
background: var(--interactive-normal);
}
2021-05-15 12:30:19 +02:00
/* ---- 14.18. WARNINGPOPOUT ---- */
2022-01-11 15:06:27 +01:00
#app-mount .contentWarningPopout-WKdbDG { /* popout */
2021-05-15 12:30:19 +02:00
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
}
2022-01-11 15:06:27 +01:00
.contentWarningPopout-WKdbDG::before,
.contentWarningPopout-WKdbDG::after {
2021-05-15 12:30:19 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
2021-06-26 18:01:41 +02:00
pointer-events: none;
2021-05-15 12:30:19 +02:00
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.contentWarningPopout-WKdbDG::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.contentWarningPopout-WKdbDG::after {
2021-05-15 12:30:19 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2021-05-15 12:30:19 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .body-2rDNbs {
2021-05-15 12:30:19 +02:00
color: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .header-DRA95Q {
2021-05-15 12:30:19 +02:00
color: var(--header-primary);
}
2021-11-09 17:21:22 +01:00
/* ---- 14.18. ACTIVETHREADLISTPOPOUT ---- */
2022-01-11 15:06:27 +01:00
#app-mount .popout-TdhJ6Z { /* popout */
2021-11-09 17:21:22 +01:00
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
}
2022-01-11 15:06:27 +01:00
.popout-TdhJ6Z::before,
.popout-TdhJ6Z::after {
2021-11-09 17:21:22 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
2022-01-11 15:06:27 +01:00
.popout-TdhJ6Z::before {
2021-11-09 17:21:22 +01:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:06:27 +01:00
.popout-TdhJ6Z::after {
2021-11-09 17:21:22 +01:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
2021-05-07 17:07:56 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 15. GENERAL ~~~~ */
2019-09-19 12:56:54 +02:00
::selection { /* selection */
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2019-09-19 12:56:54 +02:00
}
2020-11-17 20:40:39 +01:00
.highlight {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-11-17 20:40:39 +01:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .elevationLow-26BbEG, #app-mount .elevationLow-3aiJPL, .lightElevationLow-1QzqDT, .darkElevationLow-2LO4eN {
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .elevationHigh-3KUiqj, #app-mount .elevationHigh-28Pty4, .lightElevationHigh-3gER0h, .darkElevationHigh-1BaD2i {
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .elevationBorderLow-3_3rXL, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow-2Ysl3H, .darkElevationBorderLow-34oHrM {
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 1px 5px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .elevationBorderHigh-3drnJX, #app-mount .elevationBorderHigh-1s5JCj, .lightElevationBorderHigh-3wutCI, .darkElevationBorderHigh-8ZYNYM {
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .breadcrumbWrapper-3rpYiO { /* breadcrumbs wrapper */
2021-05-06 21:30:35 +02:00
color: rgba(var(--textbrightest),.3);
}
2022-01-11 15:06:27 +01:00
#app-mount .activeBreadcrumb-2xVic0 { /* breadcrumbs active */
2021-05-06 21:30:35 +02:00
color: rgba(var(--textbrightest),.6);
}
2020-03-26 00:42:57 +01:00
/* ---- 15.1. TEXT ---- */
2019-09-19 12:56:54 +02:00
2021-05-07 17:07:56 +02:00
.description-1u9Qui {
color: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount h1.title-338goq,
#app-mount h2.title-338goq {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount h3.title-338goq {
2021-05-07 17:07:56 +02:00
color: var(--text-normal);
}
2022-01-11 15:06:27 +01:00
#app-mount h4.title-338goq,
#app-mount h5.title-338goq,
#app-mount h6.title-338goq {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .text-27cdrj,
#app-mount .title-2CL_z0 {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
}
2021-05-07 17:07:56 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .title-338goq {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2021-05-06 18:17:02 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .markdown-19oyJN {
2021-05-07 17:07:56 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .markdown-19oyJN th {
2021-05-07 17:07:56 +02:00
background-color: var(--background-tertiary);
border-color: var(--interactive-muted);
color: var(--header-primary);
2020-01-30 14:18:43 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .markdown-19oyJN td {
2021-05-07 17:07:56 +02:00
border-color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .markdown-19oyJN tr {
2021-05-07 17:07:56 +02:00
border-color: var(--interactive-muted);
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .markdown-19oyJN tr:nth-child(2n) {
2021-05-07 17:07:56 +02:00
background-color: var(--background-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .markdown-19oyJN .blockquote-2mppuN {
2021-05-07 17:07:56 +02:00
border-left-color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .markdown-19oyJN code {
2021-05-07 17:07:56 +02:00
background-color: var(--background-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .markdown-19oyJN .codeInline-1RFl81 {
2021-05-07 17:07:56 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 15.2. BUTTONS ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.btn-115Sr0.btnPrimary-7AVO-X,
2022-01-14 19:06:28 +01:00
.lookFilled-yCfaCM.hoverBrand-9W5Bs0.hasHover-26V98q:hover,
.lookFilled-yCfaCM.hoverBrandNew-2zxGm3.hasHover-26V98q:hover,
.lookFilled-yCfaCM.colorBrand-I6CyqQ:not(.buttonColor-3bP3fX):not([style*="background-color"]),
.lookFilled-yCfaCM.colorBrandNew-2-gGsS:not(.buttonColor-3bP3fX):not([style*="background-color"]) {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-12-18 10:55:02 +01:00
}
2022-01-14 19:06:28 +01:00
.lookFilled-yCfaCM.hoverBrand-9W5Bs0.hasHover-26V98q:hover svg,
.lookFilled-yCfaCM.hoverBrandNew-2zxGm3.hasHover-26V98q:hover svg,
.lookFilled-yCfaCM.colorBrand-I6CyqQ:not(.buttonColor-3bP3fX):not([style*="background-color"]) svg,
.lookFilled-yCfaCM.colorBrandNew-2-gGsS:not(.buttonColor-3bP3fX):not([style*="background-color"]) svg {
2021-05-03 16:23:08 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2020-06-01 10:48:24 +02:00
}
2020-02-19 14:54:06 +01:00
2022-01-14 19:06:28 +01:00
#app-mount .lookInverted-2mDUMi.colorPrimary-2AuQVo .spinnerItem-3dCJpG {
2021-05-27 20:44:11 +02:00
background-color: rgb(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo .spinnerItem-3dCJpG,
#app-mount .lookLink-15mFoz.colorPrimary-2AuQVo .spinnerItem-3dCJpG {
2021-05-27 20:44:11 +02:00
background-color: rgb(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-14 19:06:28 +01:00
#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover,
#app-mount .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:hover {
2021-05-27 20:44:11 +02:00
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo:active,
#app-mount .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:active {
2021-05-27 20:44:11 +02:00
background-color: rgba(var(--transparencycolor), .6);
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo,
#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo:disabled {
2021-05-27 20:44:11 +02:00
background-color: rgba(var(--transparencycolor), .2);
2021-05-07 17:07:56 +02:00
color: #FFF;
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-14 19:06:28 +01:00
#app-mount .lookInverted-2mDUMi.colorPrimary-2AuQVo:hover,
#app-mount .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:hover {
2021-05-07 17:07:56 +02:00
background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookInverted-2mDUMi.colorPrimary-2AuQVo:active,
#app-mount .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:active {
2021-05-07 17:07:56 +02:00
background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookInverted-2mDUMi.colorPrimary-2AuQVo,
#app-mount .lookInverted-2mDUMi.colorPrimary-2AuQVo:disabled {
2021-05-07 17:07:56 +02:00
background-color: #FFF;
2021-05-27 20:44:11 +02:00
color: rgba(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2022-06-23 17:35:23 +02:00
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover,
2022-01-14 19:06:28 +01:00
#app-mount .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:hover {
2022-06-23 17:35:23 +02:00
background-color: rgba(var(--textdarkest), .05);
2021-05-27 20:44:11 +02:00
border-color: rgba(var(--textdarkest), .6);
2021-05-07 17:07:56 +02:00
}
2022-06-23 17:35:23 +02:00
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo:active,
2022-01-14 19:06:28 +01:00
#app-mount .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:active {
2021-05-27 20:44:11 +02:00
background-color: rgba(var(--textdarkest), .1);
border-color: rgb(var(--textdarkest));
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo,
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo:disabled {
2021-05-27 20:44:11 +02:00
border-color: rgba(var(--textdarkest), .1);
color: rgb(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-14 19:06:28 +01:00
#app-mount .lookLink-15mFoz.colorPrimary-2AuQVo {
2021-05-27 20:44:11 +02:00
color: rgb(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookLink-15mFoz.colorPrimary-2AuQVo:hover .contents-3ca1mk,
#app-mount .lookLink-15mFoz.hoverPrimary-2hqNIm.hasHover-26V98q:hover .contents-3ca1mk {
2021-05-27 20:44:11 +02:00
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--textdarkest)) 0, rgb(var(--textdarkest)) 2px, transparent 0);
color: rgb(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-14 19:06:28 +01:00
#app-mount .borderPrimary-1ygM7_ {
2022-06-23 17:35:23 +02:00
border-color: rgb(var(--textdarkest)) !important;
2021-11-03 16:18:23 +01:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookInverted-2mDUMi.colorTransparent-13Bvvi .spinnerItem-3dCJpG {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.1);
}
2022-01-14 19:06:28 +01:00
#app-mount .lookFilled-yCfaCM.colorTransparent-13Bvvi .spinnerItem-3dCJpG,
#app-mount .lookOutlined-3yKVGo.colorTransparent-13Bvvi .spinnerItem-3dCJpG,
#app-mount .lookLink-15mFoz.colorTransparent-13Bvvi .spinnerItem-3dCJpG {
2021-11-03 16:18:23 +01:00
background-color: rgb(var(--textbrightest));
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookFilled-yCfaCM.colorTransparent-13Bvvi:hover,
#app-mount .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:hover {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.05);
}
2022-01-14 19:06:28 +01:00
#app-mount .lookFilled-yCfaCM.colorTransparent-13Bvvi:active,
#app-mount .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:active {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.01);
}
2022-01-14 19:06:28 +01:00
#app-mount .lookFilled-yCfaCM.colorTransparent-13Bvvi,
#app-mount .lookFilled-yCfaCM.colorTransparent-13Bvvi:disabled {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.1);
2021-11-03 16:18:23 +01:00
color: rgb(var(--textbrightest));
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookInverted-2mDUMi.colorTransparent-13Bvvi:hover,
#app-mount .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:hover {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.05);
}
2022-01-14 19:06:28 +01:00
#app-mount .lookInverted-2mDUMi.colorTransparent-13Bvvi:active,
#app-mount .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:active {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.1);
}
2022-01-14 19:06:28 +01:00
#app-mount .lookInverted-2mDUMi.colorTransparent-13Bvvi,
#app-mount .lookInverted-2mDUMi.colorTransparent-13Bvvi:disabled {
2021-11-03 16:18:23 +01:00
background-color: rgb(var(--textbrightest));
2021-05-07 17:07:56 +02:00
color: rgba(var(--textbrightest),.1);
}
2022-01-14 19:06:28 +01:00
#app-mount .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:hover {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrighter),.1);
2021-11-03 16:18:23 +01:00
border-color: rgb(var(--textbrightest));
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:active {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.1);
2021-11-03 16:18:23 +01:00
border-color: rgb(var(--textbrightest));
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookOutlined-3yKVGo.colorTransparent-13Bvvi,
#app-mount .lookOutlined-3yKVGo.colorTransparent-13Bvvi:disabled {
2021-05-07 17:07:56 +02:00
background-color: transparent;
2021-11-03 16:18:23 +01:00
color: rgb(var(--textbright));
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookLink-15mFoz.colorTransparent-13Bvvi {
2021-11-03 16:18:23 +01:00
color: rgb(var(--textbright));
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
#app-mount .lookLink-15mFoz.colorTransparent-13Bvvi:hover .contents-3ca1mk,
#app-mount .lookLink-15mFoz.hoverTransparent-1F6BzX.hasHover-26V98q:hover .contents-3ca1mk {
2021-05-15 12:30:19 +02:00
background-image: linear-gradient(0deg, transparent,transparent 1px,rgb(var(--textbrighter)) 0,rgb(var(--textbrighter)) 2px,transparent 0);
2021-11-03 16:18:23 +01:00
color: rgb(var(--textbright));
}
2022-01-14 19:06:28 +01:00
#app-mount .borderTransparent-2P3AAk {
2021-11-03 16:18:23 +01:00
border-color: rgb(var(--textbrightest)) !important;
2019-04-05 11:10:52 +02:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.3. INPUTS ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.input-2g-os5 { /* valueinput bordered */
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
2019-02-13 22:55:07 +01:00
}
2022-01-11 15:06:27 +01:00
.input-2g-os5:hover:not(:focus) {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--transparencycolor));
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
.textInput-3g8y92 { /* textinput */
2021-11-18 15:50:59 +01:00
background-color: rgba(var(--transparencycolor), .1);
}
2022-01-11 15:32:34 +01:00
.textInput-3g8y92 .input-2g-os5 {
2021-11-18 15:50:59 +01:00
background: transparent;
}
2021-05-07 17:07:56 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .prefixInput-w72mM6 {
2021-05-07 17:07:56 +02:00
background-color: rgba(0,0,0,.1);
border-color: rgba(0,0,0,.3);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .prefixInput-w72mM6:hover {
2021-05-07 17:07:56 +02:00
border-color: rgba(0,0,0,.6);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .prefixInputInput-yS14_1 {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .prefixInputInput-yS14_1::-webkit-input-placeholder,
#app-mount .prefixInputInput-yS14_1::-moz-placeholder,
#app-mount .prefixInputInput-yS14_1:-ms-input-placeholder,
#app-mount .prefixInputInput-yS14_1::placeholder {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .prefixInputPrefix-20KCc9 {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
2018-10-11 10:21:26 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .maxLength-IdVNmX {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
2018-10-11 10:21:26 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .copyInput-3AbKWB {
2021-05-07 17:07:56 +02:00
background-color: var(--deprecated-text-input-bg);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .copyInputDefault-3jiMHw {
2021-05-07 17:07:56 +02:00
border-color: var(--deprecated-text-input-border);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .hiddenMessage-3QNvPt,
2022-01-11 15:32:34 +01:00
#app-mount .inputDefault-1AaKiD {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
2018-12-14 00:14:32 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .hiddenMessage-3QNvPt::placeholder,
2022-01-11 15:32:34 +01:00
#app-mount .inputDefault-1AaKiD::placeholder {
2021-05-07 17:07:56 +02:00
color: rgba(var(--textbrightest),.3);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.container-2nx-BQ { /* checkboxswitch */
background-color: rgba(var(--transparencycolor), .3) !important;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.container-2nx-BQ rect[fill] {
2021-05-07 17:07:56 +02:00
fill: var(--header-primary) !important;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.container-2nx-BQ path[fill] {
2021-05-03 16:23:08 +02:00
fill: rgb(var(--transparencycolor)) !important;
2020-10-14 22:14:52 +02:00
}
2018-10-11 10:21:26 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .item-2idW98 { /* radiogroup container */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .item-2idW98:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-11-21 19:36:03 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .item-2idW98[aria-checked=true] .radioBar-3w9XY- {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-11-22 15:40:43 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .item-2idW98[aria-checked=true] .radioBar-3w9XY- .radioIconForeground-2BMavi {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .item-2idW98 .radioBar-3w9XY-[style*="--radio-bar-accent-color"] {
2020-11-22 15:40:43 +01:00
background: var(--radio-bar-accent-color);
border: unset;
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
2020-11-22 15:40:43 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .item-2idW98[aria-checked=false]:hover .radioBar-3w9XY-[style*="--radio-bar-accent-color"] {
background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2));
2020-11-22 15:40:43 +01:00
}
2018-10-11 10:21:26 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .checkboxContainer-1NbL2v::before { /* checkbox container */
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textdarker), .3);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .checkbox-f1HnKB { /* checkbox inner */
2021-05-07 17:07:56 +02:00
border-color: rgb(var(--textdark));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .checkbox-f1HnKB.checked-1pZh2h { /* checkbox checked */
2021-05-07 17:07:56 +02:00
background-color: rgb(var(--textbrightest));
border-color: rgb(var(--textbrightest));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .checkbox-f1HnKB.checked-1pZh2h.round-1RSG-3 { /* checkbox roundchecked */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
border-color: rgb(var(--accentcolor)) !important;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .checkbox-f1HnKB.checked-1pZh2h.round-1RSG-3 svg {
2021-05-03 16:23:08 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2020-06-01 10:48:24 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .checkbox-f1HnKB.checked-1pZh2h.round-1RSG-3 path[fill] {
2021-06-10 21:39:33 +02:00
fill: #fff;
2018-11-02 21:01:04 +01:00
}
2022-01-11 15:32:34 +01:00
.checkboxMute-1erNeD::before {
background-color: rgba(var(--transparencycolor), .2);
2018-11-02 21:01:04 +01:00
}
2018-10-11 10:21:26 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .bar-1Bhnl9 { /* slider backgroundbar */
background-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
.grabber-2GQyvM { /* slider grabber */
2021-05-07 17:07:56 +02:00
background-color: var(--header-primary);
border-color: var(--header-primary);
box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor), .05), 0 2px 2px 0 rgba(var(--transparencycolor), .1), 0 3px 3px 0 rgba(var(--transparencycolor), .05);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .markValue-2U_-UG { /* slider markvalue */
2021-06-10 21:39:33 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .defaultValue-19SZ-q .markValue-2U_-UG {
2019-09-19 12:56:54 +02:00
color: #43b581;
}
2022-01-11 15:06:27 +01:00
#app-mount .markDash-yk2kJ- {
2019-09-19 12:56:54 +02:00
background: transparent;
color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .defaultValue-19SZ-q .markDash-yk2kJ- {
2019-09-19 12:56:54 +02:00
color: #43b581;
}
2022-01-11 15:06:27 +01:00
#app-mount .markDash-yk2kJ-::before,
#app-mount .markDash-yk2kJ-::after {
2018-10-11 10:21:26 +02:00
content: "";
position: absolute;
2019-09-19 12:56:54 +02:00
background: currentColor;
height: 8px;
width: 2px;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .markDash-yk2kJ-::before {
2019-09-19 12:56:54 +02:00
top: 14px;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .markDash-yk2kJ-::after {
2019-09-19 12:56:54 +02:00
top: 30px;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
#app-mount .bubble-3we2di { /* slider bubble */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-05-07 17:07:56 +02:00
color: #fff;
text-shadow: 1px 1px var(--textshadow);
2019-03-18 10:22:26 +01:00
}
2020-10-19 10:38:04 +02:00
#app-mount .bubble-3we2di::before {
2021-05-03 16:23:08 +02:00
border-top-color: rgb(var(--accentcolor));
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .container-30qY7E { /* hotkeyinput container */
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .editIcon-e7sZ3b { /* hotkeyinput editicon */
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg) center/cover no-repeat;
2021-05-07 17:07:56 +02:00
background: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .container-1_EVMa .button-ZJ9ZzX {
2021-06-26 17:20:52 +02:00
background-color: rgba(var(--transparencycolor),.3) !important;
color: var(--header-primary) !important;
}
2022-01-11 15:32:34 +01:00
#app-mount .container-1_EVMa.recording-3ny5_E .button-ZJ9ZzX {
2021-06-26 17:20:52 +02:00
background-color: rgba(var(--dangercolor),.1) !important;
color: rgb(var(--dangercolor)) !important;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
.select-1YfRS9 [class*="css-"][class*="-container"] { /* select container */
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2022-01-11 15:32:34 +01:00
.lookFilled-1GseHa.select-1Ia3hD,
2022-01-11 15:06:27 +01:00
.select-1YfRS9 [class*="css-"][class*="-control"] {
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.lookFilled-1GseHa.select-1Ia3hD:hover {
2021-11-18 15:50:59 +01:00
border-color: rgb(var(--transparencycolor));
}
2022-01-11 15:32:34 +01:00
.lookFilled-1GseHa.select-1Ia3hD:hover.open-1FRZsK,
.lookFilled-1GseHa.open-1FRZsK {
border-color: rgb(var(--transparencycolor)) rgb(var(--transparencycolor)) rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.lookFilled-1GseHa.select-1Ia3hD .searchInput-3pIoTy {
2021-03-20 11:04:08 +01:00
background: transparent;
}
2022-01-11 15:32:34 +01:00
.select-1Ia3hD,
2022-01-11 15:06:27 +01:00
.select-1YfRS9 [class*="css-"][class*="-control"] {
2021-05-07 17:07:56 +02:00
background-color: var(--deprecated-text-input-bg);
border-color: var(--deprecated-text-input-border);
color: var(--text-normal);
}
2022-01-11 15:06:27 +01:00
.select-1YfRS9 [class*="css-"][class*="-control"]:hover,
.select-1YfRS9 [class*="css-"][class*="-control"]:not(:last-child) {
2021-05-07 17:07:56 +02:00
border-color: var(--deprecated-text-input-border-hover);
}
2022-01-11 15:06:27 +01:00
.select-1YfRS9.languageSelector-1hjSyO [class*="css-"][class*="-control"] {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), .3);
}
2022-01-11 15:06:27 +01:00
.select-1YfRS9 [class*="css-"][class*="-singleValue"],
.select-1YfRS9 [class*="css-"][class*="-placeholder"],
.select-1YfRS9 [class*="css-"][class*="-indicatorContainer"] {
2021-05-07 17:07:56 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.option-2eIyOn,
2021-05-15 12:14:13 +02:00
#app-mount .optionNormal-12VR9V,
2020-10-20 18:34:28 +02:00
.css-1gfjib6-option,
.css-1yz4bi9-option,
2020-10-17 19:28:14 +02:00
.css-ru8b0x-option,
.css-1yz4bi9-option {
background-color: rgba(var(--transparencycolor), .1);
2021-05-07 17:07:56 +02:00
color: var(--interactive-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.option-2eIyOn:hover,
2021-05-15 12:14:13 +02:00
#app-mount .optionNormal-12VR9V:hover,
2020-10-20 18:34:28 +02:00
.css-pkcurw-option,
.css-rzbxvl-option,
2020-10-17 19:28:14 +02:00
.css-1qxn4c5-option,
.css-rzbxvl-option {
background-color: rgba(var(--transparencycolor), .3);
2021-05-07 17:07:56 +02:00
color: var(--interactive-hover);
2019-09-19 12:56:54 +02:00
}
2022-04-06 19:45:54 +02:00
.option-2eIyOn[aria-selected=true]:not(.option-2eIyOn.multi-1HXDiv),
2021-05-15 12:14:13 +02:00
#app-mount .optionActive-KkAdqq,
2020-10-20 18:34:28 +02:00
.css-1gxgi19-option,
.css-1ba14n5-option,
2020-10-17 19:28:14 +02:00
.css-6qzljd-option,
.css-1ba14n5-option {
background-color: rgba(var(--transparencycolor), .5);
2021-05-07 17:07:56 +02:00
color: var(--interactive-active);
2019-09-19 12:56:54 +02:00
}
2020-09-26 19:23:30 +02:00
.role-3ulsK-:hover {
background-color: rgba(var(--transparencycolor), .2);
2020-09-26 19:23:30 +02:00
}
2022-01-11 15:32:34 +01:00
.popout-1KHNAq::-webkit-scrollbar {
2021-03-20 11:04:08 +01:00
display: none;
}
2022-01-11 15:32:34 +01:00
.popout-1KHNAq,
2020-09-26 19:23:30 +02:00
.container-3LUQwT,
2022-01-11 15:06:27 +01:00
.select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
2020-11-16 11:11:06 +01:00
background-color: transparent;
border: 1px solid rgba(var(--transparencycolor), .3);
box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
overflow: hidden;
}
2022-04-06 19:45:54 +02:00
.popout-1KHNAq.scrollerBase-_bVAAt > .option-2eIyOn {
position: relative;
}
2022-01-11 15:32:34 +01:00
.popout-1KHNAq::before,
2022-04-06 19:45:54 +02:00
.popout-1KHNAq.scrollerBase-_bVAAt > .option-2eIyOn::before,
2022-01-11 15:32:34 +01:00
.popout-1KHNAq.scrollerBase-_bVAAt .content-2a4AW9::before,
2020-10-19 10:38:04 +02:00
.container-3LUQwT::before,
2022-01-11 15:06:27 +01:00
.select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before,
2022-01-11 15:32:34 +01:00
.popout-1KHNAq::after,
2022-04-06 19:45:54 +02:00
.popout-1KHNAq.scrollerBase-_bVAAt > .option-2eIyOn::after,
2022-01-11 15:32:34 +01:00
.popout-1KHNAq.scrollerBase-_bVAAt .content-2a4AW9::after,
2021-06-26 18:01:41 +02:00
.container-3LUQwT::after,
2022-01-11 15:06:27 +01:00
.select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
2018-10-11 10:21:26 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
2019-09-19 12:56:54 +02:00
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
.popout-1KHNAq::before,
2022-04-06 19:45:54 +02:00
.popout-1KHNAq.scrollerBase-_bVAAt > .option-2eIyOn::before,
2022-01-11 15:32:34 +01:00
.popout-1KHNAq.scrollerBase-_bVAAt .content-2a4AW9::before,
2021-06-26 18:01:41 +02:00
.container-3LUQwT::before,
2022-01-11 15:06:27 +01:00
.select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2022-01-11 15:32:34 +01:00
.popout-1KHNAq::after,
2022-04-06 19:45:54 +02:00
.popout-1KHNAq.scrollerBase-_bVAAt > .option-2eIyOn::after,
2022-01-11 15:32:34 +01:00
.popout-1KHNAq.scrollerBase-_bVAAt .content-2a4AW9::after,
2020-11-16 11:11:06 +01:00
.container-3LUQwT::after,
2022-01-11 15:06:27 +01:00
.select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:32:34 +01:00
.popout-1KHNAq.scrollerBase-_bVAAt::before,
.popout-1KHNAq.scrollerBase-_bVAAt::after {
2021-11-18 15:50:59 +01:00
display: none;
}
2018-10-11 10:21:26 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.4. SEARCHBARS ---- */
2018-10-11 10:21:26 +02:00
2022-01-11 15:06:27 +01:00
.container-1SX9VC, /* searchbar inner */
.container-2oNtJn {
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .searchBox-pyIJJj .searchBoxInput-P0mWHW::placeholder {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
}
2022-01-11 15:06:27 +01:00
#app-mount .searchIcon-34RNw9 {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
}
2022-01-11 15:06:27 +01:00
#app-mount .filterLabel-3-eQ3i {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .searchBox-pyIJJj {
background-color: rgba(var(--transparencycolor), .3);
box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 15.5. TAGS ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
.botTagRegular-kpctgU:not([style]) { /* bottag regular */
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-12-18 10:24:01 +01:00
}
2022-01-11 15:32:34 +01:00
.botTagRegular-kpctgU:not([style]) svg {
2021-05-03 16:23:08 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2020-06-01 10:52:07 +02:00
}
2018-10-11 10:21:26 +02:00
2022-01-11 15:06:27 +01:00
.base-3IDx3L[style*="var(--bdfdb-blurple)"], /* numberbadge */
.base-3IDx3L[style*="background-color: rgb(88, 101, 242)"],
.base-3IDx3L[style*="background-color: rgb(114, 137, 218)"] {
2021-05-13 21:18:23 +02:00
text-shadow: 1px 1px var(--textshadow);
}
2019-09-19 12:56:54 +02:00
.iconBadge-2wi9r4 { /* iconbadge */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2018-10-11 10:21:26 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.6. ICONS ---- */
2019-09-19 12:56:54 +02:00
.emptySearchImage-1qOMLW, /* empty search */
2022-01-11 15:06:27 +01:00
.image-20MDYu { /* no peoples/webhooks/etc. */
2019-09-19 12:56:54 +02:00
opacity: 0.6;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .gameIcon-1mDo1J { /* activity icon */
2021-10-07 12:46:06 +02:00
background-color: rgba(var(--textbrightest), .1);
2021-09-27 16:21:46 +02:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .invalidPoop--w1123 { /* erroricon invalidpoop */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
opacity: 0.7;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .guildIconExpired-2BFmZC { /* erroricon expiredguild */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
opacity: 0.7;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.7. SCROLLBARS ---- */
2019-09-19 12:56:54 +02:00
::-webkit-scrollbar,
#app-mount ::-webkit-scrollbar {
width: 8px;
height: 8px;
}
2020-08-15 07:53:48 +02:00
#app-mount .scroller-3vODG7::-webkit-scrollbar {
2019-09-19 12:56:54 +02:00
width: 6px;
height: 6px;
}
2022-01-11 15:06:27 +01:00
#app-mount .scroller-Pcwd3e::-webkit-scrollbar,
2022-01-11 15:32:34 +01:00
#app-mount .scrollbar-3vVt8d::-webkit-scrollbar,
2019-09-19 12:56:54 +02:00
#app-mount .scroller-2PSBSf::-webkit-scrollbar {
width: 4px;
height: 4px;
}
2020-09-28 18:54:20 +02:00
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece,
2019-09-19 12:56:54 +02:00
#app-mount ::-webkit-scrollbar,
#app-mount ::-webkit-scrollbar-track,
#app-mount ::-webkit-scrollbar-track-piece {
2020-09-28 18:54:20 +02:00
border-color: transparent !important;
background: transparent !important;
2019-09-19 12:56:54 +02:00
}
::-webkit-scrollbar-thumb,
#app-mount ::-webkit-scrollbar-thumb {
border-radius: 10px;
border: none;
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor)) !important;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
.none-2-_0dP::-webkit-scrollbar-corner,
.none-2-_0dP::-webkit-scrollbar-thumb,
.none-2-_0dP::-webkit-scrollbar-track,
.none-2-_0dP::-webkit-scrollbar {
2019-09-19 12:56:54 +02:00
display: none;
2018-12-28 10:57:05 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.8. NOTIFICATIONBAR ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
.base-2jDfDU .notice-2HEN-u powercord-announcement {
2021-02-19 12:30:32 +01:00
border-radius: 0;
}
2019-09-19 12:56:54 +02:00
#app-mount .notice-2FJMB4 {
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .notice-12Koq- {
background-color: rgba(var(--transparencycolor), .6);
2020-04-14 09:15:29 +02:00
}
2019-12-18 10:55:02 +01:00
.noticeBrand-3nQBC_ {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-12-18 10:55:02 +01:00
}
.noticeBrand-3nQBC_ .button-1MICoQ {
2021-05-03 16:23:08 +02:00
box-shadow: 1px 1px var(--textshadow);
text-shadow: 1px 1px var(--textshadow);
2019-12-18 10:55:02 +01:00
}
2018-10-11 10:21:26 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.9. TOOLTIPS ---- */
2019-09-19 12:56:54 +02:00
2020-05-17 16:28:54 +02:00
.headerText-1e7ZU0,
.bodyText-3yi6Dj {
2021-05-06 17:50:44 +02:00
color: #fff;
2019-09-19 14:29:45 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tooltip-16UpTB,
2020-12-22 21:58:36 +01:00
#app-mount .tooltip-1_vJJI,
2022-01-11 15:06:27 +01:00
#app-mount .tooltip-14MtrL {
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2021-05-06 17:50:44 +02:00
color: #fff;
2021-01-15 17:41:39 +01:00
}
#app-mount .guildNameText-74xXQn {
2021-05-06 17:50:44 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
2021-02-13 22:10:28 +01:00
#app-mount .muteText-1DPH3L {
2021-05-07 11:45:50 +02:00
color: #bbb;
2021-02-13 22:10:28 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tooltip-16UpTB,
2020-12-22 21:58:36 +01:00
#app-mount .tooltip-1_vJJI,
2022-01-11 15:06:27 +01:00
#app-mount .tooltipPrimary-3qLMbS,
#app-mount .tooltipGrey-lpLZjh,
#app-mount .tooltipBlack-vMYxvw {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-05-06 19:36:45 +02:00
color: #fff;
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tooltipPrimary-3qLMbS .note-e4Jh6_,
#app-mount .tooltipGrey-lpLZjh .note-e4Jh6_,
#app-mount .tooltipBlack-vMYxvw .note-e4Jh6_ {
2021-05-22 19:38:29 +02:00
color: #bbb;
}
2022-01-11 15:06:27 +01:00
#app-mount .tooltipPrimary-3qLMbS .tooltipPointer-3L49xb,
#app-mount .tooltipGrey-lpLZjh .tooltipPointer-3L49xb,
#app-mount .tooltipBlack-vMYxvw .tooltipPointer-3L49xb {
2021-05-03 16:23:08 +02:00
border-top-color: rgb(var(--accentcolor));
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tooltipPointer-1KkjI2,
2020-12-22 21:58:36 +01:00
#app-mount .tooltipPointer-1awMxk {
2021-05-03 16:23:08 +02:00
border-right-color: rgb(var(--accentcolor));
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
.emptyUser-2FDCJv {
background: rgba(var(--transparencycolor), .5);
2020-03-25 22:40:02 +01:00
}
2022-01-11 15:06:27 +01:00
.moreUsers-_v6T-L {
background: rgba(var(--transparencycolor), .5);
2020-03-25 22:40:02 +01:00
}
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
2021-02-03 13:00:57 +01:00
/* ~~~~ 16. BDSUPPORT ~~~~ */
2020-12-12 21:27:56 +01:00
html .bd-toast {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2021-05-06 17:50:44 +02:00
color: #fff;
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html .bd-toast.icon {
2019-09-19 12:56:54 +02:00
background-image: none !important;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html .bd-toast.icon::before {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
2021-05-06 17:50:44 +02:00
background: #fff !important;
2020-12-29 18:23:35 +01:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg"><path fill="black" d=""/></svg>') center/cover no-repeat;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html .bd-toast.toast-danger.icon::before,
html .bd-toast.toast-error.icon::before {
2020-12-29 18:23:35 +01:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>') 6px 50%/20px 20px no-repeat;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html .bd-toast.toast-info.icon::before {
2020-12-29 18:23:35 +01:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M 12 2 C 6.48 2 2 6.48 2 12 s 4.48 10 10 10 10-4.48 10-10 S 17.52 2 12 2 z m 1 15 h -2 v -6 h 2 v 6 z m 0-8 h -2 V 7 h 2 v 2 z"/></svg>') 6px 50%/20px 20px no-repeat;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html .bd-toast.toast-success.icon::before {
2021-01-09 17:05:43 +01:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M 12 2 C 6.48 2 2 6.48 2 12 s 4.48 10 10 10 10-4.48 10-10 S 17.52 2 12 2 z m -2 15 l -5-5 1.41-1.41 L 10 14.17 l 7.59-7.59 L 19 8 l -9 9 z"/></svg>') 6px 50%/20px 20px no-repeat;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html .bd-toast.toast-warning.icon::before,
html .bd-toast.toast-warn.icon::before {
2020-12-29 18:23:35 +01:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="black" d="M 1 21 h 22 L 12 2 1 21 z m 12-3 h -2 v -2 h 2 v 2 z m 0-4 h -2 v -4 h 2 v 4 z"/></svg>') 6px 50%/20px 20px no-repeat;
2019-09-19 12:56:54 +02:00
}
2020-10-28 12:24:12 +01:00
#app-mount .fav {
2021-05-06 17:50:44 +02:00
background: var(--interactive-active);
2020-10-28 12:24:12 +01:00
width: 16px;
height: 16px;
padding: 0;
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star_empty.svg) center/contain no-repeat;
2020-10-28 12:24:12 +01:00
}
#app-mount .fav:hover,
#app-mount .fav.active {
background: #faa61a;
}
#app-mount .fav.active {
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star.svg) center/contain no-repeat;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2021-04-21 19:39:15 +02:00
#app-mount .bd-tab-item:hover {
background-color: rgba(var(--transparencycolor), .3);
2021-04-21 19:39:15 +02:00
}
#app-mount .bd-tab-item.selected {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-05-06 17:50:44 +02:00
color: #fff;
text-shadow: 1px 1px var(--textshadow);
2021-04-21 19:39:15 +02:00
}
2021-01-18 11:13:18 +01:00
#app-mount .bd-server-card { /* pubslayer guildcard */
background-color: rgba(var(--transparencycolor), .3);
2021-01-18 11:13:18 +01:00
}
#app-mount .bd-server-icon { /* pubslayer guildicon */
background-color: rgba(var(--transparencycolor), .2);
2021-01-18 11:13:18 +01:00
border-color: transparent;
}
#app-mount .bd-server-card:hover,
#app-mount .bd-server-icon:hover {
background-color: rgba(var(--transparencycolor), .4);
2021-01-18 11:13:18 +01:00
}
2018-10-11 10:21:26 +02:00
2021-04-21 20:53:44 +02:00
.bd-switch-body { /* bd switch */
2021-05-03 16:23:08 +02:00
--switch-color: rgb(var(--transparencycolor));
background-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2020-03-26 10:01:40 +01:00
.bd-select .bd-select-options { /* bd select popout */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2020-03-26 10:01:40 +01:00
border: none;
border-radius: 4px;
box-shadow: rgba(var(--transparencycolor), .3) 0px 2px 5px 0px;
2020-10-09 21:09:35 +02:00
box-sizing: border-box;
padding: 6px 8px;
2020-03-26 10:01:40 +01:00
margin-left: -9px;
}
2021-06-26 18:01:41 +02:00
.bd-select .bd-select-options::before,
.bd-select .bd-select-options::after {
2020-03-26 10:01:40 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 4px;
pointer-events: none;
z-index: -1;
}
2021-06-26 18:01:41 +02:00
.bd-select .bd-select-options::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2020-11-16 11:11:06 +01:00
.bd-select .bd-select-options::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-03-26 10:01:40 +01:00
.bd-select .bd-select-option { /* bd select popout option */
2020-10-09 21:09:35 +02:00
display: flex;
align-items: center;
min-height: 32px;
border-radius: 2px;
box-sizing: border-box;
2020-03-26 10:01:40 +01:00
color: var(--interactive-normal);
2020-10-09 21:09:35 +02:00
font-size: 14px;
font-weight: 500;
line-height: 18px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0 8px;
2020-03-26 10:01:40 +01:00
}
.bd-select .bd-select-option:hover {
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 10:01:40 +01:00
color: var(--interactive-hover);
}
.bd-select .bd-select-option.selected {
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 10:01:40 +01:00
color: var(--interactive-active);
}
2021-05-06 17:50:44 +02:00
.bd-pfbtn { /* addonlist folder button */
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2021-01-18 10:56:16 +01:00
}
.bd-server-tag { /* addonlist public list tag */
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2018-10-11 10:21:26 +02:00
}
2020-03-26 09:41:43 +01:00
2021-05-06 17:50:44 +02:00
.bd-addon-views .bd-view-button:hover {
background-color: rgba(var(--transparencycolor), .3);
2019-02-12 13:21:44 +01:00
}
2020-03-26 09:41:43 +01:00
2021-05-06 17:50:44 +02:00
.bd-button {
filter: drop-shadow(1px 1px var(--textshadow));
2020-03-26 09:41:43 +01:00
}
2021-05-06 17:50:44 +02:00
.bd-button.bd-button-danger {
filter: unset;
2020-03-26 09:41:43 +01:00
}
2018-10-11 10:21:26 +02:00
2021-05-06 17:50:44 +02:00
.floating-window.resizable { /* customcss editor detached */
background: rgb(var(--transparencycolor));
2018-10-11 10:21:26 +02:00
}
2020-11-17 20:40:39 +01:00
html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-11-17 20:40:39 +01:00
}
2018-10-11 10:21:26 +02:00
2021-02-03 13:00:57 +01:00
/* ~~~~ 17. POWERCORDSUPPORT ~~~~ */
html .powercord-toast {
background-color: transparent;
border: none;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2021-02-03 13:00:57 +01:00
overflow: hidden;
}
2021-06-26 18:01:41 +02:00
html .powercord-toast::before,
html .powercord-toast::after {
2021-02-03 13:00:57 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2021-06-26 18:01:41 +02:00
border-radius: 5px;
2021-02-03 13:00:57 +01:00
pointer-events: none;
z-index: -1;
}
2021-06-26 18:01:41 +02:00
html .powercord-toast::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2021-02-03 13:00:57 +01:00
html .powercord-toast::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2021-02-03 13:00:57 +01:00
}
html .powercord-toast .header {
background-color: rgba(var(--transparencycolor), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2);
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2021-02-03 13:00:57 +01:00
}
html .powercord-toast .contents .inner {
background-color: rgba(var(--transparencycolor), .2);
2021-02-03 13:00:57 +01:00
border: none;
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2021-02-03 13:00:57 +01:00
}
2019-09-19 12:56:54 +02:00
2021-02-03 13:00:57 +01:00
/* ~~~~ 18. PLUGINSUPPORT ~~~~ */
2019-09-19 12:56:54 +02:00
2021-02-03 13:11:47 +01:00
/* ---- 18.1. BDFDB ---- */
html .colorDefault-XdNdIp .bg-8df5St {
2021-06-26 18:01:41 +02:00
background: transparent;
opacity: 1;
}
html .colorDefault-XdNdIp .bg-8df5St::before,
html .colorDefault-XdNdIp .bg-8df5St::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
html .colorDefault-XdNdIp .bg-8df5St::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
2021-02-03 13:11:47 +01:00
background-attachment: fixed;
2021-06-26 18:01:41 +02:00
}
html .colorDefault-XdNdIp .bg-8df5St::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
2021-02-03 13:11:47 +01:00
}
/* ---- 18.2. DATEVIEWER ---- */
2019-09-19 12:56:54 +02:00
#app-mount #dv-mount {
background: transparent;
2021-03-03 14:07:50 +01:00
z-index: 1;
}
2021-06-26 17:05:43 +02:00
#app-mount #dv-mount::before,
#app-mount #dv-mount::after {
2021-03-03 14:07:50 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
#app-mount #dv-mount::before {
2021-05-03 16:23:08 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
2021-03-03 14:07:50 +01:00
background-attachment: fixed;
2021-06-26 17:05:43 +02:00
}
#app-mount #dv-mount::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--memberlisttransparency) * 0.85));
backdrop-filter: blur(var(--backgroundblur));
2019-02-16 20:47:37 +01:00
}
2019-09-19 12:56:54 +02:00
#app-mount #dv-main {
border-top-color: rgba(var(--transparencycolor), .2);
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-02-16 20:47:37 +01:00
}
2019-09-19 12:56:54 +02:00
#app-mount #dv-main .dv-date {
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
opacity: 1;
2019-02-16 20:47:37 +01:00
}
2019-09-19 12:56:54 +02:00
2021-05-13 21:18:23 +02:00
/* ---- 18.3. MEMBERCOUNT ---- */
2019-09-19 12:56:54 +02:00
#app-mount #MemberCount {
background-color: transparent;
width: calc(100% - 8px);
margin: 0;
line-height: 0;
height: 30px;
2018-10-11 10:21:26 +02:00
}
2021-06-26 17:05:43 +02:00
#MemberCount::before,
#MemberCount::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
2018-10-11 10:21:26 +02:00
}
2020-10-19 10:38:04 +02:00
#MemberCount::before {
2021-05-03 16:23:08 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
2019-09-19 12:56:54 +02:00
background-attachment: fixed;
2021-06-26 17:05:43 +02:00
}
#MemberCount::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--memberlisttransparency) * 0.85));
backdrop-filter: blur(var(--backgroundblur));
2018-10-11 10:21:26 +02:00
}
2021-05-13 21:18:23 +02:00
/* ---- 18.4. LINENUMBERS ---- */
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
.hljs ol li {
2021-05-06 17:50:44 +02:00
border-left-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
.hljs ol li::before {
2021-05-06 17:50:44 +02:00
color: rgb(var(--textdarker));
2019-04-26 13:35:11 +02:00
}
2021-05-13 21:18:23 +02:00
/* ---- 18.5. PERMISSIONVIEWER ---- */
2019-09-19 12:56:54 +02:00
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper { /* modal wrapper */
z-index: 1001;
}
html #permissions-modal-wrapper #permissions-modal { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2019-09-19 12:56:54 +02:00
border: none;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
2019-09-11 21:42:38 +02:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper #permissions-modal::before,
html #permissions-modal-wrapper #permissions-modal::after {
2019-01-21 20:08:22 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
2019-09-19 12:56:54 +02:00
width: unset;
height: unset;
2019-01-21 20:08:22 +01:00
pointer-events: none;
2019-09-19 12:56:54 +02:00
z-index: -1;
2019-01-21 20:08:22 +01:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper #permissions-modal::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper #permissions-modal::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .header {
background-color: rgba(var(--transparencycolor), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2);
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .modal-body {
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .scroller-title {
border-bottom: 1px solid rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .role-side {
background-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .role-item {
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .role-item:hover {
background-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .role-item.selected {
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .perm-side {
2019-09-19 12:56:54 +02:00
background-color: transparent;
2018-10-11 10:21:26 +02:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .perm-item {
2021-05-06 17:50:44 +02:00
box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
2018-10-11 10:21:26 +02:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .perm-name {
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2018-10-24 21:31:46 +02:00
}
2018-10-11 10:21:26 +02:00
2021-05-13 21:18:23 +02:00
/* ---- 18.6. DIRECTDOWNLOAD ---- */
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
#files_directDownload .file {
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--accentcolor), .2);
2019-09-19 12:56:54 +02:00
border-radius: 6px 6px 0 0;
2019-05-07 15:38:24 +02:00
}
2019-09-19 12:56:54 +02:00
#files_directDownload .file svg {
2021-05-06 17:50:44 +02:00
fill: var(--interactive-active);
2019-09-19 12:56:54 +02:00
opacity: 0.5;
}
#files_directDownload .file svg:hover {
opacity: 1;
}
#files_directDownload .file span {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
#files_directDownload .file .progress-bar {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2018-10-11 10:21:26 +02:00
}
2021-05-13 21:18:23 +02:00
/* ---- 18.7. BETTERFORMATINGREDUX ---- */
2019-09-19 12:56:54 +02:00
.innerDisabled-2mc-iF ~ .bf-toolbar {
display: none;
}
.bf-arrow {
2020-12-29 18:23:35 +01:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="black" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>') center/contain no-repeat;
2021-05-06 17:50:44 +02:00
background: var(--interactive-active) !important;
2019-09-19 12:56:54 +02:00
}
2018-10-11 10:21:26 +02:00
.bf-toolbar {
2019-09-19 12:56:54 +02:00
background: transparent;
overflow: hidden;
transform: none;
top: -50px;
2018-10-11 10:21:26 +02:00
}
2020-10-19 10:38:04 +02:00
.bf-toolbar::after {
2018-10-11 10:21:26 +02:00
content: "";
display: block;
2019-09-19 12:56:54 +02:00
position: absolute;
2018-10-11 10:21:26 +02:00
width: 100%;
height: calc(100% - 15px);
pointer-events: none;
left: 0px;
top: 5px;
background-color: rgba(var(--transparencycolor), .5);
2018-10-11 10:21:26 +02:00
border-radius: 3px;
2019-09-19 12:56:54 +02:00
transform: translate(0, 55px);
2018-10-11 10:21:26 +02:00
transition: all 200ms ease;
2019-09-19 12:56:54 +02:00
z-index: 200;
2018-10-11 10:21:26 +02:00
}
2020-10-19 10:38:04 +02:00
.bf-toolbar.bf-visible::after,
.bf-toolbar.bf-hover:hover::after {
2019-09-19 12:56:54 +02:00
transform: translate(0, 0);
2018-10-11 10:21:26 +02:00
transition: all 200ms cubic-bezier(0,0,0,1);
}
2020-10-19 10:38:04 +02:00
.bf-toolbar::before {
2021-05-03 16:23:08 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
2019-09-19 12:56:54 +02:00
background-attachment: fixed;
2021-05-03 16:23:08 +02:00
filter: blur(var(--popoutblur));
2019-09-19 12:56:54 +02:00
z-index: 100;
2018-10-11 10:21:26 +02:00
}
2020-10-19 10:38:04 +02:00
.theme-brand .bf-toolbar::after {
background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important;
2018-10-11 10:21:26 +02:00
}
2020-10-19 10:38:04 +02:00
.theme-brand .bf-toolbar::before {
2019-09-19 12:56:54 +02:00
display: none;
2018-10-11 10:21:26 +02:00
}
.bf-toolbar > * {
2019-09-19 12:56:54 +02:00
z-index: 300;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
.bf-toolbar .format {
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
.bf-toolbar .format:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-05-06 17:50:44 +02:00
color: #fff;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2021-05-13 21:18:23 +02:00
/* ---- 18.8 CHANNELHISTORY ---- */
2020-04-13 21:01:22 +02:00
.channelHistoryButtons {
top: 4px;
left: 310px;
}
2020-05-11 21:22:33 +02:00
2021-05-13 21:18:23 +02:00
/* ---- 18.9 CHANNELTABS ---- */
2020-08-11 17:49:37 +02:00
2022-05-07 17:44:11 +02:00
html #channelTabs-container {
2021-05-03 16:23:08 +02:00
background: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2));
2021-08-09 18:16:51 +02:00
}
2022-05-07 17:44:11 +02:00
html #channelTabs-settingsMenu,
html .channelTabs-tabNav > div,
2020-09-28 17:09:42 +02:00
html .channelTabs-tab,
html .channelTabs-fav {
cursor: pointer;
}
html .channelTabs-tab:not(.channelTabs-selected):hover,
html .channelTabs-fav:hover {
2022-05-07 17:44:11 +02:00
background: rgba(var(--transparencycolor), 0.2);
2020-08-11 17:49:37 +02:00
}
2022-05-07 17:44:11 +02:00
html #channelTabs-settingsMenu:hover,
html .channelTabs-tabContainer .channelTabs-tabNav > div:hover,
2020-11-02 20:31:56 +01:00
html .channelTabs-tab.channelTabs-selected,
2022-05-07 17:44:11 +02:00
html .channelTabs-tabContainer .channelTabs-newTab:hover {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-08-11 17:49:37 +02:00
}
2022-05-07 17:44:11 +02:00
html #channelTabs-settingsMenu:hover [fill]:not([fill="none"]),
html .channelTabs-tabContainer .channelTabs-tabNav > div:hover [fill]:not([fill="none"]),
html .channelTabs-tabContainer .channelTabs-newTab:hover [fill]:not([fill="none"]) {
fill: var(--header-primary);
2020-08-11 17:49:37 +02:00
}
2022-05-07 17:44:11 +02:00
html .channelTabs-tabContainer .channelTabs-tabNav > .channelTabs-tabNavClose:hover {
background: rgb(var(--dangercolor));
2020-08-11 17:49:37 +02:00
}
2021-05-13 21:18:23 +02:00
/* ---- 18.10 TYPINGINDICATOR ---- */
2021-04-08 18:13:57 +02:00
html .typingindicator-guild,
html .typingindicator-dms,
html .typingindicator-folder {
background: rgb(var(--transparencycolor), .2);
border: 4px solid rgb(var(--transparencycolor), .2);
2021-04-08 18:13:57 +02:00
box-shadow: unset;
right: 8px;
bottom: -5px;
padding: 2px 0;
}
2021-05-13 21:18:23 +02:00
/* ---- 18.11 BADGESEVERYWHERE ---- */
2021-05-06 17:50:44 +02:00
.inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) {
background: #fff;
}
.badgesChat-f_cbR8 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4),
.badgesList-Aw_p52 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4),
.badgesSettings-ychoGn .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) {
background: var(--header-secondary);
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeStaff-3BXdTO {
-webkit-mask: url(https://discord.com/assets/7cfd90c8062139e4804a1fa59f564731.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgePartner-j6Lwhr {
-webkit-mask: url(https://discord.com/assets/a0e288a458c48dfcf548dadc277e42e6.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypesquad-12E2P6 {
-webkit-mask: url(https://discord.com/assets/3a050fcc884255231b99b7033c776070.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1-3rBtjf {
-webkit-mask: url(https://discord.com/assets/1115767aed344e96a27a12e97718c171.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2-2oU04B {
-webkit-mask: url(https://discord.com/assets/d3478c6bd5cee0fc600e55935ddc81aa.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3-1DoJkv {
-webkit-mask: url(https://discord.com/assets/2a085ed9c86f3613935a6a8667ba8b89.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1Winner-3wCl80 {
-webkit-mask: url(https://discord.com/assets/75f75c3142b8d44ea7052c2bcb9a9043.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2Winner-AS5bXe {
-webkit-mask: url(https://discord.com/assets/d4a8fe68fc5f40c8a778f858881a7b84.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3Winner-2CwwQi {
-webkit-mask: url(https://discord.com/assets/5dc48a7859a00e7d95ad8382156aab84.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeEarlySupporter-2ng_jL {
-webkit-mask: url(https://discord.com/assets/ce15562552e3d70c56d5408cfeed2ffd.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgePremium-1KDZYC {
-webkit-mask: url(https://discord.com/assets/379d2b3171722ef8be494231234da5d1.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeVerifiedDeveloper-195KfD {
-webkit-mask: url(https://discord.com/assets/785d81fdbedd133e213da693aba98774.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel1-dbEzVz {
-webkit-mask: url(https://discord.com/assets/df26f079738a4dcd07cbce6eb3c957f1.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel2-3TUciC {
-webkit-mask: url(https://discord.com/assets/16def052b03d75dac0ed9234c5d6a880.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl1-3oI9tx {
-webkit-mask: url(https://discord.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl2-r6nJHT {
-webkit-mask: url(https://discord.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl3-38s3Dj {
-webkit-mask: url(https://discord.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl4-2NXrsI {
-webkit-mask: url(https://discord.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl5-3XIa2K {
-webkit-mask: url(https://discord.com/assets/a99def5f819c077e5e5061cab741b7e6.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl6-3e3sxW {
-webkit-mask: url(https://discord.com/assets/2cfb317f3db3963d8ded9a97ee967bac.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl7-1dVhQT {
-webkit-mask: url(https://discord.com/assets/278736f579d810b11ddf308cb598b19e.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl8-1kXdFr {
-webkit-mask: url(https://discord.com/assets/38e40f25802a0fdf480d9b855a37a2f3.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl9-1d6zav {
-webkit-mask: url(https://discord.com/assets/cfbc2d8ceacfacf07850f986c8165195.svg) center/contain no-repeat;
}
2022-03-24 17:49:33 +01:00
/* ---- 18.12 CHANNELDMS ---- */
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
}
2019-09-19 12:56:54 +02:00
2021-02-03 13:00:57 +01:00
/* ~~~~ 19. UPDATENOTICE ~~~~ */
2018-10-11 10:21:26 +02:00
2022-05-18 21:38:15 +02:00
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg::before {
2021-04-23 13:20:23 +02:00
content: "Your Version of BasicBackground by DevilBro is outdated. Please download the newest Version: https://mwittrien.github.io/downloader/?theme=BasicBackground" !important;
2019-09-19 12:56:54 +02:00
display: var(--version1_0_5, block) !important;
background-color: #4a90e2 !important;
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3) !important;
2021-05-06 17:50:44 +02:00
color: var(--header-primary) !important;
2019-09-19 12:56:54 +02:00
flex-grow: 0 !important;
flex-shrink: 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
height: 36px !important;
line-height: 36px !important;
opacity: 1 !important;
padding-left: 4px !important;
padding-right: 28px !important;
position: relative !important;
text-align: center !important;
visibility: unset !important;
2019-09-19 16:11:43 +02:00
white-space: pre !important;
2019-09-19 12:56:54 +02:00
top: 0 !important;
left: 0 !important;
bottom: unset !important;
right: unset !important;
max-width: unset !important;
min-width: unset !important;
max-height: unset !important;
min-height: unset !important;
transform: unset !important;
animation: unset !important;
z-index: 101 !important;
2019-09-19 16:11:43 +02:00
pointer-events: none !important;
2018-10-11 10:21:26 +02:00
}
2021-02-03 13:00:57 +01:00
/* ~~~~ 20. WATERMARK ~~~~ */
2018-10-11 10:21:26 +02:00
2022-05-18 21:38:15 +02:00
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB {
2018-10-11 10:21:26 +02:00
display: block !important;
position: absolute !important;
2019-05-14 10:13:02 +02:00
max-width: unset !important;
min-width: unset !important;
2018-10-11 10:21:26 +02:00
width: 55px !important;
2019-05-14 10:13:02 +02:00
max-height: unset !important;
min-height: unset !important;
2018-10-11 10:21:26 +02:00
height: 16px !important;
margin: 0 !important;
2019-09-19 12:56:54 +02:00
padding: 3px 9px 3px !important;
2018-10-11 10:21:26 +02:00
top: 0 !important;
left: 0 !important;
bottom: unset !important;
right: unset !important;
2021-05-14 21:24:36 +02:00
opacity: 1 !important;
2018-10-11 10:21:26 +02:00
visibility: visible !important;
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
2018-10-11 10:21:26 +02:00
}
2022-05-18 21:38:15 +02:00
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB > * {
2021-05-14 21:24:36 +02:00
display: none !important;
}
2022-05-18 21:38:15 +02:00
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::before {
2021-05-14 21:24:36 +02:00
content: "" !important;
2021-07-05 16:41:47 +02:00
background: rgb(125,125,125) !important;
2021-05-14 21:30:12 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg width="55" height="19" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z" transform="translate(1 3)"></path></svg>') center/contain no-repeat !important;
2021-05-14 21:24:36 +02:00
width: 55px !important;
2021-05-14 21:30:12 +02:00
height: 19px !important;
2018-10-11 10:21:26 +02:00
display: inline !important;
position: absolute !important;
top: unset !important;
left: unset !important;
bottom: unset !important;
right: unset !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
visibility: visible !important;
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
2018-10-11 10:21:26 +02:00
}
2022-05-18 21:38:15 +02:00
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::after {
2021-05-14 21:24:36 +02:00
content: "" !important;
2021-07-05 16:41:47 +02:00
background: rgb(125,125,125) !important;
2021-05-14 21:30:12 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg width="242" height="19" version="1.1" xmlns="http://www.w3.org/2000/svg"><path stroke="none" fill="black" fill-rule="evenodd" transform="scale(0.6, 0.6) translate(5,4)" d="M58.488 0.690 C 54.786 0.948,52.503 3.334,52.961 6.466 C 53.321 8.926,55.135 10.509,58.186 11.025 C 60.205 11.366,61.177 12.097,60.818 13.004 C 60.260 14.412,57.255 14.154,55.679 12.564 L 55.440 12.323 55.340 12.411 C 55.125 12.602,52.767 14.824,52.768 14.836 C 52.768 14.843,52.842 14.938,52.932 15.047 C 55.188 17.761,58.434 18.568,61.663 17.218 C 63.879 16.291,65.049 14.673,65.056 12.523 C 65.066 9.499,63.520 7.999,59.581 7.209 C 57.730 6.838,56.956 6.245,57.139 5.336 C 57.409 3.990,59.424 3.729,61.092 4.823 C 61.328 4.978,61.513 5.126,61.754 5.350 L 61.902 5.489 63.269 4.436 C 64.021 3.857,64.640 3.372,64.645 3.357 C 64.668 3.286,63.905 2.499,63.488 2.164 C 62.141 1.082,60.367 0.559,58.488 0.690 M79.453 0.691 C 76.162 0.865,73.785 2.780,73.354 5.604 C 73.306 5.919,73.281 11.980,73.325 12.570 C 73.506 14.979,75.020 16.759,77.535 17.519 C 80.709 18.479,83.881 17.374,85.557 14.725 C 85.782 14.369,85.916 14.116,85.893 14.093 C 85.872 14.073,82.327 12.430,82.254 12.406 C 82.224 12.397,82.198 12.429,82.144 12.544 C 81.882 13.103,81.353 13.555,80.730 13.752 C 79.382 14.177,77.866 13.572,77.593 12.501 C 77.539 12.288,77.540 6.228,77.595 6.015 C 78.042 4.261,81.252 4.104,82.289 5.785 C 82.338 5.865,82.385 5.930,82.393 5.930 C 82.409 5.930,85.820 4.554,85.837 4.541 C 85.856 4.526,85.497 3.838,85.340 3.588 C 84.071 1.573,82.003 0.555,79.453 0.691 M122.233 0.698 C 118.928 0.954,116.621 2.860,116.252 5.640 C 116.198 6.046,116.207 12.646,116.263 13.000 C 116.678 15.665,118.768 17.446,121.919 17.818 C 124.720 18.149,127.505 16.687,128.743 14.235 L 128.815 14.092 128.669 14.026 C 128.589 13.989,127.762 13.608,126.832 13.177 C 125.902 12.747,125.135 12.395,125.129 12.395 C 125.122 12.395,125.079 12.471,125.032 12.564 C 124.149 14.321,121.136 14.341,120.519 12.593 L 120.453 12.407 120.447 9.350 C 120.442 6.713,120.445 6.267,120.476 6.106 C 120.814 4.288,124.035 4.054,125.172 5.764 C 125.233 5.855,125.288 5.930,125.294 5.930 C 125.318 5.930,128.710 4.554,128.727 4.537 C 128.750 4.515,128.506 4.030,128.302 3.691 C 127.042 1.592,124.822 0.498,122.233 0.698 M150.163 0.690 C 146.674 0.881,144.259 2.928,144.024 5.893 C 143.992 6.292,143.992 12.111,144.024 12.535 C 144.229 15.291,146.239 17.273,149.317 17.756 C 152.815 18.304,156.021 16.678,156.902 13.907 C 157.157 13.104,157.167 12.980,157.179 10.250 L 157.190 7.907 153.816 7.907 L 150.442 7.907 150.442 9.686 L 150.442 11.465 151.770 11.465 L 153.098 11.465 153.088 11.948 C 153.069 12.840,152.771 13.335,152.028 13.707 C 150.559 14.443,148.672 13.843,148.297 12.522 L 148.244 12.337 148.244 9.221 L 148.244 6.105 148.296 5.922 C 148.641 4.708,150.215 4.096,151.595 4.640 C 152.111 4.844,152.607 5.305,152.816 5.777 C 152.852 5.859,152.875 5.885,152.903 5.877 C 152.970 5.857,156.383 4.277,156.404 4.256 C 156.456 4.205,156.028 3.438,155.709 3.012 C 154.517 1.418,152.475 0.563,150.163 0.690 M180.081 0.700 C 176.707 0.925,174.383 2.695,173.857 5.442 C 173.796 5.758,173.758 12.153,173.814 12.721 C 174.112 15.773,176.906 17.847,180.721 17.847 C 184.496 17.847,187.238 15.831,187.594 12.794 C 187.645 12.357,187.645 6.177,187.593 5.740 C 187.221 2.553,184.063 0.434,180.081 0.700 M390.026 0.701 C 386.623 0.917,384.214 2.823,383.799 5.628 C 383.750 5.958,383.722 11.716,383.765 12.444 C 383.954 15.593,386.593 17.735,390.430 17.853 C 394.202 17.969,397.090 15.976,397.551 12.938 C 397.616 12.508,397.615 6.017,397.550 5.593 C 397.065 2.452,393.986 0.450,390.026 0.701 M249.326 4.333 C 249.326 7.601,249.328 7.786,249.366 7.797 C 249.389 7.803,250.338 8.626,251.477 9.625 C 252.615 10.624,253.554 11.442,253.564 11.442 C 253.574 11.442,253.581 9.871,253.581 7.952 L 253.581 4.462 254.948 4.471 C 256.262 4.479,256.321 4.481,256.495 4.530 C 257.918 4.924,257.953 6.870,256.547 7.343 L 256.360 7.405 255.366 7.414 L 254.372 7.422 254.372 8.954 L 254.372 10.486 255.413 10.494 C 256.589 10.503,256.592 10.
2021-05-14 21:24:36 +02:00
width: 242px !important;
2021-05-14 21:30:12 +02:00
height: 19px !important;
2018-10-11 10:21:26 +02:00
display: inline !important;
position: absolute !important;
2020-02-11 12:15:31 +01:00
top: unset !important;
2021-05-14 21:24:36 +02:00
left: 64px !important;
2020-02-11 12:15:31 +01:00
bottom: unset !important;
right: unset !important;
2018-12-05 12:47:57 +01:00
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
visibility: visible !important;
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
2019-10-11 14:12:53 +02:00
}
2021-05-18 15:00:58 +02:00
2022-05-18 21:38:15 +02:00
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j::after {
2021-05-18 15:00:58 +02:00
content: url('data:image/svg+xml; utf8, <svg width="400" height="18" version="1.1" xmlns="http://www.w3.org/2000/svg"><path stroke="none" fill="rgb(255, 255, 255)" fill-rule="evenodd" d="M58.488 0.690 C 54.786 0.948,52.503 3.334,52.961 6.466 C 53.321 8.926,55.135 10.509,58.186 11.025 C 60.205 11.366,61.177 12.097,60.818 13.004 C 60.260 14.412,57.255 14.154,55.679 12.564 L 55.440 12.323 55.340 12.411 C 55.125 12.602,52.767 14.824,52.768 14.836 C 52.768 14.843,52.842 14.938,52.932 15.047 C 55.188 17.761,58.434 18.568,61.663 17.218 C 63.879 16.291,65.049 14.673,65.056 12.523 C 65.066 9.499,63.520 7.999,59.581 7.209 C 57.730 6.838,56.956 6.245,57.139 5.336 C 57.409 3.990,59.424 3.729,61.092 4.823 C 61.328 4.978,61.513 5.126,61.754 5.350 L 61.902 5.489 63.269 4.436 C 64.021 3.857,64.640 3.372,64.645 3.357 C 64.668 3.286,63.905 2.499,63.488 2.164 C 62.141 1.082,60.367 0.559,58.488 0.690 M79.453 0.691 C 76.162 0.865,73.785 2.780,73.354 5.604 C 73.306 5.919,73.281 11.980,73.325 12.570 C 73.506 14.979,75.020 16.759,77.535 17.519 C 80.709 18.479,83.881 17.374,85.557 14.725 C 85.782 14.369,85.916 14.116,85.893 14.093 C 85.872 14.073,82.327 12.430,82.254 12.406 C 82.224 12.397,82.198 12.429,82.144 12.544 C 81.882 13.103,81.353 13.555,80.730 13.752 C 79.382 14.177,77.866 13.572,77.593 12.501 C 77.539 12.288,77.540 6.228,77.595 6.015 C 78.042 4.261,81.252 4.104,82.289 5.785 C 82.338 5.865,82.385 5.930,82.393 5.930 C 82.409 5.930,85.820 4.554,85.837 4.541 C 85.856 4.526,85.497 3.838,85.340 3.588 C 84.071 1.573,82.003 0.555,79.453 0.691 M122.233 0.698 C 118.928 0.954,116.621 2.860,116.252 5.640 C 116.198 6.046,116.207 12.646,116.263 13.000 C 116.678 15.665,118.768 17.446,121.919 17.818 C 124.720 18.149,127.505 16.687,128.743 14.235 L 128.815 14.092 128.669 14.026 C 128.589 13.989,127.762 13.608,126.832 13.177 C 125.902 12.747,125.135 12.395,125.129 12.395 C 125.122 12.395,125.079 12.471,125.032 12.564 C 124.149 14.321,121.136 14.341,120.519 12.593 L 120.453 12.407 120.447 9.350 C 120.442 6.713,120.445 6.267,120.476 6.106 C 120.814 4.288,124.035 4.054,125.172 5.764 C 125.233 5.855,125.288 5.930,125.294 5.930 C 125.318 5.930,128.710 4.554,128.727 4.537 C 128.750 4.515,128.506 4.030,128.302 3.691 C 127.042 1.592,124.822 0.498,122.233 0.698 M150.163 0.690 C 146.674 0.881,144.259 2.928,144.024 5.893 C 143.992 6.292,143.992 12.111,144.024 12.535 C 144.229 15.291,146.239 17.273,149.317 17.756 C 152.815 18.304,156.021 16.678,156.902 13.907 C 157.157 13.104,157.167 12.980,157.179 10.250 L 157.190 7.907 153.816 7.907 L 150.442 7.907 150.442 9.686 L 150.442 11.465 151.770 11.465 L 153.098 11.465 153.088 11.948 C 153.069 12.840,152.771 13.335,152.028 13.707 C 150.559 14.443,148.672 13.843,148.297 12.522 L 148.244 12.337 148.244 9.221 L 148.244 6.105 148.296 5.922 C 148.641 4.708,150.215 4.096,151.595 4.640 C 152.111 4.844,152.607 5.305,152.816 5.777 C 152.852 5.859,152.875 5.885,152.903 5.877 C 152.970 5.857,156.383 4.277,156.404 4.256 C 156.456 4.205,156.028 3.438,155.709 3.012 C 154.517 1.418,152.475 0.563,150.163 0.690 M180.081 0.700 C 176.707 0.925,174.383 2.695,173.857 5.442 C 173.796 5.758,173.758 12.153,173.814 12.721 C 174.112 15.773,176.906 17.847,180.721 17.847 C 184.496 17.847,187.238 15.831,187.594 12.794 C 187.645 12.357,187.645 6.177,187.593 5.740 C 187.221 2.553,184.063 0.434,180.081 0.700 M390.026 0.701 C 386.623 0.917,384.214 2.823,383.799 5.628 C 383.750 5.958,383.722 11.716,383.765 12.444 C 383.954 15.593,386.593 17.735,390.430 17.853 C 394.202 17.969,397.090 15.976,397.551 12.938 C 397.616 12.508,397.615 6.017,397.550 5.593 C 397.065 2.452,393.986 0.450,390.026 0.701 M249.326 4.333 C 249.326 7.601,249.328 7.786,249.366 7.797 C 249.389 7.803,250.338 8.626,251.477 9.625 C 252.615 10.624,253.554 11.442,253.564 11.442 C 253.574 11.442,253.581 9.871,253.581 7.952 L 253.581 4.462 254.948 4.471 C 256.262 4.479,256.321 4.481,256.495 4.530 C 257.918 4.924,257.953 6.870,256.547 7.343 L 256.360 7.405 255.366 7.414 L 254.372 7.422 254.372 8.954 L 254.372 10.486 255.413 10.494 C 256.589 10.503,256.592 10.504,257.000 10.704 C 258.198 11.291
display: inline !important;
position: absolute !important;
left: unset !important;
bottom: 7px !important;
top: unset !important;
right: 15px !important;
opacity: 0.3 !important;
padding: 0 !important;
margin: 0 !important;
visibility: visible !important;
transform: unset !important;
animation: unset !important;
pointer-events: none !important;
z-index: -1 !important;
}
2022-05-18 21:38:15 +02:00
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-31rlnD.scrollerBase-_bVAAt.fade-1R6FHN > nav.sidebar-nqHbhN > div.side-2ur1Qk > div.info-1sUqUG {
2021-05-18 15:00:58 +02:00
position: relative !important;
}
2022-05-18 21:38:15 +02:00
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-31rlnD.scrollerBase-_bVAAt.fade-1R6FHN > nav.sidebar-nqHbhN > div.side-2ur1Qk > div.info-1sUqUG::after {
2021-05-18 15:00:58 +02:00
content: "BasicBackground by" !important;
font-size: 12px !important;
color: var(--text-muted) !important;
cursor: pointer !important;
display: inline !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
cursor: text !important;
visibility: visible !important;
position: relative !important;
top: unset !important;
left: unset !important;
bottom: unset !important;
right: unset !important;
transform: unset !important;
animation: unset !important;
}
2022-05-18 21:38:15 +02:00
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-31rlnD.scrollerBase-_bVAAt.fade-1R6FHN > nav.sidebar-nqHbhN > div.side-2ur1Qk > div.info-1sUqUG::before {
2021-05-18 15:00:58 +02:00
content: "DevilBro" !important;
font-size: 12px !important;
color: rgb(var(--accentcolor)) !important;
display: inline !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
visibility: visible !important;
position: absolute !important;
top: unset !important;
left: 113px !important;
bottom: 9px !important;
right: unset !important;
transform: unset !important;
animation: unset !important;
2021-06-30 11:56:30 +02:00
}