BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css

6612 lines
239 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);
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;
2022-12-01 20:48:45 +01:00
--font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
2021-05-11 11:28:22 +02:00
--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;
2019-09-19 12:56:54 +02:00
}
2022-08-30 17:29:09 +02:00
.theme-light, .theme-dark, .theme-amoled {
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));
2023-04-14 17:46:18 +02:00
--channel-icon: 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));
2022-07-07 16:45:33 +02:00
--modal-background: rgba(var(--transparencycolor), .2);
2023-03-01 14:38:41 +01:00
--modal-footer-background: rgba(var(--transparencycolor), .2);
2023-09-23 15:30:52 +02:00
--home-background: transparent;
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
2023-10-27 15:29:50 +02:00
3. UPLOADMODAL
4. KEYBOARDSHORTCUTSMODAL
5. QUICKSWITCHER
6. INVITEMODAL/GROUPCREATE
7. LOGINSCREEN
8. DOWNLOADAPPMODAL
9. GUILDBOOSTMODAL
10. REACTIONSMODAL
11. GUILDWELCOMEMODAL
12. GUILDRULESMODAL
13. GUILDFEEDBACKMODAL
14. SCREENSHAREMODAL
15. PHONEVERIFICATIONMODAL
16. NOTIFICATIONSMODAL
17. PODIUMSTARTMODAL
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
2022-09-09 14:27:08 +02:00
20. ROLEMEMBERSPOPOUT
2022-11-03 14:51:36 +01:00
21. FORUMFILTERPOPOUT
2023-03-12 09:41:10 +01:00
22. ACTIVITYSHAREPOPOUT
2023-04-14 17:43:45 +02:00
23. SOUNDBOARD
2023-04-19 13:10:29 +02:00
24. SERVERSURVEY
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
2023-10-27 15:31:51 +02:00
11. 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 */
2023-10-25 16:24:34 +02:00
#app-mount .app_b1f720, /* app container */
2023-10-26 12:04:31 +02:00
#app-mount .app_de4237, /* app inner */
2023-10-25 16:24:34 +02:00
#app-mount .loading__30066, /* app i18n loading */
#app-mount .wrapper__246a1, /* app errorscreen */
2023-10-26 12:04:31 +02:00
#app-mount .bg__12180, /* app background */
#app-mount .layer__2efaa, /* layer container */
2023-10-25 16:24:34 +02:00
#app-mount .container_b2ce9c, /* layer container */
#app-mount .container__590e2, /* channels inner */
#app-mount .privateChannels__93473, /* dmchannels */
#app-mount .directoryContainer_d3edd9, /* server app directory */
#app-mount .panels__58331 > *, /* account/voice inner */
#app-mount .chat__52833, /* chat container */
2023-10-26 16:38:02 +02:00
#app-mount .chatContent__5dca8, /* chat channel */
2023-10-26 15:45:11 +02:00
#app-mount .container_b181b6, /* chat forums */
2023-10-25 16:24:34 +02:00
#app-mount .container__10dc7, /* chat search */
#app-mount .container__7590f, /* chat search inner */
#app-mount .container_def45c, /* chat thread sidebar */
#app-mount .wrapper_b8c724, /* chat messages loading */
2023-10-26 15:45:11 +02:00
#app-mount .noChannel__7bbff, /* nochannel */
2023-10-25 16:24:34 +02:00
#app-mount .members__9f47b, /* members */
#app-mount .members__9f47b > div, /* members content */
#app-mount .content_c21a16, /* unavailable */
#app-mount .container__5c7e7, /* peoples */
#app-mount .container__0a6a9, /* peoples activity list */
#app-mount .applicationStore_fc7d76, /* nitro */
#app-mount .shop_b31ed2, /* shop */
#app-mount .containerSidenav__2623a, /* family control */
#app-mount .pageWrapper_fef757, /* guilddiscovery */
2023-10-26 16:24:26 +02:00
#app-mount .pageContainer__1e84a, /* unihub */
2023-10-25 16:24:34 +02:00
#app-mount .scrollerBase_dc3aa9, /* scroller */
#app-mount .standardSidebarView__1129a, /* settings */
#app-mount .contentRegion__0bec1 { /* settings content */
2019-09-19 12:56:54 +02:00
background: transparent;
}
2023-10-25 16:24:34 +02:00
#app-mount .scroller__00e7e { /* peoples activity scroller */
2021-05-13 20:58:14 +02:00
border: none;
}
2023-10-25 16:24:34 +02:00
#app-mount .sidebarRegion__60457, /* settings sidebar */
2023-10-26 15:45:11 +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
}
2023-10-25 16:24:34 +02:00
#app-mount .wrapper_a7e7a8 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .sidebar_ded4b5 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .panels__58331 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .container__11d72.themed_b152d4 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .chatHeaderBar__3e137 { /* channelheader sub header */
2022-03-30 13:44:48 +02:00
background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency));
}
2023-10-25 16:24:34 +02:00
#app-mount .membersWrap__90226 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .nowPlayingColumn_f5023f { /* 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
2023-10-25 16:24:34 +02:00
#app-mount .image_dabcb8 { /* app errorscreen image */
2023-10-26 15:45:11 +02:00
background-image: url(https://discord.com/assets/72eaa596042042be6259.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
}
2023-10-27 11:49:32 +02:00
.layer__2efaa {
2021-09-11 19:35:49 +02:00
z-index: 1000;
}
2023-10-27 11:49:32 +02:00
.container__4bde3::before,
.layer__2efaa ~ .layer__2efaa::before,
.root__6d24f::before,
.container__4bde3::after,
.layer__2efaa ~ .layer__2efaa::after,
.root__6d24f::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;
}
2023-10-27 11:49:32 +02:00
.container__4bde3::before,
.layer__2efaa ~ .layer__2efaa::before,
.root__6d24f::before {
2021-07-01 22:49:45 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.container__4bde3::after,
.layer__2efaa ~ .layer__2efaa::after,
.root__6d24f::after {
2021-07-01 22:49:45 +02:00
background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
backdrop-filter: blur(var(--backgroundblur));
}
2023-10-27 11:49:32 +02:00
.uploadArea__13687,
.backdrop__3ff7b,
.backdrop__7e89b {
2021-06-26 21:00:04 +02:00
background: transparent !important;
opacity: 1 !important;
animation: none !important;
}
2023-10-27 11:49:32 +02:00
.uploadArea__13687::before,
.backdrop__3ff7b::before,
.backdrop__7e89b::before,
.uploadArea__13687::after,
.backdrop__3ff7b::after,
.backdrop__7e89b::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
}
2023-10-27 11:49:32 +02:00
.uploadArea__13687::before,
.backdrop__3ff7b::before,
.backdrop__7e89b::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;
}
2023-10-27 11:49:32 +02:00
.uploadArea__13687::after,
.backdrop__3ff7b::after,
.backdrop__7e89b::after {
2021-06-26 21:00:04 +02:00
backdrop-filter: blur(var(--backdropblur));
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.withLayer__1fe9d {
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 ~~~~ */
2023-10-27 11:49:32 +02:00
.titleBar__01af6 {
2020-08-26 16:14:26 +02:00
z-index: 5001;
2019-07-24 09:04:50 +02:00
}
2023-10-27 11:49:32 +02:00
.titleBar__01af6::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
}
2023-10-27 11:49:32 +02:00
.titleBar__01af6:not(.typeMacOS__496b0)::after {
2019-09-19 12:56:54 +02:00
height: 22px;
2019-07-25 10:23:06 +02:00
}
2023-10-27 11:49:32 +02:00
.titleBar__01af6.typeMacOS__496b0::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
}
2023-10-27 11:49:32 +02:00
.titleBar__01af6.typeMacOS__496b0,
.titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc {
2019-09-19 12:56:54 +02:00
width: 72px;
}
2023-10-27 11:49:32 +02:00
.titleBar__01af6.typeMacOS__496b0.typeMacOSWithFrame_db4a7d .macButtons__7b1bc {
2019-09-19 12:56:54 +02:00
margin-top: 0;
margin-right: 0;
2019-05-22 10:31:02 +02:00
}
2023-10-27 11:49:32 +02:00
.platform-osx .wrapper_a7e7a8 {
2020-08-26 16:14:26 +02:00
margin-top: 0;
padding-top: 32px;
}
2023-10-27 11:49:32 +02:00
.platform-osx .standardSidebarView__1129a::before {
2020-08-26 16:14:26 +02:00
left: 72px;
}
2023-10-27 11:49:32 +02:00
.winButtonMinMax__72f36: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 ~~~~ */
2023-10-25 16:24:34 +02:00
#app-mount .childWrapper__01b9c { /* homebutton/acronym 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
}
2023-10-25 16:24:34 +02:00
#app-mount .wrapper_d281dd:hover .childWrapper__01b9c,
#app-mount .wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c {
2023-07-14 09:56:01 +02:00
background-color: var(--brand-experiment);
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-12-18 10:55:02 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .wrapper_d281dd rect[fill] {
2021-12-09 22:14:47 +01:00
fill: rgba(var(--transparencycolor), .3);
}
2023-10-25 16:24:34 +02:00
#app-mount .noIcon__06e39 { /* acronym minicontainer */
background-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2023-10-26 15:45:11 +02:00
#app-mount .circleIconButton_d8df29 { /* guildadd/discovery innerwrap */
background-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .circleIconButton_d8df29.selected__5250e {
2023-03-01 14:51:13 +01:00
background-color: var(--green-360);
2023-02-15 18:35:37 +01:00
}
2018-10-11 10:21:26 +02:00
2023-10-26 15:45:11 +02:00
#app-mount .guildIconUnavailable_db5297, /* guilderror miniicon */
2023-10-25 16:24:34 +02:00
#app-mount .guildsError__0aa84 { /* guilderror innerwrap */
2021-05-11 11:28:22 +02:00
background-color: rgba(var(--dangercolor)),.3);
2018-10-11 10:21:26 +02:00
}
2023-10-26 15:45:11 +02:00
#app-mount .dragInner_a23293 { /* dragplaceholder */
background-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.wrapper_ed1dea { /* folder outerwrap */
2019-09-19 12:56:54 +02:00
margin-bottom: 8px;
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .folder__17546 { /* folder iconwrap */
background-color: rgba(var(--transparencycolor), .2);
2019-03-25 14:13:02 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .folder__17546.hover__043de {
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .expandedFolderBackground__1bec6 { /* 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;
}
2023-10-27 11:49:32 +02:00
.expandedFolderBackground__1bec6.hover__043de {
background-color: rgba(var(--transparencycolor), .4);
2019-05-01 21:21:11 +02:00
}
2023-10-27 11:49:32 +02:00
.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] { /* folder guildwrap */
2020-12-22 18:09:12 +01:00
margin-bottom: -8px;
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem_fa7b36:last-child {
2019-09-19 12:56:54 +02:00
margin-bottom: 0;
2018-12-26 20:56:57 +01:00
}
2023-10-27 11:49:32 +02:00
.bar_edc096 { /* guild/channelbar inner */
box-shadow: 0 2px 6px rgba(var(--transparencycolor), .24);
2019-09-11 21:19:43 +02:00
}
2023-10-27 11:49:32 +02:00
.bar_edc096:not(.mention__1afd3) {
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
}
2023-10-27 11:49:32 +02:00
.bar_edc096:not(.mention__1afd3)::before,
.bar_edc096:not(.mention__1afd3)::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
}
2023-10-27 11:49:32 +02:00
.bar_edc096:not(.mention__1afd3)::before {
2021-06-26 17:05:43 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.bar_edc096:not(.mention__1afd3)::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
}
2023-10-27 11:49:32 +02:00
.sidebar_ded4b5 .bar_edc096:not(.mention__1afd3)::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
}
2023-10-27 11:49:32 +02:00
.wrapper_a7e7a8 .bar_edc096:not(.mention__1afd3)::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 ~~~~ */
2023-10-25 16:24:34 +02:00
#app-mount .sidebar_ded4b5 { /* 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 ---- */
2023-10-27 11:49:32 +02:00
.container__7c79d .animatedContainer__341f6 { /* banner wrap */
background: none;
box-shadow: none;
}
.bannerImage__39c51 { /* banner image */
2019-09-19 12:56:54 +02:00
-webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
}
2023-10-27 11:49:32 +02:00
.bannerImage__39c51::before {
2019-09-19 12:56:54 +02:00
display: none;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.header__104ca, /* header inner */
.searchBar_e4ea2a { /* 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);
}
.searchBar_e4ea2a .searchBarComponent__22760 { /* header searchbarinner */
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.clickable__2d589:not(.hasBanner_e78601) .header__104ca:hover,
.selected__0b1ad:not(.hasBanner_e78601) .header__104ca {
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
/* ---- 5.2. CHANNELS ---- */
2023-10-27 11:49:32 +02:00
.wrapper__7bcde:hover .link__95dc0 { /* channel content */
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.wrapper__7bcde:hover .link__95dc0 [style*="color: var(--text-muted)"] {
2022-09-22 14:41:50 +02:00
color: var(--header-secondary) !important;
}
2023-10-27 11:49:32 +02:00
.modeSelected__487d6 .link__95dc0,
.modeSelected__487d6:hover .link__95dc0 {
2021-05-06 12:41:55 +02:00
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
}
2023-10-27 11:49:32 +02:00
.modeSelected__487d6 .link__95dc0 [style*="color: var(--text-muted)"],
.modeSelected__487d6:hover .link__95dc0 [style*="color: var(--text-muted)"] {
2022-09-22 14:41:50 +02:00
color: var(--header-secondary) !important;
}
2023-10-27 11:49:32 +02:00
.modeSelected__487d6 .link__95dc0 svg,
.modeSelected__487d6:hover .link__95dc0 svg {
2021-05-06 12:41:55 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
}
2018-10-11 10:21:26 +02:00
2023-10-27 11:49:32 +02:00
.icon_eff5d4 { /* channel icon */
2021-05-06 12:47:10 +02:00
color: var(--channels-default);
}
2023-10-27 11:49:32 +02:00
.modeMuted__0aeea .icon_eff5d4 {
2021-05-06 12:47:10 +02:00
color: var(--interactive-muted);
}
2023-10-27 11:49:32 +02:00
.modeMuted__0aeea:hover .icon_eff5d4,
.wrapper__7bcde:hover .icon_eff5d4 {
2021-05-06 12:47:10 +02:00
color: var(--interactive-hover);
}
2023-10-27 11:49:32 +02:00
.modeConnected__1c02e .icon_eff5d4,
.modeConnected__1c02e:hover .icon_eff5d4,
.modeSelected__487d6 .icon_eff5d4,
.modeSelected__487d6:hover .icon_eff5d4,
.modeUnread_f74c03 .icon_eff5d4,
.modeUnread_f74c03:hover .icon_eff5d4,
.notInteractive_a7d9fb.modeConnected__1c02e .icon_eff5d4,
.notInteractive_a7d9fb.modeSelected__487d6 .icon_eff5d4 {
2021-05-06 12:47:10 +02:00
color: var(--interactive-active);
}
2023-10-27 11:49:32 +02:00
.modeConnected__1c02e .subtitle_bba2b7, /* channel subtitle */
.modeConnected__1c02e:hover .subtitle_bba2b7,
.modeSelected__487d6 .subtitle_bba2b7,
.modeSelected__487d6:hover .subtitle_bba2b7,
.modeUnread_f74c03 .subtitle_bba2b7,
.modeUnread_f74c03:hover .subtitle_bba2b7,
.notInteractive_a7d9fb.modeConnected__1c02e .subtitle_bba2b7,
.notInteractive_a7d9fb.modeSelected__487d6 .subtitle_bba2b7 {
color: var(--interactive-normal);
}
.spine__88e6d { /* channel thread spine */
color: var(--channels-default);
}
.wrapper__5848b { /* voicechat limit */
background-color: rgba(var(--transparencycolor), .15);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.wrapper__5848b .users__65981 {
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2023-10-27 11:49:32 +02:00
.wrapper__5848b .total_c01838 {
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.wrapper__5848b .total_c01838::after {
border-right-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.listDefault__205d0 .clickable__137bc:hover .content_b60865 {
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .streamPreview__1846c {
2022-07-28 17:25:07 +02:00
position: relative;
background-color: transparent;
color: var(--header-secondary);
overflow: hidden;
}
2023-10-27 11:49:32 +02:00
.streamPreview__1846c::before,
.streamPreview__1846c::after {
2022-07-28 17:25:07 +02: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;
}
2023-10-27 11:49:32 +02:00
.streamPreview__1846c::before {
2022-07-28 17:25:07 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.streamPreview__1846c::after {
2022-07-28 17:25:07 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
2023-10-25 16:24:34 +02:00
#app-mount .previewContainer_bb1924 {
2022-07-28 17:25:07 +02:00
background-color: transparent;
}
2023-10-25 16:24:34 +02:00
#app-mount .watchButton__0d283 {
2022-07-28 17:25:07 +02:00
border-color: var(--header-secondary);
color: var(--header-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .watchButton__0d283:not([disabled]):hover {
2022-07-28 17:25:07 +02:00
border-color: var(--header-primary);
color: var(--header-primary);
}
2019-09-19 12:56:54 +02:00
/* ---- 5.3. DMCHANNELS ---- */
2023-10-27 11:49:32 +02:00
.interactive__776ee:focus-within, /* dmchannel/page inner */
.interactive__776ee:hover {
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.selected_d94cf9,
.selected_d94cf9:focus-within,
.selected_d94cf9: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
}
2023-10-27 11:49:32 +02:00
.selected_d94cf9 svg {
2022-12-09 14:00:16 +01:00
filter: drop-shadow(1px 1px var(--textshadow));
}
2019-12-19 10:26:15 +01:00
2023-10-27 11:49:32 +02:00
.empty__086ba { /* 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 ---- */
2023-10-27 11:49:32 +02:00
.panels__58331 > *, /* account/voice inner */
.panels__58331 .wrapper__0ed4a > * { /* account/voice inner */
2023-03-14 20:29:00 +01:00
background: none;
2019-09-19 12:56:54 +02:00
border: none;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.panels__58331 > *:not(:empty) ~ *:not(:empty) {
border-top: 1px solid rgba(var(--transparencycolor), .2);
2019-03-08 21:11:30 +01:00
}
2023-10-27 11:59:47 +02:00
button.button__4f306.enabled__470f0 { /* account/voice panel button */
2019-09-19 12:56:54 +02:00
opacity: 0.7;
}
2023-10-25 16:24:34 +02:00
button.button__4f306.enabled__470f0: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
}
2023-10-27 11:49:32 +02:00
.withTagAsButton_cc125f:hover,
.withTagless__98b7d:hover {
2022-04-08 11:41:55 +02:00
background-color: rgb(var(--accentcolor));
}
2023-10-25 16:24:34 +02:00
button.button__4f306.enabled__470f0: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
}
2023-10-27 11:49:32 +02:00
.button__66e8c.buttonColor_a6eb73 {
2023-10-27 15:27:58 +02:00
background-color: rgba(var(--transparencycolor), .3);
2020-06-23 23:31:46 +02:00
}
2023-10-27 11:49:32 +02:00
.button__66e8c.buttonColor_a6eb73:hover {
2023-10-27 15:27:58 +02:00
background-color: rgb(var(--accentcolor));
2020-06-23 23:31:46 +02:00
}
2023-10-27 11:49:32 +02:00
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7,
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7: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
}
2023-10-27 11:49:32 +02:00
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7 svg,
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7: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
2023-10-27 11:49:32 +02:00
.chat__52833.threadSidebarOpen_fa231d { /* chat threadsidebar open */
border-radius: 0;
}
.editor_e77931 { /* chat editor */
2023-10-11 13:06:10 +02:00
border: none;
}
2023-10-25 16:24:34 +02:00
#app-mount .background_e80d5a .container__92dc8,
#app-mount .background_e80d5a .container_acafc1,
#app-mount .background_e80d5a .container_f55cad,
#app-mount .background_e80d5a .icon_f71c55,
#app-mount .background_e80d5a .containerCard__30250,
#app-mount .background_e80d5a .containerCard__30250:hover,
#app-mount .background_e80d5a .interactiveCard_d5a839,
#app-mount .background_e80d5a .emptyStateContainer__3c229,
#app-mount .background_e80d5a .card_d4f6c7,
2023-10-26 15:45:11 +02:00
#app-mount .container_b181b6 .mainCard__8a660,
#app-mount .container_b181b6 .sidebarCard__44447,
2023-10-25 16:24:34 +02:00
#app-mount .container__10dc7 .channelRow__96673 {
2022-11-22 01:59:05 +01:00
background-color: var(--background-secondary);
2022-10-11 14:02:10 +02:00
}
@media (max-width: 1300px) {
2023-10-25 16:24:34 +02:00
.container_acafc1,
.container_f55cad {
2022-10-11 14:02:10 +02:00
background: none !important;
}
}
2023-10-25 16:24:34 +02:00
#app-mount .background_e80d5a .containerCard__30250 {
2022-10-11 14:02:10 +02:00
border-color: var(--background-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .background_e80d5a .container__16581:hover,
2023-10-26 15:45:11 +02:00
#app-mount .container_b181b6 .pill_f055c3,
2023-10-25 16:24:34 +02:00
#app-mount .container__10dc7 .channelRow__96673:hover {
2022-10-11 14:02:10 +02:00
background: var(--background-tertiary);
}
2023-10-27 11:49:32 +02:00
.contentPreview_b317ee { /* forum list item */
2022-12-14 10:51:20 +01:00
border-color: rgb(var(--transparencycolor));
}
2023-10-25 16:46:04 +02:00
#app-mount .textContentFooter__5a630 { /* forum list item footer */
2022-12-14 10:51:20 +01:00
background: linear-gradient(0deg, rgba(var(--transparencycolor), .5), rgba(var(--transparencycolor), .1));
}
2023-10-27 11:49:32 +02:00
.container__8ee50 {
2022-09-07 11:49:24 +02:00
border-color: var(--background-floating);
}
2023-10-27 11:49:32 +02:00
.divider_ffec75 { /* forum fat divider */
2022-09-07 11:49:24 +02:00
background: var(--background-floating);
}
2023-10-26 15:45:11 +02:00
#app-mount .container_c24cbd.isOpen_d88bb6 { /* forum selected post */
2022-09-22 14:41:50 +02:00
background-color: rgb(var(--accentcolor));
2023-07-14 09:56:01 +02:00
text-shadow: 1px 1px var(--textshadow);
2022-09-22 14:41:50 +02:00
}
2023-10-26 15:45:11 +02:00
#app-mount .container_c24cbd.isOpen_d88bb6 .defaultColor__77578,
#app-mount .container_c24cbd.isOpen_d88bb6 [style*="color: var(--header-secondary)"] {
2022-09-22 14:41:50 +02:00
color: var(--header-primary) !important;
}
2023-10-26 15:45:11 +02:00
#app-mount .container_c24cbd.isOpen_d88bb6 .author__185be a,
#app-mount .container_c24cbd.isOpen_d88bb6 [style*="color: var(--text-muted)"] {
2022-09-22 14:41:50 +02:00
color: var(--header-secondary) !important;
}
2022-09-07 11:49:24 +02:00
2019-09-19 12:56:54 +02:00
/* ---- 6.1. CHANNELHEADER ---- */
2023-10-27 11:49:32 +02:00
.container__11d72.themed_b152d4 { /* header themedcontainer */
box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05);
}
.input__321f5:focus { /* header dmchannelinput */
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.input__321f5:focus,
.outer_c57160:hover .input__321f5 {
box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.children__32014::after { /* header topicgradient */
display: none;
}
.akaBadge__7df41 { /* header aka */
background-color: rgba(var(--transparencycolor), .3);
}
.searchBar_e0c60b { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .searchFilter__118cb,
#app-mount .searchAnswer_b452e7 {
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 ---- */
2023-10-27 11:49:32 +02:00
.clickableAction_bef9b9:hover .action_c957d9, /* guidancechannel options */
.row__70f4c:hover {
background-color: rgba(var(--transparencycolor), .4);
}
.emptyChannelIcon__1a1ba { /* welcomemessage empty channelicon */
background-color: rgba(var(--transparencycolor), .4);
}
.button_fb39e8: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
}
2023-10-25 16:24:34 +02:00
#app-mount .role__88585 { /* 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;
}
2023-10-25 16:24:34 +02:00
#app-mount .role__88585[style*="border-color: rgba(185, 187, 190, .6)"] {
border-color: rgba(var(--textbrighter), .6) !important;
2021-02-25 12:53:14 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .role__88585 .roleColor_dc66b5 { /* 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;
}
2023-10-25 16:24:34 +02:00
#app-mount .role__88585:hover .roleColor_dc66b5 {
2021-02-25 12:53:14 +01:00
opacity: 0.8;
}
2023-10-25 16:24:34 +02:00
#app-mount .role__88585 .roleColor_dc66b5[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
}
2023-10-27 11:49:32 +02:00
.divider_b9338f.hasContent_fea365 { /* divider hascontent */
2021-07-13 02:02:26 +02:00
border-width: calc(1px * (1 - var(--usechatbubbles)));
}
2023-10-27 11:49:32 +02:00
.divider_b9338f.hasContent_fea365::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
}
2023-10-27 11:49:32 +02:00
.content_d67847 { /* divider content */
2021-07-13 02:02:26 +02:00
position: absolute;
background-color: transparent;
padding: 2px 8px;
width: unset;
}
2023-10-27 11:49:32 +02:00
.content_d67847::before,
.content_d67847::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;
}
2023-10-27 11:49:32 +02:00
.content_d67847::before {
2021-07-13 02:02:26 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.content_d67847::after {
2021-07-13 02:02:26 +02:00
background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
backdrop-filter: blur(var(--backgroundblur));
}
2023-10-27 11:49:32 +02:00
.unreadPill__715fc { /* divider unreadpill */
border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles));
padding-left: calc(4px * var(--usechatbubbles) + 1px * (1 - var(--usechatbubbles)));
}
.unreadPillCap__96b8d { /* divider unreadpillcap */
2021-07-13 02:02:26 +02:00
opacity: calc(1 - var(--usechatbubbles));
2020-01-30 10:22:32 +01:00
}
2023-10-27 11:49:32 +02:00
.hasMore_b03f46:hover {
background-color: rgba(var(--transparencycolor), .2);
2019-09-23 12:01:10 +02:00
}
2023-10-27 11:49:32 +02:00
.jumpToPresentBar__0ff7f { /* 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
}
2023-10-27 11:49:32 +02:00
.jumpToPresentBar__0ff7f::before,
.jumpToPresentBar__0ff7f::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
}
2023-10-27 11:49:32 +02:00
.jumpToPresentBar__0ff7f::before {
2021-06-26 17:05:43 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.jumpToPresentBar__0ff7f::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
2023-10-25 16:24:34 +02:00
#app-mount .message__04d9f { /* message confirm modal */
background-color: rgba(var(--transparencycolor), .2);
2020-02-28 14:40:26 +01:00
box-shadow: none;
}
2023-10-27 11:49:32 +02:00
.message__80c10, /* message container */
.messagesWrapper_ea2b0b .wrapper__09ecc, /* message upload placeholder */
.card_d4f6c7 .wrapper__09ecc, /* message home */
.wrapper__5c5cd, /* message loading */
.message_f3a9e4, /* message mention popout */
.message__41c2a, /* message inbox popout */
.message__04d9f .wrapper__09ecc, /* message settings preview */
.messageGroupCozy__2dedd, /* message pin popout */
.message_d8db25 .wrapper__09ecc { /* message searchpage */
background-color: rgba(var(--transparencycolor), var(--messagetransparency)) !important;
contain: unset;
}
.message_d8db25 .wrapper__09ecc { /* 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
}
2023-10-27 11:49:32 +02:00
.message__80c10.selected_fd9051,
.mouse-mode .message__80c10:hover,
.mouse-mode.full-motion .message__80c10:hover,
.mouse-mode .wrapper__5c5cd:hover,
.mouse-mode.full-motion .wrapper__5c5cd: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
}
2023-10-27 11:49:32 +02:00
.backgroundFlash_e5b9ad .message__80c10 { /* message jump flash */
2021-05-14 13:04:07 +02:00
position: relative;
}
2023-10-27 11:49:32 +02:00
.backgroundFlash_e5b9ad .message__80c10::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
}
2023-10-27 11:49:32 +02:00
.backgroundFlash_e5b9ad .cozyMessage__64ce7::before {
2021-05-18 12:02:43 +02:00
left: calc(-80px * var(--usechatbubbles));
}
2023-10-27 11:49:32 +02:00
.message__80c10.ephemeral_c26b64, /* message localbot */
.message__80c10.replying_d7b6ad { /* message replying */
background-image: linear-gradient(rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))));
}
.message__80c10.mentioned__58017 { /* 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
}
2023-10-27 11:49:32 +02:00
.message__80c10.ephemeral_c26b64::before,
.message__80c10.replying_d7b6ad::before {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-01-30 10:22:32 +01:00
}
2023-10-27 11:49:32 +02:00
.message__80c10.mentioned__58017::before {
2021-06-30 11:56:30 +02:00
background-color: rgb(var(--mentioncolor));
}
2023-10-27 11:49:32 +02:00
.message__80c10.mentioned__58017 .contents_f41bb2 .messageContent__21e69 {
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
}
2023-10-25 16:24:34 +02:00
#app-mount .avatar__08316, /* message container avatar */
#app-mount .avatar_eb6eba { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .messageItemBody_e13b10.hasReply_febd50 .avatar__08316,
#app-mount .repliedMessage_e2bf4a ~ * .avatar__08316 {
2020-10-27 15:46:46 +01:00
top: 24px;
}
2023-10-25 16:24:34 +02:00
#app-mount .avatarDecoration__14b3c { /* message avatar decoration */
2022-12-09 14:17:12 +01:00
position: absolute;
top: 2px;
left: calc(-70px * var(--usechatbubbles) + 16px - (6.6666666px * var(--decoration-to-avatar-ratio)/2));
}
2023-10-25 16:24:34 +02:00
#app-mount .messageItemBody_e13b10.hasReply_febd50 .avatarDecoration__14b3c,
#app-mount .repliedMessage_e2bf4a ~ * .avatarDecoration__14b3c {
2022-12-21 17:12:39 +01:00
top: 24px;
}
2021-02-06 18:21:44 +01:00
2023-10-25 16:24:34 +02:00
#app-mount .replyBadge__3d01e { /* message reply badge */
background-color: rgba(var(--transparencycolor), .5);
2020-11-17 18:40:02 +01:00
}
2023-10-26 15:45:11 +02:00
#app-mount .spine_d081ec {
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;
}
2023-10-26 15:45:11 +02:00
#app-mount .compact__54ecc .spine_d081ec {
2021-02-06 18:21:44 +01:00
right: 0;
}
2023-10-25 16:24:34 +02:00
#app-mount .repliedMessage_e2bf4a::before, /* message reply spine */
#app-mount .repliedMessage_e2bf4a::after,
2023-10-26 15:45:11 +02:00
#app-mount .spine_d081ec::before, /* message command spine */
#app-mount .spine_d081ec::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);
}
2023-10-25 16:24:34 +02:00
#app-mount .repliedMessage_e2bf4a::before,
#app-mount .repliedMessage_e2bf4a::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;
}
2023-10-26 15:45:11 +02:00
#app-mount .spine_d081ec::before,
#app-mount .spine_d081ec::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;
}
2023-10-25 16:24:34 +02:00
#app-mount .compact__54ecc .repliedMessage_e2bf4a::before,
#app-mount .compact__54ecc .repliedMessage_e2bf4a::after,
2023-10-26 15:45:11 +02:00
#app-mount .compact__54ecc .spine_d081ec::before,
#app-mount .compact__54ecc .spine_d081ec::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
}
2023-10-25 16:24:34 +02:00
#app-mount .repliedMessage_e2bf4a::before,
2023-10-26 15:45:11 +02:00
#app-mount .spine_d081ec::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
}
2023-10-25 16:24:34 +02:00
#app-mount .repliedMessage_e2bf4a::after,
2023-10-26 15:45:11 +02:00
#app-mount .spine_d081ec::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
}
2023-10-25 16:24:34 +02:00
#app-mount .compact__54ecc .repliedMessage_e2bf4a::before,
2023-10-26 15:45:11 +02:00
#app-mount .compact__54ecc .spine_d081ec::before {
2021-08-17 19:25:53 +02:00
border-color: rgba(var(--textbrighter), .3);
2021-01-15 18:59:45 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .compact__54ecc .repliedMessage_e2bf4a::after,
2023-10-26 15:45:11 +02:00
#app-mount .compact__54ecc .spine_d081ec::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
2023-10-25 16:24:34 +02:00
#app-mount .cozy_f5c119.hasThread__58ee2::before, /* message thread spine */
#app-mount .cozy_f5c119.hasThread__58ee2::after,
#app-mount .compact__54ecc.hasThread__58ee2::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;
}
2023-10-25 16:24:34 +02:00
#app-mount .cozy_f5c119.hasThread__58ee2::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
}
2023-10-25 16:24:34 +02:00
#app-mount .cozy_f5c119.hasThread__58ee2::after {
2021-08-17 19:25:53 +02:00
border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles)));
}
2023-10-25 16:24:34 +02:00
#app-mount .message__80c10.mentioned__58017.hasThread__58ee2::before {
2021-08-17 19:25:53 +02:00
background-color: transparent;
2021-07-28 16:58:08 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .compact__54ecc.hasThread__58ee2::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);
}
2023-10-25 16:24:34 +02:00
#app-mount .compact__54ecc.hasThread__58ee2 .contents_f41bb2::before {
2021-07-28 16:58:08 +02:00
border-color: rgba(var(--textbrighter), .3);
}
2023-10-27 11:49:32 +02:00
.spine_d081ec {
2021-07-28 16:58:08 +02:00
border-color: rgba(var(--textbrighter), .3);
}
2023-10-27 11:49:32 +02:00
.hasThread__58ee2 .spine_d081ec {
2021-07-28 16:58:08 +02:00
display: none;
}
2023-10-27 11:49:32 +02:00
.cozy_f5c119 .header__39b23::after, /* message container header */
.cozy__32560 .header_c65767::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
}
2023-10-27 11:49:32 +02:00
.messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd .header__39b23::after {
2020-02-28 18:22:36 +01:00
top: 2px;
}
2023-10-27 11:49:32 +02:00
.message_d8db25 .wrapper__09ecc .header__39b23::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
}
2023-10-27 11:49:32 +02:00
.cozy_f5c119 .timestamp_cdbd93.alt__6c563 {
2021-05-03 16:23:08 +02:00
left: calc(-78px * var(--usechatbubbles));
2020-02-29 19:24:14 +01:00
}
2023-10-27 11:49:32 +02:00
.cozy_f5c119 .iconContainer_dfc268 {
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
}
2023-10-27 11:49:32 +02:00
.cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268 {
2020-04-11 18:28:22 +02:00
background-color: transparent;
}
2023-10-27 11:49:32 +02:00
.cozy_f5c119 .iconContainer_dfc268::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
}
2023-10-27 11:49:32 +02:00
.cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268::after {
2020-04-11 18:28:22 +02:00
display: none;
}
2023-10-27 11:49:32 +02:00
.selected_fd9051.message__80c10.cozy_f5c119 .header__39b23::after,
.mouse-mode .message__80c10.cozy_f5c119:hover .header__39b23::after,
.mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .header__39b23::after,
.mouse-mode .wrapper__5c5cd.cozy__32560:hover .header_c65767::after,
.mouse-mode.full-motion .wrapper__5c5cd.cozy__32560:hover .header_c65767::after,
.selected_fd9051.message__80c10.cozy_f5c119 .iconContainer_dfc268::after,
.mouse-mode .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after,
.mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::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
}
2023-10-25 16:24:34 +02:00
#app-mount .mentioned__58017.cozy_f5c119 .header__39b23::after {
2021-08-11 12:09:14 +02:00
border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency) * 100000000000000000000000000000));
}
2023-10-25 16:24:34 +02:00
#app-mount .ephemeral_c26b64.cozy_f5c119 .header__39b23::after,
#app-mount .replying_d7b6ad.cozy_f5c119 .header__39b23::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
}
2023-10-27 11:49:32 +02:00
.message_f3a9e4,
.message__41c2a,
.zalgo__39311 .messageContent__21e69,
.zalgo__39311.cozy_f5c119 .header__39b23,
.wrapper__5c5cd,
.cozy__32560 .header_c65767 {
2020-02-06 16:11:15 +01:00
overflow: visible;
2020-01-30 10:22:32 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .cozyMessage__64ce7, /* message container cozy */
#app-mount .messagesWrapper_ea2b0b .cozy_f5c119, /* message upload placeholder cozy */
#app-mount .card_d4f6c7 .cozy_f5c119, /* message home cozy */
#app-mount .cozy__32560 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .wrapper__09ecc[data-list-item-id*="Uploader"] {
2021-06-11 21:31:51 +02:00
margin-top: 1rem;
}
2023-10-25 16:24:34 +02:00
#app-mount .compact__26766 { /* message loading compact */
2020-08-15 08:49:36 +02:00
margin-top: .0625rem;
}
2023-10-25 16:24:34 +02:00
#app-mount .cozy_f5c119 .header__39b23,
#app-mount .cozy_f5c119 .messageContent__21e69,
#app-mount .cozy__32560 .header_c65767 {
2020-02-29 19:24:14 +01:00
margin-left: 0;
padding-left: 0;
}
2023-10-27 11:49:32 +02:00
.messageContainer_aa7d14 .wrapper__09ecc,
.messages_f7999e .wrapper__09ecc,
.message__04d9f .wrapper__09ecc,
.messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd,
.message_d8db25 .wrapper__09ecc {
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
}
2023-10-27 11:49:32 +02:00
.messages_f7999e .wrapper__09ecc {
2020-05-08 11:01:32 +02:00
border-radius: 0;
}
2020-01-30 13:58:17 +01:00
2022-07-09 23:34:51 +02:00
/* message home message */
2023-10-27 11:49:32 +02:00
.interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active,
.interactiveCard_d5a839:hover {
2022-07-09 23:34:51 +02:00
border-color: var(--background-secondary);
}
2023-10-27 11:49:32 +02:00
.feedItemHeader__653e4 {
2022-07-09 23:34:51 +02:00
border-color: var(--background-primary);
}
2023-10-27 11:49:32 +02:00
.interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active .feedItemHeader__653e4,
.interactiveCard_d5a839:hover .feedItemHeader__653e4 {
2022-07-09 23:34:51 +02:00
border-color: var(--background-secondary);
}
2023-10-27 16:21:59 +02:00
.wrapper__3d460 { /* message loading wrapper */
background: transparent;
}
2023-10-27 11:49:32 +02:00
.avatar_eb6eba { /* message loading avatar */
background: rgba(var(--transparencycolor), .4);
opacity: 1 !important;
}
.attachment__7a2d0, /* message loading attachment */
.blob__8d5bd { /* message loading blob */
background: rgb(var(--accentcolor));
}
.expanded_be53d7 { /* 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
}
2023-10-27 16:21:59 +02:00
#app-mount .reaction_fef95b { /* message reaction */
background-color: rgba(var(--transparencycolor), .3);
2021-05-12 12:59:29 +02:00
border: none;
}
2023-10-27 15:48:43 +02:00
#app-mount .reaction_fef95b:hover {
2021-05-12 12:59:29 +02:00
background-color: rgba(var(--transparencycolor), .4);
2023-10-27 15:48:43 +02:00
border: none;
2021-05-12 12:59:29 +02:00
}
2023-10-27 15:48:43 +02:00
#app-mount .reaction_fef95b.reactionMe__98f57 {
2021-05-12 12:59:29 +02:00
background-color: rgba(var(--accentcolor), .8);
2023-10-27 15:48:43 +02:00
border: none;
2021-05-12 12:59:29 +02:00
}
2023-10-27 15:48:43 +02:00
#app-mount .reaction_fef95b.reactionMe__98f57:hover {
2021-05-12 12:59:29 +02:00
background-color: rgb(var(--accentcolor));
2023-10-27 15:48:43 +02:00
border: none;
2021-05-12 12:59:29 +02:00
}
2023-10-27 15:48:43 +02:00
#app-mount .reaction_fef95b.reactionMe__98f57 .reactionCount_b49901 {
2021-05-12 12:59:29 +02:00
color: #FFF;
text-shadow: 1px 1px var(--textshadow);
}
2020-01-30 13:58:17 +01:00
2023-10-27 11:49:32 +02:00
.wrapper_c727b6 { /* 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
}
2023-10-27 11:49:32 +02:00
.wrapper_c727b6::before,
.wrapper_c727b6::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;
}
2023-10-27 11:49:32 +02:00
.wrapper_c727b6::before {
2022-07-28 17:25:07 +02:00
background: var(--backgound) var(--backgoundposition)/var(--backgroundsize);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.wrapper_c727b6::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
}
2023-10-27 17:01:09 +02:00
.button_d553e5:hover,
2023-10-27 11:49:32 +02:00
.button_d553e5.selected__63428 {
2023-10-27 17:01:09 +02:00
background-color: rgb(var(--accentcolor));
2020-02-04 13:50:31 +01:00
}
2023-10-27 11:49:32 +02:00
.bumpBox_cfd81a { /* messageelement publish box */
background-color: rgba(var(--transparencycolor), .4);
}
.markup_a7e664 code { /* messageelement code */
background-color: transparent;
border-color: transparent;
}
.markup_a7e664 pre { /* messageelement pre */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
}
.markup_a7e664 .inline, /* messageelement inline */
.after_inlineCode__2197d,
.before_inlineCode__37e14,
.inlineCode_d702a4 {
background-color: rgba(var(--transparencycolor), .4);
}
.textContainer__709ff { /* messageelement plain file text */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
}
.footer__06f4b { /* messageelement plain file footer */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
}
.languageSelector_a1c2f3 { /* 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;
}
2023-10-27 11:49:32 +02:00
.languageSelector_a1c2f3::before,
.languageSelector_a1c2f3::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;
}
2023-10-27 11:49:32 +02:00
.languageSelector_a1c2f3::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.languageSelector_a1c2f3::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
}
2023-10-25 16:24:34 +02:00
#app-mount .spoilerContent__37bfa { /* messageelement spoiler */
background-color: rgba(var(--transparencycolor), .2);
2020-02-04 13:50:31 +01:00
}
2023-10-27 11:59:47 +02:00
#app-mount .spoilerContent__37bfa.hidden_f44e41 { /* messageelement hiddenspoiler */
2021-07-26 17:18:07 +02:00
background-color: rgba(var(--transparencycolor), .6);
2020-02-04 13:50:31 +01:00
}
2023-10-27 11:49:32 +02:00
.icon__8c32c[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
}
2023-10-27 11:49:32 +02:00
.icon__8c32c[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
}
2023-10-27 11:49:32 +02:00
.icon__8c32c[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
}
2023-10-27 11:49:32 +02:00
.icon__8c32c[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 ==== */
2023-10-25 16:24:34 +02:00
#app-mount .embedFull__8dc21 { /* embed wrapper */
background-color: rgba(var(--transparencycolor), .3);
border-left-color: rgb(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .attachment_f3cf2c { /* 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;
}
2023-10-25 16:24:34 +02:00
#app-mount .message__80c10 .attachment_f3cf2c {
2020-03-26 00:42:57 +01:00
margin-left: 0;
2019-09-19 12:56:54 +02:00
}
2023-10-26 15:45:11 +02:00
#app-mount .twitchSectionPlayButton__1b39d {
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
}
2023-10-26 15:45:11 +02:00
#app-mount .twitchSectionPlayButton__1b39d:hover {
background-color: rgba(var(--transparencycolor), .8);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .wrapper__3a7a0 { /* 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 ==== */
2023-10-25 16:24:34 +02:00
#app-mount .tile_ebc93b { /* gift container */
background-color: rgba(var(--transparencycolor), .2);
box-shadow: 0 0 0 rgba(var(--transparencycolor), .15);
}
2023-10-25 16:24:34 +02:00
#app-mount .tile_ebc93b:hover {
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .title__701c1 { /* gift title */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .description__883d4 { /* gift description */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .tagline__3427c { /* 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 ==== */
2023-10-25 16:24:34 +02:00
#app-mount .wrapper_efe67f { /* invite container */
background-color: rgba(var(--transparencycolor), .3);
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .guildIconImage__93ae7 { /* invite icon */
background-color: rgba(var(--transparencycolor), .3);
2020-05-06 09:40:58 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .guildName__060cb { /* invite name */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .guildDetail__0b882 { /* invite details */
2021-05-06 17:50:44 +02:00
color: var(--channels-default);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .invite__2a93b { /* invite group invite */
background-color: rgba(var(--transparencycolor), .3);
border-color: rgba(var(--transparencycolor), .1);
2020-11-23 18:23:44 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .header__8b673 {
color: rgb(var(--textdarker));
2020-11-23 18:23:44 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .name_b50cd9,
#app-mount .partyStatus__6a567 {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-11-23 18:23:44 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .moreUsers__1d9e9 {
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
}
2023-10-25 16:24:34 +02:00
#app-mount .partyMemberEmpty__94736 {
background-color: rgba(var(--transparencycolor), .3);
}
2023-10-25 16:24:34 +02:00
#app-mount .helpIcon_a58947 {
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
2023-10-27 11:49:32 +02:00
.form__13a2c {
2020-08-03 20:16:10 +02:00
padding-top: 0;
margin-top: 0;
2020-02-04 14:11:57 +01:00
}
2023-10-27 11:49:32 +02:00
.form__13a2c { /* 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))));
}
2023-10-27 11:49:32 +02:00
.threadSidebarOpen_fa231d .form__13a2c {
2021-07-24 22:12:11 +02:00
border-top-right-radius: 8px;
}
2023-10-27 11:49:32 +02:00
.form__13a2c::before {
2020-08-03 20:16:10 +02:00
display: none;
2020-02-04 13:14:34 +01:00
}
2023-10-27 11:49:32 +02:00
.channelTextArea__2e60f { /* 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
}
2023-10-27 11:49:32 +02:00
.container__08420 { /* 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
}
2023-10-27 11:49:32 +02:00
.scrollableContainer__33e06 { /* textarea container */
background-color: rgba(var(--transparencycolor), .3);
}
.sprite__294b3 { /* textarea emojibutton */
transform: none !important;
}
.wrapper_fbbb73 { /* 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
}
2023-10-27 11:49:32 +02:00
.toolbar_c7b525 { /* textarea formattoolbar */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-01-15 10:56:58 +01:00
}
2023-10-27 11:49:32 +02:00
.toolbar_c7b525::before {
2021-05-03 16:23:08 +02:00
border-top-color: rgb(var(--accentcolor));
2020-01-15 10:56:58 +01:00
}
2023-10-27 11:49:32 +02:00
.divider__441cb { /* textarea formattoolbar divider */
border-left-color: hsla(0, 0%,100%, .1);
}
.active__05fbc, /* textarea buttonactive */
.hover_d0ebf2:hover { /* textarea buttonhover */
background-color: hsla(0, 0%, 100%, .2);
}
.icon__5a617 { /* textarea buttonicon */
color: #fff;
opacity: .7;
2020-01-15 10:56:58 +01:00
}
2023-10-27 11:49:32 +02:00
.active__05fbc .icon__5a617,
.hover_d0ebf2:hover .icon__5a617 {
color: #fff;
opacity: 1;
2020-01-15 10:56:58 +01:00
}
2023-10-26 15:45:11 +02:00
#app-mount .optionPill_f86b98 { /* textarea command query pill */
background-color: rgba(var(--transparencycolor), .5);
2020-12-17 20:26:16 +01:00
border-radius: 5px;
}
2023-10-27 11:59:47 +02:00
#app-mount .optionPillKey_e84f41 { /* textarea command query pill key */
2023-10-26 15:45:11 +02:00
background-color: transparent;
}
2020-12-17 20:26:16 +01:00
2019-09-19 12:56:54 +02:00
/* ---- 6.4. AUTOCOMPLETEMENU ---- */
2023-10-25 16:24:34 +02:00
#app-mount .autocomplete_df266d { /* autocomplete container */
2020-11-12 19:09:40 +01:00
background-color: transparent;
2019-09-19 12:56:54 +02:00
overflow: hidden;
}
2023-10-25 16:24:34 +02:00
#app-mount .autocomplete_df266d::before,
#app-mount .autocomplete_df266d::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;
}
2023-10-25 16:24:34 +02:00
#app-mount .autocomplete_df266d::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-25 16:24:34 +02:00
#app-mount .autocomplete_df266d::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
}
2023-10-27 11:49:32 +02:00
.theme-brand .autocomplete_df266d {
background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important;
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.theme-brand .autocomplete_df266d::before,
.theme-brand .autocomplete_df266d::after {
2019-09-19 12:56:54 +02:00
display: none;
}
2023-10-26 15:45:11 +02:00
#app-mount .bar__8f42e { /* autocomplete command info */
2020-12-17 20:17:07 +01:00
background-color: transparent;
}
2023-10-26 15:45:11 +02:00
#app-mount .container_e84cda::after {
box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-26 15:45:11 +02:00
#app-mount .header__02652 { /* 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
}
2023-10-27 16:21:59 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .option__32fd1 { /* autocomplete option */
background-color: rgba(var(--transparencycolor), .5);
2023-10-27 16:21:59 +02:00
} /* autocomplete rowselected */
.clickable_f8437d[aria-disabled=false] > .base__76a71:hover {
background-color: rgba(var(--transparencycolor), .3);
2020-12-17 20:12:57 +01:00
}
2019-09-19 12:56:54 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .wrapper__4e8f1 { /* autocomplete categories */
2020-12-17 20:12:57 +01:00
background-color: transparent;
}
2023-10-25 16:24:34 +02:00
#app-mount .selected__608f1, /* autocomplete category selected */
#app-mount .selected__608f1:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-12-17 20:12:57 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .selected__608f1 svg {
2021-05-06 13:23:51 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
}
2020-12-17 20:12:57 +01:00
2023-10-25 16:24:34 +02:00
#app-mount .searchSuggestion__1a6a7: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
}
2023-10-25 16:24:34 +02:00
#app-mount .placeholder__1d2a8 { /* 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 ---- */
2023-10-27 11:49:32 +02:00
.member_b44d5d { /* member */
background: transparent;
}
.avatar__991e2::before { /* emptyavatar */
background-color: rgba(var(--transparencycolor), .3);
}
.memberGroupsPlaceholder_d0ae46, /* loadingplaceholders */
.placeholderAvatar__21e48,
.placeholderUsername__7fd2c {
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
/* ---- 6.6. SEARCHPAGE ---- */
2023-10-27 11:49:32 +02:00
.searchResultsWrap__9f374 { /* searchpage container */
background-color: transparent;
}
.searchHeader__19d87, /* searchpage header */
.searchHeader__19d87 ~ .container_d91be8 { /* searchpage pagination (BSP) */
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
border-radius: 0 0 0 8px;
}
.searchResult_dcd237 { /* searchpage searchresult */
background-color: rgba(var(--transparencycolor), .2);
}
.button_f8244b { /* searchpage jumpbutton */
background-color: rgba(var(--transparencycolor), .4);
2020-05-23 16:09:35 +02:00
}
2023-10-27 11:49:32 +02:00
.button_f8244b: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
}
2023-10-27 11:49:32 +02:00
.pageButton_bcd673:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-05-23 16:09:35 +02:00
}
2023-10-27 11:49:32 +02:00
.activeButton__7a550 {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:59:47 +02:00
/* ---- 6.7. CHAT SIDEBAR ---- */
2021-07-24 22:12:11 +02:00
2023-10-27 11:49:32 +02:00
.container_def45c { /* chat sidebar */
2022-03-30 13:44:48 +02:00
border-radius: 0;
}
2023-10-27 11:49:32 +02:00
.container_def45c.floating_f021e2::before,
.container_def45c.floating_f021e2::after {
2022-03-30 13:44:48 +02:00
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
}
2023-10-27 11:49:32 +02:00
.container_def45c.floating_f021e2::before {
2022-03-30 13:44:48 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.container_def45c.floating_f021e2::after {
2022-03-30 13:44:48 +02:00
background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
backdrop-filter: blur(var(--backgroundblur));
}
2023-10-27 11:49:32 +02:00
.chatTarget__0ea5e.notFloating__80043 ~ .container_def45c {
2022-03-30 13:44:48 +02:00
overflow: visible;
2021-07-24 22:12:11 +02:00
}
2023-10-27 11:49:32 +02:00
.chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::before {
2022-03-30 13:44:48 +02:00
content: "";
position: absolute;
display: block;
top: 0;
bottom: 0;
left: -8px;
width: 8px;
background: inherit;
box-shadow: inherit;
pointer-events: none;
}
2023-10-27 11:49:32 +02:00
.chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::after {
2022-03-30 13:44:48 +02:00
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
2023-10-25 16:24:34 +02:00
#app-mount .wrapper_daf1cf {
2021-10-01 16:44:00 +02:00
z-index: 1002;
}
2023-10-25 16:24:34 +02:00
#app-mount .root__46d4f { /* popout inner */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2019-09-20 18:51:34 +02:00
border: none;
}
2023-10-27 11:49:32 +02:00
.root__46d4f::before,
.root__46d4f::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;
}
2023-10-27 11:49:32 +02:00
.root__46d4f::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.root__46d4f::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
2023-10-25 16:24:34 +02:00
#app-mount .wrapper_bd2abe { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .callContainer_cbde45 { /* call voice wrapper inner */
2023-03-14 20:29:00 +01:00
background-color: rgba(var(--transparencycolor), calc((1 - (var(--guildchanneltransparency) * 0.8)) * 0.8));
}
2023-10-25 16:24:34 +02:00
#app-mount .root__3eef0 { /* call root */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-03-28 15:08:45 +01:00
}
2023-10-27 11:49:32 +02:00
.videoWrapper_b42a4f { /* call video wrapper */
background-color: rgba(var(--transparencycolor), .3);
}
.video__79b68 { /* call video */
background-color: transparent;
}
.tile_a411a4, /* call user video voicechannel */
.tile_f5f57f { /* call user video dm */
background-color: rgba(var(--transparencycolor), .3);
}
.gradientContainer__9a5a6 { /* call gradientcontainer */
display: none;
}
.participantsButton__56586 { /* call participantsbutton */
background-color: rgba(0, 0, 0, .3);
2020-06-23 23:24:55 +02:00
}
2023-10-27 11:49:32 +02:00
.participantsButton__56586:hover {
background-color: rgba(0, 0, 0, .6);
2020-06-23 23:24:55 +02:00
}
2023-10-27 11:49:32 +02:00
.centerButton__3205b,
.colorable_c84c4c.primaryDark__6b700 {
background-color: rgba(var(--transparencycolor), .5);
2020-04-04 16:57:05 +02:00
}
2023-10-27 11:49:32 +02:00
.centerButton__3205b:hover,
.colorable_c84c4c.primaryDark__6b700:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-04-04 16:57:05 +02:00
}
2023-10-27 11:49:32 +02:00
.button__13ec4 {
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:55:00 +02:00
}
2023-10-27 11:49:32 +02:00
.button__13ec4:hover {
background-color: rgba(var(--transparencycolor), .6);
2020-08-03 17:55:00 +02:00
}
2023-10-27 11:49:32 +02:00
.controlButton_ab2899.colorable_c84c4c.red_a51ba8 {
2021-05-11 11:28:22 +02:00
background-color: rgba(var(--dangercolor)),.5);
2020-04-04 16:57:05 +02:00
}
2023-10-27 11:49:32 +02:00
.controlButton_ab2899.colorable_c84c4c.red_a51ba8:hover {
2021-05-11 11:28:22 +02:00
background-color: rgb(var(--dangercolor));
2020-04-04 16:57:05 +02:00
}
2023-10-27 11:49:32 +02:00
.regionSelectPopout__0127b {
2019-09-20 18:51:34 +02:00
width: 170px;
}
2019-09-19 12:56:54 +02:00
2023-10-27 11:49:32 +02:00
.container__3e5cc { /* call podium wrapper */
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
}
.callContainer_e8faeb { /* call podium inner */
background-color: transparent;
}
.scroller_d8c41e { /* call podium scroller */
background-color: transparent;
}
.rowContainer__3f2d1 { /* call podium row */
background-color: transparent;
}
.participants__5d231 { /* call podium participants */
background-color: transparent;
}
.tileContainer__88d69:hover { /* call podium participant */
background-color: rgb(var(--accentcolor));
}
.container__7b94f { /* call podium requests */
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.3));
}
.headerContainer_bff52d { /* 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
2023-10-27 12:50:20 +02:00
.category__758fd, /* loadingplaceholders */
.channelIcon_ad6049,
.channelName_f48c90 {
2023-10-27 11:49:32 +02:00
background: rgba(var(--transparencycolor), .4);
}
.splashImage_d708dc { /* 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 ~~~~ */
2023-10-27 11:49:32 +02:00
.addFriendInputWrapper__4bf8e { /* peoples add friend */
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2023-10-27 11:49:32 +02:00
.addFriendInputWrapper__4bf8e:hover:not(:focus-within) {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--transparencycolor));
2020-03-26 00:42:57 +01:00
}
2023-10-27 11:49:32 +02:00
.container_a308ae { /* peoples explore option */
2022-09-16 12:18:05 +02:00
border: none;
}
2023-10-27 11:49:32 +02:00
.container_a308ae:hover {
2022-09-16 12:18:05 +02:00
background-color: var(--background-floating);
}
2023-10-27 11:49:32 +02:00
.peopleListItem_d14722 .actionButton__23182, /* peoples actionbutton */
.peopleListItem_d14722 .actionButton-3-B2x { /* peoples actionbutton */
background-color: rgba(var(--transparencycolor), .1);
2020-03-26 00:42:57 +01:00
}
2023-10-27 11:49:32 +02:00
.peopleListItem_d14722 .actionButton__23182:hover,
.peopleListItem_d14722 .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
}
2023-10-27 11:49:32 +02:00
.peopleListItem_d14722 .actionButton__23182:hover svg,
.peopleListItem_d14722 .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
}
2023-10-27 11:49:32 +02:00
.peopleListItem_d14722.active__6b8ff,
.peopleListItem_d14722:hover,
.peopleListItem_d14722.active__6b8ff,
.peopleListItem_d14722:hover {
2021-05-06 13:23:51 +02:00
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2023-10-27 11:49:32 +02:00
.peopleListItem_d14722.active__6b8ff .actionButton__23182,
.peopleListItem_d14722:hover .actionButton__23182,
.peopleListItem_d14722.active__6b8ff .actionButton-3-B2x,
.peopleListItem_d14722:hover .actionButton-3-B2x {
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .outer_a41cf3, /* playing card */
#app-mount .wrapper__6e669 { /* playing card */
background-color: rgba(var(--transparencycolor), .2);
2023-01-06 17:44:42 +01:00
border: unset;
2020-03-26 00:42:57 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .outer_a41cf3.active__76f42,
#app-mount .outer_a41cf3.interactive__01cfa:hover,
#app-mount .outer_a41cf3.active__76f42,
#app-mount .outer_a41cf3.interactive__01cfa:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-03-26 00:42:57 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .inset__0bfb3 { /* playing card inner */
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 00:42:57 +01:00
}
2023-10-27 11:49:32 +02:00
.emptyCard_f82dde { /* playing empty card */
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 00:42:57 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .partyMemberOverflow_d12297 {
background: rgba(var(--transparencycolor), .5);
2020-10-17 17:30:58 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .partyMemberBackground__8fdc5,
#app-mount .partyMemberUnknown__573ec {
background-color: rgba(var(--transparencycolor), .5);
2020-10-17 17:30:58 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .partyMemberUnknownIcon__7bfe8 {
2021-05-06 17:50:44 +02:00
color: var(--channels-default);
2020-10-17 17:30:58 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .popout_c6d10c { /* 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;
}
2023-10-27 11:49:32 +02:00
.popout_c6d10c::before,
.popout_c6d10c::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;
}
2023-10-27 11:49:32 +02:00
.popout_c6d10c::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.popout_c6d10c::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
}
2023-10-27 12:50:20 +02:00
.memberListItem__4000d:not(.popoutDisabled__5e7e3):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
2023-10-27 11:49:32 +02:00
.marketingHeader_c8e5cd { /* marketingheader */
background-color: rgba(var(--transparencycolor), .3);
}
2023-10-27 12:50:20 +02:00
.detailsBlock__1191c { /* billing details */
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .categoryHeader__46769, /* categoryheader */
#app-mount .premiumApplicationsHeader_e2dd83 {
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
}
2023-10-27 12:50:20 +02:00
#app-mount .tier1Banner__86229 { /* 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
}
2023-10-27 11:49:32 +02:00
.smallCarousel_cb7c79 {
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
border-radius: 5px;
}
2023-10-25 16:24:34 +02:00
#app-mount .item_d7f2df { /* gamepreview previewitem */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.arrow_f5c530 { /* gamepreview prev/nextarrow (big) */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .themedPagination_c56fb8 .arrow_fe649b { /* gamepreview prev/nextarrow (small) */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .themedPagination_c56fb8 .dot__6356c { /* gamepreview itemdot (small) */
2021-05-06 17:50:44 +02:00
background-color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .root__3d5e9 { /* gameinfo sectioncontainer */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .header_c26642 { /* gameinfo sectionheader */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .section__51057 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .playerOverflow__58b26 {
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
}
2023-10-25 16:24:34 +02:00
#app-mount .description__6dac8 { /* gameinfo subsectiondescription */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .description__6dac8 strong,
#app-mount .username_c20f20 { /* gameinfo subsectionusername */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .smallHeader__9766b { /* gameinfo subsectionheader */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .text__07fd0 { /* gameinfo subsectiontext */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .iconCircle__4c74f {
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .circle_d78580 {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .blurb__7d206 { /* section description */
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .description__671fd { /* section subdescription */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .requirements_fd3915 { /* requirements */
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .requirementKey_dd27af { /* requirements key */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarker));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .content__45a6a { /* requirements rating */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarker));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .bodySection_ae0d90 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .actionText__1ae94 { /* sidebar header */
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .purchaseUnitOperatingSystem_b02a69 { /* sidebar OSicon */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .price_f6c36e, /* sidebar price */
#app-mount .listingPrice__4b50b {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .title_a81dd3 { /* sidebar subtitle */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .skuNormal__1aa9d { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .name__71fd4 { /* sidebar pricename */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2021-05-06 13:23:51 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .sku_e2d34f:hover .name__71fd4 {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .price_afc9b2 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .label__8394d { /* sidebar label */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarker));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .info__087e0 { /* sidebar labelinfo */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .content__8af7f { /* invitecard container */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .name_d69e36 { /* invitecard guildname */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .memberInfo_a41c1a { /* invitecard memberinfo */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarker));
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.premiumSubscriptionAccountCredit__6bab4 { /* abonnements abocard */
background-color: rgba(var(--transparencycolor), .4);
2021-04-27 16:22:49 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .row__80d34 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .featureIcon__67ee4 { /* features featureicon */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
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
2023-10-27 11:49:32 +02:00
.header_b5ab54 { /* 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
}
2023-10-27 11:49:32 +02:00
.header_b5ab54::before,
.header_b5ab54::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
}
2023-10-27 11:49:32 +02:00
.header_b5ab54::before {
2021-06-26 17:05:43 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.header_b5ab54::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
2023-10-25 16:24:34 +02:00
#app-mount .headerCellSorted__41374 {
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
2023-10-27 11:49:32 +02:00
.rowWrapperActive_f989dd {
2021-05-06 17:50:44 +02:00
background-color: rgba(var(--transparencycolor), .2);
2020-01-24 18:50:34 +01:00
}
2023-10-27 11:49:32 +02:00
.rowWrapper__2d725 + .rowWrapper__2d725 .row_f3cc85 {
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
2023-10-25 16:24:34 +02:00
#app-mount .rate__087a0 {
2021-05-06 17:50:44 +02:00
color: var(--text-muted);
2020-01-24 18:50:34 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .background__0a6fb { /* library usagebar */
2021-05-06 17:50:44 +02:00
stroke: rgb(var(--transparencycolor), .5);
2020-01-30 08:58:21 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .usageInfo_a68f86 { /* 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
2023-10-25 16:24:34 +02:00
#app-mount .installationPath_fa3a82 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .rowTitle_ec0ae0 { /* library game row title */
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2020-01-30 08:58:21 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .rowBody__737e5 { /* library game row body */
2021-05-06 17:50:44 +02:00
color: var(--text-muted);
2020-02-19 14:54:06 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .defaultLocationCheckbox__39884 { /* library location checkbox */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-02-19 14:54:06 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .defaultIndicator__2a4ea { /* 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
2023-10-25 16:24:34 +02:00
#app-mount .applicationName__77e6b { /* library application name */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-02-19 14:54:06 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .applicationSubText_ea8d9c { /* 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
2023-10-25 16:24:34 +02:00
#app-mount .emptyWumpus__67af4 { /* 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
2023-10-25 16:24:34 +02:00
#app-mount .pageWrapper_fef757, /* guilddiscovery container */
2023-10-26 15:45:11 +02:00
#app-mount .pageContainer__1e84a { /* unihub container */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-26 12:04:31 +02:00
#app-mount .pageWrapper_fef757 .searchBox__88a98, /* guilddiscovery searchbox */
2023-10-26 15:45:11 +02:00
#app-mount .pageContainer__1e84a .searchBox_bf114a { /* unihub searchbox */
2021-09-28 12:28:25 +02:00
background-color: #fff;
}
2023-10-25 16:24:34 +02:00
#app-mount .card__86773, /* guilddiscovery card */
#app-mount .card__73022 { /* unihub card */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .iconMask__1aff7, /* guilddiscovery iconmask */
#app-mount .iconMask_f7f012 { /* unihub iconmask */
background-color: rgba(var(--transparencycolor), .2);
2020-04-14 09:15:29 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .card__86773:hover,
#app-mount .iconMask__1aff7:hover,
#app-mount .card__73022:hover,
#app-mount .iconMask_f7f012:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-04-14 09:15:29 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .cardPlaceholder__6e28f { /* guildcard placeholder */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .loading_e7a19f { /* guildcard loading */
background-color: rgba(var(--transparencycolor), .5);
2019-11-09 17:26:03 +01:00
}
2023-10-27 11:49:32 +02:00
.actionButtonsContainer__16c43 { /* guildcard action button */
2022-04-23 19:35:58 +02:00
position: relative;
background: transparent;
}
2023-10-27 11:49:32 +02:00
.actionButtonsContainer__16c43::before,
.actionButtonsContainer__16c43::after {
2022-04-23 19:35:58 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 4px;
pointer-events: none;
}
2023-10-27 11:49:32 +02:00
.actionButtonsContainer__16c43::before {
2022-04-23 19:35:58 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.actionButtonsContainer__16c43::after {
2022-04-23 19:35:58 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--backgroundblur));
}
2023-10-27 11:49:32 +02:00
.spinner__97e4c { /* guildcard loading spinner */
2022-04-23 19:35:58 +02:00
background: transparent;
transform: none;
top: calc(50% - 24px);
left: calc(50% - 24px);
}
2023-10-27 11:49:32 +02:00
.spinner__97e4c::before,
.spinner__97e4c::after {
2022-04-23 19:35:58 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 8px;
pointer-events: none;
}
2023-10-27 11:49:32 +02:00
.spinner__97e4c::before {
2022-04-23 19:35:58 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.spinner__97e4c::after {
2022-04-23 19:35:58 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.4));
backdrop-filter: blur(var(--backgroundblur));
}
2020-06-10 18:52:45 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .addEntryCard_d9422a { /* add entry card */
2021-09-28 12:28:25 +02:00
background-color: rgba(var(--transparencycolor),.2);
border-color: var(--interactive-normal);
}
2023-10-25 16:24:34 +02:00
#app-mount .addEntryCard_d9422a:hover {
2021-09-28 12:28:25 +02:00
background-color: rgba(var(--transparencycolor),.4);
border-color: var(--interactive-active);
}
2023-10-27 11:49:32 +02:00
.emptyContainer_a4bd05 { /* search no results */
background-color: rgba(var(--transparencycolor), .4);
2020-06-10 18:52:45 +02:00
}
2023-10-27 12:50:20 +02:00
.placeholder__278ac { /* 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
2023-10-25 16:24:34 +02:00
#app-mount .side_b4b3f6 .themed_b957e8.item__48dda:active:not(.disabled__85bca), /* sideitems */
#app-mount .topPill__0cdf1 .themed_b957e8.item__48dda:active:not(.disabled__85bca), /* tabitems */
#app-mount .side_b4b3f6 .themed_b957e8.item__48dda:hover:not(.disabled__85bca), /* sideitems */
#app-mount .topPill__0cdf1 .themed_b957e8.item__48dda:hover:not(.disabled__85bca) { /* tabitems */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda,
#app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda,
#app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:active,
#app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:active,
#app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:hover,
#app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda: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
}
2023-10-26 16:35:35 +02: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;
}
2023-10-26 16:35:35 +02: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
}
2023-10-26 16:35:35 +02: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;
}
2023-10-27 11:49:32 +02:00
.contentRegion__0bec1 div[role="tabpanel"] { /* tabpanel */
2021-05-19 20:45:19 +02:00
width: 100%;
}
2023-10-27 11:49:32 +02:00
.toolsContainer_f5d55d { /* closebutton wrapper */
2021-05-19 20:45:19 +02:00
margin-right: 37px;
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButton__34341 { /* closebutton button */
2021-05-06 17:50:44 +02:00
border-color: var(--channels-default);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButton__34341 path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--channels-default);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButton__34341:hover {
background-color: rgba(var(--accentcolor), .2);
2021-05-06 17:50:44 +02:00
border-color: var(--header-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButton__34341:hover path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButton__34341:active {
2021-05-06 17:50:44 +02:00
border-color: var(--text-normal);
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButton__34341:active path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .keybind__57645 { /* closebutton keybind */
2021-05-06 17:50:44 +02:00
color: var(--channels-default);
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButtonBold__30e2a { /* closebutton button bold */
2021-05-06 17:50:44 +02:00
border-color: var(--header-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButtonBold__30e2a path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--header-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButtonBold__30e2a:hover {
2021-05-06 17:50:44 +02:00
background-color: rgba(var(--accentcolor), .4);
border-color: var(--text-normal);
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButtonBold__30e2a:hover path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--text-normal);
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButtonBold__30e2a:active {
2021-05-06 17:50:44 +02:00
border-color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .closeButtonBold__30e2a:active path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--header-primary);
}
2023-10-27 12:50:20 +02:00
#app-mount .keybind__57645 { /* closebutton keybind bold */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.cardPrimary_cb7a0e,
.cardPrimaryEditable__25559 { /* settingsitems card */
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.cardPrimary_cb7a0e {
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.cardPrimaryEditable__25559 {
background-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.cardPrimaryOutline__9df8a {
border-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.accountProfileCard__22589 { /* accountsettings container */
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);
}
2023-10-27 11:49:32 +02:00
.accountProfileCard__22589::before,
2023-10-27 12:50:20 +02:00
.accountProfileCard__22589::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;
}
2023-10-27 12:50:20 +02:00
.accountProfileCard__22589::before {
2021-06-26 16:25:56 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 12:50:20 +02:00
.accountProfileCard__22589::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
}
2023-10-27 11:49:32 +02:00
.accountProfileCard__22589 .avatar__6c108 { /* 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
}
2023-10-27 11:49:32 +02:00
.questionMark__8d22a svg { /* accountsettings questionmark */
2021-05-06 17:50:44 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .background_b61fcc { /* accountsettings container */
background-color: rgba(var(--transparencycolor), .2);
2020-10-16 09:26:23 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .fieldList_aab0de { /* 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
2023-10-27 12:50:20 +02:00
.connectContainer__8050b { /* connections container */
background-color: rgba(var(--transparencycolor), .4);
2020-05-12 11:23:04 +02:00
}
2023-10-27 12:50:20 +02:00
.accountButtonInner__80e3a { /* connections connectioninner */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.accountButtonInner__80e3a:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.connection_fff5f6 { /* connections connection */
background-color: rgba(var(--transparencycolor), .3);
2020-10-14 22:06:22 +02:00
}
2023-10-27 12:50:20 +02:00
.connectionHeader__3c82d { /* connections connection header */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.guildHeader__30707 { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .5);
2020-03-26 00:42:57 +01:00
}
2023-10-27 12:50:20 +02:00
.guildSubscriptionSlot_b76fc6 { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2023-10-27 12:50:20 +02:00
.cardWrapper_bc8d2a { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 00:42:57 +01:00
}
2023-10-27 12:50:20 +02:00
.cardWrapper_bc8d2a:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-03-26 00:42:57 +01:00
}
2023-10-27 12:50:20 +02:00
.cardWrapper_bc8d2a .card__11580, /* boostsettings suggestioncard inner */
.cardWrapper_bc8d2a .card__11580:hover {
2020-03-26 00:42:57 +01:00
background-color: transparent;
}
2023-10-25 16:24:34 +02:00
#app-mount .gemIndicatorContainer_b03ca0 { /* boostsettings suggestioncard circle */
2020-03-26 00:42:57 +01:00
background-color: transparent;
}
2023-10-25 16:24:34 +02:00
#app-mount .summaryInfo_b57acb { /* boostsettings past transactions summary */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2020-03-26 15:59:43 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .payment__7d702 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .hoverablePayment__3ea24:hover {
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 15:59:43 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .paymentHeader__50c05 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .expandedInfo__47bad { /* boostsettings past transactions expandedinfo */
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 15:59:43 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .paymentText_deeaf4 { /* boostsettings past transactions paymenttext */
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
2020-03-26 15:59:43 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .giftIcon__9d0ce { /* 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
2023-10-25 16:24:34 +02:00
#app-mount .paymentPane__9cf01 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .paginator_e620d3 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .bottomDivider_a59d97 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .tab_b317f5 { /* boostsettings past transactions tab */
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
}
2023-10-25 16:24:34 +02:00
#app-mount .externalRowHeader_d353ca { /* 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
2023-10-27 12:50:20 +02:00
#app-mount .emptyStateImage__3e0a5 { /* giftinventory no gifts */
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
2021-04-27 16:22:49 +02:00
opacity: 0.6;
}
2023-10-25 16:24:34 +02:00
#app-mount .codeRedemptionRedirect_bc7f36 { /* 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
}
2023-10-27 12:50:20 +02:00
.membershipDialogHouse1__24868 { /* hypesquad membershipdialogs */
background-color: rgba(156, 132, 239, .8);
2020-05-12 11:23:04 +02:00
}
2023-10-27 12:50:20 +02:00
.membershipDialogHouse2_e343cb {
background-color: rgba(244, 123, 103, .8);
2020-05-12 11:23:04 +02:00
}
2023-10-27 12:50:20 +02:00
.membershipDialogHouse3_d0cf09 {
background-color: rgba(69, 221, 192, .8);
2020-05-12 11:23:04 +02:00
}
2023-10-27 11:49:32 +02:00
.videoWrapper__7b3e0 {
background-color: rgba(var(--transparencycolor), .4);
2021-03-19 23:23:44 +01:00
}
2019-09-19 12:56:54 +02:00
2023-10-27 11:49:32 +02:00
.container__6d33c { /* 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
}
2023-10-27 11:49:32 +02:00
.notches__065e9 {
2020-10-17 19:28:14 +02:00
background: transparent !important;
}
2023-10-25 16:24:34 +02:00
#app-mount .progress__2cc1d { /* voicesettings voicebar */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.icon__596c8[src="/assets/6762ed8abdaef6a7f6fc.png"],
.icon__596c8[src="/assets/5af9f85713084d6867a6.png"] {
-webkit-mask: url(https://discord.com/assets/6762ed8abdaef6a7f6fc.png) center/contain no-repeat;
2021-05-06 17:50:44 +02:00
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
2023-10-27 12:50:20 +02:00
.icon__596c8[src="/assets/ea67b1321e3d4154e476.png"],
.icon__596c8[src="/assets/12c09c71eb271a47bcab.png"] {
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat;
2021-05-06 17:50:44 +02:00
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
2023-10-27 12:50:20 +02:00
.cameraWrapper__1ee6d { /* voicesettings video */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.backgroundOptionInner__1477f { /* voicesettings background option */
background-color: rgba(var(--transparencycolor), .4);
}
2019-09-19 12:56:54 +02:00
2023-10-27 11:49:32 +02:00
.option_a0c054 { /* overlay option */
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.option_a0c054:hover,
.option_a0c054.selected_ea51d6 {
box-shadow: 0 2px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.disabled_ab18dc {
color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .row__7a44a { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .card_dc88cd::before { /* settingscard backdrop */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .button__71a0f { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .button__71a0f:hover {
background-color: rgba(var(--transparencycolor), .7);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .game__19f4b { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .gameNameInput_e25dd8:focus,
#app-mount .gameNameInput_e25dd8: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
}
2023-10-25 16:24:34 +02:00
#app-mount .gameName_aeeab5 { /* games gamename */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .lastPlayed_accc56, /* games lastplayed */
#app-mount .overlayStatusText__61367 { /* games overlaystatustext */
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
#app-mount .toggleIconOn_ca5bbe .fill__80e66 { /* games overlaystatusicon */
2021-05-06 18:17:02 +02:00
fill: var(--text-muted);
}
2023-10-25 16:24:34 +02:00
#app-mount .nowPlayingAdd__7caf1 { /* games descriptionhint */
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .nowPlaying__353c3 .gameName_aeeab5 {
2021-05-06 18:17:02 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .nowPlaying__353c3 .lastPlayed_accc56,
#app-mount .nowPlaying__353c3 .overlayStatusText__61367 {
2021-05-06 18:17:02 +02:00
color: #b4e1cd;
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
#app-mount .nowPlaying__353c3 .toggleIconOff_b79a58 .fill__80e66,
#app-mount .nowPlaying__353c3 .toggleIconOn_ca5bbe .fill__80e66 {
2021-05-06 18:17:02 +02:00
fill: #b4e1cd;
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .notDetected__2a0c9 { /* games nogame */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .notDetected__2a0c9 .lastPlayed_accc56 {
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
}
2019-09-19 12:56:54 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .addGamePopout_e4ca8f { /* games add game popout */
2021-05-06 21:30:35 +02:00
background-color: transparent;
}
2023-10-27 11:49:32 +02:00
.addGamePopout_e4ca8f::before,
.addGamePopout_e4ca8f::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;
}
2023-10-27 11:49:32 +02:00
.addGamePopout_e4ca8f::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.addGamePopout_e4ca8f::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
}
2023-10-25 16:24:34 +02:00
#app-mount .addGamePopout_e4ca8f .cancelButton_b97995 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2023-10-27 12:50:20 +02:00
.preview_f42b5d { /* appearance preview */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .2);
2020-01-30 14:28:12 +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
2023-10-27 11:49:32 +02:00
.container__467eb { /* 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
}
2023-10-27 11:49:32 +02:00
.container__467eb[style*="background-color: rgba(248, 249, 249"],
.container__467eb[style*="background-color: rgba(32, 34, 37"] {
background-color: rgba(var(--transparencycolor), .7) !important;
2020-08-03 17:13:08 +02:00
}
2023-10-27 11:49:32 +02:00
.container__467eb[style*="background-color: rgba(248, 249, 249"] .message__13e98,
.container__467eb[style*="background-color: rgba(32, 34, 37"] .message__13e98 {
2022-02-06 17:58:39 +01:00
color: var(--header-primary) !important;
}
2023-10-27 11:49:32 +02:00
.container__467eb[style*="background-color: rgba(248, 249, 249"] .resetButton__7ae69 span[style],
.container__467eb[style*="background-color: rgba(32, 34, 37"] .resetButton__7ae69 span[style] {
2022-02-06 17:58:39 +01:00
color: var(--header-primary) !important;
}
2023-10-27 11:49:32 +02:00
.container__467eb::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
}
2023-10-27 11:49:32 +02:00
.roles__2b5cf { /* rolesettings intro roles */
2021-05-18 12:18:20 +02:00
z-index: 2;
}
2023-10-27 11:49:32 +02:00
.profileCard__03b33 { /* rolesettings intro profile */
2021-05-18 12:18:20 +02:00
position: relative;
z-index: 1;
}
2023-10-27 11:49:32 +02:00
.profileCard__03b33::before,
.profileCard__03b33::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;
}
2023-10-27 11:49:32 +02:00
.profileCard__03b33::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.profileCard__03b33::after {
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
}
2023-10-27 11:49:32 +02:00
.sidebar_bdf6b7 { /* rolesettings sidebar */
background-color: rgba(var(--transparencycolor), .1);
2021-04-13 16:16:02 +02:00
border: none;
}
2023-10-27 11:49:32 +02:00
.container_d5f6d0 { /* rolesettings everyone role */
background-color: rgba(var(--transparencycolor), .2);
2021-04-13 16:16:02 +02:00
}
2023-10-27 11:49:32 +02:00
.container_d5f6d0: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;
}
2023-10-27 12:50:20 +02:00
.settingCard__00567 { /* rolesettings setting card */
background-color: rgba(var(--transparencycolor), .2);
2021-04-13 16:16:02 +02:00
}
2023-10-27 12:50:20 +02:00
.settingCard__00567.active__898cd { /* rolesettings setting card active */
background-color: rgba(var(--transparencycolor), .3);
2021-04-13 16:16:02 +02:00
}
2023-10-27 12:50:20 +02:00
.cardFolder__34393 { /* rolesettings setting card body */
2021-04-13 16:16:02 +02:00
background-color: transparent;
}
2023-10-27 11:49:32 +02:00
.group__6ae8b { /* rolesettings permissions group */
border-color: rgb(var(--transparencycolor), .4);
2021-03-20 13:18:38 +01:00
}
2023-10-27 11:49:32 +02:00
.item_f48d11 { /* rolesettings permissions item */
background: rgb(var(--transparencycolor), .2);
2021-03-20 13:18:38 +01:00
}
2023-10-27 11:49:32 +02:00
.item_f48d11:hover {
background: rgb(var(--transparencycolor), .4);
2021-03-31 11:30:11 +02:00
}
2023-10-27 11:49:32 +02:00
.passthrough__7cd54.selected__47401 { /* rolesettings permissions passthrough selected */
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2021-03-20 13:18:38 +01:00
}
2023-10-27 11:49:32 +02:00
.icon__4c736 { /* rolesettings everyone role icon */
background-color: rgba(var(--transparencycolor), .4);
2021-03-20 13:18:38 +01:00
}
2023-10-27 11:49:32 +02:00
.titleContainer_e558ff, /* rolesettings roles list header */
.header__63c59 { /* rolesettings perms list header */
2021-03-20 13:18:38 +01:00
background-color: transparent;
}
2023-10-27 11:49:32 +02:00
.titleElevated__6a163,
.stickyHeaderElevated__89bcf {
2021-03-20 13:18:38 +01:00
box-shadow: none;
}
2023-10-27 11:49:32 +02:00
.header__63c59::before,
.header__63c59::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;
}
2023-10-27 11:49:32 +02:00
.header__63c59::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
}
2023-10-27 11:49:32 +02:00
.header__63c59::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
}
2023-10-27 12:50:20 +02:00
.roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) { /* rolesettings role row */
background-color: rgba(var(--transparencycolor), .2);
2021-03-20 13:18:38 +01:00
}
2023-10-27 12:50:20 +02:00
.roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) .circleButton__29ce2 {
background-color: rgba(var(--transparencycolor), .2);
2021-03-20 13:18:38 +01:00
}
2023-10-27 12:50:20 +02:00
.roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) .circleButton__29ce2:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-03-20 13:18:38 +01:00
}
2023-10-27 12:50:20 +02:00
.roleRow_c357d5:before,
.roleRow_c357d5: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
}
2023-10-27 11:49:32 +02:00
.memberRow__91c35:hover { /* rolesettings member row */
background-color: rgba(var(--transparencycolor), .2);
2021-03-31 11:30:11 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .colorPickerSwatch__87597.noColor_bf5131 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .colorPickerSwatch__87597.noColor_bf5131 .colorPickerDropperFg__72d34 {
2021-05-06 18:17:02 +02:00
fill: var(--header-primary);
2021-03-20 13:18:38 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .colorPickerSwatch__87597.noColor_bf5131 polyline {
2021-05-06 18:17:02 +02:00
stroke: var(--header-primary);
2021-03-20 13:18:38 +01:00
}
2023-10-27 11:49:32 +02:00
.previewContainer_d2b616 { /* rolesettings preview */
2021-03-31 11:30:11 +02:00
border: none;
}
2023-10-27 11:49:32 +02:00
.messageContainer__18275 { /* rolesettings preview message */
background-color: rgba(var(--transparencycolor), .2);
2021-03-31 11:30:11 +02:00
}
2023-10-27 11:49:32 +02:00
.theme-light .messageContainer__18275 {
2021-03-31 11:30:11 +02:00
display: none;
}
2023-10-27 11:49:32 +02:00
.addMemberRow_d14116.selectedRow__754b4 { /* 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
2023-09-30 10:04:56 +02:00
/* emojisettings alias */
2023-10-25 16:24:34 +02:00
#app-mount .emojiRow__4661c:hover .emojiAliasPlaceholderContent_ea7491,
#app-mount .emojiRow__4661c:focus-within .emojiAliasPlaceholderContent_ea7491 {
2023-09-30 10:04:56 +02:00
visibility: hidden !important;
color: transparent !important;
}
2023-10-27 13:12:34 +02:00
#app-mount .emojiAliasInput_dd55f7 .emojiInput__4fe54 { /* emojisettings nameinput */
background-color: rgba(var(--transparencycolor), .1);
2020-03-25 22:40:02 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .auditLog__6c805 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .headerClickable_c4d7a9, /* auditlogs loginner */
#app-mount .headerDefault__3e003 {
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
}
2023-10-25 16:24:34 +02:00
#app-mount .headerExpanded__03c29 {
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
}
2023-10-25 16:24:34 +02:00
#app-mount .divider__1505d { /* auditlogs loginnerdivider */
2021-05-06 17:50:44 +02:00
background-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .changeDetails_ecd760 { /* auditlogs logdetails */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .userHook_b1bf70 { /* auditlogs userhook */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .auditLog__6c805 strong { /* auditlogs targets */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .timestamp__2f935 { /* auditlogs timestamp */
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2023-10-27 13:12:34 +02:00
#app-mount .expandForeground_c53c75 { /* auditlogs expandarrow */
2021-05-06 18:17:02 +02:00
stroke: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.themeOverrideLight__48338.icon__99140, /* auditlogs logicon */
.themeOverrideDark_e29cce.icon__99140,
2023-10-25 16:24:34 +02:00
#app-mount .icon__99140 {
2019-09-19 12:56:54 +02:00
background: none !important;
}
2023-10-27 11:49:32 +02:00
.icon__99140::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
}
2023-10-27 11:49:32 +02:00
.icon__99140.applicationCommand__0aaef::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/295610bf2d3ec357b4bb.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.autoModerationBlockMessage__473dc::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
2022-06-29 16:37:39 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.autoModerationRule__66a81::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
2022-06-17 21:25:00 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetAll__6358b::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/cda90da758440b5e2cbc.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetBan__28b70::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/559f43e29d80d719b397.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetChannel__62934::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/fd8bb90a4678f63f6a50.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetEmoji__499cd::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/b734b6798a8b89611ee7.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetGuild__170a1::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/30039d24e09f9ae53597.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetGuildHome__8d852::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/bde25f93c922e02f8459.svg);
2022-06-17 21:25:00 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetGuildScheduledEvent_eefa31::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/119b4083c9d4fce05f2d.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetIntegration_f4a496::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/a82903ac1478ed97b6d4.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetInvite__46153::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/5cc5c2e0ad18a7c383d8.svg);
2021-07-29 20:46:18 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetMember__27dad::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/c53abf7172caf6e94497.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetMemberRole__7fd6d::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/63a73b3d5daccfd7a8fc.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetMessage__0ca53::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/f88edd51273b2e14999a.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetPermission_a619b3::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/93b984f7ed0c42796562.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetRole_f0db36::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/842d46ac28c4cc831849.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetStageInstance_f9d669::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/f39f5d92d79071dcd992.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetSticker__18d72::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/0020113abbe97807c0be.svg);
2020-05-30 18:14:25 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetVanityUrl_d8b24a::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/9ecac67adfc57255096c.svg);
2021-07-29 20:46:18 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetWebhook__5177a::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
2021-07-29 20:46:18 +02:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.targetWidget_aaaf18::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/fb3b404502ba18187ace.svg);
2022-01-21 22:49:05 +01:00
}
2023-10-27 11:49:32 +02:00
.icon__99140.thread_a2b0da::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/6960c3e51b7f0dcefcc0.svg);
2021-07-29 20:46:18 +02:00
}
2019-09-19 12:56:54 +02:00
2023-10-27 13:12:34 +02:00
#app-mount .card_fd0d59 { /* integrationsettings card */
border-color: rgba(var(--transparencycolor), .1)
2020-08-26 16:14:26 +02:00
}
2023-10-27 13:12:34 +02:00
#app-mount .card__05cf8 { /* integrationsettings webhook card */
border-color: rgba(var(--transparencycolor), .1)
2020-08-14 14:48:12 +02:00
}
2023-10-27 13:12:34 +02:00
#app-mount .card__39d1a { /* integrationsettings apps card */
border-color: rgba(var(--transparencycolor), .1)
2021-04-01 09:33:27 +02:00
}
2023-10-27 13:12:34 +02:00
#app-mount .card__78185 { /* integrationsettings follows card */
border-color: rgba(var(--transparencycolor), .1)
2020-07-26 17:04:43 +02:00
}
2023-10-27 13:12:34 +02:00
#app-mount .iconWrapper__8fbb1 { /* integrationsettings icon */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:13:08 +02:00
}
2023-10-27 13:12:34 +02:00
#app-mount .footerImage__21e33 {
background-image: url(https://discord.com/assets/a4bee30fe0b5a0f5b3c7.svg);
2021-01-02 13:17:33 +01:00
opacity: 0.6;
}
2020-08-03 17:13:08 +02:00
2023-10-27 13:12:34 +02:00
.guildDetails_fc2c63 { /* communitysettings intro details */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:13:08 +02:00
}
2023-10-27 13:12:34 +02:00
.featureCard__0a441 { /* communitysettings intro featurecard */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-27 13:12:34 +02:00
.featureIcon__48a2c { /* communitysettings intro featureicon */
background-color: rgba(var(--transparencycolor), .3);
2020-09-26 19:23:30 +02:00
}
2020-08-03 17:13:08 +02:00
2023-10-27 13:12:34 +02:00
.upsellContainer__978df { /* communitysettings general upsellcontainer */
background-color: rgba(var(--transparencycolor), .2);
2020-08-03 17:13:08 +02:00
}
2023-10-27 13:12:34 +02:00
.upsellFooter__63475 { /* communitysettings general upsellfooter */
background-color: rgba(var(--transparencycolor), .2);
2020-08-03 17:13:08 +02:00
}
2023-10-27 13:12:34 +02:00
.developerPortalCtaWrapper__21172 { /* communitysettings analytics info */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-27 11:49:32 +02:00
.analyticsCard_a976ba { /* communitysettings analytics card */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-27 13:12:34 +02:00
#app-mount .card__81c50 { /* communitysettings discovery card */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-27 13:12:34 +02:00
#app-mount .iconMask_c8b196 { /* communitysettings discovery icon */
background-color: rgba(var(--transparencycolor), .2);
2020-08-03 17:13:08 +02:00
}
2023-10-27 13:12:34 +02:00
.container__0d7bc { /* communitysettings discovery checklist */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-27 13:12:34 +02:00
.header_d08072 { /* communitysettings discovery checklist header */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-27 13:12:34 +02:00
.descriptionBox_cca0c3 { /* templatesettings descriptionbox */
background-color: rgba(var(--transparencycolor), .3);
2020-04-01 23:00:31 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .tierHeaderLocked__4d099 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .tierHeaderUnlocked_cc60fa { /* boostsettings tierheaderunlocked */
background-color: rgba(var(--transparencycolor), .5);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .tierCloseClose_b6b875 { /* boostsettings tiercloseclose */
2021-06-15 12:35:58 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .tierBody__615a1 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .tierInProgress_f08e8b { /* boostsettings tiermilestone */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .background__3dd67 { /* boostsettings tierbar (settings) */
color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-27 13:12:34 +02:00
#app-mount .member__55269 { /* 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
}
2023-10-27 13:12:34 +02:00
#app-mount .member__55269 .name__7635a { /* membersettings membercardname */
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 13:12:34 +02:00
#app-mount .member__55269 .tag__1a537 { /* membersettings membercardtag */
2021-05-06 20:04:14 +02:00
color: var(--text-muted);
}
2023-10-27 13:12:34 +02:00
#app-mount .member__55269 .roleWrapper__0f174 { /* membersettings rolewrapper */
2021-05-06 20:04:14 +02:00
color: rgba(var(--textbrightest),.8);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .actionButton__81eaa { /* 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
}
2023-10-27 13:12:34 +02:00
#app-mount .member__55269 .overflowIconFg__2b31c { /* membersettings 3-dot icon */
2021-05-06 20:04:14 +02:00
fill: var(--header-primary);
}
2023-10-27 13:12:34 +02:00
#app-mount .member__55269 .ownerHelpIcon__021a4 { /* membersettings help icon */
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .overflowRolesPopout__88ab9, /* membersettings roleoverflow popout */
#app-mount .overflowRolesPopoutArrow_f3db31 {
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;
}
2023-10-27 11:49:32 +02:00
.overflowRolesPopout__88ab9::before,
.overflowRolesPopoutArrow_f3db31::before,
.overflowRolesPopout__88ab9::after,
.overflowRolesPopoutArrow_f3db31::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;
}
2023-10-27 11:49:32 +02:00
.overflowRolesPopout__88ab9::before,
.overflowRolesPopoutArrow_f3db31::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.overflowRolesPopout__88ab9::after,
.overflowRolesPopoutArrow_f3db31::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
}
2023-10-27 11:49:32 +02:00
.overflowRolesPopoutHeaderIcon__07f88 path {
2021-05-06 20:04:14 +02:00
fill: var(--header-secondary);
2020-03-26 00:42:57 +01:00
}
2023-10-27 11:49:32 +02:00
.overflowRolesPopoutHeaderText_dabff2 {
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
2020-03-26 00:42:57 +01:00
}
2023-10-27 13:35:13 +02:00
#app-mount .inviteSettingsInviteRow__0d747 { /* 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
}
2023-10-27 13:35:13 +02:00
#app-mount .bannedUser__38b44 { /* bansettings bancard */
background-color: transparent;
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
}
2023-10-27 13:35:13 +02:00
#app-mount .bannedUser__38b44:hover {
background-color: rgba(var(--transparencycolor), .3);
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
2023-10-27 11:49:32 +02:00
.layer_ad604d:nth-child(1),
.withLayer__1fe9d:nth-child(1) {
2020-10-17 15:08:02 +02:00
z-index: 1002;
}
2023-10-27 11:49:32 +02:00
.layer_ad604d:nth-child(2),
.withLayer__1fe9d:nth-child(2) {
2020-10-17 15:08:02 +02:00
z-index: 1003;
}
2023-10-27 11:49:32 +02:00
.layer_ad604d:nth-child(3),
.withLayer__1fe9d:nth-child(3) {
2020-10-17 15:08:02 +02:00
z-index: 1004;
}
2023-10-27 11:49:32 +02:00
.layer_ad604d:nth-child(4),
.withLayer__1fe9d:nth-child(4) {
2020-10-17 15:08:02 +02:00
z-index: 1005;
}
2023-10-27 11:49:32 +02:00
.layer_ad604d:nth-child(5),
.withLayer__1fe9d:nth-child(5) {
2020-10-17 15:08:02 +02:00
z-index: 1006;
}
2023-10-27 11:49:32 +02:00
.layer_ad604d:nth-child(6),
.withLayer__1fe9d:nth-child(6) {
2020-10-17 15:08:02 +02:00
z-index: 1007;
}
2023-10-27 11:49:32 +02:00
.layer_ad604d:nth-child(7),
.withLayer__1fe9d:nth-child(7) {
2020-10-17 15:08:02 +02:00
z-index: 1008;
}
2023-10-27 11:49:32 +02:00
.layer_ad604d:nth-child(8),
.withLayer__1fe9d:nth-child(8) {
2020-10-17 15:08:02 +02:00
z-index: 1009;
}
2023-10-27 11:49:32 +02:00
.layer_ad604d:nth-child(9),
.withLayer__1fe9d:nth-child(9) {
2020-10-17 15:08:02 +02:00
z-index: 1010;
}
2023-10-27 11:49:32 +02:00
.layer_ec16dd {
2023-03-02 22:50:52 +01:00
z-index: 1011;
}
2020-10-17 15:08:02 +02:00
2023-10-27 15:04:29 +02:00
#app-mount .root_a28985:not(.noBackground_ebd8f7), /* modal container (foldersettings) */
2023-10-25 16:24:34 +02:00
#app-mount .modal__060da { /* 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;
2023-10-27 14:40:51 +02:00
transform: unset !important;
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:04:29 +02:00
#app-mount .rootWithShadow__073a7:not(.noShadow__49254) {
2023-03-01 14:41:14 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
2023-10-27 11:49:32 +02:00
.root_a28985 > *,
.modal__060da > * {
2020-08-03 17:31:03 +02:00
z-index: 1;
}
2023-10-27 11:49:32 +02:00
.root_a28985::before,
.modal__060da::before,
.root_a28985::after,
.modal__060da::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;
}
2023-10-27 11:49:32 +02:00
.root_a28985::before,
.modal__060da::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.root_a28985::after,
.modal__060da::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
}
2023-10-27 11:49:32 +02:00
.root_a28985 .modal__060da::before,
2023-10-27 15:04:29 +02:00
.root_a28985.noBackground_ebd8f7::before,
2023-10-27 11:49:32 +02:00
.modal_d2e7a7::before,
.root_a28985 .modal__060da::after,
2023-10-27 15:04:29 +02:00
.root_a28985.noBackground_ebd8f7::after,
2023-10-27 11:49:32 +02:00
.modal_d2e7a7::after {
2020-02-12 09:59:29 +01:00
display: none;
}
2023-10-25 16:24:34 +02:00
#app-mount .zoomedCarouselModalRoot__1e2da {
2022-07-24 13:48:55 +02:00
background: transparent !important;
}
2023-10-25 16:24:34 +02:00
#app-mount .modalTextContainer_ddfc28 { /* modal text file */
background-color: rgba(var(--transparencycolor), .5);
2021-04-14 17:08:52 +02:00
border: none;
}
2023-10-25 16:24:34 +02:00
#app-mount .footer__89240,
#app-mount .footer__09373 { /* modal footer */
background-color: rgba(var(--transparencycolor), .2);
2021-03-03 14:02:58 +01:00
z-index: 0;
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .footerSeparator__57d95 {
2023-03-01 14:38:41 +01:00
box-shadow: none;
}
2019-09-19 12:56:54 +02:00
2023-10-27 14:15:31 +02:00
.tabBarContainer__63f55 { /* modal tabbarcontainer */
border-top-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-27 14:15:31 +02:00
#app-mount .modal_6GHvdM .tabBarContainer__63f55 {
background: rgba(var(--transparencycolor), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-27 14:15:31 +02:00
#app-mount .separator_ff09cd {
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
}
2023-10-27 14:15:31 +02:00
#app-mount .divider__1464c {
2021-05-07 17:07:56 +02:00
border-color: var(--background-modifier-accent);
}
2023-10-27 14:40:51 +02:00
#app-mount .message__3ad07 {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
2023-10-27 14:40:51 +02:00
#app-mount .secondaryButton_e0812e {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2023-10-27 14:40:51 +02:00
#app-mount .imageUpgrade__02fcc {
background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg);
2021-05-07 17:07:56 +02:00
}
2023-10-27 14:40:51 +02:00
#app-mount .imageCancel_e3036f {
background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
2021-05-07 17:07:56 +02:00
}
2023-10-27 14:40:51 +02:00
#app-mount .imageUnclaimed__3f7ec {
background-image: url(https://discord.com/assets/41675689ca055858e137.svg);
2021-05-07 17:07:56 +02:00
opacity: .5;
}
2023-10-27 14:40:51 +02:00
#app-mount .imageUnverified__6dc24 {
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
2021-05-07 17:07:56 +02:00
opacity: .5;
}
2023-10-27 14:40:51 +02:00
#app-mount .divider__17151 {
2021-05-07 17:07:56 +02:00
border-color: var(--background-modifier-accent);
}
2023-10-27 14:40:51 +02:00
#app-mount .backButtonColor_ceeab9 {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2023-10-27 14:40:51 +02:00
#app-mount .checkboxLabel__56eeb {
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
2023-10-27 11:49:32 +02:00
.listRow__60937:hover {
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.emptyIcon__655a1 { /* body emptypic */
2021-06-08 22:43:17 +02:00
opacity: .5;
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.profileColors__2e2f0 .mask__1979f circle {
2022-10-25 14:05:34 +02:00
fill: transparent;
}
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
2023-10-27 15:04:29 +02:00
.container__73245, /* create modal item */
.guildRow_b1c31c { /* 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
}
2023-10-27 15:04:29 +02:00
.container__73245:hover,
.guildRow_b1c31c:hover {
background-color: rgb(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:04:29 +02:00
.text__43e5f, /* create modal text */
.guildName_e8fc4b { /* hub modal text */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:04:29 +02:00
.container__73245:hover .text__43e5f,
.guildRow_b1c31c:hover .guildName_e8fc4b {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:04:29 +02:00
.arrow__5e540, /* create modal arrow */
.guildName_e8fc4b ~ img { /* hub modal arrow */
2020-12-26 18:33:33 +01:00
object-position: -999999px -999999px;
2023-10-27 15:04:29 +02:00
-webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.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
}
2023-10-27 15:04:29 +02:00
.container__73245:hover .arrow__5e540,
.guildRow_b1c31c:hover .guildName_e8fc4b ~ img {
2021-05-06 21:30:35 +02:00
background: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:04:29 +02:00
.input__0c269 { /* modal invite input */
2020-09-28 19:11:52 +02:00
background: transparent;
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:04:29 +02:00
.inputInner__2e566 { /* 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
}
2023-10-27 15:29:50 +02:00
/* ---- 13.3. UPLOADMODAL ---- */
2019-09-19 12:56:54 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .uploadModal_eae2a0 { /* 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;
}
2023-10-27 11:49:32 +02:00
.uploadModal_eae2a0::before,
.uploadModal_eae2a0::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;
}
2023-10-27 11:49:32 +02:00
.uploadModal_eae2a0::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.uploadModal_eae2a0::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
2023-10-27 11:49:32 +02:00
.uploadModalIn_c0ca4b .uploadDropModal__73a36 {
2020-05-11 21:09:59 +02:00
width: unset;
}
2023-10-27 11:49:32 +02:00
.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .title__73a49,
.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .instructions__9e259 {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:04:29 +02:00
.uploadModal_eae2a0 .inner__7afe9 { /* modal channeltextarea */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.uploadModal_eae2a0 .footer_ceda43 { /* 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
}
2023-10-27 11:49:32 +02:00
.uploadModal_eae2a0 .inner__7afe9 .file_f309f6 .icon__25b13.image__00ac0 {
box-shadow: 0 2px 8px rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:29:50 +02:00
/* ---- 13.4. KEYBOARDSHORTCUTSMODAL ---- */
2019-09-19 12:56:54 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .keyboardShortcutsModal__74c71 { /* 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;
}
2023-10-27 11:49:32 +02:00
.keyboardShortcutsModal__74c71::before,
.keyboardShortcutsModal__74c71::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;
}
2023-10-27 11:49:32 +02:00
.keyboardShortcutsModal__74c71::before {
2021-06-26 17:07:15 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.keyboardShortcutsModal__74c71::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
}
2023-10-25 16:24:34 +02:00
#app-mount .modalTitle_cf2de1 { /* modal title */
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .modalSubtitle__40325 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .keyboardShortcutList__1f357 .keybindGroup_bd18f5 .keybindDescription__74fa6 {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:27:58 +02:00
#app-mount .combo__57290 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:27:58 +02:00
#app-mount .combo__57290 .key__06fe6 {
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
}
2023-10-27 15:27:58 +02:00
#app-mount .combo__57290 .key__06fe6: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);
}
2019-09-19 12:56:54 +02:00
2023-10-27 15:29:50 +02:00
/* ---- 13.5. QUICKSWITCHER ---- */
2019-09-19 12:56:54 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .quickswitcher_a3d29a { /* 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
}
2023-10-27 11:49:32 +02:00
.quickswitcher_a3d29a::before,
.quickswitcher_a3d29a::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;
}
2023-10-27 11:49:32 +02:00
.quickswitcher_a3d29a::before {
2021-06-26 17:07:15 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.quickswitcher_a3d29a::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
}
2023-10-27 11:49:32 +02:00
.root_a28985 .quickswitcher_a3d29a::before,
.root_a28985 .quickswitcher_a3d29a::after {
2022-03-24 17:49:33 +01:00
display: none;
}
2023-10-27 11:49:32 +02:00
.scroller__52ae7 {
2020-07-05 23:08:45 +02:00
background-color: transparent;
}
2023-10-25 16:24:34 +02:00
#app-mount .input__848cd { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .result__25f11[aria-selected=true] { /* modal resultselected */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:29:50 +02:00
/* ---- 13.6. INVITEMODAL/GROUPCREATE ---- */
2019-09-19 12:56:54 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .contentWrapper__85d37 { /* 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;
}
2023-10-27 11:49:32 +02:00
.contentWrapper__85d37::before,
.contentWrapper__85d37::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;
}
2023-10-27 11:49:32 +02:00
.contentWrapper__85d37::before {
2021-06-26 17:07:15 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.contentWrapper__85d37::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
2023-10-25 16:24:34 +02:00
#app-mount .friendSelected_f0db37, /* modal groupdmrow */
2023-10-27 15:27:58 +02:00
#app-mount .inviteRow_a25947:hover { /* modal guildrow */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .friend__05c43, /* modal groupdmrow */
2023-10-27 15:27:58 +02:00
#app-mount .inviteRowName_bc8b23 { /* modal username */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .friendSelected_f0db37,
2023-10-27 15:27:58 +02:00
#app-mount .inviteRow_a25947:hover .inviteRowName_bc8b23 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:27:58 +02:00
#app-mount .checkBoxLabel__29660,
#app-mount .footerText__614f3,
2023-10-25 16:24:34 +02:00
#app-mount .subtitle__593cd,
2023-10-27 15:27:58 +02:00
#app-mount .subText__9988c {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.tag__69d9d { /* 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
}
2023-10-27 11:49:32 +02:00
.pill_c0440d {
background-color: rgba(var(--transparencycolor), .5);
2019-12-12 10:26:20 +01:00
}
2023-10-27 15:27:58 +02:00
#app-mount .notFriends__778a1 .errorStateIcon__7edd8 {
background-image: url(https://discord.com/assets/07aa1f325ebe8b8af5cb.svg);
opacity: 0.6;
}
#app-mount .noFriends_a7f7ca .errorStateIcon__7edd8 {
background-image: url(https://discord.com/assets/adfe130868d2bcf467b5.svg);
opacity: 0.6;
}
#app-mount .partyFull_c6b62b .errorStateIcon__7edd8 {
background-image: url(https://discord.com/assets/53d74eda11a4185c1acd.svg);
opacity: 0.6;
}
#app-mount .noResults_c69767 .errorStateIcon__7edd8 {
background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
opacity: 0.6;
}
2019-09-19 12:56:54 +02:00
2023-10-27 15:29:50 +02:00
/* ---- 13.7. LOGINSCREEN ---- */
2019-09-20 13:29:31 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .wrapper_eebc2d { /* login wrapper */
2019-09-20 13:29:31 +02:00
background: transparent;
}
2023-10-27 11:49:32 +02:00
.wrapper_eebc2d::before, /* login winbuttonshadow */
.wrapper_eebc2d .rightSplit__46a42, /* login background */
.wrapper_eebc2d .canvas_c398ff { /* login movingshadow */
2019-09-20 13:29:31 +02:00
display: none;
}
2023-10-25 16:24:34 +02:00
#app-mount .authBox__7196a { /* 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;
}
2023-10-25 16:24:34 +02:00
#app-mount .authBox__7196a.authBoxExpanded_e57789 { /* 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);
}
2023-10-27 15:27:58 +02:00
#app-mount .navRow_bb8efc { /* modal modal footer */
background-color: rgba(var(--transparencycolor), .2);
2019-10-12 19:03:12 +02:00
}
2023-10-27 15:29:50 +02:00
/* ---- 13.8. DOWNLOADAPPMODAL ---- */
2020-02-19 14:54:06 +01:00
2023-10-25 16:24:34 +02:00
#app-mount .downloadApps__30ed7 { /* 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;
}
2023-10-27 11:49:32 +02:00
.downloadApps__30ed7::before,
.downloadApps__30ed7::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;
}
2023-10-27 11:49:32 +02:00
.downloadApps__30ed7::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.downloadApps__30ed7::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
}
2023-10-27 11:49:32 +02:00
.downloadApps__30ed7 .header__01af9 {
2021-05-06 21:30:35 +02:00
color: var(--text-normal);
}
2023-10-27 11:49:32 +02:00
.downloadApps__30ed7 .footer__49ae9 {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
2020-02-19 14:54:06 +01:00
}
2023-10-27 11:49:32 +02:00
.downloadApps__30ed7 .platforms__86929 .platform__97f9e {
2021-05-06 21:30:35 +02:00
border-color: var(--header-secondary);
2020-02-19 14:54:06 +01:00
}
2023-10-27 11:49:32 +02:00
.downloadApps__30ed7 .platforms__86929 .platform__97f9e p {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-02-19 14:54:06 +01:00
}
2023-10-27 11:49:32 +02:00
.downloadApps__30ed7 .platforms__86929 .platform__97f9e .downloadButton__87489 {
2021-05-06 21:30:35 +02:00
background-color: var(--header-secondary);
2020-02-19 14:54:06 +01:00
}
2023-10-27 11:49:32 +02:00
.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa .downloadButton__87489 {
2021-05-06 17:50:44 +02:00
text-shadow: 1px 1px var(--textshadow);
}
2020-02-19 14:54:06 +01:00
2023-10-27 15:29:50 +02:00
/* ---- 13.9. GUILDBOOSTMODAL ---- */
2020-02-23 13:10:23 +01:00
2023-10-25 16:24:34 +02:00
#app-mount .subscriberCount__53026 { /* modal subcount */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-02-23 13:10:23 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .subscriberCount__53026 strong {
2021-05-06 21:30:35 +02:00
color: var(--text-normal);
2020-02-23 13:10:23 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .moreSubscribers_a13ebc { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .subscribersPopout__1da1e { /* 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;
}
2023-10-27 11:49:32 +02:00
.subscribersPopout__1da1e::before,
.subscribersPopout__1da1e::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;
}
2023-10-27 11:49:32 +02:00
.subscribersPopout__1da1e::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.subscribersPopout__1da1e::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
}
2023-10-25 16:24:34 +02:00
#app-mount .subscribersPopoutUser_a790de { /* subpopout users */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-02-23 13:10:23 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .iconWrapper__9caa9 { /* prebuy popout amount icon wrapper */
background: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2023-10-27 11:49:32 +02:00
.icon_ae3492: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
}
2023-10-27 15:29:50 +02:00
/* ---- 13.10. REACTIONSMODAL ---- */
2020-03-27 19:03:51 +01:00
2023-10-25 16:24:34 +02:00
#app-mount .scroller__5fda0 { /* modal sidebar */
background-color: rgba(var(--transparencycolor), .4);
2020-03-27 19:03:51 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .reactors__20ab0 { /* modal list */
background-color: rgba(var(--transparencycolor), .2);
2020-03-27 19:03:51 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .reactionDefault__792ef:hover { /* modal reaction */
background-color: rgba(var(--transparencycolor), .2);
2020-03-27 19:03:51 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .reactionSelected__249a7 {
background-color: rgba(var(--transparencycolor), .4);
2020-03-27 19:03:51 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .remove__6bd0e { /* modal remove */
2021-05-06 21:30:35 +02:00
color: var(--interactive-normal);
2020-03-27 19:03:51 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .remove__6bd0e:hover {
background-color: rgba(var(--transparencycolor), .4);
2021-05-06 21:30:35 +02:00
color: var(--interactive-hover);
}
2023-10-25 16:24:34 +02:00
#app-mount .discriminator__18879 { /* modal discriminator */
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
2020-03-27 19:03:51 +01:00
}
2023-10-27 15:29:50 +02:00
/* ---- 13.11. GUILDWELCOMEMODAL ---- */
2020-05-17 16:50:46 +02:00
2023-10-27 11:49:32 +02:00
.optionContainer__5d0b1 { /* modal option */
background-color: rgba(var(--transparencycolor), .2);
2020-05-17 16:50:46 +02:00
}
2023-10-27 11:49:32 +02:00
.optionContainer__5d0b1:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-05-17 16:50:46 +02:00
}
2023-10-27 15:29:50 +02:00
/* ---- 13.12. GUILDRULESMODAL ---- */
2020-12-22 21:58:36 +01:00
2023-10-27 11:49:32 +02:00
.guildSidebar__8763f { /* modal sidebar */
background-color: rgba(var(--transparencycolor), .4);
2020-12-22 21:58:36 +01:00
}
2023-10-27 13:12:34 +02:00
.footer__2f589 { /* modal footer */
background: transparent;
}
2023-10-27 11:49:32 +02:00
.modal_b38209 { /* modal inner */
background-color: rgba(var(--transparencycolor), .2);
2020-12-22 21:58:36 +01:00
}
2023-10-27 15:29:50 +02:00
/* ---- 13.13. GUILDFEEDBACKMODAL ---- */
2021-01-03 16:00:42 +01:00
2023-10-27 11:49:32 +02:00
.root_b4f834 { /* modal items */
2021-01-03 16:00:42 +01:00
background-color: transparent;
border-radius: 0;
}
2023-10-27 11:49:32 +02:00
.option_f70eea { /* modal item */
background-color: rgb(var(--transparencycolor), .2);
2021-01-03 16:00:42 +01:00
border: none;
border-radius: 8px;
margin-bottom: 8px;
}
2023-10-27 11:49:32 +02:00
.option_f70eea:hover {
background-color: rgb(var(--transparencycolor), .4);
2021-01-03 16:00:42 +01:00
}
2023-10-27 15:29:50 +02:00
/* ---- 13.14. SCREENSHAREMODAL ---- */
2020-06-27 23:39:45 +02:00
2023-10-26 13:41:52 +02:00
#app-mount .sourceThumbnail__21c87 { /* 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
}
2023-10-27 15:27:58 +02:00
.card__7756d {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .4);
2020-10-18 23:17:42 +02:00
}
2023-10-27 15:27:58 +02:00
#app-mount .item__126a6 {
border-color: rgba(var(--transparencycolor), .4);
2020-10-18 23:17:42 +02:00
}
2023-10-27 11:49:32 +02:00
.selectorButton_c6ae93:not(.selectorButtonSelected_fbe8fc) {
background-color: rgba(var(--transparencycolor), .2);
2020-10-18 23:17:42 +02:00
}
2020-06-27 23:39:45 +02:00
2023-10-27 15:29:50 +02:00
/* ---- 13.15. PHONEVERIFICATIONMODAL ---- */
2019-09-19 12:56:54 +02:00
2023-10-27 11:49:32 +02:00
.phoneField__65729 {
background-color: rgba(var(--transparencycolor), .2);
2021-03-19 23:23:44 +01:00
}
2023-10-27 11:49:32 +02:00
.phoneField__65729 .inputField__3008c {
2021-03-19 23:23:44 +01:00
background-color: transparent;
}
2023-10-27 15:27:58 +02:00
.phoneFieldPopout__3e064 {
2021-03-19 23:23:44 +01:00
position: absolute !important;
}
2019-09-19 12:56:54 +02:00
2023-10-27 15:29:50 +02:00
/* ---- 13.16. NOTIFICATIONSMODAL ---- */
2021-05-06 20:04:14 +02:00
2023-10-27 15:27:58 +02:00
#app-mount .channelName_a1ccf5 {
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
}
2023-10-27 15:27:58 +02:00
#app-mount .guildName_b9dc9e,
#app-mount .override_f2098b,
#app-mount .overrideHighlight__6a2f1 {
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
}
2023-10-27 15:27:58 +02:00
#app-mount .override_f2098b:hover {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.1);
}
2023-10-27 15:27:58 +02:00
#app-mount .overrideHighlight__6a2f1,
#app-mount .overrideHighlight__6a2f1:hover {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.3);
}
2023-10-27 15:27:58 +02:00
#app-mount .checkboxContainer__5a761::before {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.6);
}
2023-10-27 15:27:58 +02:00
#app-mount .overridePlaceholder__46353 {
2021-05-06 20:04:14 +02:00
border: 1px dashed var(--background-floating);
}
2023-10-27 15:29:50 +02:00
/* ---- 13.17. PODIUMSTARTMODAL ---- */
2021-05-12 12:59:29 +02:00
2023-10-27 11:51:13 +02:00
#app-mount .iconContainer__466ce {
background-color: rgba(var(--transparencycolor), .5);
2021-05-12 12:59:29 +02:00
}
2020-08-05 20:40:49 +02:00
2021-03-19 23:23:44 +01:00
/* ~~~~ 14. POPOUTS ~~~~ */
2023-10-27 15:48:43 +02:00
.layer_ec16dd:nth-child(1) {
z-index: 1012;
2020-08-05 20:40:49 +02:00
}
2023-10-27 15:48:43 +02:00
.layer_ec16dd:nth-child(2) {
z-index: 1013;
2020-08-05 20:40:49 +02:00
}
2023-10-27 15:48:43 +02:00
.layer_ec16dd:nth-child(3) {
z-index: 1014;
2020-08-05 20:40:49 +02:00
}
2023-10-27 15:48:43 +02:00
.layer_ec16dd:nth-child(4) {
z-index: 1015;
2020-08-05 20:40:49 +02:00
}
2023-10-27 15:48:43 +02:00
.layer_ec16dd:nth-child(5) {
z-index: 1016;
2020-08-05 20:40:49 +02:00
}
2023-10-27 15:48:43 +02:00
.layer_ec16dd:nth-child(6) {
z-index: 1017;
2020-08-05 20:40:49 +02:00
}
2023-10-27 15:48:43 +02:00
.layer_ec16dd:nth-child(7) {
z-index: 1018;
2020-08-05 20:40:49 +02:00
}
2023-10-27 15:48:43 +02:00
.layer_ec16dd:nth-child(8) {
z-index: 1019;
2020-08-05 20:40:49 +02:00
}
2023-10-27 15:48:43 +02:00
.layer_ec16dd:nth-child(9) {
z-index: 1020;
2020-08-05 20:40:49 +02:00
}
2023-10-27 15:04:29 +02:00
.translate_c2f6c4 {
transform: unset !important;
}
2023-10-27 15:48:43 +02:00
#app-mount .loadingPopout__5f0e8, /* loading popout */
2023-10-25 16:24:34 +02:00
#app-mount .container__8261a, /* browser popout */
2023-10-27 15:48:43 +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;
}
2023-10-27 15:48:43 +02:00
.loadingPopout__5f0e8::before,
2023-10-27 11:49:32 +02:00
.container__8261a::before,
2023-10-27 15:48:43 +02:00
.themedPopout_1TrfdI::before,
.loadingPopout__5f0e8::after,
2023-10-27 11:49:32 +02:00
.container__8261a::after,
2023-10-27 15:48:43 +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;
}
2023-10-27 15:48:43 +02:00
.loadingPopout__5f0e8::before,
2023-10-27 11:49:32 +02:00
.container__8261a::before,
2023-10-27 15:48:43 +02:00
.themedPopout_1TrfdI::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 15:48:43 +02:00
.loadingPopout__5f0e8::after,
2023-10-27 11:49:32 +02:00
.container__8261a::after,
2023-10-27 15:48:43 +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
}
2023-10-27 14:40:51 +02:00
#app-mount .divider__17151 { /* 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
2023-10-27 11:49:32 +02:00
.menu_dc52c6, /* contextmenu fixed */
.submenu_acf564 { /* 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
}
2023-10-27 11:49:32 +02:00
.menu_dc52c6::before,
.submenu_acf564::before,
.menu_dc52c6::after,
.submenu_acf564::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;
}
2023-10-27 11:49:32 +02:00
.menu_dc52c6::before,
.submenu_acf564::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.menu_dc52c6::after,
.submenu_acf564::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
}
2023-10-27 11:49:32 +02:00
.submenu_acf564 {
2020-05-22 14:56:00 +02:00
position: relative;
}
2023-10-27 11:49:32 +02:00
.item__183e8.colorDefault__0b482.focused__27621,
.item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e) {
2023-02-15 18:37:32 +01:00
background-color: rgba(var(--accentcolor), .2) !important;
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.item__183e8.colorDanger_eec36d.focused__27621,
.item__183e8.colorDanger_eec36d:hover:not(.hideInteraction__2790e) {
2021-05-21 17:52:59 +02:00
background-color: rgba(var(--dangercolor), .2) !important;
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.item__183e8.colorSuccess__6b952.focused__27621,
.item__183e8.colorSuccess__6b952:hover:not(.hideInteraction__2790e) {
2022-12-17 12:44:06 +01:00
background-color: rgba(var(--successcolor), .2) !important;
}
2023-10-27 11:49:32 +02:00
.item__183e8.colorBrand__471df.focused__27621,
2023-10-27 15:48:43 +02:00
.item__183e8.colorBrand__471df:hover:not(.hideInteraction__2790e) {
2021-07-03 17:14:51 +02:00
background-color: rgba(var(--accentcolor), .2) !important;
}
2023-10-27 11:49:32 +02:00
.item__183e8.colorPremium__548bd.focused__27621,
2023-10-27 15:48:43 +02:00
.item__183e8.colorPremium__548bd:hover:not(.hideInteraction__2790e) {
2021-07-03 17:14:51 +02:00
background-color: rgba(var(--accentcolor2), .2) !important;
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.item__183e8.colorPremiumGradient__45b85.focused__27621,
.item__183e8.colorPremiumGradient__45b85:hover:not(.hideInteraction__2790e) {
2023-07-14 09:56:01 +02:00
background: linear-gradient(90deg, rgba(var(--accentcolor2), .2), rgba(var(--accentcolor), .2)) !important;
2022-12-17 12:44:06 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .item__183e8 .checkbox__45366 { /* contextmenu checkbox */
2021-05-03 16:23:08 +02:00
color: rgb(var(--accentcolor));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .item__183e8.colorDanger_eec36d .checkbox__45366 {
2021-05-11 11:28:22 +02:00
color: rgb(var(--dangercolor));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .item__183e8.colorSuccess__6b952 .checkbox__45366 {
2022-12-17 12:44:06 +01:00
color: rgb(var(--successcolor));
}
2023-10-25 16:24:34 +02:00
#app-mount .item__183e8.colorPremium__548bd .checkbox__45366 {
2022-12-17 12:44:06 +01:00
color: rgb(var(--accentcolor2));
}
2023-10-25 16:24:34 +02:00
#app-mount .item__183e8 .check__8d1bd { /* 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
}
2023-10-27 11:49:32 +02:00
.button__3ecb4 { /* contextmenu quick reaction button */
background-color: rgba(var(--transparencycolor), .3);
2020-03-22 11:38:27 +01:00
}
2023-10-27 11:49:32 +02:00
.button__3ecb4: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
2023-10-27 11:49:32 +02:00
.userPopoutOuter_d739b2 { /* popout container */
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
}
2023-10-27 11:49:32 +02:00
.userProfileOuterUnthemed__48723 { /* popout container */
2022-08-31 11:45:34 +02:00
background: transparent;
}
2023-10-27 11:49:32 +02:00
.userProfileOuterUnthemed__48723::before,
.userProfileOuterUnthemed__48723::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;
}
2023-10-27 11:49:32 +02:00
.userProfileOuterUnthemed__48723::before {
2021-05-25 09:08:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.userProfileOuterUnthemed__48723::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
}
2023-10-27 11:49:32 +02:00
.accountProfilePopoutWrapper_af829a .overlayBackground__86b78 {
2023-01-06 17:44:42 +01:00
display: block !important;
}
2023-10-27 11:49:32 +02:00
.profileColors__2e2f0 { /* popout profilecolors */
2023-07-14 09:56:01 +02:00
--profile-body-background-color: rgba(0,0,0,.4) !important;
--profile-body-divider-color: var(--background-modifier-accent) !important;
--profile-body-divider-opacity: 1 !important;
2022-08-31 10:48:49 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .userProfileOuterThemed__6eb84 ::-webkit-scrollbar-thumb {
2023-04-09 11:28:42 +02:00
background-color: var(--profile-gradient-secondary-color) !important;
2021-06-25 19:23:01 +02:00
}
2023-10-27 11:49:32 +02:00
.userProfileInnerThemed_f7ead7::after {
2022-09-02 10:58:59 +02:00
content: "";
position: absolute;
display: block;
background: var(--profile-gradient-primary-color);
top: 4px;
right: 4px;
left: 4px;
height: 60px;
z-index: 1;
}
2023-10-27 11:49:32 +02:00
.userProfileInnerThemed_f7ead7::before {
2022-09-02 10:58:59 +02:00
z-index: 2;
}
2023-10-27 11:49:32 +02:00
.userProfileInnerThemed_f7ead7 > * {
2022-09-02 10:58:59 +02:00
z-index: 3;
}
2023-10-27 11:49:32 +02:00
.userProfileInnerThemedWithBanner_d5f991::after {
2023-04-09 11:28:42 +02:00
height: 120px;
2022-08-31 11:47:57 +02:00
}
2023-10-27 11:49:32 +02:00
.userProfileInner__8065b { /* popout inner */
2023-04-09 11:28:42 +02:00
border-radius: 4px;
2022-10-25 17:03:53 +02:00
}
2023-10-27 11:49:32 +02:00
.userPopoutOuter_d739b2 .wrapper_edb6e0, /* popout avatar */
.userPopoutOuter_d739b2 .avatarWrapper { /* 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
}
2019-09-19 12:56:54 +02:00
2023-10-27 11:49:32 +02:00
.root_a99273 { /* body roles */
2019-09-19 12:56:54 +02:00
max-height: 100px;
overflow-x: hidden;
overflow-y: scroll;
}
2023-10-25 16:24:34 +02:00
#app-mount .root_a99273::-webkit-scrollbar {
2019-09-19 12:56:54 +02:00
width: 4px;
}
2023-10-25 16:24:34 +02:00
#app-mount .role__631a3 { /* 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;
}
2023-10-25 16:24:34 +02:00
#app-mount .role__631a3[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
}
2023-10-27 15:48:43 +02:00
#app-mount .rolePillBorder__00c58:not(.actionButton__81eaa) {
2022-11-01 18:07:53 +01:00
border-width: 0;
}
2023-10-25 16:24:34 +02:00
#app-mount .role__631a3 .roleName_d19d33 { /* body rolename */
2019-09-22 22:29:09 +02:00
position: relative;
2022-07-08 16:22:05 +02:00
color: rgb(var(--textbrightest));
2019-09-22 22:29:09 +02:00
height: 20px;
line-height: 20px;
2022-07-08 16:22:05 +02:00
margin: 0;
font-weight: normal;
2019-09-22 22:29:09 +02:00
z-index: 1000;
pointer-events: none;
}
2023-10-25 16:24:34 +02:00
#app-mount .role__631a3 .roleRemoveButton__737f2 {
2022-07-08 16:22:05 +02:00
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
2023-10-25 16:24:34 +02:00
#app-mount .role__631a3 .roleCircle_bae511 { /* 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;
}
2023-10-25 16:24:34 +02:00
#app-mount .role__631a3 .roleCircle_bae511[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
}
2023-10-25 16:24:34 +02:00
#app-mount .role__631a3 .roleCircle_bae511:not(:only-child):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
}
2023-10-25 16:24:34 +02:00
#app-mount .role__631a3 .roleRemoveIcon__7f63d {
2022-07-08 16:22:05 +02:00
z-index: 2001;
pointer-events: none;
}
2023-10-25 16:24:34 +02:00
#app-mount .role__631a3 .roleIcon__7599e {
2021-09-24 17:53:51 +02:00
z-index: 1;
}
2019-09-22 22:29:09 +02:00
2023-10-27 11:49:32 +02:00
.textarea_c5a7a3:focus { /* body note */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .wumpusTooltip_b5c0ea {
2021-05-21 11:41:34 +02:00
background-color: rgb(var(--accentcolor));
color: #fff;
text-shadow: 1px 1px var(--textshadow);
}
2023-10-25 16:24:34 +02:00
#app-mount .wumpusTooltip_b5c0ea::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
2023-10-27 11:49:32 +02:00
.contentWrapper__321ed, /* picker expression wrapper */
.emojiPicker_b65ce9, /* picker inner */
.diversitySelectorOptions__846c5 { /* 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;
}
2023-10-27 11:49:32 +02:00
.contentWrapper__321ed::before,
.emojiPicker_b65ce9::before,
.diversitySelectorOptions__846c5::before,
.contentWrapper__321ed::after,
.emojiPicker_b65ce9::after,
.diversitySelectorOptions__846c5::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;
}
2023-10-27 11:49:32 +02:00
.contentWrapper__321ed::before,
.emojiPicker_b65ce9::before,
.diversitySelectorOptions__846c5::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.contentWrapper__321ed::after,
.emojiPicker_b65ce9::after,
.diversitySelectorOptions__846c5::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
}
2023-10-27 11:49:32 +02:00
.diversitySelectorOptions__846c5::before,
.diversitySelectorOptions__846c5::after {
2020-04-25 09:53:26 +02:00
border-radius: 5px;
}
2023-10-27 11:49:32 +02:00
.diversityEmojiItem__6505f:hover { /* picker diversityemoji */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-04-25 09:53:26 +02:00
}
2023-10-27 11:49:32 +02:00
.navButtonActive__735cb { /* 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
}
2023-10-27 11:49:32 +02:00
.wrapper__4f229 { /* picker sidebar */
background-color: rgba(var(--transparencycolor), .2);
2020-04-25 09:53:26 +02:00
}
2023-10-27 11:49:32 +02:00
.guildIcon__4d796 { /* picker guildicon */
background-color: rgba(var(--transparencycolor), .2);
2020-04-25 09:53:26 +02:00
}
2023-10-27 11:49:32 +02:00
.categoryItemDefaultCategory__67fe7:first-child,
2023-10-27 15:48:43 +02:00
.categoryItemDefaultCategory__67fe7:first-child + .categoryItemDefaultCategory__67fe7 {
2020-10-20 21:57:17 +02:00
margin-bottom: 8px;
}
2023-10-27 11:49:32 +02:00
.categoryItemDefaultCategory__67fe7:hover, /* picker categoryitem */
2023-10-27 15:48:43 +02:00
.stickerCategory__4891e:hover { /* picker stickercategoryitem */
background-color: rgba(var(--transparencycolor), .3);
2020-04-25 09:53:26 +02:00
}
2023-10-27 11:49:32 +02:00
.categoryItemDefaultCategorySelected__8245a, /* picker categoryitem selected */
2023-10-27 15:48:43 +02:00
.categoryItemDefaultCategorySelected__8245a:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-04-25 09:53:26 +02:00
}
2023-10-27 11:49:32 +02:00
.categoryItemDefaultCategorySelected__8245a svg, /* picker categoryitem selected */
2023-10-27 15:48:43 +02:00
.categoryItemDefaultCategorySelected__8245a: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
2023-10-27 15:48:43 +02:00
.unicodeShortcut__1dd6b { /* 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;
}
2023-10-27 11:49:32 +02:00
.unicodeShortcut__1dd6b::before,
2023-10-27 15:48:43 +02:00
.unicodeShortcut__1dd6b::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;
}
2023-10-27 15:48:43 +02:00
.unicodeShortcut__1dd6b::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 15:48:43 +02:00
.unicodeShortcut__1dd6b::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
2023-10-27 11:49:32 +02:00
.inspector__993e1 { /* picker emojiinfowrapper */
background-color: rgba(var(--transparencycolor), .2);
2020-04-25 09:53:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .wrapper__7a35f { /* picker categoryheader */
2020-04-25 09:53:26 +02:00
background: transparent;
position: static;
}
2023-10-25 16:24:34 +02:00
#app-mount .imageLoading__37d01 { /* picker emoji loading */
background: rgba(var(--transparencycolor), .3);
2020-10-27 15:15:57 +01:00
border-radius: 10px;
}
2023-10-27 11:49:32 +02:00
.emojiItem_b15dee.emojiItemSelected__1a09a { /* picker emoji selected */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-04-25 09:53:26 +02:00
}
2023-10-27 11:49:32 +02:00
.emojiItemDisabled__36cbf { /* picker emoji disabled */
2020-04-27 14:06:04 +02:00
filter: none;
cursor: no-drop;
}
2023-10-27 11:49:32 +02:00
.emojiItemDisabled__36cbf > * {
2020-06-17 15:53:34 +02:00
filter: grayscale(1);
2020-04-25 09:53:26 +02:00
}
2023-10-27 11:49:32 +02:00
.premiumPromo__2d678 { /* picker premium warning */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2020-04-27 14:06:04 +02:00
opacity: 1;
}
2023-10-27 11:49:32 +02:00
.premiumPromo__2d678::before,
.premiumPromo__2d678::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;
}
2023-10-27 11:49:32 +02:00
.premiumPromo__2d678::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.premiumPromo__2d678::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
}
2023-10-27 11:49:32 +02:00
.premiumPromoClose__11b8f {
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
}
2023-10-27 11:49:32 +02:00
.premiumPromoClose__11b8f:hover {
2021-05-06 21:30:35 +02:00
background: var(--interactive-hover);
}
2023-10-27 11:49:32 +02:00
.premiumPromoClose__11b8f:active {
2021-05-06 21:30:35 +02:00
background: var(--interactive-active);
2020-10-18 20:42:49 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .categoryItemDefaultCategorySelected__8245a .categoryIcon__7d3fc,
#app-mount .categoryItemDefaultCategorySelected__8245a:hover .categoryIcon__7d3fc {
2021-05-06 21:30:35 +02:00
color: var(--interactive-active);
}
2023-10-25 16:24:34 +02:00
#app-mount .focused__036ed, /* gifpicker result */
#app-mount .result_e1fc74:hover {
box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor), .3);
2020-10-18 20:42:49 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .placeholder__1d2a8 {
2021-05-06 21:30:35 +02:00
background: rgba(var(--textdarkest),.6);
}
2023-10-25 16:24:34 +02:00
#app-mount .endContainer__0c909::after {
2022-07-30 16:30:25 +02:00
background-image: url(https://discord.com/assets/be5f088125f778701a7e4fad471a45da.svg);
2021-05-06 21:30:35 +02:00
opacity: 0.6;
}
2023-10-25 16:24:34 +02:00
#app-mount .endText__2c9a4 {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .emptyHintCard_f3e81a {
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
}
2023-10-25 16:24:34 +02:00
#app-mount .backButton__6a1f0 { /* gifpicker backbutton */
2021-05-06 21:30:35 +02:00
color: var(--interactive-normal);
2020-10-18 20:42:49 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .backButton__6a1f0:hover {
2021-05-06 21:30:35 +02:00
color: var(--interactive-hover);
2020-10-18 20:42:49 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .backButton__6a1f0: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
2023-10-27 11:49:32 +02:00
.messagesPopoutWrap_b3b384, /* popout wrapper */
.container__20de0 { /* 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;
}
2023-10-27 11:49:32 +02:00
.messagesPopoutWrap_b3b384 > *,
.container__20de0 > * {
2020-01-30 13:58:17 +01:00
z-index: 1000;
}
2023-10-27 11:49:32 +02:00
.messagesPopoutWrap_b3b384::before,
.container__20de0::before,
.messagesPopoutWrap_b3b384::after,
.container__20de0::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;
}
2023-10-27 11:49:32 +02:00
.messagesPopoutWrap_b3b384::before,
.container__20de0::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.messagesPopoutWrap_b3b384::after,
.container__20de0::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
}
2023-10-25 16:24:34 +02:00
#app-mount .messagesPopout__22763 { /* popout innerwrap */
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2020-05-08 10:46:50 +02:00
2023-10-27 11:49:32 +02:00
.header_f5cc88 { /* 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
2023-10-27 11:49:32 +02:00
.footer_a3029c { /* popout footer */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2020-05-08 10:46:50 +02:00
2023-10-27 11:49:32 +02:00
.messageGroupWrapper_f8c6e9 {
2019-09-19 12:56:54 +02:00
background-color: transparent;
border: none;
overflow: visible;
padding: 11px 10px 10px 10px;
}
2023-10-27 11:49:32 +02:00
.messageGroupWrapper_f8c6e9 + .messageGroupWrapper_f8c6e9::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%;
}
2023-10-27 11:49:32 +02:00
.actionButtons__0ac05 { /* popout actionbuttonscontainer */
2019-09-19 12:56:54 +02:00
top: 4px;
right: 14px;
}
2023-10-27 11:49:32 +02:00
.jumpButton_da1ebb, /* popout jumpbutton (mentions) */
.jumpButton__0329d { /* popout jumpbutton (pins) */
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.jumpButton_da1ebb:hover,
.jumpButton__0329d:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-06-26 15:20:13 +02:00
}
2023-10-27 11:49:32 +02:00
.jumpButton_da1ebb + .jumpButton_da1ebb,
.jumpButton__0329d + .jumpButton__0329d {
2019-09-19 12:56:54 +02:00
margin-left: 2px;
}
2023-10-27 11:49:32 +02:00
.image__0a0fc { /* popout emptyimage */
2019-09-19 12:56:54 +02:00
opacity: 0.6;
}
2023-10-27 15:48:43 +02:00
.image__0a0fc[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] {
background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important;
}
2019-09-19 12:56:54 +02:00
2020-04-18 16:19:27 +02:00
/* popout active tab */
2023-10-25 16:24:34 +02:00
#app-mount .header__28ebb .tabBar__2aa8e .tab_a8a066.active__7e7af {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-04-18 16:19:27 +02:00
}
2023-10-27 11:49:32 +02:00
.secondary_c96c46, /* popout header button */
.tertiary_bc0225, /* popout message button */
2023-10-27 15:48:43 +02:00
.collapseButton_b18eab { /* popout collapse button */
background-color: rgba(var(--transparencycolor), .2);
2020-04-18 16:19:27 +02:00
}
2023-10-27 11:49:32 +02:00
.secondary_c96c46:hover,
.tertiary_bc0225:hover,
2023-10-27 15:48:43 +02:00
.collapseButton_b18eab:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-04-18 16:19:27 +02:00
}
2023-10-27 15:48:43 +02:00
.collapseButton_b18eab {
2020-05-08 11:16:33 +02:00
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;
}
2023-10-27 15:49:04 +02:00
.collapseButton_b18eab.collapsed__8da7d svg {
2020-05-08 11:16:33 +02:00
transform: rotate(-90deg);
}
2023-10-27 11:49:32 +02:00
.channelHeader__5d30c { /* 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
}
2023-10-27 11:49:32 +02:00
.channelHeader__5d30c:only-child {
2020-05-08 11:16:33 +02:00
border-radius: 0;
}
2023-10-27 11:49:32 +02:00
.messageContainer_aa7d14, /* popout messagecontainer */
.messages_f7999e { /* popout messagecontainer (inbox) */
background-color: rgba(var(--transparencycolor), .2);
2020-04-18 16:19:27 +02:00
border-radius: 0;
}
2023-10-27 11:49:32 +02:00
.messageContainer_aa7d14:last-child,
.messages_f7999e:last-child {
2020-04-18 16:19:27 +02:00
border-radius: 0 0 5px 5px;
}
2023-10-27 11:49:32 +02:00
.tutorial__7b875 { /* popout tutorial (inbox) */
background-color: rgba(var(--transparencycolor), .4);
2020-08-11 17:19:24 +02:00
}
2023-10-27 11:49:32 +02:00
.tutorialIcon__5c63f { /* 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
2023-10-25 16:24:34 +02:00
#app-mount .container_d6dad3 { /* 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;
}
2023-10-27 11:49:32 +02:00
.container_d6dad3::before,
.container_d6dad3::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;
}
2023-10-27 11:49:32 +02:00
.container_d6dad3::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.container_d6dad3::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
}
2023-10-25 16:24:34 +02:00
#app-mount .queryContainer_c359fe {
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
}
2023-10-25 16:24:34 +02:00
#app-mount .queryContainer_c359fe strong {
2021-05-07 12:32:48 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .focused_f9cf2c {
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-27 16:21:59 +02:00
#app-mount .resultsGroup_ea9b64::before {
2021-05-06 17:50:44 +02:00
border-top-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2023-10-27 16:21:59 +02:00
#app-mount .resultsGroup_ea9b64 .header_b24bd1,
#app-mount .resultsGroup_ea9b64 .plusIcon__36244,
#app-mount .resultsGroup_ea9b64 .searchClearHistory_cd1df2,
#app-mount .resultsGroup_ea9b64 .searchLearnMore_bf7b8e a {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-27 16:21:59 +02:00
#app-mount .resultsGroup_ea9b64 .header_b24bd1,
#app-mount .resultsGroup_ea9b64 .plusIcon__36244 {
2021-11-18 15:35:56 +01:00
color: var(--text-normal);
}
2023-10-25 16:24:34 +02:00
#app-mount .option_b5597b::after {
2019-09-19 12:56:54 +02:00
display: none;
}
2023-10-25 16:24:34 +02:00
#app-mount .option_b5597b:hover,
2023-10-27 16:21:59 +02:00
#app-mount .option_b5597b[aria-selected=true] {
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .option_b5597b:hover::before,
2023-10-27 16:21:59 +02:00
#app-mount .option_b5597b[aria-selected=true]::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;
}
2023-10-27 16:21:59 +02:00
#app-mount .option_b5597b:hover .plusIcon__36244,
#app-mount .option_b5597b[aria-selected=true] .plusIcon__36244 {
2021-11-18 15:35:56 +01:00
color: white;
opacity: 1;
}
2023-10-27 16:21:59 +02:00
#app-mount .option_b5597b .answer__9ff92,
#app-mount .option_b5597b .nonText_cbb69b,
2023-10-25 16:24:34 +02:00
#app-mount .option_b5597b strong {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-27 16:21:59 +02:00
#app-mount .option_b5597b .filter_bd5fe7 {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2023-10-27 17:01:09 +02:00
#app-mount .option_b5597b.user__97b4c .displayedNick_df9a16 {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-27 17:01:09 +02:00
#app-mount .option_b5597b.user__97b4c .displayUsername_aea59a {
2021-05-07 12:32:48 +02:00
color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2023-10-27 16:21:59 +02:00
#app-mount .searchOption__41bc5 .filter_bd5fe7 {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-27 16:21:59 +02:00
#app-mount .searchOption__41bc5 .answer__9ff92 {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2023-10-27 16:21:59 +02:00
#app-mount .searchResultChannelCategory__7ebb5,
#app-mount .searchResultChannelIcon__95142 {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .react-datepicker {
2019-09-19 12:56:54 +02:00
background: transparent;
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--outside-month) {
border-color: rgba(var(--transparencycolor), .5);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .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
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .react-datepicker__header,
#app-mount .calendarPicker__5c474 .react-datepicker__month-container,
#app-mount .calendarPicker__5c474 .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
background: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .react-datepicker__header {
2019-09-19 12:56:54 +02:00
padding-bottom: 5px;
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .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;
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .react-datepicker__navigation::before {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
2023-10-27 16:21:59 +02:00
-webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.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
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .react-datepicker__navigation--previous {
2019-09-19 12:56:54 +02:00
left: 30px;
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .react-datepicker__navigation--next {
2019-09-19 12:56:54 +02:00
right: 30px;
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .react-datepicker__current-month {
2019-09-19 12:56:54 +02:00
border-color: transparent;
padding: 10px 0;
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .react-datepicker__current-month,
#app-mount .calendarPicker__5c474 .react-datepicker__day-name,
#app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
#app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
2023-10-27 16:21:59 +02:00
#app-mount .calendarPicker__5c474 .datePickerHint__7cc9b .hint__460f1,
#app-mount .calendarPicker__5c474 .datePickerHint__7cc9b .hintValue_c2ce1f {
2021-05-07 12:32:48 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .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
}
2023-10-25 16:24:34 +02:00
#app-mount .calendarPicker__5c474 .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
}
2023-10-27 16:21:59 +02:00
#app-mount .datePicker__94673 .datePickerHint__7cc9b {
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);
}
2023-10-27 16:21:59 +02:00
#app-mount .datePicker__94673 .datePickerHint__7cc9b .hint__460f1 {
2021-11-18 15:35:56 +01:00
color: var(--text-normal);
}
2023-10-27 16:21:59 +02:00
#app-mount .datePicker__94673 .datePickerHint__7cc9b .hintValue_c2ce1f {
2021-11-18 15:35:56 +01:00
color: var(--header-primary);
}
2023-10-27 16:21:59 +02:00
#app-mount .datePicker__94673 .datePickerHint__7cc9b .hintValue_c2ce1f: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
2023-10-25 16:24:34 +02:00
#app-mount .customColorPicker__3cb6a { /* 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;
}
2023-10-27 11:49:32 +02:00
.customColorPicker__3cb6a::before,
.customColorPicker__3cb6a::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;
}
2023-10-27 11:49:32 +02:00
.customColorPicker__3cb6a::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.customColorPicker__3cb6a::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
2023-10-27 16:21:59 +02:00
#app-mount .container_d27846, /* popout userpopout */
#app-mount .container_e84cda { /* 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
}
2023-10-27 16:21:59 +02:00
.container_d27846::before,
.container_d27846::after,
.container_e84cda::before,
.container_e84cda::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;
}
2023-10-27 16:21:59 +02:00
.container_d27846::before,
.container_e84cda::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 16:21:59 +02:00
.container_d27846::after,
.container_e84cda::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
}
2023-10-27 11:49:32 +02:00
.focused__2b1b2,
2023-10-27 16:21:59 +02:00
.item__287de:focus:not(.disabled__1c6ff),
.item__287de:hover:not(.disabled__1c6ff),
.row__3fe26.selected__75860 .rowInner_feb94d,
.row__3fe26:focus .rowInner_feb94d,
.row__3fe26:hover .rowInner_feb94d {
background: rgba(var(--transparencycolor), .4);
2019-10-14 15:57:38 +02:00
}
2023-10-27 16:21:59 +02:00
#app-mount .container_e84cda .header__02652 {
2022-01-14 19:06:28 +01:00
background: rgba(var(--transparencycolor), .2);
}
2023-10-27 16:21:59 +02:00
#app-mount .container_e84cda .input_e396c0 {
2022-01-14 19:06:28 +01:00
color: var(--header-primary);
}
2023-10-27 16:21:59 +02:00
#app-mount .container_e84cda .sectionTag_b0df68 {
2022-01-14 19:06:28 +01:00
background: transparent;
}
2023-10-27 16:21:59 +02:00
.autocompleteShadow__902d2,
.autocompleteArrowWrapper_b172c6,
.autocompleteHeaderBackground__4e6c3 {
2022-01-14 19:06:28 +01:00
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
2023-10-27 16:21:59 +02:00
.contentWarningPopout__7d8c2 .animation__14012 {
opacity: 0.6;
2020-01-30 10:22:32 +01:00
}
2023-10-27 16:21:59 +02:00
#app-mount .footer__36118 {
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
}
2020-03-26 00:42:57 +01:00
/* ---- 14.9. CHANNELFOLLOW ---- */
2020-03-25 20:19:24 +01:00
2023-10-27 16:21:59 +02:00
#app-mount .header__4ef99 {
background: rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
}
2023-10-27 16:21:59 +02:00
#app-mount .separator__925e8 {
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
}
2023-10-27 16:21:59 +02:00
.channelContainer_c4b275 {
background-color: rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
}
2023-10-27 16:21:59 +02:00
.channel_c9e1c9 {
background-color: rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
}
2023-10-27 16:21:59 +02:00
.channelContainer_c4b275 .channel_c9e1c9 {
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
2023-10-27 16:21:59 +02:00
#app-mount .guildPopout_ea4d8c { /* 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;
}
2023-10-27 16:21:59 +02:00
.guildPopout_ea4d8c::before,
.guildPopout_ea4d8c::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;
}
2023-10-27 16:21:59 +02:00
.guildPopout_ea4d8c::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 16:21:59 +02:00
.guildPopout_ea4d8c::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 ---- */
2023-10-25 16:24:34 +02:00
#app-mount .popoutContainer__7b9a3 { /* 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;
}
2023-10-27 11:49:32 +02:00
.popoutContainer__7b9a3::before,
.popoutContainer__7b9a3::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;
}
2023-10-27 11:49:32 +02:00
.popoutContainer__7b9a3::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.popoutContainer__7b9a3::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
2023-10-27 11:49:32 +02:00
.emojiSection_a65b54 { /* popout emojisection */
2020-09-12 17:50:02 +02:00
background-color: transparent;
}
2023-10-27 11:49:32 +02:00
.guildSection_ebda04 { /* popout emojisection */
background-color: rgba(var(--transparencycolor), .2);
2020-10-05 21:26:49 +02:00
}
2020-10-06 20:16:58 +02:00
/* ---- 14.12. STREAMPREVIEW ---- */
2023-10-27 17:01:09 +02:00
#app-mount .streamPreview__1846c { /* 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;
}
2023-10-27 17:01:09 +02:00
.streamPreview__1846c::before,
.streamPreview__1846c::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;
}
2023-10-27 17:01:09 +02:00
.streamPreview__1846c::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 17:01:09 +02:00
.streamPreview__1846c::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
2023-10-27 17:01:09 +02:00
#app-mount .previewContainer_bb1924 { /* 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 ---- */
2023-10-25 16:24:34 +02:00
#app-mount .container__56cd1 { /* 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;
}
2023-10-27 11:49:32 +02:00
.container__56cd1::before,
.container__56cd1::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;
}
2023-10-27 11:49:32 +02:00
.container__56cd1::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.container__56cd1::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
2023-10-25 16:24:34 +02:00
#app-mount .popout__8e314 { /* 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;
}
2023-10-27 11:49:32 +02:00
.popout__8e314::before,
.popout__8e314::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;
}
2023-10-27 11:49:32 +02:00
.popout__8e314::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.popout__8e314::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 ---- */
2023-10-25 16:24:34 +02:00
#app-mount .container__0810b { /* 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;
2023-10-27 17:01:09 +02:00
width: 290px;
2021-05-06 21:30:35 +02:00
}
2023-10-27 11:49:32 +02:00
.container__0810b::before,
.container__0810b::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;
}
2023-10-27 11:49:32 +02:00
.container__0810b::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.container__0810b::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
}
2023-10-25 16:24:34 +02:00
#app-mount .container__0810b canvas {
2021-05-06 21:30:35 +02:00
background-color: rgb(var(--transparencycolor));
padding: 5px;
border-radius: 5px;
}
2023-10-25 16:24:34 +02:00
#app-mount .container__0810b section {
2021-05-06 21:30:35 +02:00
background-color: transparent;
}
2023-10-25 16:24:34 +02:00
#app-mount .container__0810b section p {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .container__0810b section strong {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .debugButton__0c12a {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .krispLogo__461a0 {
2023-10-27 17:01:09 +02:00
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.svg) center/contain no-repeat;
2021-05-06 21:30:35 +02:00
background-color: var(--header-primary);
}
/* ---- 14.16. PHONE-/EMAILVALIDATION ---- */
2023-10-25 16:24:34 +02:00
#app-mount .input_d5a597 {
2021-05-06 21:30:35 +02:00
background-color: rgba(var(--transparencycolor), .2);
color: var(--header-primary);
}
2023-10-27 17:01:09 +02:00
#app-mount .phoneFieldPopout__3e064 .countryName_eb9b14 {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2023-10-27 17:01:09 +02:00
#app-mount .phoneFieldPopout__3e064 .countryCode__14e5a {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .activityInviteEducationArrow_a24987 {
2023-10-27 17:01:09 +02:00
-webkit-mask: url(https://discord.com/assets/6f222b93b4b971e68613.svg) center/contain no-repeat;
2021-05-06 21:30:35 +02:00
background: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .emailVerificationModal_e48dfa .title__78b45 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .emailVerificationModal_e48dfa .body_b7d0a4 {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
}
2023-10-25 16:24:34 +02:00
#app-mount .verification__82f71 .title__31b19 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .verification__82f71 .body_cb675e,
#app-mount .verification__82f71 .footer__38343 {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .verificationBlock_c45d0e {
2021-05-06 21:30:35 +02:00
background-color: rgba(var(--transparencycolor), .1);
border: 1px solid rgba(var(--transparencycolor), .3);
}
2023-10-25 16:24:34 +02:00
#app-mount .verificationBlock_c45d0e:hover {
2021-05-06 21:30:35 +02:00
background-color: rgba(var(--transparencycolor), .2);
border-color: rgb(var(--transparencycolor));
}
2023-10-27 17:01:09 +02:00
#app-mount .verification__82f71 .image__54a8d {
background-image: url(https://discord.com/assets/8f8162ee689b2d85996c.svg);
opacity: .5;
}
2023-10-25 16:24:34 +02:00
#app-mount .verificationBlock_c45d0e .image__54a8d.email__44f2f {
2023-10-27 17:01:09 +02:00
background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
2021-05-06 21:30:35 +02:00
opacity: .5;
}
2023-10-25 16:24:34 +02:00
#app-mount .verificationBlock_c45d0e .image__54a8d.phone__0b460 {
2023-10-27 17:01:09 +02:00
background-image: url(https://discord.com/assets/e9802d8cbd4efea22c7f.svg);
2021-05-06 21:30:35 +02:00
opacity: .5;
}
2023-10-25 16:24:34 +02:00
#app-mount .verificationBlock_c45d0e .body_cb675e {
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 ---- */
2023-10-25 16:24:34 +02:00
#app-mount .quickSelectPopout_c0cf80, /* quickselect */
2023-10-27 17:01:09 +02:00
#app-mount .popoutList_db80c1 { /* 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;
}
2023-10-27 11:49:32 +02:00
.quickSelectPopout_c0cf80::before,
2023-10-27 17:01:09 +02:00
.popoutList_db80c1::before,
2023-10-27 11:49:32 +02:00
.quickSelectPopout_c0cf80::after,
2023-10-27 17:01:09 +02:00
.popoutList_db80c1::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;
}
2023-10-27 11:49:32 +02:00
.quickSelectPopout_c0cf80::before,
2023-10-27 17:01:09 +02:00
.popoutList_db80c1::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.quickSelectPopout_c0cf80::after,
2023-10-27 17:01:09 +02:00
.popoutList_db80c1::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
}
2023-10-25 16:24:34 +02:00
#app-mount .selectableItem__166c5 {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .selectableItem__166c5:hover {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), .2);
}
2023-10-25 16:24:34 +02:00
#app-mount .quickSelectPopoutOption__39224:hover {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), .2);
}
2023-10-25 16:24:34 +02:00
#app-mount .quickSelectPopoutOption__39224.selected_b17ff5 {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), .4);
}
2023-10-27 17:01:09 +02:00
#app-mount .popoutListEmpty_b9719c {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .quickSelectArrow__9853b {
2023-10-27 17:01:09 +02:00
-webkit-mask: url(https://discord.com/assets/c4643b70509c385fcc83.svg) 50% no-repeat;
2021-05-07 17:07:56 +02:00
background: var(--interactive-normal);
}
2021-05-15 12:30:19 +02:00
/* ---- 14.18. WARNINGPOPOUT ---- */
2023-10-25 16:24:34 +02:00
#app-mount .contentWarningPopout__7d8c2 { /* 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;
}
2023-10-27 11:49:32 +02:00
.contentWarningPopout__7d8c2::before,
.contentWarningPopout__7d8c2::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;
}
2023-10-27 11:49:32 +02:00
.contentWarningPopout__7d8c2::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.contentWarningPopout__7d8c2::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
}
2023-10-25 16:24:34 +02:00
#app-mount .body_fa303f {
2021-05-15 12:30:19 +02:00
color: var(--header-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .header_bee9c9 {
2021-05-15 12:30:19 +02:00
color: var(--header-primary);
}
2022-09-09 14:27:08 +02:00
/* ---- 14.19. ACTIVETHREADLISTPOPOUT ---- */
2021-11-09 17:21:22 +01:00
2023-10-25 16:24:34 +02:00
#app-mount .popout__24e32 { /* 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;
}
2023-10-27 11:49:32 +02:00
.popout__24e32::before,
.popout__24e32::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;
}
2023-10-27 11:49:32 +02:00
.popout__24e32::before {
2021-11-09 17:21:22 +01:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.popout__24e32::after {
2021-11-09 17:21:22 +01:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
2022-09-09 14:27:08 +02:00
/* ---- 14.20. ROLEMEMBERSPOPOUT ---- */
2023-10-25 16:24:34 +02:00
#app-mount .rolePopout__73806 { /* popout */
2022-09-09 14:27:08 +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;
}
2023-10-27 11:49:32 +02:00
.rolePopout__73806::before,
.rolePopout__73806::after {
2022-09-09 14:27:08 +02: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;
}
2023-10-27 11:49:32 +02:00
.rolePopout__73806::before {
2022-09-09 14:27:08 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.rolePopout__73806::after {
2022-09-09 14:27:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
2022-11-03 14:51:36 +01:00
/* ---- 14.21. FORUMFILTERPOPOUT ---- */
2023-10-27 17:01:09 +02:00
#app-mount .container_ae7412 { /* popout */
2022-11-03 14:51:36 +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;
}
2023-10-27 17:01:09 +02:00
.container_ae7412::before,
.container_ae7412::after {
2022-11-03 14:51:36 +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;
}
2023-10-27 17:01:09 +02:00
.container_ae7412::before {
2022-11-03 14:51:36 +01:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 17:01:09 +02:00
.container_ae7412::after {
2022-11-03 14:51:36 +01:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
2023-03-12 09:41:10 +01:00
/* ---- 14.22. ACTIVITYSHAREPOPOUT ---- */
2023-10-25 16:24:34 +02:00
#app-mount .container_c344de { /* popout */
2023-03-12 09:41:10 +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;
}
2023-10-27 11:49:32 +02:00
.container_c344de::before,
.container_c344de::after {
2023-03-12 09:41:10 +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;
}
2023-10-27 11:49:32 +02:00
.container_c344de::before {
2023-03-12 09:41:10 +01:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.container_c344de::after {
2023-03-12 09:41:10 +01:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
2023-04-14 17:43:45 +02:00
/* ---- 14.23. SOUNDBOARD ---- */
2023-10-25 16:24:34 +02:00
#app-mount .picker__6dca7 { /* popout */
2023-04-14 17:43:45 +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;
}
2023-10-27 11:49:32 +02:00
.picker__6dca7::before,
.picker__6dca7::after {
2023-04-14 17:43:45 +02: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;
}
2023-10-27 11:49:32 +02:00
.picker__6dca7::before {
2023-04-14 17:43:45 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.picker__6dca7::after {
2023-04-14 17:43:45 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
2023-04-19 13:10:29 +02:00
/* ---- 14.24. SERVERSURVEY ---- */
2023-10-27 11:49:32 +02:00
.main__58b77 .prompt__671aa {
2023-04-19 13:10:29 +02:00
background: rgba(var(--transparencycolor), .3);
}
2023-10-27 11:49:32 +02:00
.main__58b77 .prompt__671aa .sizeMedium_c6fa98 {
2023-04-19 13:10:29 +02:00
width: unset;
}
2023-10-27 11:49:32 +02:00
.optionButtonWrapper__4072c:hover,
.optionButtonWrapper__4072c.selected__90dd8 {
2023-04-19 13:10:29 +02:00
border-color: rgb(var(--accentcolor));
}
2020-03-26 00:42:57 +01:00
/* ~~~~ 15. GENERAL ~~~~ */
2019-09-19 12:56:54 +02:00
2023-10-27 11:49:32 +02:00
.highlight {
2022-09-09 14:31:18 +02:00
background: rgba(var(--accentcolor), .3);
}
2023-10-27 11:49:32 +02:00
.clickable__17ccb:hover .layout_bb8e67 {
2022-09-09 14:31:18 +02:00
background-color: rgba(var(--transparencycolor), .2);
}
2023-10-27 11:49:32 +02:00
.clickable__17ccb:active .layout_bb8e67 {
2022-09-09 14:31:18 +02:00
background: rgb(var(--accentcolor));
}
2023-10-27 11:49:32 +02:00
.clickable__17ccb:active .layout_bb8e67,
.selected__9800b .layout_bb8e67,
.selected__9800b:hover .layout_bb8e67,
.selected__9800b:active .layout_bb8e67 {
2022-09-09 14:31:18 +02:00
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
}
2023-10-27 11:49:32 +02:00
.clickable__17ccb .icon_fcc53a {
2022-09-09 14:31:18 +02:00
color: inherit;
}
2023-10-27 17:01:09 +02:00
.clickable__17ccb:active .layout_bb8e67 svg,
.clickable__17ccb.selected__9800b .layout_bb8e67 svg {
2022-09-09 14:31:18 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
}
2023-10-27 17:01:09 +02:00
.clickable__17ccb:active .premiumIcon_ab5d78,
.clickable__17ccb.selected__9800b .premiumIcon_ab5d78 {
2022-09-09 14:31:18 +02:00
color: var(--header-primary) !important;
2020-11-17 20:40:39 +01:00
}
2019-09-19 12:56:54 +02:00
2023-10-27 17:01:09 +02:00
#app-mount .elevationLow__75cba, #app-mount .elevationLow__2b6de, .lightElevationLow__6c965{
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-27 17:01:09 +02:00
#app-mount .elevationHigh__80ea8, #app-mount .elevationHigh__312fd, .lightElevationHigh__1513c {
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-27 17:01:09 +02:00
#app-mount .elevationBorderLow__610e6, #app-mount .elevationBorderLow__1fa50, .lightElevationBorderLow_c9bfa0 {
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
}
2023-10-25 16:24:34 +02:00
#app-mount .elevationBorderHigh_f9a758, #app-mount .elevationBorderHigh__39dae, .lightElevationBorderHigh_a30b06, .darkElevationBorderHigh__63ac9 {
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
}
2023-10-25 16:24:34 +02:00
#app-mount .breadcrumbWrapper__34bfa { /* breadcrumbs wrapper */
2021-05-06 21:30:35 +02:00
color: rgba(var(--textbrightest),.3);
}
2023-10-25 16:24:34 +02:00
#app-mount .activeBreadcrumb__7e753 { /* 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
2023-10-25 16:24:34 +02:00
#app-mount h1.title__10613,
#app-mount h2.title__10613 {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount h3.title__10613 {
2021-05-07 17:07:56 +02:00
color: var(--text-normal);
}
2023-10-25 16:24:34 +02:00
#app-mount h4.title__10613,
#app-mount h5.title__10613,
#app-mount h6.title__10613 {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .text__1c14c,
#app-mount .title__627cf {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
}
2021-05-07 17:07:56 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .title__10613 {
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
2023-10-25 16:24:34 +02:00
#app-mount .markdown_e76780 {
2021-05-07 17:07:56 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .markdown_e76780 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
}
2023-10-25 16:24:34 +02:00
#app-mount .markdown_e76780 td {
2021-05-07 17:07:56 +02:00
border-color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .markdown_e76780 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
}
2023-10-25 16:24:34 +02:00
#app-mount .markdown_e76780 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
}
2023-10-25 16:24:34 +02:00
#app-mount .markdown_e76780 .blockquote__6da42 {
2021-05-07 17:07:56 +02:00
border-left-color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .markdown_e76780 code {
2021-05-07 17:07:56 +02:00
background-color: var(--background-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .markdown_e76780 .codeInline__96ffa {
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
2023-10-27 11:49:32 +02:00
.btn__51085.btnPrimary_e2a8df,
.lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover,
.lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover,
.lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]),
.lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):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
}
2023-10-27 11:49:32 +02:00
.lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover svg,
.lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover svg,
.lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]) svg,
.lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):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
2023-10-25 16:24:34 +02:00
#app-mount .lookInverted_ee4261.colorPrimary__6ed40 .spinnerItem_c07231 {
2021-05-27 20:44:11 +02:00
background-color: rgb(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .lookOutlined__46d54.colorPrimary__6ed40 .spinnerItem_c07231,
#app-mount .lookLink__93965.colorPrimary__6ed40 .spinnerItem_c07231 {
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
2023-10-25 16:24:34 +02:00
#app-mount .lookFilled__19298.colorPrimary__6ed40:hover,
#app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
2021-05-27 20:44:11 +02:00
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .lookFilled__19298.colorPrimary__6ed40:active,
#app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:active {
2021-05-27 20:44:11 +02:00
background-color: rgba(var(--transparencycolor), .6);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .lookFilled__19298.colorPrimary__6ed40,
#app-mount .lookFilled__19298.colorPrimary__6ed40: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
2023-10-25 16:24:34 +02:00
#app-mount .lookInverted_ee4261.colorPrimary__6ed40:hover,
#app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c: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
}
2023-10-25 16:24:34 +02:00
#app-mount .lookInverted_ee4261.colorPrimary__6ed40:active,
#app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c: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
}
2023-10-25 16:24:34 +02:00
#app-mount .lookInverted_ee4261.colorPrimary__6ed40,
#app-mount .lookInverted_ee4261.colorPrimary__6ed40: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
}
2023-10-25 16:24:34 +02:00
#app-mount .lookOutlined__46d54.colorPrimary__6ed40:hover,
#app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c: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
}
2023-10-25 16:24:34 +02:00
#app-mount .lookOutlined__46d54.colorPrimary__6ed40:active,
#app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c: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
}
2023-10-25 16:24:34 +02:00
#app-mount .lookOutlined__46d54.colorPrimary__6ed40,
#app-mount .lookOutlined__46d54.colorPrimary__6ed40: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
2023-10-25 16:24:34 +02:00
#app-mount .lookLink__93965.colorPrimary__6ed40 {
2021-05-27 20:44:11 +02:00
color: rgb(var(--textdarkest));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .lookLink__93965.colorPrimary__6ed40:hover .contents_fb6220,
#app-mount .lookLink__93965.hoverPrimary__3e6c3.hasHover__3ab8c:hover .contents_fb6220 {
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
2023-10-27 17:01:09 +02:00
#app-mount .borderPrimary__60ecd {
2022-06-23 17:35:23 +02:00
border-color: rgb(var(--textdarkest)) !important;
2021-11-03 16:18:23 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .lookInverted_ee4261.colorTransparent__4c280 .spinnerItem_c07231 {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.1);
}
2023-10-25 16:24:34 +02:00
#app-mount .lookFilled__19298.colorTransparent__4c280 .spinnerItem_c07231,
#app-mount .lookOutlined__46d54.colorTransparent__4c280 .spinnerItem_c07231,
#app-mount .lookLink__93965.colorTransparent__4c280 .spinnerItem_c07231 {
2021-11-03 16:18:23 +01:00
background-color: rgb(var(--textbrightest));
2021-05-07 17:07:56 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .lookFilled__19298.colorTransparent__4c280:hover,
#app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.05);
}
2023-10-25 16:24:34 +02:00
#app-mount .lookFilled__19298.colorTransparent__4c280:active,
#app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:active {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.01);
}
2023-10-25 16:24:34 +02:00
#app-mount .lookFilled__19298.colorTransparent__4c280,
#app-mount .lookFilled__19298.colorTransparent__4c280: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
}
2023-10-25 16:24:34 +02:00
#app-mount .lookInverted_ee4261.colorTransparent__4c280:hover,
#app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.05);
}
2023-10-25 16:24:34 +02:00
#app-mount .lookInverted_ee4261.colorTransparent__4c280:active,
#app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:active {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textbrightest),.1);
}
2023-10-25 16:24:34 +02:00
#app-mount .lookInverted_ee4261.colorTransparent__4c280,
#app-mount .lookInverted_ee4261.colorTransparent__4c280: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);
}
2023-10-25 16:24:34 +02:00
#app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c: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
}
2023-10-25 16:24:34 +02:00
#app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c: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
}
2023-10-25 16:24:34 +02:00
#app-mount .lookOutlined__46d54.colorTransparent__4c280,
#app-mount .lookOutlined__46d54.colorTransparent__4c280: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
}
2023-10-25 16:24:34 +02:00
#app-mount .lookLink__93965.colorTransparent__4c280 {
2021-11-03 16:18:23 +01:00
color: rgb(var(--textbright));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .lookLink__93965.colorTransparent__4c280:hover .contents_fb6220,
#app-mount .lookLink__93965.hoverTransparent_a4eefd.hasHover__3ab8c:hover .contents_fb6220 {
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));
}
2023-10-25 16:24:34 +02:00
#app-mount .borderTransparent__2cdc8 {
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
2023-10-27 15:04:29 +02:00
input.input_d266e7 { /* valueinput bordered */
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
2019-02-13 22:55:07 +01:00
}
2023-10-27 15:04:29 +02:00
input.input_d266e7:hover:not(:focus) {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--transparencycolor));
2018-10-11 10:21:26 +02:00
}
2021-05-07 17:07:56 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .prefixInput__38dcc {
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
}
2023-10-25 16:24:34 +02:00
#app-mount .prefixInput__38dcc:hover {
2021-05-07 17:07:56 +02:00
border-color: rgba(0,0,0,.6);
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .prefixInputInput_b11731 {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .prefixInputInput_b11731::-webkit-input-placeholder,
#app-mount .prefixInputInput_b11731::-moz-placeholder,
#app-mount .prefixInputInput_b11731:-ms-input-placeholder,
#app-mount .prefixInputInput_b11731::placeholder {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .prefixInputPrefix__7a021 {
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
2023-10-27 17:01:09 +02:00
#app-mount .maxLength_f4921c {
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
2023-10-25 16:24:34 +02:00
#app-mount .copyInput_c1c679 {
2021-05-07 17:07:56 +02:00
background-color: var(--deprecated-text-input-bg);
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .copyInputDefault__8ac9f {
2021-05-07 17:07:56 +02:00
border-color: var(--deprecated-text-input-border);
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .hiddenMessage__19ef2,
#app-mount .inputDefault__0d65a {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
2018-12-14 00:14:32 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .hiddenMessage__19ef2::placeholder,
#app-mount .inputDefault__0d65a::placeholder {
2021-05-07 17:07:56 +02:00
color: rgba(var(--textbrightest),.3);
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.container__871ba { /* checkboxswitch */
background-color: rgba(var(--transparencycolor), .3) !important;
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.container__871ba rect[fill] {
2021-05-07 17:07:56 +02:00
fill: var(--header-primary) !important;
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.container__871ba 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
2023-10-25 16:24:34 +02:00
#app-mount .item_b7fb7e { /* radiogroup container */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .item_b7fb7e:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-11-21 19:36:03 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b {
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-11-22 15:40:43 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b .radioIconForeground__99b9b {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .item_b7fb7e .radioBar__40e1b[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
}
2023-10-25 16:24:34 +02:00
#app-mount .item_b7fb7e[aria-checked=false]:hover .radioBar__40e1b[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
2023-10-27 15:27:58 +02:00
#app-mount .checkboxContainer__5a761::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
}
2023-10-27 17:01:09 +02:00
#app-mount .checkboxMute__6e269::before {
2023-01-24 12:19:18 +01:00
background-color: rgba(var(--transparencycolor), .2);
}
2023-10-25 16:24:34 +02:00
#app-mount .checkbox_c7f690 { /* checkbox inner */
2021-05-07 17:07:56 +02:00
border-color: rgb(var(--textdark));
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .checkbox_c7f690.checked__24ad6 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .checkbox_c7f690.checked__24ad6.round__67d8d { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .checkbox_c7f690.checked__24ad6.round__67d8d svg {
2021-05-03 16:23:08 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2020-06-01 10:48:24 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .checkbox_c7f690.checked__24ad6.round__67d8d path[fill] {
2021-06-10 21:39:33 +02:00
fill: #fff;
2018-11-02 21:01:04 +01:00
}
2018-10-11 10:21:26 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .bar_e58961 { /* slider backgroundbar */
background-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.grabber_d2868c { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .markValue_e7a6e4 { /* slider markvalue */
2021-06-10 21:39:33 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .defaultValue__4f02f .markValue_e7a6e4 {
2019-09-19 12:56:54 +02:00
color: #43b581;
}
2023-10-25 16:24:34 +02:00
#app-mount .markDash_dc3ae9 {
2019-09-19 12:56:54 +02:00
background: transparent;
color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .defaultValue__4f02f .markDash_dc3ae9 {
2019-09-19 12:56:54 +02:00
color: #43b581;
}
2023-10-25 16:24:34 +02:00
#app-mount .markDash_dc3ae9::before,
#app-mount .markDash_dc3ae9::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
}
2023-10-25 16:24:34 +02:00
#app-mount .markDash_dc3ae9::before {
2019-09-19 12:56:54 +02:00
top: 14px;
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .markDash_dc3ae9::after {
2019-09-19 12:56:54 +02:00
top: 30px;
2018-10-11 10:21:26 +02:00
}
2023-10-27 17:01:09 +02:00
#app-mount .bubble_f48089 { /* 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
}
2023-10-27 17:01:09 +02:00
#app-mount .bubble_f48089::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
2023-10-27 17:01:09 +02:00
#app-mount .container__0c807 { /* hotkeyinput container */
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .editIcon__29477 { /* hotkeyinput editicon */
2023-10-27 17:01:09 +02:00
-webkit-mask: url(https://discord.com/assets/c87be216431a35927431.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
}
2023-10-25 16:24:34 +02:00
#app-mount .container_e61cfb .button__0982c {
2021-06-26 17:20:52 +02:00
background-color: rgba(var(--transparencycolor),.3) !important;
color: var(--header-primary) !important;
}
2023-10-25 16:24:34 +02:00
#app-mount .container_e61cfb.recording__97366 .button__0982c {
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
}
2023-10-27 11:49:32 +02:00
.select__55f87 [class*="css-"][class*="-container"] { /* select container */
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2023-10-27 11:49:32 +02:00
.lookFilled__3dba3.select__0eb48,
.select__55f87 [class*="css-"][class*="-control"] {
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
2023-04-19 13:12:27 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.lookFilled__3dba3.select__0eb48:hover {
2021-11-18 15:50:59 +01:00
border-color: rgb(var(--transparencycolor));
}
2023-10-27 11:49:32 +02:00
.lookFilled__3dba3.select__0eb48:hover.open_cd27aa,
.lookFilled__3dba3.open_cd27aa {
border-color: rgb(var(--transparencycolor)) rgb(var(--transparencycolor)) rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-27 17:01:09 +02:00
.lookFilled__3dba3.select__0eb48 .searchInput_e1c8d3 {
2021-03-20 11:04:08 +01:00
background: transparent;
}
2023-10-27 11:49:32 +02:00
.select__55f87 [class*="css-"][class*="-control"]:hover,
.select__55f87 [class*="css-"][class*="-control"]:not(:last-child) {
2021-05-07 17:07:56 +02:00
border-color: var(--deprecated-text-input-border-hover);
}
2023-10-27 17:01:09 +02:00
.select__55f87.languageSelector__4961a [class*="css-"][class*="-control"] {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), .3);
}
2023-10-27 11:49:32 +02:00
.select__55f87 [class*="css-"][class*="-singleValue"],
.select__55f87 [class*="css-"][class*="-placeholder"],
.select__55f87 [class*="css-"][class*="-indicatorContainer"] {
2021-05-07 17:07:56 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.option_be8b2e,
.css-1gfjib6-option,
.css-1yz4bi9-option,
.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
}
2023-10-27 11:49:32 +02:00
.option_be8b2e:hover,
.css-pkcurw-option,
.css-rzbxvl-option,
.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
}
2023-10-27 11:49:32 +02:00
.option_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f),
.css-1gxgi19-option,
.css-1ba14n5-option,
.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
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f::-webkit-scrollbar {
2021-03-20 11:04:08 +01:00
display: none;
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f,
.select__55f87 > [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;
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e {
2022-04-06 19:45:54 +02:00
position: relative;
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f::before,
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before,
2023-10-27 14:46:54 +02:00
.popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::before,
2023-10-27 11:49:32 +02:00
.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before,
.popout_a6e77f::after,
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after,
2023-10-27 14:46:54 +02:00
.popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::after,
2023-10-27 11:49:32 +02:00
.select__55f87 > [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
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f::before,
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before,
2023-10-27 14:46:54 +02:00
.popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::before,
2023-10-27 11:49:32 +02:00
.select__55f87 > [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;
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f::after,
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after,
2023-10-27 14:46:54 +02:00
.popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::after,
2023-10-27 11:49:32 +02:00
.select__55f87 > [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
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f.scrollerBase_dc3aa9::before,
.popout_a6e77f.scrollerBase_dc3aa9::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
2023-10-27 11:49:32 +02:00
.container_e4c233, /* searchbar inner */
.container__7712a {
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .searchBox_a63854 .searchBoxInput__73c9c::placeholder {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
}
2023-10-25 16:24:34 +02:00
#app-mount .searchIcon_e60ea8 {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
}
2023-10-25 16:24:34 +02:00
#app-mount .filterLabel__3412d {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .searchBox_a63854 {
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
2023-10-27 11:49:32 +02:00
.botTagRegular_c89c9a: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
}
2023-10-27 11:49:32 +02:00
.botTagRegular_c89c9a: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
2023-10-27 11:49:32 +02:00
.base__92a12[style*="var(--bdfdb-blurple)"], /* numberbadge */
.base__92a12[style*="background-color: rgb(88, 101, 242)"],
.base__92a12[style*="background-color: rgb(114, 137, 218)"] {
2021-05-13 21:18:23 +02:00
text-shadow: 1px 1px var(--textshadow);
}
2023-10-27 17:01:09 +02:00
.iconBadge__2abac { /* 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
2023-10-27 17:01:09 +02:00
.emptySearchImage_e3b405, /* empty search */
2023-10-27 11:49:32 +02:00
.image__98a59 { /* no peoples/webhooks/etc. */
2019-09-19 12:56:54 +02:00
opacity: 0.6;
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .gameIcon__90c32 { /* 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);
}
2023-10-25 16:24:34 +02:00
#app-mount .invalidPoop__03aa3 { /* 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
}
2023-10-25 16:24:34 +02:00
#app-mount .guildIconExpired__1d51f { /* 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;
}
2023-10-25 16:24:34 +02:00
#app-mount .scroller__447fe::-webkit-scrollbar,
#app-mount .scrollbar_d66c5e::-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
}
2023-10-27 11:49:32 +02:00
.none__51a8f::-webkit-scrollbar-corner,
.none__51a8f::-webkit-scrollbar-thumb,
.none__51a8f::-webkit-scrollbar-track,
.none__51a8f::-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
2023-10-27 11:49:32 +02:00
.base__3e6af .notice__5fd4c 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
}
2023-10-25 16:24:34 +02:00
#app-mount .notice__99c03 {
background-color: rgba(var(--transparencycolor), .6);
2020-04-14 09:15:29 +02: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
2023-10-27 17:01:09 +02:00
#app-mount .guildNameText__16f3c {
2021-05-06 17:50:44 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
2023-10-27 17:01:09 +02:00
#app-mount .muteText_dc1e9a {
2021-05-07 11:45:50 +02:00
color: #bbb;
2021-02-13 22:10:28 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .tooltipPrimary_e5c00d,
#app-mount .tooltipGrey_a35fcf,
#app-mount .tooltipBlack__90eaa {
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
}
2023-10-27 17:01:09 +02:00
#app-mount .tooltipPrimary_e5c00d .note_e4Jh6_,
#app-mount .tooltipGrey_a35fcf .note_e4Jh6_,
#app-mount .tooltipBlack__90eaa .note_e4Jh6_ {
2021-05-22 19:38:29 +02:00
color: #bbb;
}
2023-10-25 16:24:34 +02:00
#app-mount .tooltipPrimary_e5c00d a,
#app-mount .tooltipGrey_a35fcf a,
#app-mount .tooltipBlack__90eaa a {
2023-04-09 20:12:55 +02:00
filter: brightness(50%);
}
2023-10-25 16:24:34 +02:00
#app-mount .tooltipPrimary_e5c00d .tooltipPointer_a79354,
#app-mount .tooltipGrey_a35fcf .tooltipPointer_a79354,
#app-mount .tooltipBlack__90eaa .tooltipPointer_a79354 {
2021-05-03 16:23:08 +02:00
border-top-color: rgb(var(--accentcolor));
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.emptyUser_dba665 {
background: rgba(var(--transparencycolor), .5);
2020-03-25 22:40:02 +01:00
}
2023-10-27 11:49:32 +02:00
.moreUsers_cd5dfc {
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
2023-10-26 16:35:35 +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
}
2023-10-26 16:35:35 +02: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;
}
2023-10-26 16:35:35 +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;
}
2023-10-26 16:35:35 +02:00
.bd-select .bd-select-options::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:35:35 +02: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
}
2023-10-26 16:35:35 +02: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
}
2023-10-26 16:35:35 +02: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);
}
2023-10-26 16:35:35 +02:00
.bd-select .bd-select-option.selected {
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 10:01:40 +01:00
color: var(--interactive-active);
}
2023-10-26 16:35:35 +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
}
2023-10-26 16:35:35 +02: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
2022-08-03 09:52:56 +02:00
2023-10-26 16:35:35 +02:00
.bd-error-modal-content {
2022-08-03 09:52:56 +02:00
padding: 0 10px 16px 10px;
}
#app-mount .bd-addon-error {
background-color: rgba(var(--transparencycolor), 0.2);
border-color: rgba(var(--transparencycolor), 0.2);
}
#app-mount .bd-addon-error.expanded,
#app-mount .bd-addon-error:hover {
background-color: rgba(var(--transparencycolor), 0.3);
}
2023-10-26 16:35:35 +02:00
.bd-addon-views .bd-view-button:hover {
2023-10-27 13:35:13 +02:00
background: rgba(var(--transparencycolor), .3);
}
.bd-addon-views .bd-view-button:active {
background: rgba(var(--accentcolor), .7);
2019-02-12 13:21:44 +01:00
}
2020-03-26 09:41:43 +01:00
2023-10-26 16:35:35 +02:00
.bd-button {
2021-05-06 17:50:44 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2020-03-26 09:41:43 +01:00
}
2023-10-26 16:35:35 +02:00
.bd-button.bd-button-danger {
2021-05-06 17:50:44 +02:00
filter: unset;
2020-03-26 09:41:43 +01:00
}
2018-10-11 10:21:26 +02:00
2023-10-26 16:35:35 +02:00
.floating-window.resizable { /* customcss editor detached */
2021-05-06 17:50:44 +02:00
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 ---- */
2023-10-26 14:22:30 +02:00
html .colorDefault_XdNdIp .bg_8df5St {
2021-06-26 18:01:41 +02:00
background: transparent;
opacity: 1;
}
2023-10-26 14:22:30 +02:00
html .colorDefault_XdNdIp .bg_8df5St::before,
html .colorDefault_XdNdIp .bg_8df5St::after {
2021-06-26 18:01:41 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
2023-10-26 14:22:30 +02:00
html .colorDefault_XdNdIp .bg_8df5St::before {
2021-06-26 18:01:41 +02:00
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
}
2023-10-26 14:22:30 +02:00
html .colorDefault_XdNdIp .bg_8df5St::after {
2021-06-26 18:01:41 +02:00
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
2023-10-27 11:49:32 +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
}
2023-10-27 11:49:32 +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 */
2023-07-14 09:56:01 +02:00
z-index: 1001;
2021-09-27 15:57:46 +02:00
}
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
2023-10-27 11:49:32 +02:00
.innerDisabled-2mc-iF ~ .bf-toolbar {
2019-09-19 12:56:54 +02:00
display: none;
}
2023-10-27 11:49:32 +02:00
.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
}
2023-10-27 11:49:32 +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
}
2023-10-27 11:49:32 +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
}
2023-10-27 11:49:32 +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);
}
2023-10-27 11:49:32 +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
}
2023-10-27 11:49:32 +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
}
2023-10-27 11:49:32 +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
}
2023-10-27 11:49:32 +02:00
.bf-toolbar > * {
2019-09-19 12:56:54 +02:00
z-index: 300;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +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
}
2023-10-27 11:49:32 +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
2023-10-27 11:49:32 +02:00
.channelHistoryButtons {
2020-04-13 21:01:22 +02:00
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;
}
2023-10-27 15:31:51 +02:00
/* ---- 18.11 CHANNELDMS ---- */
2022-03-24 17:49:33 +01:00
2023-10-27 11:49:32 +02:00
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
2022-03-24 17:49:33 +01:00
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
2023-10-26 12:04:31 +02:00
html:only-child > head + body div.app_b1f720 > div.app_de4237::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
2023-10-25 16:24:34 +02:00
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178 {
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
}
2023-10-25 16:24:34 +02:00
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178[style*="display: none"] {
2023-05-08 09:13:26 +02:00
display: none !important;
}
2023-10-25 16:24:34 +02:00
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178 > * {
2021-05-14 21:24:36 +02:00
display: none !important;
}
2023-10-25 16:24:34 +02:00
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::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
}
2023-10-25 16:24:34 +02:00
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::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;
2023-03-05 22:26:45 +01:00
opacity: 0.1 !important;
2018-12-05 12:47:57 +01:00
padding: 0 !important;
margin: 0 !important;
visibility: visible !important;
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
2023-03-20 13:44:17 +01:00
transition: opacity .15s ease !important;
2023-03-05 22:26:45 +01:00
}
2023-10-25 16:24:34 +02:00
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6:hover > div.wordmark__0d178::after {
2023-03-05 22:26:45 +01:00
opacity: 1 !important;
2019-10-11 14:12:53 +02:00
}
2021-05-18 15:00:58 +02:00
2023-10-26 12:04:31 +02:00
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a::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;
}
2023-10-26 12:04:31 +02:00
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1 {
2021-05-18 15:00:58 +02:00
position: relative !important;
}
2023-10-26 12:04:31 +02:00
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::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;
}
2023-10-26 12:04:31 +02:00
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::before {
2021-05-18 15:00:58 +02:00
content: "DevilBro" !important;
font-size: 12px !important;
2023-03-02 14:57:52 +01:00
font-weight: 600 !important;
2021-05-18 15:00:58 +02:00
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;
2023-03-02 14:57:52 +01:00
left: 117px !important;
bottom: 8px !important;
2021-05-18 15:00:58 +02:00
right: unset !important;
transform: unset !important;
animation: unset !important;
2023-10-27 11:59:47 +02:00
}