BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css

7453 lines
282 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
3. REGIONSELECTMODAL
4. UPLOADMODAL
5. KEYBOARDSHORTCUTSMODAL
6. QUICKSWITCHER
2020-10-17 17:30:58 +02:00
7. INVITEMODAL/GROUPCREATE
2019-09-20 13:29:31 +02:00
8. LOGINSCREEN
2019-10-12 19:03:12 +02:00
9. TERMACCEPTMODAL
2020-02-19 14:54:06 +01:00
10. DOWNLOADAPPMODAL
2020-02-23 13:10:23 +01:00
11. GUILDBOOSTMODAL
2020-10-18 23:17:42 +02:00
12. REACTIONSMODAL
2022-07-08 16:22:05 +02:00
13. GUILDWELCOMEMODAL
14. GUILDRULESMODAL
15. GUILDFEEDBACKMODAL
16. SCREENSHAREMODAL
17. PHONEVERIFICATIONMODAL
18. NOTIFICATIONSMODAL
2023-10-26 16:08:53 +02:00
19. PODIUMSTARTMODAL
2022-07-08 16:22:05 +02:00
20. NITROFEATUREMODAL
2022-07-10 00:08:03 +02:00
21. DIRECTORYMODAL
2023-03-12 09:41:10 +01:00
22. ACTIVITYSHAREMODAL
2023-10-26 16:08:53 +02:00
22. ACTIVITYSHAREMODAL
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
11. BADGESEVERYWHERE
2022-03-24 17:49:33 +01:00
12. CHANNELDMS
2021-02-03 13:00:57 +01:00
19. UPDATENOTICE
20. WATERMARK
2019-09-19 12:56:54 +02:00
*/
/* ~~~~ 1. TRANSPARENCY ~~~~ */
body, /* body */
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 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-26 16:08:53 +02:00
#app-mount .layer__2efaa {
2021-09-11 19:35:49 +02:00
z-index: 1000;
}
2023-10-26 16:08:53 +02:00
#app-mount .container__4bde3::before,
#app-mount .layer__2efaa ~ .layer__2efaa::before,
#app-mount .root__6d24f::before,
#app-mount .container__4bde3::after,
#app-mount .layer__2efaa ~ .layer__2efaa::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .container__4bde3::before,
#app-mount .layer__2efaa ~ .layer__2efaa::before,
#app-mount .root__6d24f::before {
2021-07-01 22:49:45 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .container__4bde3::after,
#app-mount .layer__2efaa ~ .layer__2efaa::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .uploadArea__13687,
#app-mount .backdrop__3ff7b,
#app-mount .backdrop__7e89b {
2021-06-26 21:00:04 +02:00
background: transparent !important;
opacity: 1 !important;
animation: none !important;
}
2023-10-26 16:08:53 +02:00
#app-mount .uploadArea__13687::before,
#app-mount .backdrop__3ff7b::before,
#app-mount .backdrop__7e89b::before,
#app-mount .uploadArea__13687::after,
#app-mount .backdrop__3ff7b::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .uploadArea__13687::before,
#app-mount .backdrop__3ff7b::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .uploadArea__13687::after,
#app-mount .backdrop__3ff7b::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .titleBar__01af6 {
2020-08-26 16:14:26 +02:00
z-index: 5001;
2019-07-24 09:04:50 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .titleBar__01af6.typeMacOS__496b0,
#app-mount .titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc {
2019-09-19 12:56:54 +02:00
width: 72px;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .platform-osx .wrapper_a7e7a8 {
2020-08-26 16:14:26 +02:00
margin-top: 0;
padding-top: 32px;
}
2023-10-26 16:08:53 +02:00
#app-mount .platform-osx .standardSidebarView__1129a::before {
2020-08-26 16:14:26 +02:00
left: 72px;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .expandedFolderBackground__1bec6.hover__043de {
background-color: rgba(var(--transparencycolor), .4);
2019-05-01 21:21:11 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .bar_edc096 { /* guild/channelbar inner */
box-shadow: 0 2px 6px rgba(var(--transparencycolor), .24);
2019-09-11 21:19:43 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .bar_edc096:not(.mention__1afd3)::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .container__7c79d .animatedContainer__341f6 { /* banner wrap */
2019-09-19 12:56:54 +02:00
background: none;
box-shadow: none;
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .bannerImage__39c51::before {
2019-09-19 12:56:54 +02:00
display: none;
2018-10-11 10:21:26 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .header__104ca, /* header inner */
#app-mount .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);
2018-10-11 10:21:26 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .searchBar_e4ea2a .searchBarComponent__22760 { /* header searchbarinner */
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .clickable__2d589:not(.hasBanner_e78601) .header__104ca:hover,
#app-mount .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-26 16:24:26 +02:00
#app-mount .wrapper__7bcde:hover .link__95dc0 { /* channel content */
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .modeSelected__487d6 .link__95dc0,
#app-mount .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-26 16:08:53 +02:00
#app-mount .modeSelected__487d6 .link__95dc0 [style*="color: var(--text-muted)"],
#app-mount .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-26 16:08:53 +02:00
#app-mount .modeSelected__487d6 .link__95dc0 svg,
#app-mount .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-26 16:24:26 +02:00
#app-mount .icon_eff5d4 { /* channel icon */
2021-05-06 12:47:10 +02:00
color: var(--channels-default);
}
2023-10-26 16:08:53 +02:00
#app-mount .modeMuted__0aeea .icon_eff5d4 {
2021-05-06 12:47:10 +02:00
color: var(--interactive-muted);
}
2023-10-26 16:08:53 +02:00
#app-mount .modeMuted__0aeea:hover .icon_eff5d4,
#app-mount .wrapper__7bcde:hover .icon_eff5d4 {
2021-05-06 12:47:10 +02:00
color: var(--interactive-hover);
}
2023-10-26 16:08:53 +02:00
#app-mount .modeConnected__1c02e .icon_eff5d4,
#app-mount .modeConnected__1c02e:hover .icon_eff5d4,
#app-mount .modeSelected__487d6 .icon_eff5d4,
#app-mount .modeSelected__487d6:hover .icon_eff5d4,
#app-mount .modeUnread_f74c03 .icon_eff5d4,
#app-mount .modeUnread_f74c03:hover .icon_eff5d4,
#app-mount .notInteractive_a7d9fb.modeConnected__1c02e .icon_eff5d4,
#app-mount .notInteractive_a7d9fb.modeSelected__487d6 .icon_eff5d4 {
2021-05-06 12:47:10 +02:00
color: var(--interactive-active);
}
2023-10-26 16:24:26 +02:00
#app-mount .modeConnected__1c02e .subtitle_bba2b7, /* channel subtitle */
2023-10-26 16:08:53 +02:00
#app-mount .modeConnected__1c02e:hover .subtitle_bba2b7,
#app-mount .modeSelected__487d6 .subtitle_bba2b7,
#app-mount .modeSelected__487d6:hover .subtitle_bba2b7,
#app-mount .modeUnread_f74c03 .subtitle_bba2b7,
#app-mount .modeUnread_f74c03:hover .subtitle_bba2b7,
#app-mount .notInteractive_a7d9fb.modeConnected__1c02e .subtitle_bba2b7,
#app-mount .notInteractive_a7d9fb.modeSelected__487d6 .subtitle_bba2b7 {
2021-05-07 12:14:40 +02:00
color: var(--interactive-normal);
}
2023-10-26 16:24:26 +02:00
#app-mount .spine__88e6d { /* channel thread spine */
2021-07-28 17:02:05 +02:00
color: var(--channels-default);
}
2021-05-06 12:47:10 +02:00
2023-10-26 16:24:26 +02:00
#app-mount .wrapper__5848b { /* voicechat limit */
background-color: rgba(var(--transparencycolor), .15);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .wrapper__5848b .users__65981 {
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .wrapper__5848b .total_c01838 {
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .wrapper__5848b .total_c01838::after {
border-right-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .streamPreview__1846c::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .streamPreview__1846c::before {
2022-07-28 17:25:07 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .interactive__776ee:focus-within, /* dmchannel/page inner */
2023-10-26 16:08:53 +02:00
#app-mount .interactive__776ee:hover {
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .selected_d94cf9,
#app-mount .selected_d94cf9:focus-within,
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .panels__58331 > *, /* account/voice inner */
#app-mount .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-26 16:08:53 +02:00
#app-mount .panels__58331 > *:not(:empty) ~ *:not(:empty) {
border-top: 1px solid rgba(var(--transparencycolor), .2);
2019-03-08 21:11:30 +01:00
}
2023-10-26 16:24:26 +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-26 16:08:53 +02:00
#app-mount .withTagAsButton_cc125f:hover,
#app-mount .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-26 16:08:53 +02:00
#app-mount .button__66e8c.buttonColor_a6eb73 {
background-color: rgba(var(--transparencycolor), .2);
2020-06-23 23:31:46 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .button__66e8c.buttonColor_a6eb73:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-06-23 23:31:46 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .button__66e8c.buttonColor_a6eb73.buttonActive__407a7,
#app-mount .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-26 16:08:53 +02:00
#app-mount .button__66e8c.buttonColor_a6eb73.buttonActive__407a7 svg,
#app-mount .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-26 16:24:26 +02:00
#app-mount .chat__52833.threadSidebarOpen_fa231d { /* chat threadsidebar open */
2021-07-24 22:12:11 +02:00
border-radius: 0;
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .container__8ee50 {
2022-09-07 11:49:24 +02:00
border-color: var(--background-floating);
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .container__11d72.themed_b152d4 { /* header themedcontainer */
2021-05-15 12:30:19 +02:00
box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05);
2019-02-04 12:15:46 +01:00
}
2019-02-12 12:24:29 +01:00
2023-10-26 16:24:26 +02:00
#app-mount .input__321f5:focus { /* header dmchannelinput */
background-color: rgba(var(--transparencycolor), .2);
2018-10-11 10:21:26 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .input__321f5:focus,
#app-mount .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-26 16:24:26 +02:00
#app-mount .children__32014::after { /* header topicgradient */
2019-09-19 12:56:54 +02:00
display: none;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2023-10-26 16:24:26 +02:00
#app-mount .akaBadge__7df41 { /* header aka */
background-color: rgba(var(--transparencycolor), .3);
2020-01-30 10:22:32 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .clickableAction_bef9b9:hover .action_c957d9, /* guidancechannel options */
2023-10-26 16:08:53 +02:00
#app-mount .row__70f4c:hover {
2023-04-19 13:18:20 +02:00
background-color: rgba(var(--transparencycolor), .4);
}
2023-10-26 16:24:26 +02:00
#app-mount .emptyChannelIcon__1a1ba { /* welcomemessage empty channelicon */
background-color: rgba(var(--transparencycolor), .4);
2020-05-22 20:08:56 +02:00
}
2020-08-03 17:55:00 +02:00
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .divider_b9338f.hasContent_fea365 { /* divider hascontent */
2021-07-13 02:02:26 +02:00
border-width: calc(1px * (1 - var(--usechatbubbles)));
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .content_d67847 { /* divider content */
2021-07-13 02:02:26 +02:00
position: absolute;
background-color: transparent;
padding: 2px 8px;
width: unset;
}
2023-10-26 16:08:53 +02:00
#app-mount .content_d67847::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .content_d67847::before {
2021-07-13 02:02:26 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .unreadPill__715fc { /* divider unreadpill */
2021-07-13 02:02:26 +02:00
border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles));
padding-left: calc(4px * var(--usechatbubbles) + 1px * (1 - var(--usechatbubbles)));
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .hasMore_b03f46:hover {
background-color: rgba(var(--transparencycolor), .2);
2019-09-23 12:01:10 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .jumpToPresentBar__0ff7f::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .jumpToPresentBar__0ff7f::before {
2021-06-26 17:05:43 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .message__80c10, /* message container */
#app-mount .messagesWrapper_ea2b0b .wrapper__09ecc, /* message upload placeholder */
#app-mount .card_d4f6c7 .wrapper__09ecc, /* message home */
#app-mount .wrapper__5c5cd, /* message loading */
#app-mount .message_f3a9e4, /* message mention popout */
#app-mount .message__41c2a, /* message inbox popout */
#app-mount .message__04d9f .wrapper__09ecc, /* message settings preview */
#app-mount .messageGroupCozy__2dedd, /* message pin popout */
#app-mount .message_d8db25 .wrapper__09ecc { /* message searchpage */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), var(--messagetransparency)) !important;
2020-08-15 08:35:00 +02:00
contain: unset;
2020-01-30 10:22:32 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .message__80c10.selected_fd9051,
#app-mount .mouse-mode .message__80c10:hover,
#app-mount .mouse-mode.full-motion .message__80c10:hover,
#app-mount .mouse-mode .wrapper__5c5cd:hover,
#app-mount .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-26 16:24:26 +02:00
#app-mount .backgroundFlash_e5b9ad .message__80c10 { /* message jump flash */
2021-05-14 13:04:07 +02:00
position: relative;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .backgroundFlash_e5b9ad .cozyMessage__64ce7::before {
2021-05-18 12:02:43 +02:00
left: calc(-80px * var(--usechatbubbles));
}
2023-10-26 16:24:26 +02:00
#app-mount .message__80c10.ephemeral_c26b64, /* message localbot */
#app-mount .message__80c10.replying_d7b6ad { /* message replying */
2021-05-14 13:04:07 +02:00
background-image: linear-gradient(rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))));
2020-02-07 13:50:04 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .message__80c10.ephemeral_c26b64::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .message__80c10.mentioned__58017::before {
2021-06-30 11:56:30 +02:00
background-color: rgb(var(--mentioncolor));
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 15:45:11 +02:00
#app-mount .container_aed774 .avatar__08316 {
2021-05-03 16:23:08 +02:00
left: calc(-10px * var(--usechatbubbles));
2020-02-28 18:22:36 +01:00
}
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;
}
2023-10-26 15:45:11 +02:00
#app-mount .container_aed774 .avatarDecoration__14b3c {
2022-12-09 14:17:12 +01:00
left: calc(-10px * var(--usechatbubbles) - (6.6666666px * var(--decoration-to-avatar-ratio)/2));
}
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-26 16:08:53 +02:00
#app-mount .spine_d081ec {
2021-07-28 16:58:08 +02:00
border-color: rgba(var(--textbrighter), .3);
}
2023-10-26 16:08:53 +02:00
#app-mount .hasThread__58ee2 .spine_d081ec {
2021-07-28 16:58:08 +02:00
display: none;
}
2023-10-26 16:24:26 +02:00
#app-mount .cozy_f5c119 .header__39b23::after, /* message container header */
#app-mount .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-26 16:08:53 +02:00
#app-mount .cozy_f5c119 .container_aed774 .header__39b23::after {
2020-02-28 18:22:36 +01:00
left: 40px;
}
2023-10-26 16:08:53 +02:00
#app-mount .messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd .header__39b23::after {
2020-02-28 18:22:36 +01:00
top: 2px;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268 {
2020-04-11 18:28:22 +02:00
background-color: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268::after {
2020-04-11 18:28:22 +02:00
display: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .selected_fd9051.message__80c10.cozy_f5c119 .header__39b23::after,
#app-mount .mouse-mode .message__80c10.cozy_f5c119:hover .header__39b23::after,
#app-mount .mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .header__39b23::after,
#app-mount .mouse-mode .wrapper__5c5cd.cozy__32560:hover .header_c65767::after,
#app-mount .mouse-mode.full-motion .wrapper__5c5cd.cozy__32560:hover .header_c65767::after,
#app-mount .selected_fd9051.message__80c10.cozy_f5c119 .iconContainer_dfc268::after,
#app-mount .mouse-mode .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .message_f3a9e4,
#app-mount .message__41c2a,
#app-mount .zalgo__39311 .messageContent__21e69,
#app-mount .zalgo__39311.cozy_f5c119 .header__39b23,
#app-mount .wrapper__5c5cd,
#app-mount .cozy__32560 .header_c65767 {
2020-02-06 16:11:15 +01:00
overflow: visible;
2020-01-30 10:22:32 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .container_aed774 { /* message blocked */
2020-02-28 18:22:36 +01:00
padding: 0;
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-26 16:08:53 +02:00
#app-mount .messageContainer_aa7d14 .wrapper__09ecc,
#app-mount .messages_f7999e .wrapper__09ecc,
#app-mount .message__04d9f .wrapper__09ecc,
#app-mount .messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd,
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active,
#app-mount .interactiveCard_d5a839:hover {
2022-07-09 23:34:51 +02:00
border-color: var(--background-secondary);
}
2023-10-26 16:08:53 +02:00
#app-mount .feedItemHeader__653e4 {
2022-07-09 23:34:51 +02:00
border-color: var(--background-primary);
}
2023-10-26 16:08:53 +02:00
#app-mount .interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active .feedItemHeader__653e4,
#app-mount .interactiveCard_d5a839:hover .feedItemHeader__653e4 {
2022-07-09 23:34:51 +02:00
border-color: var(--background-secondary);
}
2023-10-26 16:24:26 +02:00
#app-mount .avatar_eb6eba { /* message loading avatar */
background: rgba(var(--transparencycolor), .4);
2020-08-15 08:35:00 +02:00
opacity: 1 !important;
}
2023-10-26 16:24:26 +02:00
#app-mount .attachment__7a2d0, /* message loading attachment */
#app-mount .blob__8d5bd { /* message loading blob */
2021-05-03 16:23:08 +02:00
background: rgb(var(--accentcolor));
2020-08-15 08:35:00 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:24:26 +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-26 16:08:53 +02:00
#app-mount .reaction_fef95b:hover {
2021-05-12 12:59:29 +02:00
background-color: rgba(var(--transparencycolor), .4);
}
2023-10-26 16:08:53 +02:00
#app-mount .reaction_fef95b.reactionMe__98f57 {
2021-05-12 12:59:29 +02:00
background-color: rgba(var(--accentcolor), .8);
}
2023-10-26 16:08:53 +02:00
#app-mount .reaction_fef95b.reactionMe__98f57:hover {
2021-05-12 12:59:29 +02:00
background-color: rgb(var(--accentcolor));
}
2023-10-26 16:08:53 +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);
}
2023-10-26 16:08:53 +02:00
#app-mount .reaction_fef95b:hover {
2021-05-12 12:59:29 +02:00
background-color: rgba(var(--transparencycolor), .4);
2020-01-30 13:58:17 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .wrapper_c727b6::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .button_d553e5:hover { /* message button */
background-color: rgba(var(--transparencycolor), .2);
2020-01-30 10:26:15 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .button_d553e5.selected__63428 {
background-color: rgba(var(--transparencycolor), .4);
2020-02-04 13:50:31 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .bumpBox_cfd81a { /* messageelement publish box */
background-color: rgba(var(--transparencycolor), .4);
2020-11-14 16:10:10 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .markup_a7e664 code { /* messageelement code */
2020-02-04 13:50:31 +01:00
background-color: transparent;
border-color: transparent;
}
2023-10-26 16:24:26 +02:00
#app-mount .markup_a7e664 pre { /* messageelement pre */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
2020-02-04 13:50:31 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .markup_a7e664 .inline, /* messageelement inline */
2023-10-26 16:08:53 +02:00
#app-mount .after_inlineCode__2197d,
#app-mount .before_inlineCode__37e14,
#app-mount .inlineCode_d702a4 {
background-color: rgba(var(--transparencycolor), .4);
2020-02-04 13:50:31 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .textContainer__709ff { /* messageelement plain file text */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
2021-03-20 12:38:54 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .footer__06f4b { /* messageelement plain file footer */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
2021-03-20 12:38:54 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .languageSelector_a1c2f3::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .languageSelector_a1c2f3::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .threadSidebarOpen_fa231d .form__13a2c {
2021-07-24 22:12:11 +02:00
border-top-right-radius: 8px;
}
2023-10-26 16:08:53 +02:00
#app-mount .form__13a2c::before {
2020-08-03 20:16:10 +02:00
display: none;
2020-02-04 13:14:34 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .scrollableContainer__33e06 { /* textarea container */
background-color: rgba(var(--transparencycolor), .3);
2019-12-10 23:58:04 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .sprite__294b3 { /* textarea emojibutton */
2019-09-19 12:56:54 +02:00
transform: none !important;
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .divider__441cb { /* textarea formattoolbar divider */
border-left-color: hsla(0, 0%,100%, .1);
2020-01-15 10:56:58 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .active__05fbc, /* textarea buttonactive */
#app-mount .hover_d0ebf2:hover { /* textarea buttonhover */
background-color: hsla(0, 0%, 100%, .2);
2020-01-15 10:56:58 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .icon__5a617 { /* textarea buttonicon */
color: #fff;
opacity: .7;
2020-01-15 10:56:58 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .active__05fbc .icon__5a617,
#app-mount .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-26 16:24:26 +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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .theme-brand .autocomplete_df266d::before,
#app-mount .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-26 15:45:11 +02:00
#app-mount .selected__75860 { /* autocomplete rowselected */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .option__32fd1 { /* autocomplete option */
background-color: rgba(var(--transparencycolor), .5);
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-26 16:24:26 +02:00
#app-mount .member_b44d5d { /* member */
2022-10-25 16:51:34 +02:00
background: transparent;
}
2023-10-26 16:24:26 +02:00
#app-mount .avatar__991e2::before { /* emptyavatar */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .memberGroupsPlaceholder_d0ae46, /* loadingplaceholders */
2023-10-26 16:08:53 +02:00
#app-mount .placeholderAvatar__21e48,
#app-mount .placeholderUsername__7fd2c {
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
/* ---- 6.6. SEARCHPAGE ---- */
2023-10-26 16:24:26 +02:00
#app-mount .searchResultsWrap__9f374 { /* searchpage container */
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2023-10-26 16:24:26 +02:00
#app-mount .searchHeader__19d87, /* searchpage header */
#app-mount .searchHeader__19d87 ~ .container_d91be8 { /* searchpage pagination (BSP) */
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
2021-01-09 16:59:29 +01:00
border-radius: 0 0 0 8px;
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .channelName-3w2Y3c { /* searchpage channelname */
2021-01-09 16:59:29 +01:00
background-color: transparent;
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .searchResult_dcd237 { /* searchpage searchresult */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .button_f8244b { /* searchpage jumpbutton */
background-color: rgba(var(--transparencycolor), .4);
2020-05-23 16:09:35 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .pageButton_bcd673:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-05-23 16:09:35 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
/* ---- 6.7. CHAT SIDEBAR ---- */
2021-07-24 22:12:11 +02:00
2023-10-26 16:24:26 +02:00
#app-mount .container_def45c { /* chat sidebar */
2022-03-30 13:44:48 +02:00
border-radius: 0;
}
2023-10-26 16:08:53 +02:00
#app-mount .container_def45c.floating_f021e2::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .root__46d4f::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .root__46d4f::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .videoWrapper_b42a4f { /* call video wrapper */
background-color: rgba(var(--transparencycolor), .3);
2020-05-07 17:45:55 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .video__79b68 { /* call video */
2019-09-20 18:51:34 +02:00
background-color: transparent;
}
2023-10-26 16:24:26 +02:00
#app-mount .tile_a411a4, /* call user video voicechannel */
#app-mount .tile_f5f57f { /* call user video dm */
background-color: rgba(var(--transparencycolor), .3);
2020-05-07 17:45:55 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .gradientContainer__9a5a6 { /* call gradientcontainer */
2020-08-03 17:55:00 +02:00
display: none;
2020-04-04 16:57:05 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .participantsButton__56586 { /* call participantsbutton */
background-color: rgba(0, 0, 0, .3);
2020-06-23 23:24:55 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .participantsButton__56586:hover {
background-color: rgba(0, 0, 0, .6);
2020-06-23 23:24:55 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .centerButton__3205b,
#app-mount .colorable_c84c4c.primaryDark__6b700 {
background-color: rgba(var(--transparencycolor), .5);
2020-04-04 16:57:05 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .centerButton__3205b:hover,
#app-mount .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-26 16:08:53 +02:00
#app-mount .button__13ec4 {
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:55:00 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .button__13ec4:hover {
background-color: rgba(var(--transparencycolor), .6);
2020-08-03 17:55:00 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .regionSelectPopout__0127b {
2019-09-20 18:51:34 +02:00
width: 170px;
}
2019-09-19 12:56:54 +02:00
2023-10-26 16:24:26 +02:00
#app-mount .container__3e5cc { /* call podium wrapper */
2021-05-07 11:45:50 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
}
2023-10-26 16:24:26 +02:00
#app-mount .callContainer_e8faeb { /* call podium inner */
2021-05-07 11:45:50 +02:00
background-color: transparent;
}
2023-10-26 16:24:26 +02:00
#app-mount .scroller_d8c41e { /* call podium scroller */
2021-05-07 11:45:50 +02:00
background-color: transparent;
}
2023-10-26 16:24:26 +02:00
#app-mount .rowContainer__3f2d1 { /* call podium row */
2021-05-07 11:45:50 +02:00
background-color: transparent;
}
2023-10-26 16:24:26 +02:00
#app-mount .participants__5d231 { /* call podium participants */
2021-05-07 11:45:50 +02:00
background-color: transparent;
}
2023-10-26 16:24:26 +02:00
#app-mount .tileContainer__88d69 { /* call podium participant */
2023-10-26 16:08:53 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.3));
}
2023-10-26 16:24:26 +02:00
#app-mount .tileContainer__88d69:hover { /* call podium participant */
2021-05-07 11:45:50 +02:00
background-color: rgb(var(--accentcolor));
}
2023-10-26 16:24:26 +02:00
#app-mount .container__7b94f { /* call podium requests */
2021-05-07 11:45:50 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.3));
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .category__758fd, /* loadingplaceholders */
#app-mount .channelIcon_ad6049,
#app-mount .channelName_f48c90 {
background: rgba(var(--transparencycolor), .4);
2020-02-18 12:19:39 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .container_a308ae { /* peoples explore option */
2022-09-16 12:18:05 +02:00
border: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .container_a308ae:hover {
2022-09-16 12:18:05 +02:00
background-color: var(--background-floating);
}
2023-10-26 16:24:26 +02:00
#app-mount .peopleListItem_d14722 .actionButton__23182, /* peoples actionbutton */
#app-mount .peopleListItem_d14722 .actionButton-3-B2x { /* peoples actionbutton */
background-color: rgba(var(--transparencycolor), .1);
2020-03-26 00:42:57 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .peopleListItem_d14722 .actionButton__23182:hover,
#app-mount .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-26 16:08:53 +02:00
#app-mount .peopleListItem_d14722 .actionButton__23182:hover svg,
#app-mount .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-26 16:08:53 +02:00
#app-mount .peopleListItem_d14722.active__6b8ff,
#app-mount .peopleListItem_d14722:hover,
#app-mount .peopleListItem_d14722.active__6b8ff,
#app-mount .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-26 16:08:53 +02:00
#app-mount .peopleListItem_d14722.active__6b8ff .actionButton__23182,
#app-mount .peopleListItem_d14722:hover .actionButton__23182,
#app-mount .peopleListItem_d14722.active__6b8ff .actionButton-3-B2x,
#app-mount .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-26 16:24:26 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .popout_c6d10c::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .popout_c6d10c::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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
}
2020-03-26 00:42:57 +01:00
#app-mount .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover,
#app-mount .enabled-1t_Gxm:hover {
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 00:42:57 +01:00
}
2020-02-19 14:54:06 +01:00
/* ~~~~ 7. STORE/NITRO ~~~~ */
2019-09-19 12:56:54 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .gridItemBadge-1Se-Pu {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2020-06-01 10:48:24 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .marketingHeader_c8e5cd { /* marketingheader */
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2023-10-26 16:24:26 +02:00
#app-mount .detailsBlock-FoDTGA { /* 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
}
2022-01-11 15:06:27 +01:00
#app-mount .tier1Banner-LvpkWu { /* tier1banner container */
background-color: rgba(var(--transparencycolor), .3);
2021-05-06 13:23:51 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:24:26 +02:00
#app-mount .headerIcon-3bqya6 { /* tier1banner svgtitle */
2021-05-06 13:23:51 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:24:26 +02:00
#app-mount .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
}
2022-01-11 15:06:27 +01:00
#app-mount .divider-3y7HAB { /* section divider */
2021-05-06 13:23:51 +02:00
border-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
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
}
2022-01-11 15:06:27 +01:00
#app-mount .content-26qlhD { /* requirements copyright */
2021-05-06 13:23:51 +02:00
color: rgb(var(--textdarker));
2019-09-19 12:56:54 +02:00
}
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-26 16:08:53 +02:00
#app-mount .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
}
2022-01-11 15:06:27 +01:00
#app-mount .feature-2IUcBI { /* features feature */
background-color: rgba(var(--transparencycolor), .4);
2020-10-09 18:03:42 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .featureImage-91H2fC { /* features image */
2020-10-09 18:03:42 +02:00
opacity: 0.7;
}
2023-10-26 16:08:53 +02:00
#app-mount .banner-WELp4M { /* features xbox promo */
background-color: rgba(var(--transparencycolor), .4);
2020-10-09 18:03:42 +02:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 9. LIBRARY ~~~~ */
2019-09-19 12:56:54 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .header_b5ab54::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .header_b5ab54::before {
2021-06-26 17:05:43 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .actionButtonsContainer__16c43 { /* guildcard action button */
2022-04-23 19:35:58 +02:00
position: relative;
background: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .actionButtonsContainer__16c43::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .actionButtonsContainer__16c43::before {
2022-04-23 19:35:58 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .spinner__97e4c::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .spinner__97e4c::before {
2022-04-23 19:35:58 +02:00
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .emojiContainer-1u-_sQ { /* search emojicontainer */
background-color: rgba(var(--transparencycolor), .3);
2020-05-17 23:12:18 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .emptyContainer_a4bd05 { /* search no results */
background-color: rgba(var(--transparencycolor), .4);
2020-06-10 18:52:45 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .placeholder-2erB-x { /* search placeholder */
background-color: rgba(var(--transparencycolor), .4);
2021-03-19 23:23:44 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 11. USERSETTINGS ~~~~ */
2019-09-19 12:56:54 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .premiumTabItem-1QTfBr[aria-selected=true],
#app-mount .item__48dda.selected__5711d[aria-controls="Nitro Server Boost-tab"],
#app-mount .serverBoostTabItem-2hFTIN[aria-selected=true] {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2020-06-01 10:48:24 +02:00
}
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
}
2022-01-11 15:06:27 +01:00
#app-mount .foreground-2hyALB { /* sidebar sideitemlink */
2021-05-11 09:45:18 +02:00
background: var(--interactive-normal);
2019-09-19 12:56:54 +02:00
}
2022-09-02 12:46:16 +02:00
#app-mount .link-39xJu3:active .foreground-2hyALB,
2022-01-11 15:06:27 +01:00
#app-mount .link-39xJu3:hover .foreground-2hyALB {
2021-05-11 09:45:18 +02:00
background: var(--interactive-active);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .bd-social-link[title="BD" i] .bd-social-logo,
#app-mount .bd-social-link[title="BetterDiscord" i] .bd-social-logo,
#app-mount .bd-social-link[title="BBD" i] .bd-social-logo,
#app-mount .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:08:53 +02:00
#app-mount .bd-social-link[title="BD" i]:hover .bd-social-logo,
#app-mount .bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo,
#app-mount .bd-social-link[title="BBD" i]:hover .bd-social-logo,
#app-mount .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:08:53 +02:00
#app-mount .bd-social-link[title="BD" i] .bd-social-logo > *,
#app-mount .bd-social-link[title="BetterDiscord" i] .bd-social-logo > *,
#app-mount .bd-social-link[title="BBD" i] .bd-social-logo > *,
#app-mount .bd-social-link[title="BandagedBD" i] .bd-social-logo > * {
2021-02-06 18:36:26 +01:00
display: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .contentRegion__0bec1 div[role="tabpanel"] { /* tabpanel */
2021-05-19 20:45:19 +02:00
width: 100%;
}
2023-10-26 16:08:53 +02:00
#app-mount .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);
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindBold-1U6HoA { /* closebutton keybind bold */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .cardPrimary-3qRT__,
#app-mount .cardPrimaryEditable-2mz_3i { /* settingsitems card */
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .cardPrimary-3qRT__ {
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .cardPrimaryEditable-2mz_3i {
background-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .cardPrimaryOutline-1ofwVz {
border-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .accountProfileCard__22589, /* accountsettings container */
#app-mount .profileBannerPreview-3mLIdO { /* accountsettings preview */
2021-06-26 16:25:56 +02:00
background: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
2023-10-26 16:08:53 +02:00
#app-mount .accountProfileCard__22589::before,
#app-mount .profileBannerPreview-3mLIdO::before,
#app-mount .accountProfileCard__22589::after,
#app-mount .profileBannerPreview-3mLIdO::after {
2021-06-26 16:25:56 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2021-06-26 17:05:43 +02:00
border-radius: 5px;
2021-06-26 16:25:56 +02:00
pointer-events: none;
z-index: -1;
}
2023-10-26 16:08:53 +02:00
#app-mount .accountProfileCard__22589::before,
#app-mount .profileBannerPreview-3mLIdO::before {
2021-06-26 16:25:56 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .accountProfileCard__22589::after,
#app-mount .profileBannerPreview-3mLIdO::after {
2021-06-26 16:25:56 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2021-06-26 16:25:56 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .profileBannerPreview-3mLIdO .avatarUploaderInner_c81617 { /* accountsettings preview avatar */
2021-07-01 22:56:56 +02:00
background-color: transparent;
border: unset;
margin: 6px;
}
2022-09-20 08:39:27 +02:00
/* accountsettings container banner */
2023-10-26 16:08:53 +02:00
#app-mount .accountProfileCard__22589 *:not(foreignObject) > .banner__6d414 {
2021-07-01 22:49:45 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 20.576172 120 A 46 46 0 0 1 62 94 A 46 46 0 0 1 103.41992 120 L 2400 120 L 2400 0 L 0 0 z"/></svg>') bottom left no-repeat;
2021-06-26 16:25:56 +02:00
}
2022-09-20 08:39:27 +02:00
/* accountsettings preview banner */
2023-10-26 16:08:53 +02:00
#app-mount .profileBannerPreview-3mLIdO *:not(foreignObject) > .banner_b7f1fb {
2021-07-01 22:49:45 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 16 120 A 46 46 0 0 1 62 76 A 46 46 0 0 1 108 120 L 2400 120 L 2400 0 L 0 0 z"/></svg>') bottom left no-repeat;
2021-06-26 16:25:56 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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
}
2022-01-11 15:06:27 +01:00
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg { /* accountsettings removeavatar */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg:hover {
2021-05-06 17:50:44 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .userSettingsSecurity-3C5Hg5 .codeCheckbox-12-XEX {
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
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-26 16:08:53 +02:00
#app-mount .colorSwatch-3g4qA8 { /* profilesettings colorswatch */
2021-09-27 16:45:10 +02:00
display: flex;
justify-content: center;
align-items: center;
}
2023-10-26 16:08:53 +02:00
#app-mount .colorSwatch-3g4qA8 > [role="radio"] {
2021-09-27 16:45:10 +02:00
display: flex;
flex-direction: column;
align-items: center;
}
2023-10-26 16:08:53 +02:00
#app-mount .colorSwatch-3g4qA8 > .dropperIconButton-2shYII {
2021-09-27 16:45:10 +02:00
width: 69px;
margin: auto;
}
2023-10-26 16:08:53 +02:00
#app-mount .accountList-305sx3 { /* connections container */
background-color: rgba(var(--transparencycolor), .4);
2020-05-12 11:23:04 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .accountBtn-1YkMgV .accountBtnInner-3XK70s { /* connections connectioninner */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .accountBtn-1YkMgV .accountBtnInner-3XK70s:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .connection-107AGH { /* connections connection */
background-color: rgba(var(--transparencycolor), .3);
2020-10-14 22:06:22 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .connectionHeader-2rV1ze { /* connections connection header */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .guildHeader-3nh5RK { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .5);
2020-03-26 00:42:57 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .guildSubscriptionSlots-JPXXvN { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .cardWrapper-CyvwQv { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .2);
2020-03-26 00:42:57 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .cardWrapper-CyvwQv:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-03-26 00:42:57 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .cardWrapper-CyvwQv .card-2gdrYL, /* boostsettings suggestioncard inner */
#app-mount .cardWrapper-CyvwQv .card-2gdrYL: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-26 16:08:53 +02:00
#app-mount .emptyStateImage-2qGUMK { /* giftinventory no gifts */
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-26 16:08:53 +02:00
#app-mount .membershipDialogHouse1-R8jb0l { /* hypesquad membershipdialogs */
background-color: rgba(156, 132, 239, .8);
2020-05-12 11:23:04 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .membershipDialogHouse2-2W27iJ {
background-color: rgba(244, 123, 103, .8);
2020-05-12 11:23:04 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .membershipDialogHouse3-1E5AN4 {
background-color: rgba(69, 221, 192, .8);
2020-05-12 11:23:04 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .icon-1fWS75[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"],
#app-mount .icon-1fWS75[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat;
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
2023-10-26 16:08:53 +02:00
#app-mount .icon-1fWS75[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"],
#app-mount .icon-1fWS75[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat;
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
2023-10-26 16:08:53 +02:00
#app-mount .userSettingsVoice-1_dzjw .media-engine-video { /* voicesettings video */
2019-09-19 12:56:54 +02:00
background: transparent;
}
2022-01-11 15:32:34 +01:00
#app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .option_a0c054 { /* overlay option */
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .option_a0c054:hover,
#app-mount .option_a0c054.selected_ea51d6 {
box-shadow: 0 2px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-25 16:24:34 +02:00
#app-mount .overlayToggleIconOn-21NN2N .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-25 16:24:34 +02:00
#app-mount .nowPlaying__353c3 .overlayToggleIconOff-ps4gGp .fill__80e66,
#app-mount .nowPlaying__353c3 .overlayToggleIconOn-21NN2N .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-26 16:08:53 +02:00
#app-mount .addGamePopout_e4ca8f::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .addGamePopout_e4ca8f::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .preview-rua1rr { /* appearance preview */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .2);
2020-01-30 14:28:12 +01:00
}
2020-01-24 18:35:29 +01:00
#app-mount .item-3eFBNF { /* languagesettings row */
2020-06-27 08:35:10 +02:00
border-radius: 5px;
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .item-3eFBNF:hover {
background-color: rgba(var(--transparencycolor), .2);
2020-01-30 14:22:09 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .item-3eFBNF.selected-2DeaDa {
background-color: rgba(var(--transparencycolor), .4);
2020-01-30 14:22:09 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 12. GUILDSETTINGS ~~~~ */
2019-09-19 12:56:54 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .container__467eb[style*="background-color: rgba(248, 249, 249"],
#app-mount .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-26 16:08:53 +02:00
#app-mount .container__467eb[style*="background-color: rgba(248, 249, 249"] .message__13e98,
#app-mount .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-26 16:08:53 +02:00
#app-mount .container__467eb[style*="background-color: rgba(248, 249, 249"] .resetButton__7ae69 span[style],
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .roles__2b5cf { /* rolesettings intro roles */
2021-05-18 12:18:20 +02:00
z-index: 2;
}
2023-10-26 16:08:53 +02:00
#app-mount .profileCard__03b33 { /* rolesettings intro profile */
2021-05-18 12:18:20 +02:00
position: relative;
z-index: 1;
}
2023-10-26 16:08:53 +02:00
#app-mount .profileCard__03b33::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .profileCard__03b33::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .profileCard__03b33::after {
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
}
2023-10-26 16:08:53 +02:00
#app-mount .sidebar_bdf6b7 { /* rolesettings sidebar */
background-color: rgba(var(--transparencycolor), .1);
2021-04-13 16:16:02 +02:00
border: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .container_d5f6d0 { /* rolesettings everyone role */
background-color: rgba(var(--transparencycolor), .2);
2021-04-13 16:16:02 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .settingCard-xZSDjS { /* rolesettings setting card */
background-color: rgba(var(--transparencycolor), .2);
2021-04-13 16:16:02 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .settingCard-xZSDjS.active-3EK-ed { /* rolesettings setting card active */
background-color: rgba(var(--transparencycolor), .3);
2021-04-13 16:16:02 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .cardContent-1-5hym { /* rolesettings setting card header */
background-color: rgba(var(--transparencycolor), .2);
2021-04-13 16:16:02 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .cardFolder-3H4uH4 { /* rolesettings setting card body */
2021-04-13 16:16:02 +02:00
background-color: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .group__6ae8b { /* rolesettings permissions group */
border-color: rgb(var(--transparencycolor), .4);
2021-03-20 13:18:38 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .item_f48d11 { /* rolesettings permissions item */
background: rgb(var(--transparencycolor), .2);
2021-03-20 13:18:38 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .item_f48d11:hover {
background: rgb(var(--transparencycolor), .4);
2021-03-31 11:30:11 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .icon__4c736 { /* rolesettings everyone role icon */
background-color: rgba(var(--transparencycolor), .4);
2021-03-20 13:18:38 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .titleContainer_e558ff, /* rolesettings roles list header */
#app-mount .header__63c59 { /* rolesettings perms list header */
2021-03-20 13:18:38 +01:00
background-color: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .titleElevated__6a163,
#app-mount .stickyHeaderElevated__89bcf {
2021-03-20 13:18:38 +01:00
box-shadow: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .header__63c59::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .roleDot-2a4Pv7 { /* rolesettings role dot */
2021-03-20 13:18:38 +01:00
border: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) { /* rolesettings role row */
background-color: rgba(var(--transparencycolor), .2);
2021-03-20 13:18:38 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY {
background-color: rgba(var(--transparencycolor), .2);
2021-03-20 13:18:38 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-03-20 13:18:38 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .roleRow-3LoHQ6:before,
#app-mount .roleRow-3LoHQ6:last-child:after {
2021-05-06 17:50:44 +02:00
background-color: var(--background-modifier-accent);
2021-03-20 13:18:38 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .previewContainer_d2b616 { /* rolesettings preview */
2021-03-31 11:30:11 +02:00
border: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .messageContainer__18275 { /* rolesettings preview message */
background-color: rgba(var(--transparencycolor), .2);
2021-03-31 11:30:11 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .theme-light .messageContainer__18275 {
2021-03-31 11:30:11 +02:00
display: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .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;
}
2020-03-25 22:40:02 +01:00
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse { /* emojisettings nameinput */
background-color: rgba(var(--transparencycolor), .1);
2020-03-25 22:40:02 +01:00
}
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
}
#app-mount .expandForeground-1nZ4VR { /* auditlogs expandarrow */
2021-05-06 18:17:02 +02:00
stroke: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .themeOverrideLight__48338.icon__99140, /* auditlogs logicon */
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .icon__99140.applicationCommand__0aaef::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/561a626f671b8fd8f0c2e85c97df9b04.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.autoModerationBlockMessage__473dc::before {
2022-06-29 16:37:39 +02:00
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg);
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.autoModerationRule__66a81::before {
2022-06-17 21:25:00 +02:00
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg);
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetAll__6358b::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/22fd0ab3562af24ea964465bb65531aa.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetBan__28b70::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/fd541825b6853aaae233ad9d83e05a18.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetChannel__62934::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/528ae525a9823affbcd2a35bd20573b0.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetEmoji__499cd::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/858ab2bdee17ca226df85e23263bcf3a.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetGuild__170a1::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/448b698d906ab4d93b609282595a1c9d.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetGuildHome__8d852::before {
2022-06-17 21:25:00 +02:00
-webkit-mask: url(https://discord.com/assets/eeaa7c1199e8f4cdb46de98c9b924edf.svg);
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetGuildScheduledEvent_eefa31::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/7093e58edcd5202a129a6e4fbf427c6d.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetIntegration_f4a496::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/993b5f52b8bd8d1c1c34cac05015c331.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetInvite__46153::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/d0dc8a4c8ea55b119c5c2cccf69b031f.svg);
2021-07-29 20:46:18 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetMember__27dad::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/e2c0846875f889524e3d60e7d25afa55.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetMemberRole__7fd6d::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/00124e254d0d86c37f6d02ec0c5b1e02.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetMessage__0ca53::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/aa9f9c29b51e414f0476d4388031aaf4.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetPermission_a619b3::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/35de2007bfe0db9821881321d8b7c1fe.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetRole_f0db36::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/9aa6e9df74888ec09885bb08341800be.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetStageInstance_f9d669::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/dfad85fc7c072498298077f68cf006ca.svg);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetSticker__18d72::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/da5f0aa4b5ccf0165b4220ba9929ea59.svg);
2020-05-30 18:14:25 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetVanityUrl_d8b24a::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/bef4eebd4f9e00aabbfa7de1949c8565.svg);
2021-07-29 20:46:18 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetWebhook__5177a::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg);
2021-07-29 20:46:18 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.targetWidget_aaaf18::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/03f717eddad9ac74a1900254625657cf.svg);
}
2023-10-26 16:08:53 +02:00
#app-mount .icon__99140.thread_a2b0da::before {
2022-01-21 22:49:05 +01:00
-webkit-mask: url(https://discord.com/assets/c254ffdde9bc5c90c5ec5d9e11dbf382.svg);
2021-07-29 20:46:18 +02:00
}
2019-09-19 12:56:54 +02:00
2020-08-26 16:14:26 +02:00
#app-mount .card-o7rAq- { /* integrationsettings card */
border-color: rgba(var(--transparencycolor), .1)
2020-08-26 16:14:26 +02:00
}
2020-08-14 14:48:12 +02:00
#app-mount .card-3IImnr { /* integrationsettings webhook card */
border-color: rgba(var(--transparencycolor), .1)
2020-08-14 14:48:12 +02:00
}
#app-mount .card-1o0mns { /* integrationsettings apps card */
border-color: rgba(var(--transparencycolor), .1)
2021-04-01 09:33:27 +02:00
}
#app-mount .card-11DMwv { /* integrationsettings follows card */
border-color: rgba(var(--transparencycolor), .1)
2020-07-26 17:04:43 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .iconWrapper-lS1uig { /* integrationsettings icon */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:13:08 +02:00
}
2021-01-02 13:17:33 +01:00
#app-mount .footerImage-4UrEF0 {
2023-07-14 09:56:01 +02:00
background-image: url(https://discord.com/assets/36d0e0bb009fa362c2533003c0af67b5.svg);
2021-01-02 13:17:33 +01:00
opacity: 0.6;
}
2020-08-03 17:13:08 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .guildDetails-2p1NmK { /* communitysettings intro details */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:13:08 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .featureCard-1RR4Tl { /* communitysettings intro featurecard */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .featureIcon-3p1TC_ { /* communitysettings intro featureicon */
background-color: rgba(var(--transparencycolor), .3);
2020-09-26 19:23:30 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .checklistContainer-mFJZEJ { /* communitysettings intro checklist */
background-color: rgba(var(--transparencycolor), .3);
2020-09-26 19:23:30 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .checklistHeader-1KWcEY { /* communitysettings intro checklist header */
background-color: rgba(var(--transparencycolor), .3);
2020-09-26 19:23:30 +02:00
}
2020-08-03 17:13:08 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .upsellContainer-L9xv7w { /* communitysettings general upsellcontainer */
background-color: rgba(var(--transparencycolor), .2);
2020-08-03 17:13:08 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .upsellFooter-ZYsio_ { /* communitysettings general upsellfooter */
background-color: rgba(var(--transparencycolor), .2);
2020-08-03 17:13:08 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .developerPortalCtaWrapper-2XNafh { /* communitysettings analytics info */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .analyticsCard_a976ba { /* communitysettings analytics card */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .backgroundAccent-2YeFtZ { /* communitysettings analytics error */
background-color: rgba(var(--transparencycolor), .2);
2021-03-19 23:23:44 +01:00
}
2020-08-03 17:13:08 +02:00
#app-mount .card-3_CqkU { /* communitysettings discovery card */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
#app-mount .iconMask-30Tvqs { /* communitysettings discovery icon */
background-color: rgba(var(--transparencycolor), .2);
2020-08-03 17:13:08 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .perkArt-1SGWbA { /* communitysettings discovery perk */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:13:08 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .container-2w0lh0 { /* communitysettings discovery checklist */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .header-2Y0-A- { /* communitysettings discovery checklist header */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .exampleContainer-2O-nVK, /* communitysettings rules example */
#app-mount .exampleContainer-25sB-A { /* communitysettings welcome example */
2020-12-23 16:01:57 +01:00
background: transparent;
position: relative;
}
2023-10-26 16:08:53 +02:00
#app-mount .exampleContainer-2O-nVK > *,
#app-mount .exampleContainer-25sB-A > * {
2020-12-23 16:01:57 +01:00
z-index: 1;
}
2023-10-26 16:08:53 +02:00
#app-mount .exampleContainer-2O-nVK::after,
#app-mount .exampleContainer-25sB-A::after {
2020-12-23 16:01:57 +01:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(var(--transparencycolor), .5);
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/discord_window_placeholder.svg) 0 0/cover no-repeat;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .exampleModal-1lRfuE, /* communitysettings rules examplemodal */
2020-12-23 16:01:57 +01:00
#app-mount .exampleModal-2X2Vf8 { /* communitysettings welcome examplemodal */
2020-12-22 21:58:36 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-12-22 21:58:36 +01:00
position: relative;
border-radius: 5px;
}
2023-10-26 16:08:53 +02:00
#app-mount .exampleModal-1lRfuE > *,
#app-mount .exampleModal-2X2Vf8 > * {
2020-12-22 21:58:36 +01:00
z-index: 1;
}
2023-10-26 16:08:53 +02:00
#app-mount .exampleModal-1lRfuE::before,
#app-mount .exampleModal-2X2Vf8::before,
#app-mount .exampleModal-1lRfuE::after,
#app-mount .exampleModal-2X2Vf8::after {
2020-12-22 21:58:36 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .exampleModal-1lRfuE::before,
#app-mount .exampleModal-2X2Vf8::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .exampleModal-1lRfuE::after,
#app-mount .exampleModal-2X2Vf8::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-12-22 21:58:36 +01:00
}
2020-12-23 16:01:57 +01:00
2023-10-26 16:08:53 +02:00
#app-mount .guildSidebar-pjuGkm { /* communitysettings rules example sidebar */
background-color: rgba(var(--transparencycolor), .4);
2020-12-23 16:04:10 +01:00
margin-right: 0 !important;
2020-12-22 21:58:36 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .content-pHpkq8 { /* communitysettings rules example inner */
background-color: rgba(var(--transparencycolor), .2);
2020-12-22 21:58:36 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .footer__2f589 { /* communitysettings rules example footer */
2020-12-22 21:58:36 +01:00
background: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .exampleTextSingleLine-3bwqy5 { /* communitysettings rules example line */
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--textbrightest), .3);
2020-12-22 21:58:36 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .enableContainer-1J91Aq { /* communitysettings rules enablecontainer */
background-color: rgba(var(--transparencycolor), .3);
2020-12-22 21:58:36 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .icon-1_mnkD { /* communitysettings rules category icon */
background-color: rgba(var(--transparencycolor), .2);
2020-12-22 21:58:36 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .settingsFormItem-25zW3t { /* communitysettings rules form */
background-color: rgba(var(--transparencycolor), .2);
2020-12-22 21:58:36 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .getStartedWrapper-2mNX-j { /* communitysettings rules getstarted */
background-color: rgba(var(--transparencycolor), .2);
2021-03-19 23:23:44 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .exampleRule-3gJ39X { /* communitysettings rules example rule */
background-color: rgba(var(--transparencycolor), .4);
2021-03-19 23:23:44 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .rulesTextAreaInput-asSkdy { /* communitysettings rules edit rule */
border-color: rgba(var(--transparencycolor), .3);
2021-03-19 23:23:44 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .rulesTextAreaInput-asSkdy:hover:not(:focus) {
2021-05-03 16:23:08 +02:00
border-color: rgb(var(--transparencycolor));
2021-03-19 23:23:44 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .editCircle-2uL_D3 { /* communitysettings rules editcirle */
background-color: rgba(var(--transparencycolor), .4);
2021-03-19 23:23:44 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .editButton-2SLR4j { /* communitysettings rules editbutton */
background-color: rgba(var(--transparencycolor), .4);
2020-12-22 21:58:36 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .editButton-2SLR4j:hover {
background-color: rgba(var(--transparencycolor), .6);
2020-12-22 21:58:36 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .formFieldWrapper-2LV3S6,
#app-mount .settingsFormFieldWrapper-U99c9i { /* communitysettings rules form field */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .2);
2020-12-22 21:58:36 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .editCircle-ityklj { /* communitysettings welcome editcirle */
background-color: rgba(var(--transparencycolor), .4);
2021-03-20 11:04:08 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .optionContainer-1FtykV { /* communitysettings welcome exampleoption */
background-color: rgba(var(--transparencycolor), .3);
2020-08-03 17:13:08 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .enableContainer-6E-puu { /* communitysettings welcome previewheader */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:31:03 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .previewContainer-1SS3uO { /* communitysettings welcome previewcontainer */
background-color: rgba(var(--transparencycolor), .2);
2020-08-03 17:31:03 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .welcomeChannel-1rFrIO { /* communitysettings welcome welcomechannel */
background-color: rgba(var(--transparencycolor), .4);
2020-08-03 17:31:03 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .channelIcon-1eKmlw { /* communitysettings welcome channelicon s */
background-color: rgba(var(--transparencycolor), .4);
2021-03-20 11:04:08 +01:00
}
2020-07-26 17:04:43 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .descriptionBox-1EKQKL { /* 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
}
#app-mount .member-1q7VfX { /* membersettings membercard */
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
#app-mount .member-1q7VfX .name-8yzEIY { /* membersettings membercardname */
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
#app-mount .member-1q7VfX .tag-1YGWN9 { /* membersettings membercardtag */
2021-05-06 20:04:14 +02:00
color: var(--text-muted);
}
#app-mount .member-1q7VfX .roleWrapper-1Hde_V { /* membersettings rolewrapper */
color: rgba(var(--textbrightest),.8);
2019-09-19 12:56:54 +02:00
}
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
}
2021-05-06 20:04:14 +02:00
#app-mount .member-1q7VfX .overflowIconFg-QMRRFI { /* membersettings 3-dot icon */
fill: var(--header-primary);
}
#app-mount .member-1q7VfX .ownerHelpIcon-3ItaBx { /* membersettings help icon */
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
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-26 16:08:53 +02:00
#app-mount .overflowRolesPopout__88ab9::before,
#app-mount .overflowRolesPopoutArrow_f3db31::before,
#app-mount .overflowRolesPopout__88ab9::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .overflowRolesPopout__88ab9::before,
#app-mount .overflowRolesPopoutArrow_f3db31::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .overflowRolesPopout__88ab9::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .overflowRolesPopoutHeaderText_dabff2 {
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .inviteSettingsInviteRow-1rZeIM { /* invitesettings invitecard */
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
#app-mount .bannedUser-1IalTM { /* bansettings bancard */
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
#app-mount .bannedUser-1IalTM .username-1b3MVI { /* invitesettings username */
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
#app-mount .bannedUserModal-3RJCOV .reasonHeader-2etdjy { /* invitesettings banmodalreasonheader */
2021-05-06 20:04:14 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
#app-mount .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO,
#app-mount .bannedUserModal-3RJCOV .reason-YbfGC6, /* invitesettings banmodalreason */
#app-mount .bannedUserModal-3RJCOV .userDiscrim-1D2NlF { /* invitesettings discriminator */
2021-05-06 20:04:14 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ~~~~ 13. MODALS ~~~~ */
2019-09-19 12:56:54 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .layer_ad604d:nth-child(1),
#app-mount .withLayer__1fe9d:nth-child(1) {
2020-10-17 15:08:02 +02:00
z-index: 1002;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer_ad604d:nth-child(2),
#app-mount .withLayer__1fe9d:nth-child(2) {
2020-10-17 15:08:02 +02:00
z-index: 1003;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer_ad604d:nth-child(3),
#app-mount .withLayer__1fe9d:nth-child(3) {
2020-10-17 15:08:02 +02:00
z-index: 1004;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer_ad604d:nth-child(4),
#app-mount .withLayer__1fe9d:nth-child(4) {
2020-10-17 15:08:02 +02:00
z-index: 1005;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer_ad604d:nth-child(5),
#app-mount .withLayer__1fe9d:nth-child(5) {
2020-10-17 15:08:02 +02:00
z-index: 1006;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer_ad604d:nth-child(6),
#app-mount .withLayer__1fe9d:nth-child(6) {
2020-10-17 15:08:02 +02:00
z-index: 1007;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer_ad604d:nth-child(7),
#app-mount .withLayer__1fe9d:nth-child(7) {
2020-10-17 15:08:02 +02:00
z-index: 1008;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer_ad604d:nth-child(8),
#app-mount .withLayer__1fe9d:nth-child(8) {
2020-10-17 15:08:02 +02:00
z-index: 1009;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer_ad604d:nth-child(9),
#app-mount .withLayer__1fe9d:nth-child(9) {
2020-10-17 15:08:02 +02:00
z-index: 1010;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer_ec16dd {
2023-03-02 22:50:52 +01:00
z-index: 1011;
}
2020-10-17 15:08:02 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .root_a28985, /* modal container (foldersettings) */
#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;
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .rootWithShadow__073a7 {
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-26 16:08:53 +02:00
#app-mount .root_a28985 > *,
#app-mount .modal__060da > * {
2020-08-03 17:31:03 +02:00
z-index: 1;
}
2023-10-26 16:08:53 +02:00
#app-mount .root_a28985::before,
#app-mount .modal__060da::before,
#app-mount .root_a28985::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .root_a28985::before,
#app-mount .modal__060da::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .root_a28985::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .root_a28985 .modal__060da::before,
#app-mount .modal_d2e7a7::before,
#app-mount .root_a28985 .modal__060da::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .header-1zd7se > .wrapper-1HSdhi:first-child {
2021-05-14 10:56:04 +02:00
flex: 1 0 auto;
}
2022-01-11 15:32:34 +01:00
#app-mount .separator-2lLxgC {
2021-05-15 12:30:19 +02:00
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3);
2021-04-21 19:39:15 +02:00
}
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;
}
2022-01-11 15:06:27 +01:00
#app-mount .footer-3Zgy_M { /* modal footer info */
background-color: rgba(var(--transparencycolor), .3);
2020-07-01 10:39:25 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .close-1mLglB { /* modal closebutton */
2021-04-14 15:10:46 +02:00
z-index: 2;
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .tabBarContainer-sCZC4w { /* modal tabbarcontainer */
border-top-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .modal-6GHvdM .tabBarContainer-sCZC4w {
background: rgba(var(--transparencycolor), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .separator-3TK_-B {
2021-05-15 12:30:19 +02:00
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3);
2021-05-07 17:07:56 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .divider-3APUjw {
2021-05-07 17:07:56 +02:00
border-color: var(--background-modifier-accent);
}
2022-01-11 15:06:27 +01:00
#app-mount .subHeader-2z6h5Z {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
2022-01-11 15:32:34 +01:00
#app-mount .sectionBody-7I2eAN,
2022-01-11 15:06:27 +01:00
#app-mount .subHeader-1mr1LG {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
#app-mount .message-1F58Gs {
color: var(--header-secondary);
}
#app-mount .secondaryButton-197mr8 {
color: var(--header-primary);
}
#app-mount .imageUpgrade-moI_hv {
background-image: url(https://discord.com/assets/81ded87ebac6f9d55e8624a3e5167c8f.svg);
}
#app-mount .imageCancel-2x4k_k {
background: url(https://discord.com/assets/03863b539aec443327ca2ffc51a89dac.svg);
}
#app-mount .imageUnclaimed-5nJyYs {
background-image: url(https://discord.com/assets/3b65c741e596bc0979f7ba0c42de6fff.svg);
opacity: .5;
}
#app-mount .imageUnverified-2NLnW6 {
background-image: url(https://discord.com/assets/e260177e5165e6789e30b9592df75424.svg);
opacity: .5;
}
2022-01-11 15:32:34 +01:00
#app-mount .divider-MRAL1L {
2021-05-07 17:07:56 +02:00
border-color: var(--background-modifier-accent);
}
2022-01-11 15:32:34 +01:00
#app-mount .backButtonColor-5k5ViL {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2022-01-11 15:32:34 +01:00
#app-mount .checkboxLabel-NbUiJx {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
2020-03-26 00:42:57 +01:00
/* ---- 13.1. USERMODAL ----- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .root-8LYsGj { /* modal container */
2019-09-19 12:56:54 +02:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
}
2023-10-26 16:08:53 +02:00
#app-mount .root-8LYsGj::before,
#app-mount .root-8LYsGj::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2023-10-26 16:08:53 +02:00
#app-mount .root-8LYsGj::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .root-8LYsGj::after {
2021-05-21 20:54:10 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .root-8LYsGj .topSection-13QKHs { /* modal topsection */
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .root-8LYsGj *:not(foreignObject) > .banner__6d414 { /* modal banner */
2021-07-01 22:49:45 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="240" viewBox="0 0 2400 240" fill="none"><path fill="black" d="M 0 0 L 0 240 L 16 240 A 69 69 0 0 1 85 172 A 69 69 0 0 1 152 240 L 2400 240 L 2400 0 L 0 0 z"/></svg>') bottom left no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .root-8LYsGj .avatar-3QF_VA { /* modal avatar */
2021-06-26 16:25:56 +02:00
background-color: transparent;
2021-07-01 22:49:45 +02:00
border-color: transparent;
2021-08-05 14:06:44 +02:00
box-sizing: content-box;
2021-05-21 20:54:10 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .body-1Ukv50 { /* modal body */
2021-05-21 20:54:10 +02:00
background-color: transparent;
2021-05-07 17:07:56 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .listRow__60937:hover {
background-color: rgba(var(--transparencycolor), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .emptyIcon__655a1 { /* body emptypic */
2021-06-08 22:43:17 +02:00
opacity: .5;
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .container-x8Y1ix, /* create modal item */
#app-mount .guildRow-3fJnG6 { /* hub modal item */
background-color: rgb(var(--transparencycolor), .2);
2020-09-28 19:11:52 +02:00
border: none;
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .container-x8Y1ix:hover,
#app-mount .guildRow-3fJnG6:hover {
background-color: rgb(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .text-PdAsFQ, /* create modal text */
#app-mount .guildName-3RzJ_H { /* hub modal text */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .container-x8Y1ix:hover .text-PdAsFQ,
#app-mount .guildRow-3fJnG6:hover .guildName-3RzJ_H {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .arrow-2yY1Tm, /* create modal arrow */
#app-mount .guildName-3RzJ_H ~ img { /* hub modal arrow */
2020-12-26 18:33:33 +01:00
object-position: -999999px -999999px;
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat;
2021-05-06 21:30:35 +02:00
background: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .container-x8Y1ix:hover .arrow-2yY1Tm,
#app-mount .guildRow-3fJnG6:hover .guildName-3RzJ_H ~ img {
2021-05-06 21:30:35 +02:00
background: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .input-m1-Y7Q { /* modal invite input */
2020-09-28 19:11:52 +02:00
background: transparent;
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .inputInner-1Z3Tui { /* modal invite input inner */
2021-05-06 21:30:35 +02:00
border: 1px solid var(--deprecated-text-input-border);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 13.3. REGIONSELECTMODAL ---- */
2019-09-19 12:56:54 +02:00
#app-mount .regionSelectModal-12e-57 { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
}
2023-10-26 16:08:53 +02:00
#app-mount .regionSelectModal-12e-57::before,
#app-mount .regionSelectModal-12e-57::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2023-10-26 16:08:53 +02:00
#app-mount .regionSelectModal-12e-57::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .regionSelectModal-12e-57::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:05:43 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2019-09-19 12:56:54 +02:00
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2021-05-06 21:30:35 +02:00
#app-mount .regionSelect-3lf4eE.regionSelectLoading-34I21m {
border: 1px solid var(--header-secondary);
}
#app-mount .regionSelect-3lf4eE button {
border: 1px solid var(--header-secondary);
}
#app-mount .regionSelect-3lf4eE .regionSelectInner-24f4Ce {
border: 1px solid var(--header-secondary);
}
2019-09-19 12:56:54 +02:00
#app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
}
#app-mount .regionSelectName-2-2FWh {
color: var(--text-muted);
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover .regionSelectName-2-2FWh {
color: var(--text-normal);
}
#app-mount .regionSelect-3lf4eE:hover button {
color: var(--header-primary);
}
#app-mount .container-1s4HBn.hover-2AGf5p {
border-color: var(--deprecated-text-input-border-hover);
}
#app-mount .flag-16iIBd.vip-3pFIN8::after {
border-color: rgba(var(--transparencycolor), .5);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 13.4. UPLOADMODAL ---- */
2019-09-19 12:56:54 +02:00
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-26 16:08:53 +02:00
#app-mount .uploadModal_eae2a0::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .uploadModal_eae2a0::before {
2021-06-26 17:05:43 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .uploadModalIn_c0ca4b .uploadDropModal__73a36 {
2020-05-11 21:09:59 +02:00
width: unset;
}
2023-10-26 16:08:53 +02:00
#app-mount .uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .title__73a49,
#app-mount .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-26 16:08:53 +02:00
#app-mount .uploadModal_eae2a0 .inner-zqa7da { /* modal channeltextarea */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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
}
2020-03-26 00:42:57 +01:00
/* ---- 13.5. 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-26 16:08:53 +02:00
#app-mount .keyboardShortcutsModal__74c71::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .keyboardShortcutsModal__74c71::before {
2021-06-26 17:07:15 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcut-3zF1P9 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcut-3zF1P9 span {
2021-05-06 21:30:35 +02:00
background-color: var(--text-muted);
border: 1px solid rgba(0, 0, 0, .4);
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .4);
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcut-3zF1P9 span:active {
2021-05-06 21:30:35 +02:00
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
border: 1px solid rgb(0, 0, 0);
color: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcut-3zF1P9 span .bindArrow-EmK4SC g {
2021-05-06 21:30:35 +02:00
fill: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcut-3zF1P9 span:active .bindArrow-EmK4SC g {
2021-05-06 21:30:35 +02:00
fill: var(--header-secondary);
}
2022-01-11 15:06:27 +01:00
#app-mount .keybindShortcutTipsSelect-2FpxFp:last-of-type::before {
2021-05-06 21:30:35 +02:00
background-color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tabButton-1hJ4oW {
2021-05-06 21:30:35 +02:00
background-color: var(--text-muted);
border: 1px solid rgb(0, 0, 0, .4);
2020-12-29 18:23:35 +01:00
border-radius: 4px;
box-shadow: inset 0 -4px 0 rgb(0, 0, 0, .4);
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2020-12-17 20:26:16 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tabButton-1hJ4oW rect[fill="#4F545C"],
#app-mount .tabButton-1hJ4oW path[fill="#36393F"] {
2020-12-17 20:26:16 +01:00
display: none;
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 13.6. QUICKSWITCHER ---- */
2019-09-19 12:56:54 +02:00
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-26 16:08:53 +02:00
#app-mount .quickswitcher_a3d29a::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .quickswitcher_a3d29a::before {
2021-06-26 17:07:15 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .root_a28985 .quickswitcher_a3d29a::before,
#app-mount .root_a28985 .quickswitcher_a3d29a::after {
2022-03-24 17:49:33 +01:00
display: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .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
}
2022-03-24 17:49:33 +01:00
#app-mount .resultFocused-3aIoYe, /* modal resultfocused */
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
}
2020-10-17 17:30:58 +02:00
/* ---- 13.7. 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-26 16:08:53 +02:00
#app-mount .contentWrapper__85d37::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .contentWrapper__85d37::before {
2021-06-26 17:07:15 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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 */
2022-03-24 17:49:33 +01:00
#app-mount .inviteRow-3vmB7i: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 */
2022-03-24 17:49:33 +01:00
#app-mount .inviteRowName-3H4s_c { /* modal username */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .friendSelected_f0db37,
2022-01-11 15:32:34 +01:00
#app-mount .inviteRow-3vmB7i:hover .inviteRowName-3H4s_c {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .checkBoxLabel-16BK2g,
#app-mount .footerText-2QLGHU,
2019-12-12 10:26:20 +01:00
#app-mount .subTitle-3TUjmF,
2023-10-25 16:24:34 +02:00
#app-mount .subtitle__593cd,
2022-01-11 15:32:34 +01:00
#app-mount .subText-1CcYgq {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .pill_c0440d {
background-color: rgba(var(--transparencycolor), .5);
2019-12-12 10:26:20 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 13.8. LOGINSCREEN ---- */
2019-09-20 13:29:31 +02:00
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-26 16:08:53 +02:00
#app-mount .wrapper_eebc2d::before, /* login winbuttonshadow */
#app-mount .wrapper_eebc2d .rightSplit__46a42, /* login background */
#app-mount .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);
}
2022-01-11 15:32:34 +01:00
#app-mount .navRow-dG-XX8 { /* modal modal footer */
2021-12-09 22:14:47 +01:00
background-color: rgba(var(--transparencycolor), .2);
}
2019-09-20 13:29:31 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 13.9. TERMACCEPTMODAL ---- */
2019-10-12 19:03:12 +02:00
#app-mount .modal-DRZfgq { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2019-10-12 19:03:12 +02:00
position: relative;
overflow: hidden;
}
2023-10-26 16:08:53 +02:00
#app-mount .modal-DRZfgq::before,
#app-mount .modal-DRZfgq::after {
2019-10-12 19:03:12 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2023-10-26 16:08:53 +02:00
#app-mount .modal-DRZfgq::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .modal-DRZfgq::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2019-10-12 19:03:12 +02:00
[style*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"], /* modal image */
[src*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"] {
filter: brightness(85%) invert(100%);
opacity: 0.7;
}
2022-01-17 20:28:19 +01:00
#app-mount .ack-3sCuAV { /* modal acklabel */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-10-12 19:03:12 +02:00
}
2022-01-17 20:28:19 +01:00
#app-mount .buttonContainer-28osRq { /* modal footer */
background-color: rgba(var(--transparencycolor), .2);
2019-10-12 19:03:12 +02:00
box-shadow: none;
}
2020-03-26 00:42:57 +01:00
/* ---- 13.10. DOWNLOADAPPMODAL ---- */
2020-02-19 14:54:06 +01:00
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-26 16:08:53 +02:00
#app-mount .downloadApps__30ed7::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .downloadApps__30ed7::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .downloadApps__30ed7 .header__01af9 {
2021-05-06 21:30:35 +02:00
color: var(--text-normal);
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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
2020-03-26 00:42:57 +01:00
/* ---- 13.11. GUILDBOOSTMODAL ---- */
2020-02-23 13:10:23 +01:00
2022-01-11 17:05:30 +01:00
#app-mount .perksModal-CLcR1c { /* modal wrapper */
2020-06-30 22:44:40 +02:00
background-color: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .carouselContainer-2-vIZS { /* modal scrollercontainer */
2020-02-23 13:10:23 +01:00
-webkit-mask: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 60px, rgba(0,0,0,1) calc(100vw - 60px), rgba(0,0,0,0) 100vw);
}
2023-10-26 16:08:53 +02:00
#app-mount .carouselGradientEdge-2W94ou { /* modal scrollergradient */
2020-02-23 13:10:23 +01:00
display: none;
}
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-26 16:08:53 +02:00
#app-mount .subscribersPopout__1da1e::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .subscribersPopout__1da1e::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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
}
2022-01-11 17:12:27 +01:00
#app-mount .ctaBar-Nhk8yY { /* current boost stats container */
2021-04-16 17:24:18 +02:00
position: relative;
background-color: rgba(var(--transparencycolor), .4);
2021-04-16 17:24:18 +02:00
background-image: none;
}
2022-01-11 17:12:27 +01:00
#app-mount .ctaBar-Nhk8yY::before {
2021-04-16 17:24:18 +02:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-04-16 17:24:18 +02:00
-webkit-mask: url(https://discord.com/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg);
2020-02-23 13:10:23 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .guildIcon-3raYf3 { /* current boost stats guild icon */
background-color: rgba(var(--transparencycolor), .2);
2020-02-23 13:10:23 +01:00
}
#app-mount .perk-2WeBWW { /* modal perkcard */
background-color: rgba(var(--transparencycolor), .4);
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
#app-mount .headerLogo-2M4f14 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2022-01-11 17:05:30 +01:00
#app-mount .tierHeaderLocked-3ItHYn { /* modal tierheaderlocked */
background-color: rgba(var(--transparencycolor), .4);
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
#app-mount .tierLock-1uBqZ0 { /* modal tierlock */
2021-05-06 21:30:35 +02:00
color: var(--interactive-muted);
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
#app-mount .tierHeaderUnlocked-1IvR2R { /* modal tierheaderunlocked */
background-color: rgba(var(--transparencycolor), .5);
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
#app-mount .tierBody-3ju-rc { /* modal tierbody */
background-color: rgba(var(--transparencycolor), .3);
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tierMarkerBackground-G8FoN4 { /* modal tiermilestone */
2020-02-23 13:10:23 +01:00
background: transparent;
}
2022-01-11 15:32:34 +01:00
#app-mount .tierMarkerInProgress-2Tdxjz {
background: rgba(var(--transparencycolor), .3) !important;
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .selectedTier-24Xj0k .tierMarker-Vw1C95 {
box-shadow: 0 4px 8px rgba(var(--transparencycolor), .24);
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tierMarkerLabelText-1wk8KK:not(.isAccomplished-2NcqRT):hover {
background: rgba(var(--transparencycolor), .3);
2021-04-16 17:24:18 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .barBackground-unEPDT { /* modal tierbar */
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(var(--transparencycolor), .3) 3%, rgba(var(--transparencycolor), .3) 30.2%, rgba(0,0,0,0) 30.2%, rgba(0,0,0,0) 36.2%, rgba(var(--transparencycolor), .3) 36.2%, rgba(var(--transparencycolor), .3) 63.5%, rgba(0,0,0,0) 63.5%, rgba(0,0,0,0) 69.5%, rgba(var(--transparencycolor), .3) 69.5%, rgba(var(--transparencycolor), .3) 96.7%, rgba(0,0,0,0) 96.7%, rgba(0,0,0,0) 100%);
2020-02-23 13:10:23 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .barSecondary-VouwoY {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-03-26 00:42:57 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .wrapper-3nSjSv .heading-4znNKq { /* modal boostaddwrapper header */
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2020-06-01 10:48:24 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .tier-1EY-yj { /* modal boostaddwrapper tier */
background-color: rgb(var(--transparencycolor), .3);
2020-06-01 10:48:24 +02:00
}
2022-01-11 17:12:27 +01:00
#app-mount .giftIcon-2kmx1K { /* modal gifticon */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-02-23 13:10:23 +01:00
margin: 0 18px;
}
2023-10-25 16:24:34 +02:00
#app-mount .button_afdfd9 .giftIcon-2kmx1K {
2021-05-06 21:30:35 +02:00
color: currentColor;
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:12:27 +01:00
#app-mount .badgeIconWithoutSubscribers-1hjTfX {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
}
#app-mount .tierPill-1yRO48 {
background: rgba(var(--transparencycolor), .3);
color: var(--header-primary);
}
#app-mount .tierPillStar-34rvoJ {
color: var(--header-primary);
}
#app-mount .tierPillGem-3zcO2T {
color: var(--interactive-muted);
}
#app-mount .tierPill-3gJ0eN {
background: rgba(var(--transparencycolor), .3);
color: var(--header-primary);
}
2022-03-09 09:53:33 +01:00
#app-mount .perk-19D_HN {
2021-05-06 21:30:35 +02:00
background: rgba(var(--transparencycolor), .2);
2020-02-23 13:10:23 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .header-1F6gxU { /* prebuy popout header */
background: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
padding-bottom: 10px;
margin-bottom: 10px;
}
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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .upsellFooter-6EgwMe { /* prebuy popout footer details */
background: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .perksList-1vtwXn { /* prebuy popout perkslist */
background: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
#app-mount .selectGuild-1Ygl76:hover {
background-color: rgba(var(--transparencycolor), .3);
2020-03-26 00:42:57 +01:00
}
2020-10-18 23:17:42 +02:00
/* ---- 13.12. REACTIONSMODAL ---- */
2020-03-27 19:03:51 +01:00
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
}
2022-07-08 16:22:05 +02:00
/* ---- 13.13. GUILDWELCOMEMODAL ---- */
2020-05-17 16:50:46 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .optionContainer__5d0b1 { /* modal option */
background-color: rgba(var(--transparencycolor), .2);
2020-05-17 16:50:46 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .optionContainer__5d0b1:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-05-17 16:50:46 +02:00
}
2022-07-08 16:22:05 +02:00
/* ---- 13.14. GUILDRULESMODAL ---- */
2020-12-22 21:58:36 +01:00
2023-10-26 16:08:53 +02:00
#app-mount .guildSidebar__8763f { /* modal sidebar */
background-color: rgba(var(--transparencycolor), .4);
2020-12-22 21:58:36 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .modal_b38209 { /* modal inner */
background-color: rgba(var(--transparencycolor), .2);
2020-12-22 21:58:36 +01:00
}
2022-07-08 16:22:05 +02:00
/* ---- 13.15. GUILDFEEDBACKMODAL ---- */
2021-01-03 16:00:42 +01:00
2023-10-26 16:08:53 +02:00
#app-mount .root_b4f834 { /* modal items */
2021-01-03 16:00:42 +01:00
background-color: transparent;
border-radius: 0;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .option_f70eea:hover {
background-color: rgb(var(--transparencycolor), .4);
2021-01-03 16:00:42 +01:00
}
2022-07-08 16:22:05 +02:00
/* ---- 13.16. 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-26 16:08:53 +02:00
#app-mount .card-1SdQ2- {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .4);
2020-10-18 23:17:42 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .item-2OyinQ {
border-color: rgba(var(--transparencycolor), .4);
2020-10-18 23:17:42 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .selectorButton_c6ae93:not(.selectorButtonSelected_fbe8fc) {
background-color: rgba(var(--transparencycolor), .2);
2020-10-18 23:17:42 +02:00
}
2022-01-11 15:32:34 +01:00
#app-mount .userListOverflow-2GkVmP {
background: rgba(var(--transparencycolor), .5);
2021-03-20 11:04:08 +01:00
}
2020-06-27 23:39:45 +02:00
2022-07-08 16:22:05 +02:00
/* ---- 13.17. PHONEVERIFICATIONMODAL ---- */
2019-09-19 12:56:54 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .phoneField__65729 {
background-color: rgba(var(--transparencycolor), .2);
2021-03-19 23:23:44 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .phoneField__65729 .inputField__3008c {
2021-03-19 23:23:44 +01:00
background-color: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .phoneFieldPopout-3O-1C3 {
2021-03-19 23:23:44 +01:00
position: absolute !important;
}
2019-09-19 12:56:54 +02:00
2022-07-08 16:22:05 +02:00
/* ---- 13.18. NOTIFICATIONSMODAL ---- */
2021-05-06 20:04:14 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .channelName-IPB6B3 {
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
}
2022-01-11 15:32:34 +01:00
#app-mount .guildName-1kreI8,
#app-mount .override-1sK4r0,
#app-mount .overrideHighlight-3f-yyO {
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
}
2022-01-11 15:32:34 +01:00
#app-mount .override-1sK4r0:hover {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.1);
}
2022-01-11 15:32:34 +01:00
#app-mount .overrideHighlight-3f-yyO,
#app-mount .overrideHighlight-3f-yyO:hover {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.3);
}
2022-01-11 15:32:34 +01:00
#app-mount .checkboxContainer-1NbL2v::before {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.6);
}
2022-01-11 15:32:34 +01:00
#app-mount .overridePlaceholder-1nDEsX {
2021-05-06 20:04:14 +02:00
border: 1px dashed var(--background-floating);
}
2023-10-26 16:08:53 +02:00
/* ---- 13.19. PODIUMSTARTMODAL ---- */
2021-05-12 12:59:29 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .iconContainer__466ce {
background-color: rgba(var(--transparencycolor), .5);
2021-05-12 12:59:29 +02:00
}
2022-07-08 16:22:05 +02:00
/* ---- 13.20. NITROFEATUREMODAL ---- */
2021-10-01 16:17:16 +02:00
#app-mount .cardImageBackground-1zqQ8d {
background: #000;
opacity: 0.5;
}
#app-mount .cardInfo-62VDSb {
background: rgba(var(--transparencycolor),.4);
}
2022-07-10 00:08:03 +02:00
/* ---- 13.21. DIRECTORYMODAL ---- */
#app-mount .directoryModal-YJsOMv { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
overflow: hidden;
}
2023-10-26 16:08:53 +02:00
#app-mount .directoryModal-YJsOMv::before,
#app-mount .directoryModal-YJsOMv::after {
2022-07-10 00:08:03 +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-26 16:08:53 +02:00
#app-mount .directoryModal-YJsOMv::before {
2022-07-10 00:08:03 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .directoryModal-YJsOMv::after {
2022-07-10 00:08:03 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
2023-03-12 09:41:10 +01:00
/* ---- 13.22. ACTIVITYSHAREMODAL ---- */
2023-10-26 16:08:53 +02:00
#app-mount .shelfTopBackground-R55ED9 {
2023-03-12 09:41:10 +01:00
z-index: 2;
}
2023-10-26 16:08:53 +02:00
#app-mount .scrollTierBackgroundUpsell-2oh_9T {
2023-03-12 09:41:10 +01:00
background: rgba(var(--accentcolor), .1);
}
2020-08-05 20:40:49 +02:00
2021-03-19 23:23:44 +01:00
/* ~~~~ 14. POPOUTS ~~~~ */
2023-10-26 16:08:53 +02:00
#app-mount .layer-2aCOJ3:nth-child(1) {
2020-08-05 20:40:49 +02:00
z-index: 1002;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer-2aCOJ3:nth-child(2) {
2020-08-05 20:40:49 +02:00
z-index: 1003;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer-2aCOJ3:nth-child(3) {
2020-08-05 20:40:49 +02:00
z-index: 1004;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer-2aCOJ3:nth-child(4) {
2020-08-05 20:40:49 +02:00
z-index: 1005;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer-2aCOJ3:nth-child(5) {
2020-08-05 20:40:49 +02:00
z-index: 1006;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer-2aCOJ3:nth-child(6) {
2020-08-05 20:40:49 +02:00
z-index: 1007;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer-2aCOJ3:nth-child(7) {
2020-08-05 20:40:49 +02:00
z-index: 1008;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer-2aCOJ3:nth-child(8) {
2020-08-05 20:40:49 +02:00
z-index: 1009;
}
2023-10-26 16:08:53 +02:00
#app-mount .layer-2aCOJ3:nth-child(9) {
2020-08-05 20:40:49 +02:00
z-index: 1010;
}
2022-01-11 15:06:27 +01:00
#app-mount .loadingPopout-1feYe_, /* loading popout */
2023-10-25 16:24:34 +02:00
#app-mount .container__8261a, /* browser popout */
2021-06-30 23:25:27 +02:00
#app-mount .themedPopout-1TrfdI { /* themed popout */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2019-09-20 23:04:33 +02:00
border: none;
2019-09-20 22:41:45 +02:00
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
position: relative;
}
2023-10-26 16:08:53 +02:00
#app-mount .loadingPopout-1feYe_::before,
#app-mount .container__8261a::before,
#app-mount .themedPopout-1TrfdI::before,
#app-mount .loadingPopout-1feYe_::after,
#app-mount .container__8261a::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .loadingPopout-1feYe_::before,
#app-mount .container__8261a::before,
#app-mount .themedPopout-1TrfdI::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .loadingPopout-1feYe_::after,
#app-mount .container__8261a::after,
#app-mount .themedPopout-1TrfdI::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2019-09-19 12:56:54 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .selected-22ukbQ, /* popout combobox selected */
#app-mount .selected-22ukbQ:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-05-06 21:30:35 +02:00
color: #fff;
text-shadow: 1px 1px var(--textshadow);
2021-03-20 11:13:32 +01:00
}
2022-01-11 15:32:34 +01:00
#app-mount .divider-MRAL1L { /* popout divider */
2021-05-06 17:50:44 +02:00
border-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 14.1. CONTEXTMENU ---- */
2019-09-19 12:56:54 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .menu_dc52c6, /* contextmenu fixed */
#app-mount .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-26 16:08:53 +02:00
#app-mount .menu_dc52c6::before,
#app-mount .submenu_acf564::before,
#app-mount .menu_dc52c6::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .menu_dc52c6::before,
#app-mount .submenu_acf564::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .menu_dc52c6::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .submenu_acf564 {
2020-05-22 14:56:00 +02:00
position: relative;
}
2023-10-26 16:08:53 +02:00
#app-mount .container-3AL15u { /* contextmenu searchbar */
background-color: rgba(var(--transparencycolor), .2);
2021-01-02 13:17:33 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .item__183e8.colorDefault__0b482.focused__27621,
#app-mount .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-26 16:08:53 +02:00
#app-mount .item__183e8.colorDanger_eec36d.focused__27621,
#app-mount .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-26 16:08:53 +02:00
#app-mount .item__183e8.colorSuccess__6b952.focused__27621,
#app-mount .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-26 16:08:53 +02:00
#app-mount .item__183e8.colorBrand__471df.focused__27621,
#app-mount .item__183e8.colorBrand__471df:hover:not(.hideInteraction__2790e),
#app-mount .item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Subscriptions"],
#app-mount .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Subscriptions"],
#app-mount .item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Discord_Nitro"],
#app-mount .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Discord_Nitro"] {
2021-07-03 17:14:51 +02:00
background-color: rgba(var(--accentcolor), .2) !important;
}
2023-10-26 16:08:53 +02:00
#app-mount .item__183e8.colorPremium__548bd.focused__27621,
#app-mount .item__183e8.colorPremium__548bd:hover:not(.hideInteraction__2790e),
#app-mount .item__183e8.colorDefault__0b482.focused__27621[id="user-settings-cog-Nitro_Server_Boost"],
#app-mount .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="user-settings-cog-Nitro_Server_Boost"],
#app-mount .item__183e8.colorDefault__0b482.focused__27621[id="guild-context-guild-settings--GUILD_PREMIUM"],
#app-mount .item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e)[id="guild-context-guild-settings--GUILD_PREMIUM"] {
2021-07-03 17:14:51 +02:00
background-color: rgba(var(--accentcolor2), .2) !important;
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .item__183e8.colorPremiumGradient__45b85.focused__27621,
#app-mount .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-26 16:08:53 +02:00
#app-mount .button__3ecb4 { /* contextmenu quick reaction button */
background-color: rgba(var(--transparencycolor), .3);
2020-03-22 11:38:27 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .userProfileOuterUnthemed__48723 { /* popout container */
2022-08-31 11:45:34 +02:00
background: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .userProfileOuterUnthemed__48723::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .userProfileOuterUnthemed__48723::before {
2021-05-25 09:08:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .accountProfilePopoutWrapper_af829a .overlayBackground__86b78 {
2023-01-06 17:44:42 +01:00
display: block !important;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .userProfileInnerThemed_f7ead7::before {
2022-09-02 10:58:59 +02:00
z-index: 2;
}
2023-10-26 16:08:53 +02:00
#app-mount .userProfileInnerThemed_f7ead7 > * {
2022-09-02 10:58:59 +02:00
z-index: 3;
}
2023-10-26 16:08:53 +02:00
#app-mount .userProfileInnerThemedWithBanner_d5f991::after {
2023-04-09 11:28:42 +02:00
height: 120px;
2022-08-31 11:47:57 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .userPopoutOuter_d739b2 .wrapper_edb6e0, /* popout avatar */
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-25 16:24:34 +02:00
#app-mount .rolePillBorder-RiRiuN: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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .contentWrapper__321ed, /* picker expression wrapper */
#app-mount .emojiPicker_b65ce9, /* picker inner */
#app-mount .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-26 16:08:53 +02:00
#app-mount .contentWrapper__321ed::before,
#app-mount .emojiPicker_b65ce9::before,
#app-mount .diversitySelectorOptions__846c5::before,
#app-mount .contentWrapper__321ed::after,
#app-mount .emojiPicker_b65ce9::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .contentWrapper__321ed::before,
#app-mount .emojiPicker_b65ce9::before,
#app-mount .diversitySelectorOptions__846c5::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .contentWrapper__321ed::after,
#app-mount .emojiPicker_b65ce9::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .diversitySelectorOptions__846c5::before,
#app-mount .diversitySelectorOptions__846c5::after {
2020-04-25 09:53:26 +02:00
border-radius: 5px;
}
2023-10-26 16:08:53 +02:00
#app-mount .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9 {
2020-08-03 17:31:03 +02:00
box-shadow: unset;
}
2023-10-26 16:08:53 +02:00
#app-mount .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9::after,
#app-mount .emojiPickerInExpressionPicker-2nOwH8 .emojiPicker_b65ce9::before {
2020-08-03 17:31:03 +02:00
display: none;
}
2020-04-25 09:53:26 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .wrapper__4f229 { /* picker sidebar */
background-color: rgba(var(--transparencycolor), .2);
2020-04-25 09:53:26 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .guildIcon__4d796 { /* picker guildicon */
background-color: rgba(var(--transparencycolor), .2);
2020-04-25 09:53:26 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .categoryItemDefaultCategory__67fe7:first-child,
#app-mount .categoryItemDefaultCategory__67fe7:first-child + .categoryItemDefaultCategory__67fe7,
#app-mount .stickerCategoryRecent-1WVWrj {
2020-10-20 21:57:17 +02:00
margin-bottom: 8px;
}
2023-10-26 16:08:53 +02:00
#app-mount .categoryItemDefaultCategory__67fe7:hover, /* picker categoryitem */
#app-mount .stickerCategory__4891e:hover, /* picker stickercategoryitem */
#app-mount .stickerCategoryShopWrapper-3EnJdQ:hover .stickerCategoryShop-d5zC3B {
background-color: rgba(var(--transparencycolor), .3);
2020-04-25 09:53:26 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .categoryItemDefaultCategorySelected__8245a, /* picker categoryitem selected */
#app-mount .categoryItemDefaultCategorySelected__8245a:hover,
#app-mount .stickerCategorySelected-2uaMAG, /* picker stickercategoryitem selected */
#app-mount .stickerCategorySelected-2uaMAG:hover {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-04-25 09:53:26 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .categoryItemDefaultCategorySelected__8245a svg, /* picker categoryitem selected */
#app-mount .categoryItemDefaultCategorySelected__8245a:hover svg,
#app-mount .stickerCategorySelected-2uaMAG svg, /* picker stickercategoryitem selected */
#app-mount .stickerCategorySelected-2uaMAG:hover svg {
2021-05-03 16:23:08 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
2020-06-01 10:52:07 +02:00
}
2020-04-25 09:53:26 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .unicodeShortcut__1dd6b, /* picker unicodeemojis shortcut */
#app-mount .stickerCategoryShopWrapper-3EnJdQ { /* picker unicodeemojis shortcut */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2020-04-25 09:53:26 +02:00
border: none;
overflow: hidden;
z-index: 100;
}
2023-10-26 16:08:53 +02:00
#app-mount .unicodeShortcut__1dd6b::before,
#app-mount .stickerCategoryShopWrapper-3EnJdQ::before,
#app-mount .unicodeShortcut__1dd6b::after,
#app-mount .stickerCategoryShopWrapper-3EnJdQ::after {
2020-04-25 09:53:26 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2023-10-26 16:08:53 +02:00
#app-mount .unicodeShortcut__1dd6b::before,
#app-mount .stickerCategoryShopWrapper-3EnJdQ::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .unicodeShortcut__1dd6b::after,
#app-mount .stickerCategoryShopWrapper-3EnJdQ::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-04-25 09:53:26 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .emojiItemDisabled__36cbf { /* picker emoji disabled */
2020-04-27 14:06:04 +02:00
filter: none;
cursor: no-drop;
}
2023-10-26 16:08:53 +02:00
#app-mount .emojiItemDisabled__36cbf > * {
2020-06-17 15:53:34 +02:00
filter: grayscale(1);
2020-04-25 09:53:26 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .shape-2kfO2v { /* picker sticker loading */
background-color: rgba(var(--transparencycolor), .2);
2020-10-27 15:15:57 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .feature-1nRVr5 { /* picker sticker feature */
2020-10-27 15:15:57 +01:00
background: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .stickerInspected__1c897 .stickerBackground-2XECKi { /* picker sticker focused */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2020-10-27 15:15:57 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .viewAllBackground-3Bn1vh { /* picker sticker view all */
background-color: rgba(var(--transparencycolor), .2);
2020-10-27 15:15:57 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .viewAll_a22f0d:hover .viewAllBackground-3Bn1vh,
#app-mount .viewAllInspected__62664 .viewAllBackground-3Bn1vh {
background-color: rgba(var(--transparencycolor), .4);
2020-10-27 15:15:57 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .premiumPromo__2d678::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .premiumPromo__2d678::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .premiumPromoClose__11b8f:hover {
2021-05-06 21:30:35 +02:00
background: var(--interactive-hover);
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .messagesPopoutWrap_b3b384, /* popout wrapper */
#app-mount .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-26 16:08:53 +02:00
#app-mount .messagesPopoutWrap_b3b384 > *,
#app-mount .container__20de0 > * {
2020-01-30 13:58:17 +01:00
z-index: 1000;
}
2023-10-26 16:08:53 +02:00
#app-mount .messagesPopoutWrap_b3b384::before,
#app-mount .container__20de0::before,
#app-mount .messagesPopoutWrap_b3b384::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .messagesPopoutWrap_b3b384::before,
#app-mount .container__20de0::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .messagesPopoutWrap_b3b384::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .themedPopout-1TrfdI .header-2Kf7Yu {
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .themedPopout-1TrfdI .footer-1K57q_ {
background-color: rgba(var(--transparencycolor), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .messageGroupWrapper_f8c6e9 {
2019-09-19 12:56:54 +02:00
background-color: transparent;
border: none;
overflow: visible;
padding: 11px 10px 10px 10px;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .messageGroupWrapper_f8c6e9 .contentCozy-3XX413 {
2019-09-19 12:56:54 +02:00
overflow: hidden;
}
2023-10-26 16:08:53 +02:00
#app-mount .actionButtons__0ac05 { /* popout actionbuttonscontainer */
2019-09-19 12:56:54 +02:00
top: 4px;
right: 14px;
}
2023-10-26 16:08:53 +02:00
#app-mount .jumpButton_da1ebb, /* popout jumpbutton (mentions) */
#app-mount .jumpButton__0329d { /* popout jumpbutton (pins) */
background-color: rgba(var(--transparencycolor), .4);
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .jumpButton_da1ebb:hover,
#app-mount .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-26 16:08:53 +02:00
#app-mount .jumpButton_da1ebb + .jumpButton_da1ebb,
#app-mount .jumpButton__0329d + .jumpButton__0329d {
2019-09-19 12:56:54 +02:00
margin-left: 2px;
}
2023-10-26 16:08:53 +02:00
#app-mount .messageGroupWrapper_f8c6e9:hover .actionButtons__0ac05 .closeButton-17RIVZ {
2019-09-19 12:56:54 +02:00
opacity: 1;
}
2023-10-26 16:08:53 +02:00
#app-mount .hasMoreButton-1MELpI { /* popout hasmorebutton */
background-color: rgba(var(--transparencycolor), .2);
2019-09-23 12:01:10 +02:00
border: none;
}
2019-09-19 12:56:54 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .image__0a0fc { /* popout emptyimage */
2019-09-19 12:56:54 +02:00
opacity: 0.6;
}
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-26 16:08:53 +02:00
#app-mount .secondary_c96c46, /* popout header button */
#app-mount .tertiary_bc0225, /* popout message button */
#app-mount .collapseButton-3V3Cqh { /* popout collapse button */
background-color: rgba(var(--transparencycolor), .2);
2020-04-18 16:19:27 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .secondary_c96c46:hover,
#app-mount .tertiary_bc0225:hover,
#app-mount .collapseButton-3V3Cqh:hover {
background-color: rgba(var(--transparencycolor), .4);
2020-04-18 16:19:27 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .collapseButton-3V3Cqh {
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-26 16:08:53 +02:00
#app-mount .collapseButton-3V3Cqh.collapsed-b6uSCG svg {
2020-05-08 11:16:33 +02:00
transform: rotate(-90deg);
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .channelHeader__5d30c:only-child {
2020-05-08 11:16:33 +02:00
border-radius: 0;
}
2023-10-26 16:08:53 +02:00
#app-mount .messageContainer_aa7d14, /* popout messagecontainer */
#app-mount .messages_f7999e { /* popout messagecontainer (inbox) */
background-color: rgba(var(--transparencycolor), .2);
2020-04-18 16:19:27 +02:00
border-radius: 0;
}
2023-10-26 16:08:53 +02:00
#app-mount .messageContainer_aa7d14:last-child,
#app-mount .messages_f7999e:last-child {
2020-04-18 16:19:27 +02:00
border-radius: 0 0 5px 5px;
}
2023-10-26 16:08:53 +02:00
#app-mount .tutorial__7b875 { /* popout tutorial (inbox) */
background-color: rgba(var(--transparencycolor), .4);
2020-08-11 17:19:24 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .container_d6dad3::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .container_d6dad3::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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
}
2022-01-11 15:06:27 +01:00
#app-mount .resultsGroup-1BPR25::before {
2021-05-06 17:50:44 +02:00
border-top-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .resultsGroup-1BPR25 .header-3A13BX,
#app-mount .resultsGroup-1BPR25 .plusIcon-2V7coV,
#app-mount .resultsGroup-1BPR25 .searchClearHistory-2Be-92,
#app-mount .resultsGroup-1BPR25 .searchLearnMore-7__o_n a {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .resultsGroup-1BPR25 .header-3A13BX,
#app-mount .resultsGroup-1BPR25 .plusIcon-2V7coV {
2021-11-18 15:35:56 +01:00
color: var(--text-normal);
}
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,
#app-mount .option_b5597b[aria-selected=true],
#app-mount .option_b5597b.selected-rZcOL- {
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,
#app-mount .option_b5597b[aria-selected=true]::before,
#app-mount .option_b5597b.selected-rZcOL-::before {
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2019-09-19 12:56:54 +02:00
border-radius: 3px;
width: 34px;
}
2023-10-25 16:24:34 +02:00
#app-mount .option_b5597b:hover .plusIcon-2V7coV,
#app-mount .option_b5597b[aria-selected=true] .plusIcon-2V7coV,
#app-mount .option_b5597b.selected-rZcOL- .plusIcon-2V7coV {
2021-11-18 15:35:56 +01:00
color: white;
opacity: 1;
}
2023-10-25 16:24:34 +02:00
#app-mount .option_b5597b .answer-2fBfuP,
#app-mount .option_b5597b .nonText-3_4gtu,
#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-25 16:24:34 +02:00
#app-mount .option_b5597b .filter-5YbOzJ {
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 .option_b5597b.user-23VtPS .displayedNick-2dDbfG {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .option_b5597b.user-23VtPS .displayUsername-14aOpK {
2021-05-07 12:32:48 +02:00
color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .searchOption-351dTI .filter-5YbOzJ {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .searchOption-351dTI .answer-2fBfuP {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .searchResultChannelCategory-3cL8uG,
#app-mount .searchResultChannelIcon-1Il1Qo {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
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;
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat;
2021-05-07 12:32:48 +02:00
background-color: rgb(var(--textbrightest));
2019-09-19 12:56:54 +02:00
}
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),
#app-mount .calendarPicker__5c474 .datePickerHint-17MnA8 .hint-3D5yHh,
#app-mount .calendarPicker__5c474 .datePickerHint-17MnA8 .hintValue-1x-flY {
2021-05-07 12:32:48 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
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
}
2022-01-11 15:06:27 +01:00
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 {
2019-09-19 12:56:54 +02:00
margin: 0;
padding: 20px;
display: flex;
justify-content: center;
2021-11-18 15:35:56 +01:00
border-top-color: var(--background-modifier-accent);
}
2022-01-11 15:06:27 +01:00
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hint-3D5yHh {
2021-11-18 15:35:56 +01:00
color: var(--text-normal);
}
2022-01-11 15:06:27 +01:00
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY {
2021-11-18 15:35:56 +01:00
color: var(--header-primary);
}
2022-01-11 15:06:27 +01:00
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY:hover {
2021-11-18 15:35:56 +01:00
text-shadow: 1px 1px var(--textshadow);
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 14.6. COLORPICKER ---- */
2019-09-26 10:28:46 +02:00
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-26 16:08:53 +02:00
#app-mount .customColorPicker__3cb6a::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .customColorPicker__3cb6a::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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
2022-01-14 19:06:28 +01:00
#app-mount .container-2O1UgZ, /* popout userpopout */
2023-10-25 16:24:34 +02:00
#app-mount .container-1YVRxo { /* 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-26 16:08:53 +02:00
#app-mount .container-2O1UgZ::before,
#app-mount .container-2O1UgZ::after,
#app-mount .container-1YVRxo::before,
#app-mount .container-1YVRxo::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-26 16:08:53 +02:00
#app-mount .container-2O1UgZ::before,
#app-mount .container-1YVRxo::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .container-2O1UgZ::after,
#app-mount .container-1YVRxo::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-26 16:08:53 +02:00
#app-mount .focused__2b1b2,
#app-mount .item-1BCeuB:hover:not(.disabled__1c6ff),
#app-mount .row-3UUG_l.selected-3LIQAc .rowInner-1mo-C8,
#app-mount .row-3UUG_l:hover .rowInner-1mo-C8 {
background: rgba(var(--transparencycolor), .4);
2019-10-14 15:57:38 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .container-1YVRxo .header-PfVfAO {
2022-01-14 19:06:28 +01:00
background: rgba(var(--transparencycolor), .2);
}
2023-10-25 16:24:34 +02:00
#app-mount .container-1YVRxo .input-2Zg2X0 {
2022-01-14 19:06:28 +01:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .container-1YVRxo .sectionTag-euh3ZW {
2022-01-14 19:06:28 +01:00
background: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .autocompleteShadow-1aXK3x,
#app-mount .autocompleteArrowWrapper-32-lNV,
#app-mount .autocompleteHeaderBackground-4jKxaW {
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
#app-mount .everyonePopout-nEbJY3 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-01-30 10:22:32 +01:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2023-10-26 16:08:53 +02:00
#app-mount .everyonePopout-nEbJY3::before,
#app-mount .everyonePopout-nEbJY3::after {
2020-01-30 10:22:32 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2023-10-26 16:08:53 +02:00
#app-mount .everyonePopout-nEbJY3::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .everyonePopout-nEbJY3::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-01-30 10:22:32 +01:00
#app-mount .header-3_S6dz {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
#app-mount .body-2iXqIL {
color: var(--header-secondary);
}
#app-mount .body-2iXqIL .animation-3GofIz {
opacity: .5;
2020-01-30 10:22:32 +01:00
}
#app-mount .buttonHint-2OxJB8 {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
2020-01-30 10:22:32 +01:00
}
#app-mount .buttonHint-2OxJB8 strong {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
2020-01-30 10:22:32 +01:00
}
#app-mount .footer-2aTx0s {
background-color: rgba(var(--transparencycolor), .2);
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
2020-01-30 10:22:32 +01:00
}
2021-05-07 17:07:56 +02:00
#app-mount .footer-2aTx0s strong {
color: var(--header-secondary);
2020-01-30 10:22:32 +01:00
}
2020-03-26 00:42:57 +01:00
/* ---- 14.9. CHANNELFOLLOW ---- */
2020-03-25 20:19:24 +01:00
2022-01-11 15:32:34 +01:00
#app-mount .header-13P3fr {
background: rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
}
#app-mount .separator-3gy7tq {
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor), .3), 0 1px 2px 0 rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .channelContainer-3YAhb_ {
background-color: rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .channel-k2TVLQ {
background-color: rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .channelContainer-3YAhb_ .channel-k2TVLQ {
2020-03-25 20:19:24 +01:00
background-color: transparent;
}
2020-03-26 00:42:57 +01:00
/* ---- 14.10. CHANNELFOLLOWINFO ---- */
2020-03-25 20:19:24 +01:00
2022-01-11 15:32:34 +01:00
#app-mount .guildPopout-G6M0fK { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-03-25 20:19:24 +01:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2023-10-26 16:08:53 +02:00
#app-mount .guildPopout-G6M0fK::before,
#app-mount .guildPopout-G6M0fK::after {
2020-03-25 20:19:24 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2023-10-26 16:08:53 +02:00
#app-mount .guildPopout-G6M0fK::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .guildPopout-G6M0fK::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
2021-06-26 17:46:21 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-03-25 20:19:24 +01:00
2020-09-12 17:50:02 +02:00
/* ---- 14.11. EMOJIINFO ---- */
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-26 16:08:53 +02:00
#app-mount .popoutContainer__7b9a3::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .popoutContainer__7b9a3::before {
2021-06-26 17:46:21 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .emojiSection_a65b54 { /* popout emojisection */
2020-09-12 17:50:02 +02:00
background-color: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .guildSection_ebda04 { /* popout emojisection */
background-color: rgba(var(--transparencycolor), .2);
2020-10-05 21:26:49 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .loading-1lSwpg { /* popout loading placeholder */
background: rgba(var(--transparencycolor), .3);
2020-09-12 17:50:02 +02:00
}
2020-10-06 20:16:58 +02:00
/* ---- 14.12. STREAMPREVIEW ---- */
2022-01-11 15:06:27 +01:00
#app-mount .streamPreview-3qoMP4 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2020-10-06 20:16:58 +02:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2023-10-26 16:08:53 +02:00
#app-mount .streamPreview-3qoMP4::before,
#app-mount .streamPreview-3qoMP4::after {
2020-10-06 20:16:58 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2023-10-26 16:08:53 +02:00
#app-mount .streamPreview-3qoMP4::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .streamPreview-3qoMP4::after {
2021-05-03 16:23:08 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2020-11-16 11:11:06 +01:00
}
2020-10-06 20:16:58 +02:00
2022-01-11 15:06:27 +01:00
#app-mount .previewContainer-21fFBz { /* popout preview */
background-color: rgba(var(--transparencycolor), .2);
2020-10-06 20:16:58 +02:00
}
2021-03-19 23:23:44 +01:00
/* ---- 14.13. STREAMINFO ---- */
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-26 16:08:53 +02:00
#app-mount .container__56cd1::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .container__56cd1::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .popout__8e314::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .popout__8e314::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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;
2021-05-06 21:30:35 +02:00
width: 260px;
}
2023-10-26 16:08:53 +02:00
#app-mount .container__0810b::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .container__0810b::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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 .header-2C89wJ {
2021-05-06 21:30:35 +02:00
background-color: rgba(var(--transparencycolor), .2);
color: var(--header-primary);
}
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 {
2021-05-06 21:30:35 +02:00
-webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat;
background-color: var(--header-primary);
}
/* ---- 14.16. PHONE-/EMAILVALIDATION ---- */
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);
}
#app-mount .phoneFieldPopout-h7c9mt .countryName-3dA1Xv {
color: var(--header-secondary);
}
2023-10-25 16:24:34 +02:00
#app-mount .phoneFieldPopout-h7c9mt .countryCode__7befd {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .activityInviteEducationArrow_a24987 {
2021-05-06 21:30:35 +02:00
-webkit-mask: url(https://discord.com/assets/ba018cf9baa19824316dc4c2beb080a4.svg) center/contain no-repeat;
background: var(--header-primary);
}
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 .image__54a8d {
2021-05-06 21:30:35 +02:00
background-image: url(https://discord.com/assets/c290235278e128e94ae5ac37e58c5cbb.svg);
opacity: .5;
}
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-25 16:24:34 +02:00
#app-mount .verificationBlock_c45d0e .image__54a8d.email__44f2f {
2021-05-06 21:30:35 +02:00
background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg);
opacity: .5;
}
2023-10-25 16:24:34 +02:00
#app-mount .verificationBlock_c45d0e .image__54a8d.phone__0b460 {
2021-05-06 21:30:35 +02:00
background-image: url(https://discord.com/assets/ca452f5271ebcc7132db59f60a2a9cfe.svg);
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 */
2022-01-11 15:06:27 +01:00
#app-mount .popoutList-10IFAa { /* listpopout */
2021-05-07 17:07:56 +02:00
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
color: var(--header-primary);
position: relative;
}
2023-10-26 16:08:53 +02:00
#app-mount .quickSelectPopout_c0cf80::before,
#app-mount .popoutList-10IFAa::before,
#app-mount .quickSelectPopout_c0cf80::after,
#app-mount .popoutList-10IFAa::after {
2021-05-07 17:07:56 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
2021-06-26 18:01:41 +02:00
pointer-events: none;
2021-05-07 17:07:56 +02:00
z-index: -1;
}
2023-10-26 16:08:53 +02:00
#app-mount .quickSelectPopout_c0cf80::before,
#app-mount .popoutList-10IFAa::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .quickSelectPopout_c0cf80::after,
#app-mount .popoutList-10IFAa::after {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
2021-06-26 18:01:41 +02:00
backdrop-filter: blur(var(--popoutblur));
2021-05-07 17:07:56 +02:00
}
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);
}
2022-01-11 15:06:27 +01:00
#app-mount .popoutListEmpty-3MWXtE {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2023-10-25 16:24:34 +02:00
#app-mount .quickSelectArrow__9853b {
2021-05-07 17:07:56 +02:00
-webkit-mask: url(https://discord.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat;
background: var(--interactive-normal);
}
2021-05-15 12:30:19 +02:00
/* ---- 14.18. WARNINGPOPOUT ---- */
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-26 16:08:53 +02:00
#app-mount .contentWarningPopout__7d8c2::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .contentWarningPopout__7d8c2::before {
2021-06-26 18:01:41 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .popout__24e32::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .popout__24e32::before {
2021-11-09 17:21:22 +01:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .rolePopout__73806::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .rolePopout__73806::before {
2022-09-09 14:27:08 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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 ---- */
#app-mount .container-3kfp0r { /* popout */
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-26 16:08:53 +02:00
#app-mount .container-3kfp0r::before,
#app-mount .container-3kfp0r::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-26 16:08:53 +02:00
#app-mount .container-3kfp0r::before {
2022-11-03 14:51:36 +01:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .container-3kfp0r::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-26 16:08:53 +02:00
#app-mount .container_c344de::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .container_c344de::before {
2023-03-12 09:41:10 +01:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .picker__6dca7::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .picker__6dca7::before {
2023-04-14 17:43:45 +02:00
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .main__58b77 .prompt__671aa {
2023-04-19 13:10:29 +02:00
background: rgba(var(--transparencycolor), .3);
}
2023-10-26 16:08:53 +02:00
#app-mount .main__58b77 .prompt__671aa .sizeMedium_c6fa98 {
2023-04-19 13:10:29 +02:00
width: unset;
}
2023-10-26 16:08:53 +02:00
#app-mount .optionButtonWrapper__4072c:hover,
#app-mount .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-26 16:08:53 +02:00
#app-mount .highlight {
2022-09-09 14:31:18 +02:00
background: rgba(var(--accentcolor), .3);
}
2023-10-26 16:08:53 +02:00
#app-mount .clickable__17ccb:hover .layout_bb8e67 {
2022-09-09 14:31:18 +02:00
background-color: rgba(var(--transparencycolor), .2);
}
2023-10-26 16:08:53 +02:00
#app-mount .clickable__17ccb:active .layout_bb8e67 {
2022-09-09 14:31:18 +02:00
background: rgb(var(--accentcolor));
}
2023-10-26 16:08:53 +02:00
#app-mount .clickable__17ccb:active .layout_bb8e67,
#app-mount .selected__9800b .layout_bb8e67,
#app-mount .selected__9800b:hover .layout_bb8e67,
#app-mount .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-26 16:08:53 +02:00
#app-mount .clickable__17ccb .icon_fcc53a {
2022-09-09 14:31:18 +02:00
color: inherit;
}
2023-10-26 16:08:53 +02:00
#app-mount .clickable__17ccb:active .layout_bb8e67 svg:not(.svg-2azL_l),
#app-mount .clickable__17ccb.selected__9800b .layout_bb8e67 svg:not(.svg-2azL_l) {
2022-09-09 14:31:18 +02:00
filter: drop-shadow(1px 1px var(--textshadow));
}
2023-10-26 16:08:53 +02:00
#app-mount .clickable__17ccb:active .premiumIcon-2IFPOX,
#app-mount .clickable__17ccb.selected__9800b .premiumIcon-2IFPOX {
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-25 16:24:34 +02:00
#app-mount .elevationLow__75cba, #app-mount .elevationLow__2b6de, .lightElevationLow__6c965, .darkElevationLow-2LO4eN {
box-shadow: 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 .elevationHigh__80ea8, #app-mount .elevationHigh__312fd, .lightElevationHigh__1513c, .darkElevationHigh-1BaD2i {
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 .elevationBorderLow__610e6, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow_c9bfa0, .darkElevationBorderLow-34oHrM {
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 1px 5px 0 rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
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-26 16:08:53 +02:00
#app-mount .description-1u9Qui {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
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-26 16:08:53 +02:00
#app-mount .btn__51085.btnPrimary_e2a8df,
#app-mount .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover,
#app-mount .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover,
#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]),
#app-mount .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-26 16:08:53 +02:00
#app-mount .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover svg,
#app-mount .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover svg,
#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]) svg,
#app-mount .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
2022-01-14 19:06:28 +01:00
#app-mount .borderPrimary-1ygM7_ {
2022-06-23 17:35:23 +02:00
border-color: rgb(var(--textdarkest)) !important;
2021-11-03 16:18:23 +01:00
}
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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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
}
2023-10-26 16:08:53 +02:00
#app-mount .textInput-3g8y92 { /* textinput */
2021-11-18 15:50:59 +01:00
background-color: rgba(var(--transparencycolor), .1);
}
2023-10-26 16:08:53 +02:00
#app-mount .textInput-3g8y92 .input_d266e7 {
2021-11-18 15:50:59 +01:00
background: transparent;
}
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
2022-01-11 15:06:27 +01:00
#app-mount .maxLength-IdVNmX {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
2018-10-11 10:21:26 +02:00
}
2021-05-07 17:07:56 +02:00
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-26 16:08:53 +02:00
#app-mount .container__871ba { /* checkboxswitch */
background-color: rgba(var(--transparencycolor), .3) !important;
2019-09-19 12:56:54 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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
2022-01-11 15:32:34 +01:00
#app-mount .checkboxContainer-1NbL2v::before { /* checkbox container */
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--textdarker), .3);
2018-10-11 10:21:26 +02:00
}
2023-01-24 12:19:18 +01:00
#app-mount .checkboxMute-1erNeD::before {
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-26 16:08:53 +02:00
#app-mount .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
}
2019-09-19 12:56:54 +02:00
#app-mount .bubble-3we2di { /* slider bubble */
2021-05-03 16:23:08 +02:00
background-color: rgb(var(--accentcolor));
2021-05-07 17:07:56 +02:00
color: #fff;
text-shadow: 1px 1px var(--textshadow);
2019-03-18 10:22:26 +01:00
}
2020-10-19 10:38:04 +02:00
#app-mount .bubble-3we2di::before {
2021-05-03 16:23:08 +02:00
border-top-color: rgb(var(--accentcolor));
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
#app-mount .container-30qY7E { /* hotkeyinput container */
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .editIcon__29477 { /* hotkeyinput editicon */
2021-04-03 16:55:17 +02:00
-webkit-mask: url(https://discord.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg) center/cover no-repeat;
2021-05-07 17:07:56 +02:00
background: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
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-26 16:08:53 +02:00
#app-mount .select__55f87 [class*="css-"][class*="-container"] { /* select container */
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .lookFilled__3dba3.select__0eb48,
#app-mount .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-26 16:08:53 +02:00
#app-mount .lookFilled__3dba3.select__0eb48:hover {
2021-11-18 15:50:59 +01:00
border-color: rgb(var(--transparencycolor));
}
2023-10-26 16:08:53 +02:00
#app-mount .lookFilled__3dba3.select__0eb48:hover.open_cd27aa,
#app-mount .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-26 16:08:53 +02:00
#app-mount .lookFilled__3dba3.select__0eb48 .searchInput-3pIoTy {
2021-03-20 11:04:08 +01:00
background: transparent;
}
2023-10-26 16:08:53 +02:00
#app-mount .select__55f87 [class*="css-"][class*="-control"]:hover,
#app-mount .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-26 16:08:53 +02:00
#app-mount .select__55f87.languageSelector-1hjSyO [class*="css-"][class*="-control"] {
2021-05-07 17:07:56 +02:00
background-color: rgba(var(--transparencycolor), .3);
}
2023-10-26 16:08:53 +02:00
#app-mount .select__55f87 [class*="css-"][class*="-singleValue"],
#app-mount .select__55f87 [class*="css-"][class*="-placeholder"],
#app-mount .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-26 16:08:53 +02:00
#app-mount .option_be8b2e,
2021-05-15 12:14:13 +02:00
#app-mount .optionNormal-12VR9V,
2023-10-26 16:08:53 +02:00
#app-mount .css-1gfjib6-option,
#app-mount .css-1yz4bi9-option,
#app-mount .css-ru8b0x-option,
#app-mount .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-26 16:08:53 +02:00
#app-mount .option_be8b2e:hover,
2021-05-15 12:14:13 +02:00
#app-mount .optionNormal-12VR9V:hover,
2023-10-26 16:08:53 +02:00
#app-mount .css-pkcurw-option,
#app-mount .css-rzbxvl-option,
#app-mount .css-1qxn4c5-option,
#app-mount .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-26 16:08:53 +02:00
#app-mount .option_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f),
2021-05-15 12:14:13 +02:00
#app-mount .optionActive-KkAdqq,
2023-10-26 16:08:53 +02:00
#app-mount .css-1gxgi19-option,
#app-mount .css-1ba14n5-option,
#app-mount .css-6qzljd-option,
#app-mount .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-26 16:08:53 +02:00
#app-mount .role-3ulsK-:hover {
background-color: rgba(var(--transparencycolor), .2);
2020-09-26 19:23:30 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .popout_a6e77f::-webkit-scrollbar {
2021-03-20 11:04:08 +01:00
display: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .popout_a6e77f,
#app-mount .container-3LUQwT,
#app-mount .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-26 16:08:53 +02:00
#app-mount .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e {
2022-04-06 19:45:54 +02:00
position: relative;
}
2023-10-26 16:08:53 +02:00
#app-mount .popout_a6e77f::before,
#app-mount .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before,
#app-mount .popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::before,
#app-mount .container-3LUQwT::before,
#app-mount .select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before,
#app-mount .popout_a6e77f::after,
#app-mount .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after,
#app-mount .popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::after,
#app-mount .container-3LUQwT::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .popout_a6e77f::before,
#app-mount .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before,
#app-mount .popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::before,
#app-mount .container-3LUQwT::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .popout_a6e77f::after,
#app-mount .popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after,
#app-mount .popout_a6e77f.scrollerBase_dc3aa9 .content-2a4AW9::after,
#app-mount .container-3LUQwT::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .popout_a6e77f.scrollerBase_dc3aa9::before,
#app-mount .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-26 16:08:53 +02:00
#app-mount .container_e4c233, /* searchbar inner */
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .base__92a12[style*="var(--bdfdb-blurple)"], /* numberbadge */
#app-mount .base__92a12[style*="background-color: rgb(88, 101, 242)"],
#app-mount .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-26 16:08:53 +02:00
#app-mount .iconBadge-2wi9r4 { /* iconbadge */
background-color: rgba(var(--transparencycolor), .3);
2019-09-19 12:56:54 +02:00
}
2018-10-11 10:21:26 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.6. ICONS ---- */
2019-09-19 12:56:54 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .emptySearchImage-1qOMLW, /* empty search */
#app-mount .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-26 16:08:53 +02:00
#app-mount .none__51a8f::-webkit-scrollbar-corner,
#app-mount .none__51a8f::-webkit-scrollbar-thumb,
#app-mount .none__51a8f::-webkit-scrollbar-track,
#app-mount .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-26 16:08:53 +02:00
#app-mount .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
}
2023-10-26 16:08:53 +02:00
#app-mount .noticeBrand-3nQBC_ {
2021-05-03 16:23:08 +02:00
text-shadow: 1px 1px var(--textshadow);
2019-12-18 10:55:02 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .noticeBrand-3nQBC_ .button-1MICoQ {
2021-05-03 16:23:08 +02:00
box-shadow: 1px 1px var(--textshadow);
text-shadow: 1px 1px var(--textshadow);
2019-12-18 10:55:02 +01:00
}
2018-10-11 10:21:26 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.9. TOOLTIPS ---- */
2019-09-19 12:56:54 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .headerText-1e7ZU0,
#app-mount .bodyText-3yi6Dj {
2021-05-06 17:50:44 +02:00
color: #fff;
2019-09-19 14:29:45 +02:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tooltip-16UpTB,
2020-12-22 21:58:36 +01:00
#app-mount .tooltip-1_vJJI,
2022-01-11 15:06:27 +01:00
#app-mount .tooltip-14MtrL {
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
2021-05-06 17:50:44 +02:00
color: #fff;
2021-01-15 17:41:39 +01:00
}
2023-03-02 22:53:48 +01:00
#app-mount .tooltipPointer-1KkjI2,
#app-mount .tooltipPointer-1awMxk {
border-right-color: rgb(var(--accentcolor));
}
2021-01-15 17:41:39 +01:00
#app-mount .guildNameText-74xXQn {
2021-05-06 17:50:44 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
2021-02-13 22:10:28 +01:00
#app-mount .muteText-1DPH3L {
2021-05-07 11:45:50 +02:00
color: #bbb;
2021-02-13 22:10:28 +01:00
}
2022-01-11 15:06:27 +01:00
#app-mount .tooltip-16UpTB,
2020-12-22 21:58:36 +01:00
#app-mount .tooltip-1_vJJI,
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-25 16:24:34 +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-26 16:08:53 +02:00
#app-mount .emptyUser_dba665 {
background: rgba(var(--transparencycolor), .5);
2020-03-25 22:40:02 +01:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .bd-select .bd-select-options::before,
#app-mount .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:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .bd-addon-views .bd-view-button:hover {
background-color: rgba(var(--transparencycolor), .3);
2019-02-12 13:21:44 +01:00
}
2020-03-26 09:41:43 +01:00
2023-10-26 16:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .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:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .innerDisabled-2mc-iF ~ .bf-toolbar {
2019-09-19 12:56:54 +02:00
display: none;
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .bf-toolbar.bf-visible::after,
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .bf-toolbar > * {
2019-09-19 12:56:54 +02:00
z-index: 300;
2018-10-11 10:21:26 +02:00
}
2023-10-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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-26 16:08:53 +02:00
#app-mount .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;
}
2021-05-13 21:18:23 +02:00
/* ---- 18.11 BADGESEVERYWHERE ---- */
2021-05-06 17:50:44 +02:00
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) {
2021-05-06 17:50:44 +02:00
background: #fff;
}
2023-10-26 16:08:53 +02:00
#app-mount .badgesChat-f_cbR8 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4),
#app-mount .badgesList-Aw_p52 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4),
#app-mount .badgesSettings-ychoGn .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) {
2021-05-06 17:50:44 +02:00
background: var(--header-secondary);
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeStaff-3BXdTO {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/7cfd90c8062139e4804a1fa59f564731.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgePartner-j6Lwhr {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/a0e288a458c48dfcf548dadc277e42e6.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypesquad-12E2P6 {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/3a050fcc884255231b99b7033c776070.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1-3rBtjf {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/1115767aed344e96a27a12e97718c171.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2-2oU04B {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/d3478c6bd5cee0fc600e55935ddc81aa.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3-1DoJkv {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/2a085ed9c86f3613935a6a8667ba8b89.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1Winner-3wCl80 {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/75f75c3142b8d44ea7052c2bcb9a9043.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2Winner-AS5bXe {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/d4a8fe68fc5f40c8a778f858881a7b84.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3Winner-2CwwQi {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/5dc48a7859a00e7d95ad8382156aab84.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeEarlySupporter-2ng_jL {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/ce15562552e3d70c56d5408cfeed2ffd.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgePremium-1KDZYC {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/379d2b3171722ef8be494231234da5d1.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeVerifiedDeveloper-195KfD {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/785d81fdbedd133e213da693aba98774.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel1-dbEzVz {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/df26f079738a4dcd07cbce6eb3c957f1.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel2-3TUciC {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/16def052b03d75dac0ed9234c5d6a880.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl1-3oI9tx {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl2-r6nJHT {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl3-38s3Dj {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl4-2NXrsI {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl5-3XIa2K {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/a99def5f819c077e5e5061cab741b7e6.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl6-3e3sxW {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/2cfb317f3db3963d8ded9a97ee967bac.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl7-1dVhQT {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/278736f579d810b11ddf308cb598b19e.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl8-1kXdFr {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/38e40f25802a0fdf480d9b855a37a2f3.svg) center/contain no-repeat;
}
2023-10-26 16:08:53 +02:00
#app-mount .inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl9-1d6zav {
2021-05-06 17:50:44 +02:00
-webkit-mask: url(https://discord.com/assets/cfbc2d8ceacfacf07850f986c8165195.svg) center/contain no-repeat;
}
2022-03-24 17:49:33 +01:00
/* ---- 18.12 CHANNELDMS ---- */
2023-10-26 16:08:53 +02:00
#app-mount .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;
2021-06-30 11:56:30 +02:00
}