BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css

7047 lines
256 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 {
2023-11-18 15:51:16 +01:00
--transparencycolor: 0, 0, 0;
2021-05-03 16:23:08 +02:00
--transparencyalpha: 0.15;
--messagetransparency: 0.5;
--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;
2023-11-18 15:51:16 +01:00
--accentcolor: 190, 78, 180;
2023-11-18 15:51:16 +01:00
--settingsicons: 1;
--font: "gg sans", "Noto Sans";
--textshadow: transparent;
2021-05-11 11:28:22 +02:00
2023-11-18 15:51:16 +01:00
--textbrightest: 255, 255, 255;
--textbrighter: 222, 222, 222;
--textbright: 200, 200, 200;
--textdark: 160, 160, 160;
--textdarker: 125, 125, 125;
--textdarkest: 90, 90, 90;
2023-11-18 15:51:16 +01:00
--background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg);
2021-05-03 16:23:08 +02:00
--backgroundposition: center;
2023-11-18 15:51:16 +01:00
--backgroundsize: cover;
2023-11-19 03:43:36 +01:00
--backgroundblur: 0;
2019-09-19 12:56:54 +02:00
2023-11-18 15:51:16 +01:00
--popout: var(--background);
--popoutposition: var(--backgroundposition);
--popoutsize: var(--backgroundsize);
--popoutblur: var(--backgroundblur);
2019-12-18 09:36:29 +01:00
2023-11-18 15:51:16 +01:00
--backdrop: rgba(0, 0, 0, 0.85);
--backdropposition: center;
--backdropsize: cover;
2023-11-19 03:43:36 +01:00
--backdropblur: 0;
2023-11-08 13:39:17 +01:00
2023-11-08 13:45:41 +01:00
--transparencycolor_v: var(--transparencycolor_s, var(--transparencycolor));
--transparencyalpha_v: var(--transparencyalpha_s, var(--transparencyalpha));
--messagetransparency_v: var(--messagetransparency_s, var(--messagetransparency));
2023-11-18 15:51:16 +01:00
--guildchanneltransparency_v: var(--guildchanneltransparency_s, var(--guildchanneltransparency));
2023-11-08 13:45:41 +01:00
--chatinputtransparency_v: var(--chatinputtransparency_s, var(--chatinputtransparency));
--memberlisttransparency_v: var(--memberlisttransparency_s, var(--memberlisttransparency));
2023-11-18 15:51:16 +01:00
--accentcolor_v: var(--accentcolor_s, var(--accentcolor));
2023-11-08 13:39:17 +01:00
2023-11-18 15:51:16 +01:00
--font_v: var(--font_s, var(--font));
--textshadow_v: var(--textshadow_s, var(--textshadow));
--settingsicons_v: var(--settingsicons_s, var(--settingsicons));
2023-11-08 13:39:17 +01:00
2023-11-18 15:51:16 +01:00
--background_v: var(--background_s, var(--background));
2023-11-08 13:45:41 +01:00
--backgroundposition_v: var(--backgroundposition_s, var(--backgroundposition));
2023-11-18 15:51:16 +01:00
--backgroundsize_v: var(--backgroundsize_s, var(--backgroundsize));
2023-11-18 15:52:00 +01:00
--backgroundblur_v: calc(1px * var(--backgroundblur_s, var(--backgroundblur)));
2023-11-08 13:39:17 +01:00
2023-11-18 15:51:16 +01:00
--popout_v: var(--popout_s, var(--popout));
--popoutposition_v: var(--popoutposition_s, var(--popoutposition));
--popoutsize_v: var(--popoutsize_s, var(--popoutsize));
2023-11-18 15:52:00 +01:00
--popoutblur_v: calc(1px * var(--popoutblur_s, var(--popoutblur)));
2023-11-08 13:39:17 +01:00
2023-11-18 15:51:16 +01:00
--backdrop_v: var(--backdrop_s, var(--backdrop));
2023-11-08 13:45:41 +01:00
--backdropposition_v: var(--backdropposition_s, var(--backdropposition));
2023-11-18 15:51:16 +01:00
--backdropsize_v: var(--backdropsize_s, var(--backdropsize));
2023-11-18 15:52:00 +01:00
--backdropblur_v: calc(1px * var(--backdropblur_s, var(--backdropblur)));
2023-11-08 13:39:17 +01:00
2023-11-18 15:51:16 +01:00
--textbrightest_v: var(--textbrightest_s, var(--textbrightest));
--textbrighter_v: var(--textbrighter_s, var(--textbrighter));
--textbright_v: var(--textbright_s, var(--textbright));
--textdark_v: var(--textdark_s, var(--textdark));
--textdarker_v: var(--textdarker_s, var(--textdarker));
--textdarkest_v: var(--textdarkest_s, var(--textdarkest));
2023-11-13 12:43:45 +01:00
2023-11-13 12:41:16 +01:00
2023-11-18 15:51:16 +01:00
--usechatbubbles: calc(var(--messagetransparency_v) / (var(--messagetransparency_v) + 0.00000000000000000000001));
2023-11-13 12:43:45 +01:00
2023-11-18 15:51:16 +01:00
--accentcolor2: var(--accentcolor_v);
--mentioncolor: var(--accentcolor_v);
--linkcolor: var(--accentcolor_v);
2023-11-13 12:41:16 +01:00
2023-11-18 15:51:16 +01:00
--successcolor: 59, 165, 92;
--warningcolor: 250, 166, 26;
--dangercolor: 237, 66, 69;
2019-09-19 12:56:54 +02:00
}
2023-11-13 12:43:45 +01: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;
2023-11-08 13:39:17 +01:00
--header-primary: rgb(var(--textbrightest_v));
--header-secondary: rgb(var(--textbright_v));
--text-normal: rgb(var(--textbrighter_v));
--text-muted: rgb(var(--textdarker_v));
--channels-default: rgb(var(--textdark_v));
--channel-icon: rgb(var(--textdark_v));
--interactive-normal: rgb(var(--textbright_v));
--interactive-hover: rgb(var(--textbrighter_v));
--interactive-active: rgb(var(--textbrightest_v));
--interactive-muted: rgb(var(--textdarkest_v));
--logo-primary: rgb(var(--textbrightest_v));
2024-02-12 17:33:25 +01:00
--focus-primary: rgb(var(--focuscolor, var(--accentcolor_v))) !important;
2023-11-08 13:39:17 +01:00
--modal-background: rgba(var(--transparencycolor_v), .2);
--modal-footer-background: rgba(var(--transparencycolor_v), .2);
2023-09-23 15:30:52 +02:00
--home-background: transparent;
2023-11-08 13:39:17 +01:00
--background-accent: rgba(var(--transparencycolor_v), .1);
--background-primary: rgba(var(--transparencycolor_v), .2);
--background-secondary: rgba(var(--transparencycolor_v), .3);
--background-secondary-alt: rgba(var(--transparencycolor_v), .35);
--background-tertiary: rgba(var(--transparencycolor_v), .4);
--background-floating: rgba(var(--transparencycolor_v), .5);
--background-mobile-primary: rgba(var(--transparencycolor_v), .2);
--background-mobile-secondary: rgba(var(--transparencycolor_v), .3);
--background-modifier-accent: rgba(var(--textbrightest_v),.1);
2022-04-11 11:22:41 +02:00
--background-message-automod: rgba(var(--dangercolor),.05);
--background-message-automod-hover: rgba(var(--dangercolor),.1);
2023-11-08 13:39:17 +01:00
--channeltextarea-background: rgba(var(--transparencycolor_v), .3);
--input-background: rgba(var(--transparencycolor_v), .1);
--elevation-low: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
--elevation-high: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
--font-primary: var(--font_v) !important;
--font-display: var(--font_v) !important;
2019-09-19 21:23:08 +02:00
}
2021-09-28 12:28:25 +02:00
html {
color: var(--header-primary);
}
2019-09-19 12:56:54 +02:00
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
/*
1. TRANSPARENCY
2. BACKGROUND
3. TITLEBAR
4. GUILDLIST
5. CHANNELLIST
1. GUILDHEADER
2. CHANNELS
3. DMCHANNELS
4. ACCOUNT/VOICE/GOLIVE
6. CHAT
1. CHANNELHEADER
2. MESSAGES
1. MESSAGE
2. EMBEDS
3. NITROGIFT
4. INVITE
3. TEXTAREA
4. AUTOCOMPLETEMENU
5. MEMBERLIST
6. SEARCHPAGE
2022-03-30 13:44:48 +02:00
7. CHAT SIDEBAR
2021-07-24 22:12:11 +02:00
8. CALL
9. UNAVAILABLESCREEN
2020-03-26 00:42:57 +01:00
7. PEOPLES
8. STORE/NITRO
9. LIBRARY
2021-09-28 12:28:25 +02:00
10. DISCOVERY/UNIHUB
2020-03-26 00:42:57 +01:00
11. USERSETTINGS
12. GUILDSETTINGS
13. MODALS
2019-09-19 12:56:54 +02:00
1. USERMODAL
2. GUILDADD/CREATION
2023-10-27 15:29:50 +02:00
3. UPLOADMODAL
4. KEYBOARDSHORTCUTSMODAL
5. QUICKSWITCHER
6. INVITEMODAL/GROUPCREATE
7. LOGINSCREEN
8. DOWNLOADAPPMODAL
9. GUILDBOOSTMODAL
10. REACTIONSMODAL
11. GUILDWELCOMEMODAL
12. GUILDRULESMODAL
13. GUILDFEEDBACKMODAL
14. SCREENSHAREMODAL
15. PHONEVERIFICATIONMODAL
16. NOTIFICATIONSMODAL
17. PODIUMSTARTMODAL
2020-03-26 00:42:57 +01:00
14. POPOUTS
2019-09-19 12:56:54 +02:00
1. CONTEXTMENU
2. USERPOPOUT
3. EMOJIPICKER
4. PINS/MENTIONS
5. SEARCHPOPOUT
2019-09-26 10:28:46 +02:00
6. COLORPICKER
2019-10-14 15:57:38 +02:00
7. ADDROLE
2020-01-30 10:22:32 +01:00
8. EVERYONEMENTION
2020-03-25 20:19:24 +01:00
9. CHANNELFOLLOW
10. CHANNELFOLLOWINFO
2020-09-12 17:50:02 +02:00
11. EMOJIINFO
2020-10-06 20:16:58 +02:00
12. STREAMPREVIEW
2021-03-19 23:23:44 +01:00
13. STREAMINFO
14. PUBLICGUILDANNOUNCEMENT
2021-05-06 21:30:35 +02:00
15. RTCSTATUSPOPOUT
16. PHONE-/EMAILVALIDATION
2021-05-07 17:07:56 +02:00
17. QUICKSELECTPOPOUT
2021-05-15 12:30:19 +02:00
18. WARNINGPOPOUT
2021-11-09 17:21:22 +01:00
19. ACTIVETHREADLISTPOPOUT
2022-09-09 14:27:08 +02:00
20. ROLEMEMBERSPOPOUT
2022-11-03 14:51:36 +01:00
21. FORUMFILTERPOPOUT
2023-03-12 09:41:10 +01:00
22. ACTIVITYSHAREPOPOUT
2023-04-14 17:43:45 +02:00
23. SOUNDBOARD
2023-04-19 13:10:29 +02:00
24. SERVERSURVEY
2020-03-26 00:42:57 +01:00
15. GENERAL
2019-09-19 12:56:54 +02:00
1. TEXT
2. BUTTONS
3. INPUTS
4. SEARCHBARS
5. TAGS
2023-10-29 12:11:49 +01:00
6. IMAGES
2019-09-19 12:56:54 +02:00
7. SCROLLBARS
8. NOTIFICATIONBAR
9. TOOLTIPS
2020-03-26 00:42:57 +01:00
16. BDSUPPORT
2021-02-03 13:00:57 +01:00
17. POWERCORDSUPPORT
18. PLUGINSUPPORT
2021-02-03 13:11:47 +01:00
1. BDFDB
2. DATEVIEWER
2021-05-13 21:18:23 +02:00
3. MEMBERCOUNT
4. LINENUMBERS
5. PERMISSIONVIEWER
6. DIRECTDOWNLOAD
7. BETTERFORMATINGREDUX
8. CHANNELHISTORY
9. CHANNELTABS
10. TYPINGINDICATOR
2023-10-27 15:31:51 +02:00
11. CHANNELDMS
2021-02-03 13:00:57 +01:00
19. UPDATENOTICE
20. WATERMARK
2019-09-19 12:56:54 +02:00
*/
/* ~~~~ 1. TRANSPARENCY ~~~~ */
2023-11-18 17:40:58 +01:00
body, /* body */
#app-mount .app_b1f720, /* app container */
2023-11-18 17:05:50 +01:00
#app-mount .app_de4237, /* app inner */
2024-03-28 18:23:28 +01:00
#app-mount .loading__2d13d, /* app i18n loading */
#app-mount .wrapper__77675, /* app errorscreen */
2023-11-18 17:05:50 +01:00
#app-mount .bg__12180, /* app background */
2024-03-28 18:23:28 +01:00
#app-mount .layer_f7d46a, /* layer container */
#app-mount .container_f79ab4, /* layer container */
#app-mount .container__7e23c, /* channels inner */
#app-mount .privateChannels__9b518, /* dmchannels */
#app-mount .directoryContainer__36395, /* server app directory */
2023-11-18 17:05:50 +01:00
#app-mount .panels__58331 > *, /* account/voice inner */
#app-mount .chat__52833, /* chat container */
2024-03-28 18:23:28 +01:00
#app-mount .chatContent_f087cb, /* chat channel */
#app-mount .container_b92032, /* chat forums */
#app-mount .container__03ec9, /* chat search */
#app-mount .container__6b2e5, /* chat search inner */
#app-mount .container__694a1, /* chat thread sidebar */
#app-mount .wrapper__11501, /* chat messages loading */
#app-mount .noChannel__28db0, /* nochannel */
#app-mount .members__573eb, /* members */
#app-mount .members__573eb > div, /* members content */
#app-mount .content_f139b1, /* unavailable */
#app-mount .container_bd15da, /* peoples */
#app-mount .container__3673d, /* peoples activity list */
#app-mount .applicationStore__444b9, /* nitro */
2023-11-18 17:05:50 +01:00
#app-mount .shop_b31ed2, /* shop */
2024-03-28 18:23:28 +01:00
#app-mount .containerSidenav_c2b517, /* family control */
#app-mount .pageWrapper_c182d3, /* guilddiscovery */
#app-mount .pageContainer__853b6, /* unihub */
#app-mount .scrollerBase_f742b2, /* scroller */
#app-mount .standardSidebarView__12528, /* settings */
#app-mount .contentRegion__08eba { /* settings content */
2019-09-19 12:56:54 +02:00
background: transparent;
}
2024-03-28 18:23:28 +01:00
#app-mount .scroller__7c25e { /* peoples activity scroller */
2021-05-13 20:58:14 +02:00
border: none;
}
2024-03-28 18:23:28 +01:00
#app-mount .sidebarRegion__36437, /* settings sidebar */
2023-11-18 17:05:50 +01:00
#app-mount .sidebar__0OpfR { /* sidebarlist sidebar */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(0.2 * (var(--transparencyalpha_v) / (var(--transparencyalpha_v) + 0.00000000000000000000001))));
2020-08-04 12:17:56 +02:00
}
2019-09-24 11:47:20 +02:00
2023-11-18 17:05:50 +01:00
#app-mount { /* app-mount */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .wrapper__216eb { /* guilds container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 2));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .sidebar_e031be { /* channels container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:05:50 +01:00
#app-mount .panels__58331 { /* account/voice container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) / 1.5));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .container__26baa.themed_b152d4 { /* channelheader container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
2019-09-24 11:47:20 +02:00
}
2023-11-18 17:05:50 +01:00
#app-mount .chatHeaderBar__3e137 { /* channelheader sub header */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
2022-03-30 13:44:48 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .membersWrap__5ca6b { /* members container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .nowPlayingColumn_b025fe { /* peoples now playing */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
2020-01-24 18:50:34 +01:00
}
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .image_e0cb48 { /* 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
2023-11-18 17:05:50 +01:00
/* ~~~~ 2. BACKGROUND ~~~~ */
2019-09-19 12:56:54 +02:00
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 {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2021-06-26 16:48:42 +02:00
}
body::after {
2023-11-08 13:39:17 +01:00
backdrop-filter: blur(var(--backgroundblur_v));
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.layer_f7d46a {
2021-09-11 19:35:49 +02:00
z-index: 1000;
}
2024-03-28 18:23:28 +01:00
.container__827e6::before,
.layer_f7d46a ~ .layer_f7d46a::before,
2023-10-27 11:49:32 +02:00
.root__6d24f::before,
2024-03-28 18:23:28 +01:00
.container__827e6::after,
.layer_f7d46a ~ .layer_f7d46a::after,
2023-10-27 11:49:32 +02:00
.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;
}
2024-03-28 18:23:28 +01:00
.container__827e6::before,
.layer_f7d46a ~ .layer_f7d46a::before,
2023-10-27 11:49:32 +02:00
.root__6d24f::before {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2021-07-01 22:49:45 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.container__827e6::after,
.layer_f7d46a ~ .layer_f7d46a::after,
2023-10-27 11:49:32 +02:00
.root__6d24f::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
backdrop-filter: blur(var(--backgroundblur_v));
2021-07-01 22:49:45 +02:00
}
2024-03-28 18:23:28 +01:00
.uploadArea_c7493d,
.backdrop__7b2e0,
.backdrop__1a911 {
2021-06-26 21:00:04 +02:00
background: transparent !important;
opacity: 1 !important;
animation: none !important;
}
2024-03-28 18:23:28 +01:00
.uploadArea_c7493d::before,
.backdrop__7b2e0::before,
.backdrop__1a911::before,
.uploadArea_c7493d::after,
.backdrop__7b2e0::after,
.backdrop__1a911::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
}
2024-03-28 18:23:28 +01:00
.uploadArea_c7493d::before,
.backdrop__7b2e0::before,
.backdrop__1a911::before {
2023-11-08 13:39:17 +01:00
background: var(--backdrop_v) var(--backdropposition_v)/var(--backdropsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.uploadArea_c7493d::after,
.backdrop__7b2e0::after,
.backdrop__1a911::after {
2023-11-08 13:39:17 +01:00
backdrop-filter: blur(var(--backdropblur_v));
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.withLayer__29ace {
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
2023-11-18 17:05:50 +01:00
/* ~~~~ 3. TITLEBAR ~~~~ */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.titleBar__710b0 {
2020-08-26 16:14:26 +02:00
z-index: 5001;
2019-07-24 09:04:50 +02:00
}
2024-03-28 18:23:28 +01:00
.titleBar__710b0::after {
2019-09-19 12:56:54 +02:00
content: "";
pointer-events: none;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(0.1 + var(--guildchanneltransparency_v) * 2));
2019-07-24 09:04:50 +02:00
}
2024-03-28 18:23:28 +01:00
.titleBar__710b0:not(.typeMacOS_cacc59)::after {
2019-09-19 12:56:54 +02:00
height: 22px;
2019-07-25 10:23:06 +02:00
}
2024-03-28 18:23:28 +01:00
.titleBar__710b0.typeMacOS_cacc59::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
}
2024-03-28 18:23:28 +01:00
.titleBar__710b0.typeMacOS_cacc59,
.titleBar__710b0.typeMacOS_cacc59 .macButtons__40068 {
2019-09-19 12:56:54 +02:00
width: 72px;
}
2024-03-28 18:23:28 +01:00
.titleBar__710b0.typeMacOS_cacc59.typeMacOSWithFrame__376b6 .macButtons__40068 {
2019-09-19 12:56:54 +02:00
margin-top: 0;
margin-right: 0;
2019-05-22 10:31:02 +02:00
}
2024-03-28 18:23:28 +01:00
.platform-osx .wrapper__216eb {
2020-08-26 16:14:26 +02:00
margin-top: 0;
padding-top: 32px;
}
2024-03-28 18:23:28 +01:00
.platform-osx .standardSidebarView__12528::before {
2020-08-26 16:14:26 +02:00
left: 72px;
}
2024-03-28 18:23:28 +01:00
.winButtonMinMax_caf9c8:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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
2023-11-18 17:05:50 +01:00
/* ~~~~ 4. GUILDLIST ~~~~ */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .childWrapper_a6ce15 { /* homebutton/acronym innerwrap */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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
}
2024-03-28 18:23:28 +01:00
#app-mount .wrapper__8436d:hover .childWrapper_a6ce15,
#app-mount .wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15 {
2023-07-14 09:56:01 +02:00
background-color: var(--brand-experiment);
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2019-12-18 10:55:02 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .wrapper__8436d rect[fill] {
2023-11-08 13:39:17 +01:00
fill: rgba(var(--transparencycolor_v), .3);
2021-12-09 22:14:47 +01:00
}
2023-11-18 17:05:50 +01:00
#app-mount .noIcon__06e39 { /* acronym minicontainer */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .circleIconButton__05cf2 { /* guildadd/discovery innerwrap */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .circleIconButton__05cf2.selected_aded59 {
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
2024-03-28 18:23:28 +01:00
#app-mount .guildIconUnavailable__69547, /* guilderror miniicon */
#app-mount .guildsError__32e67 { /* guilderror innerwrap */
2021-05-11 11:28:22 +02:00
background-color: rgba(var(--dangercolor)),.3);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .dragInner_d5b34c { /* dragplaceholder */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.wrapper__832f2 { /* folder outerwrap */
2019-09-19 12:56:54 +02:00
margin-bottom: 8px;
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:05:50 +01:00
#app-mount .folder__17546 { /* folder iconwrap */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-03-25 14:13:02 +01:00
}
2023-10-25 16:24:34 +02:00
#app-mount .folder__17546.hover__043de {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.expandedFolderBackground_b1385f { /* folder background */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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;
}
2024-03-28 18:23:28 +01:00
.expandedFolderBackground_b1385f.hover__043de {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2019-05-01 21:21:11 +02:00
}
2024-03-28 18:23:28 +01:00
.wrapper__216eb .wrapper__832f2 [role="group"] { /* folder guildwrap */
2020-12-22 18:09:12 +01:00
margin-bottom: -8px;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.wrapper__216eb .wrapper__832f2 [role="group"] .listItem__48528:last-child {
2019-09-19 12:56:54 +02:00
margin-bottom: 0;
2018-12-26 20:56:57 +01:00
}
2023-11-18 17:05:50 +01:00
.bar_edc096 { /* guild/channelbar inner */
2023-11-08 13:39:17 +01:00
box-shadow: 0 2px 6px rgba(var(--transparencycolor_v), .24);
2019-09-11 21:19:43 +02:00
}
2024-03-28 18:23:28 +01:00
.bar_edc096:not(.mention_dd733a) {
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
}
2024-03-28 18:23:28 +01:00
.bar_edc096:not(.mention_dd733a)::before,
.bar_edc096:not(.mention_dd733a)::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
}
2024-03-28 18:23:28 +01:00
.bar_edc096:not(.mention_dd733a)::before {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.bar_edc096:not(.mention_dd733a)::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
backdrop-filter: blur(var(--backgroundblur_v));
2020-11-24 10:38:02 +01:00
}
2024-03-28 18:23:28 +01:00
.sidebar_e031be .bar_edc096:not(.mention_dd733a)::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 0.85 + 0.1));
2020-11-24 10:38:02 +01:00
}
2024-03-28 18:23:28 +01:00
.wrapper__216eb .bar_edc096:not(.mention_dd733a)::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 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
2023-11-18 17:05:50 +01:00
/* ~~~~ 5. CHANNELLIST ~~~~ */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .sidebar_e031be { /* channels container */
2019-09-19 12:56:54 +02:00
border-radius: 0;
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:05:50 +01:00
/* ---- 5.1. GUILDHEADER ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.container_f41675 .animatedContainer__0e828 { /* banner wrap */
2023-10-27 11:49:32 +02:00
background: none;
box-shadow: none;
}
2024-03-28 18:23:28 +01:00
.bannerImage_c73a57 { /* 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%);
}
2024-03-28 18:23:28 +01:00
.bannerImage_c73a57::before {
2019-09-19 12:56:54 +02:00
display: none;
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.header__77c95, /* header inner */
.searchBar__621ec { /* header searchbar */
2023-11-08 13:39:17 +01:00
box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.searchBar__621ec .searchBarComponent__8f95f { /* header searchbarinner */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.clickable__1383f:not(.hasBanner__04337) .header__77c95:hover,
.selected__987e6:not(.hasBanner__04337) .header__77c95 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:05:50 +01:00
/* ---- 5.2. CHANNELS ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.wrapper__612a5:hover .link_ddbb36 { /* channel content */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.wrapper__612a5:hover .link_ddbb36 [style*="color: var(--text-muted)"] {
2022-09-22 14:41:50 +02:00
color: var(--header-secondary) !important;
}
2024-03-28 18:23:28 +01:00
.modeSelected__473f1 .link_ddbb36,
.modeSelected__473f1:hover .link_ddbb36 {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
2021-05-06 12:41:55 +02:00
}
2024-03-28 18:23:28 +01:00
.modeSelected__473f1 .link_ddbb36 [style*="color: var(--text-muted)"],
.modeSelected__473f1:hover .link_ddbb36 [style*="color: var(--text-muted)"] {
2022-09-22 14:41:50 +02:00
color: var(--header-secondary) !important;
}
2024-03-28 18:23:28 +01:00
.modeSelected__473f1 .link_ddbb36 svg,
.modeSelected__473f1:hover .link_ddbb36 svg {
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2021-05-06 12:41:55 +02:00
}
2018-10-11 10:21:26 +02:00
2024-03-28 18:23:28 +01:00
.icon__67ab4 { /* channel icon */
2021-05-06 12:47:10 +02:00
color: var(--channels-default);
}
2024-03-28 18:23:28 +01:00
.modeMuted_f0a72e .icon__67ab4 {
2021-05-06 12:47:10 +02:00
color: var(--interactive-muted);
}
2024-03-28 18:23:28 +01:00
.modeMuted_f0a72e:hover .icon__67ab4,
.wrapper__612a5:hover .icon__67ab4 {
2021-05-06 12:47:10 +02:00
color: var(--interactive-hover);
}
2024-03-28 18:23:28 +01:00
.modeConnected__52a8f .icon__67ab4,
.modeConnected__52a8f:hover .icon__67ab4,
.modeSelected__473f1 .icon__67ab4,
.modeSelected__473f1:hover .icon__67ab4,
.modeUnread_f74c03 .icon__67ab4,
.modeUnread_f74c03:hover .icon__67ab4,
.modeUnreadImportant__35358 .icon__67ab4,
.modeUnreadImportant__35358:hover .icon__67ab4,
.notInteractive_e31551.modeConnected__52a8f .icon__67ab4,
.notInteractive_e31551.modeSelected__473f1 .icon__67ab4 {
2021-05-06 12:47:10 +02:00
color: var(--interactive-active);
}
2024-03-28 18:23:28 +01:00
.modeConnected__52a8f .subtitle_eb6026, /* channel subtitle */
.modeConnected__52a8f:hover .subtitle_eb6026,
.modeSelected__473f1 .subtitle_eb6026,
.modeSelected__473f1:hover .subtitle_eb6026,
.modeUnread_f74c03 .subtitle_eb6026,
.modeUnread_f74c03:hover .subtitle_eb6026,
.modeUnreadImportant__35358 .subtitle_eb6026,
.modeUnreadImportant__35358:hover .subtitle_eb6026,
.notInteractive_e31551.modeConnected__52a8f .subtitle_eb6026,
.notInteractive_e31551.modeSelected__473f1 .subtitle_eb6026 {
2023-10-27 11:49:32 +02:00
color: var(--interactive-normal);
}
2023-11-18 17:05:50 +01:00
.spine__88e6d { /* channel thread spine */
2023-10-27 11:49:32 +02:00
color: var(--channels-default);
}
2024-03-28 18:23:28 +01:00
.wrapper__71278 { /* voicechat limit */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .15);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.wrapper__71278 .users__65981 {
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.wrapper__71278 .total_c01838 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.wrapper__71278 .total_c01838::after {
2023-11-08 13:39:17 +01:00
border-right-color: rgba(var(--transparencycolor_v), .3);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.listDefault__4e3fa .clickable_a2c5ad:hover .content__3b07e {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .streamPreview__965fa {
2022-07-28 17:25:07 +02:00
position: relative;
background-color: transparent;
color: var(--header-secondary);
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
.streamPreview__965fa::before,
.streamPreview__965fa::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;
}
2024-03-28 18:23:28 +01:00
.streamPreview__965fa::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2022-07-28 17:25:07 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.streamPreview__965fa::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2022-07-28 17:25:07 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .previewContainer__1e0bb {
2022-07-28 17:25:07 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
#app-mount .watchButton__5a93d {
2022-07-28 17:25:07 +02:00
border-color: var(--header-secondary);
color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .watchButton__5a93d:not([disabled]):hover {
2022-07-28 17:25:07 +02:00
border-color: var(--header-primary);
color: var(--header-primary);
}
2023-11-18 17:05:50 +01:00
/* ---- 5.3. DMCHANNELS ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.interactive__0786a:focus-within, /* dmchannel/page inner */
.interactive__0786a:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.selected__37292,
.selected__37292:focus-within,
.selected__37292:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2022-03-31 22:32:15 +02:00
color: var(--header-primary);
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2019-12-18 10:24:01 +01:00
}
2024-03-28 18:23:28 +01:00
.selected__37292 svg:not(.svg_a6bf1c) {
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2022-12-09 14:00:16 +01:00
}
2019-12-19 10:26:15 +01:00
2023-11-18 17:05:50 +01:00
.empty__086ba { /* loadingplaceholders */
2023-11-08 13:39:17 +01:00
fill: rgba(var(--transparencycolor_v), .4);
2019-09-19 14:29:45 +02:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:05:50 +01:00
/* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */
2019-09-19 12:56:54 +02:00
2023-11-18 17:05:50 +01:00
.panels__58331 > *, /* account/voice inner */
2024-03-28 18:23:28 +01:00
.panels__58331 .wrapper_e832ee > * { /* account/voice inner */
2023-03-14 20:29:00 +01:00
background: none;
2019-09-19 12:56:54 +02:00
border: none;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.panels__58331 > *:not(:empty) ~ *:not(:empty) {
2023-11-08 13:39:17 +01:00
border-top: 1px solid rgba(var(--transparencycolor_v), .2);
2019-03-08 21:11:30 +01:00
}
2024-03-28 18:23:28 +01:00
button.button_ae40a4.enabled__214db { /* account/voice panel button */
2019-09-19 12:56:54 +02:00
opacity: 0.7;
}
2024-03-28 18:23:28 +01:00
button.button_ae40a4.enabled__214db:hover {
2019-09-19 12:56:54 +02:00
opacity: 1;
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2019-02-24 10:41:42 +01:00
}
2024-03-28 18:23:28 +01:00
.withTagAsButton_e22174:hover,
.withTagless__058f8:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2022-04-08 11:41:55 +02:00
}
2024-03-28 18:23:28 +01:00
button.button_ae40a4.enabled__214db:hover svg {
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2020-06-01 10:52:07 +02:00
}
2024-03-28 18:23:28 +01:00
.button_b82d53.buttonColor__7bad9 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-06-23 23:31:46 +02:00
}
2024-03-28 18:23:28 +01:00
.button_b82d53.buttonColor__7bad9:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-06-23 23:31:46 +02:00
}
2024-03-28 18:23:28 +01:00
.button_b82d53.buttonColor__7bad9.buttonActive_ae686f,
.button_b82d53.buttonColor__7bad9.buttonActive_ae686f:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
2020-06-23 23:31:46 +02:00
}
2024-03-28 18:23:28 +01:00
.button_b82d53.buttonColor__7bad9.buttonActive_ae686f svg,
.button_b82d53.buttonColor__7bad9.buttonActive_ae686f:hover svg {
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2020-06-23 23:31:46 +02:00
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:05:50 +01:00
/* ~~~~ 6. CHAT ~~~~ */
2019-02-12 12:24:29 +01:00
2024-03-28 18:23:28 +01:00
.chat__52833.threadSidebarOpen__62c31 { /* chat threadsidebar open */
2023-10-27 11:49:32 +02:00
border-radius: 0;
}
2023-11-18 17:05:50 +01:00
.editor_e77931 { /* chat editor */
2023-10-11 13:06:10 +02:00
border: none;
}
2024-03-28 18:23:28 +01:00
#app-mount .background_c54132 .container_c68a2c,
#app-mount .background_c54132 .container__29699,
#app-mount .background_c54132 .container__60371,
#app-mount .background_c54132 .icon_ac2d0d,
#app-mount .background_c54132 .containerCard__95c7a,
#app-mount .background_c54132 .containerCard__95c7a:hover,
#app-mount .background_c54132 .interactiveCard_d92364,
#app-mount .background_c54132 .emptyStateContainer__08276,
#app-mount .background_c54132 .card_d4f6c7,
#app-mount .container_b92032 .mainCard__0ec2c,
#app-mount .container_b92032 .sidebarCard_b6db9d,
#app-mount .container__03ec9 .channelRow__538ef {
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) {
2024-03-28 18:23:28 +01:00
.container__29699,
.container__60371 {
2022-10-11 14:02:10 +02:00
background: none !important;
}
}
2024-03-28 18:23:28 +01:00
#app-mount .background_c54132 .containerCard__95c7a {
2022-10-11 14:02:10 +02:00
border-color: var(--background-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .background_c54132 .container__55cc1:hover,
#app-mount .container_b92032 .pill_f055c3,
#app-mount .container__03ec9 .channelRow__538ef:hover {
2022-10-11 14:02:10 +02:00
background: var(--background-tertiary);
}
2024-03-28 18:23:28 +01:00
.contentPreview__122fc { /* forum list item */
2023-11-08 13:39:17 +01:00
border-color: rgb(var(--transparencycolor_v));
2022-12-14 10:51:20 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .textContentFooter_e03480 { /* forum list item footer */
2023-11-08 13:39:17 +01:00
background: linear-gradient(0deg, rgba(var(--transparencycolor_v), .5), rgba(var(--transparencycolor_v), .1));
2022-12-14 10:51:20 +01:00
}
2024-03-28 18:23:28 +01:00
.container__68e43 {
2022-09-07 11:49:24 +02:00
border-color: var(--background-floating);
}
2024-03-28 18:23:28 +01:00
.divider__4df9f { /* forum fat divider */
2022-09-07 11:49:24 +02:00
background: var(--background-floating);
}
2024-03-28 18:23:28 +01:00
#app-mount .container__7d004.isOpen_d88bb6 { /* forum selected post */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
2022-09-22 14:41:50 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .container__7d004.isOpen_d88bb6 .defaultColor__77578,
#app-mount .container__7d004.isOpen_d88bb6 [style*="color: var(--header-secondary)"] {
2022-09-22 14:41:50 +02:00
color: var(--header-primary) !important;
}
2024-03-28 18:23:28 +01:00
#app-mount .container__7d004.isOpen_d88bb6 .author__185be a,
#app-mount .container__7d004.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
2023-11-18 17:05:50 +01:00
/* ---- 6.1. CHANNELHEADER ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.container__26baa.themed_b152d4 { /* header themedcontainer */
2023-11-08 13:39:17 +01:00
box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.input__723c9:focus { /* header dmchannelinput */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.input__723c9:focus,
.outer_c57160:hover .input__723c9 {
2023-11-08 13:39:17 +01:00
box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor_v), .2);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.children_cde9af::after { /* header topicgradient */
2023-10-27 11:49:32 +02:00
display: none;
}
2024-03-28 18:23:28 +01:00
.akaBadge__27cd4 { /* header aka */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.searchBar__5a20a { /* header searchbar */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-06 12:10:06 +02:00
}
#app-mount .public-DraftEditorPlaceholder-root {
2023-11-08 13:39:17 +01:00
color: rgb(var(--textdarker_v));
}
#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
}
2024-03-28 18:23:28 +01:00
#app-mount .searchFilter_dbda51,
#app-mount .searchAnswer__2ccaf {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:05:50 +01:00
/* ---- 6.2. MESSAGES ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.clickableAction__9e970:hover .action__94060, /* guidancechannel options */
.row__4f559:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.emptyChannelIcon_d45c50 { /* welcomemessage empty channelicon */
2023-11-02 21:41:36 +01:00
position: relative;
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .4);
2023-11-02 21:41:36 +01:00
overflow: hidden;
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.emptyChannelIcon_d45c50::before {
2023-10-29 13:07:45 +01:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--header-primary);
-webkit-mask: url(https://discord.com/assets/1b60cdb56c8c081495ac.svg) center no-repeat;
}
2023-10-27 11:49:32 +02:00
2024-03-28 18:23:28 +01:00
.button_c7b3ea:hover { /* welcomemessage edit channel */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2021-05-06 17:50:44 +02:00
color: var(--interactive-active);
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2021-02-25 12:53:14 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .role__9690d { /* welcomemessage role */
2021-02-25 12:53:14 +01:00
background: transparent;
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrighter_v), .6);
2021-02-25 12:53:14 +01:00
border-radius: 5px;
height: 22px;
padding: 0 5px;
position: relative;
}
2024-03-28 18:23:28 +01:00
#app-mount .role__9690d[style*="border-color: rgba(185, 187, 190, .6)"] {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrighter_v), .6) !important;
2021-02-25 12:53:14 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .role__9690d .roleColor_d561c0 { /* 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;
}
2024-03-28 18:23:28 +01:00
#app-mount .role__9690d:hover .roleColor_d561c0 {
2021-02-25 12:53:14 +01:00
opacity: 0.8;
}
2024-03-28 18:23:28 +01:00
#app-mount .role__9690d .roleColor_d561c0[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
}
2024-03-28 18:23:28 +01:00
.divider__855e3.hasContent_c79a1f { /* divider hascontent */
2021-07-13 02:02:26 +02:00
border-width: calc(1px * (1 - var(--usechatbubbles)));
}
2024-03-28 18:23:28 +01:00
.divider__855e3.hasContent_c79a1f::before {
2021-07-13 02:02:26 +02:00
content: "";
position: absolute;
top: -0.6rem;
bottom: -0.6rem;
right: -0.2rem;
left: 0;
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.5));
2021-07-13 02:02:26 +02:00
border-radius: 5px;
pointer-events: none;
z-index: -1;
2020-01-30 10:22:32 +01:00
}
2024-03-28 18:23:28 +01:00
.content__7191e { /* divider content */
2021-07-13 02:02:26 +02:00
position: absolute;
background-color: transparent;
padding: 2px 8px;
width: unset;
}
2024-03-28 18:23:28 +01:00
.content__7191e::before,
.content__7191e::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;
}
2024-03-28 18:23:28 +01:00
.content__7191e::before {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2021-07-13 02:02:26 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.content__7191e::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
backdrop-filter: blur(var(--backgroundblur_v));
2021-07-13 02:02:26 +02:00
}
2024-03-28 18:23:28 +01:00
.unreadPill__1b4fa { /* divider unreadpill */
2023-10-27 11:49:32 +02:00
border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles));
padding-left: calc(4px * var(--usechatbubbles) + 1px * (1 - var(--usechatbubbles)));
}
2024-03-28 18:23:28 +01:00
.unreadPillCap__44e20 { /* divider unreadpillcap */
2021-07-13 02:02:26 +02:00
opacity: calc(1 - var(--usechatbubbles));
2020-01-30 10:22:32 +01:00
}
2024-03-28 18:23:28 +01:00
.hasMore__8db19:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-23 12:01:10 +02:00
}
2024-03-28 18:23:28 +01:00
.jumpToPresentBar__69174 { /* bar jumptopresent */
2023-11-02 21:35:46 +01:00
bottom: -8px;
2020-11-24 10:38:02 +01:00
background-color: transparent;
2023-11-02 21:35:46 +01:00
border-bottom: 1px solid var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
overflow: hidden;
opacity: 1;
2018-11-02 21:01:04 +01:00
}
2024-03-28 18:23:28 +01:00
.jumpToPresentBar__69174::before,
.jumpToPresentBar__69174::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
}
2024-03-28 18:23:28 +01:00
.jumpToPresentBar__69174::before {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.jumpToPresentBar__69174::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--backgroundblur_v));
2020-11-24 10:38:02 +01:00
}
2024-03-28 18:23:28 +01:00
.messagesWrapper_add28b:has(.jumpToPresentBar__69174) ~ .form_d8a4a1 .channelTextArea_c2094b,
.messagesWrapper_add28b:has(.jumpToPresentBar__69174) ~ .form_d8a4a1 .scrollableContainer_ff917f {
2023-11-02 21:33:41 +01:00
border-top-right-radius: 0;
border-top-left-radius: 0;
}
2018-11-02 21:01:04 +01:00
2023-11-18 17:05:50 +01:00
/* ==== 6.2.1. MESSAGE ==== */
2018-10-11 10:21:26 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .message_ff43e6 { /* message confirm modal */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-02-28 14:40:26 +01:00
box-shadow: none;
}
2024-03-28 18:23:28 +01:00
.message_ccca67, /* message container */
.messagesWrapper_add28b .wrapper_a62503, /* message upload placeholder */
.card_d4f6c7 .wrapper_a62503, /* message home */
.wrapper__6b7d8, /* message loading */
.message__04a5b, /* message mention popout */
.message__15d84, /* message inbox popout */
.message_ff43e6 .wrapper_a62503, /* message settings preview */
.messageGroupCozy__9d016, /* message pin popout */
.message__7e601 .wrapper_a62503 { /* message searchpage */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v)) !important;
2023-10-27 11:49:32 +02:00
contain: unset;
}
2024-03-28 18:23:28 +01:00
.message__7e601 .wrapper_a62503 { /* message searchpage */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8)) !important;
2021-01-09 16:59:29 +01:00
}
2024-03-28 18:23:28 +01:00
.message_ccca67.selected_e3bc5d,
.mouse-mode .message_ccca67:hover,
.mouse-mode.full-motion .message_ccca67:hover,
.mouse-mode .wrapper__6b7d8:hover,
.mouse-mode.full-motion .wrapper__6b7d8:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important;
2020-02-04 14:56:27 +01:00
}
2024-03-28 18:23:28 +01:00
.messageListItem__050f9 > .message_ccca67.groupStart__7b93c {
2023-11-08 12:10:30 +01:00
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
2024-03-28 18:23:28 +01:00
.messageListItem__050f9:has(+ .messageListItem__050f9 > .message_ccca67.groupStart__7b93c) > .message_ccca67,
.messageListItem__050f9:has(+ :not(.messageListItem__050f9)) > .message_ccca67 {
2023-11-08 12:10:30 +01:00
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
2024-03-28 18:23:28 +01:00
.messageListItem__050f9 > .message_ccca67.groupStart__7b93c:before {
2023-11-08 12:10:30 +01:00
top: 2px;
border-top-left-radius: 5px;
}
2024-03-28 18:23:28 +01:00
.messageListItem__050f9:has(+ .messageListItem__050f9 > .message_ccca67.groupStart__7b93c) > .message_ccca67:before,
.messageListItem__050f9:has(+ :not(.messageListItem__050f9)) > .message_ccca67:before {
2023-11-08 12:10:30 +01:00
bottom: 2px;
border-bottom-left-radius: 5px;
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42 .message_ccca67 { /* message jump flash */
2021-05-14 13:04:07 +02:00
position: relative;
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42 .message_ccca67::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
}
2024-03-28 18:23:28 +01:00
.backgroundFlash__28f42 .cozyMessage__9f4fd::before {
2021-05-18 12:02:43 +02:00
left: calc(-80px * var(--usechatbubbles));
}
2024-03-28 18:23:28 +01:00
.message_ccca67.ephemeral_eb5d84, /* message localbot */
.message_ccca67.replying__38514, /* message replying */
.message_ccca67.highlighted_fc800f { /* message highlighted */
2023-11-08 13:39:17 +01:00
background-image: linear-gradient(rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))));
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.message_ccca67.mentioned_fa6fd2 { /* message mentioned */
2023-11-08 13:39:17 +01:00
background-image: linear-gradient(rgba(var(--mentioncolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))));
2020-01-30 10:22:32 +01:00
}
2024-03-28 18:23:28 +01:00
.message_ccca67.automodMessage__43f24 { /* message automodMessage */
2023-11-08 12:10:30 +01:00
background-image: linear-gradient(rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles)))));
}
2024-03-28 18:23:28 +01:00
.message_ccca67.mentioned_fa6fd2:before,
.message_ccca67.ephemeral_eb5d84:before,
.message_ccca67.automodMessage__43f24:before,
.message_ccca67.replying__38514:before,
.message_ccca67.highlighted_fc800f:before {
2023-11-08 12:10:30 +01:00
}
2024-03-28 18:23:28 +01:00
.message_ccca67.ephemeral_eb5d84::before,
.message_ccca67.replying__38514::before,
.message_ccca67.highlighted_fc800f::before {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-01-30 10:22:32 +01:00
}
2024-03-28 18:23:28 +01:00
.message_ccca67.mentioned_fa6fd2::before {
2021-06-30 11:56:30 +02:00
background-color: rgb(var(--mentioncolor));
}
2024-03-28 18:23:28 +01:00
.message_ccca67.automodMessage__43f24::before {
2023-11-08 12:10:30 +01:00
background-color: rgb(var(--dangercolor));
}
2024-03-28 18:23:28 +01:00
.message_ccca67.mentioned_fa6fd2 .contents_d3ae0d .messageContent_abea64 {
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-11-18 17:05:50 +01: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
}
2024-03-28 18:23:28 +01:00
#app-mount .messageItemBody__8fd54.hasReply__602e2 .avatar__08316,
#app-mount .repliedMessage__636d2 ~ * .avatar__08316 {
2020-10-27 15:46:46 +01:00
top: 24px;
}
2024-03-28 18:23:28 +01:00
#app-mount .avatarDecoration__8a0c2 { /* 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));
}
2024-03-28 18:23:28 +01:00
#app-mount .messageItemBody__8fd54.hasReply__602e2 .avatarDecoration__8a0c2,
#app-mount .repliedMessage__636d2 ~ * .avatarDecoration__8a0c2 {
2022-12-21 17:12:39 +01:00
top: 24px;
}
2021-02-06 18:21:44 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .replyBadge__37a84 { /* message reply badge */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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;
}
2024-03-28 18:23:28 +01:00
#app-mount .compact_eda3c8 .spine_d081ec {
2021-02-06 18:21:44 +01:00
right: 0;
}
2024-03-28 18:23:28 +01:00
#app-mount .repliedMessage__636d2::before, /* message reply spine */
#app-mount .repliedMessage__636d2::after,
2023-11-18 17:05:50 +01:00
#app-mount .spine_d081ec::before, /* message command spine */
2023-10-26 15:45:11 +02:00
#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);
}
2024-03-28 18:23:28 +01:00
#app-mount .repliedMessage__636d2::before,
#app-mount .repliedMessage__636d2::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;
}
2024-03-28 18:23:28 +01:00
#app-mount .compact_eda3c8 .repliedMessage__636d2::before,
#app-mount .compact_eda3c8 .repliedMessage__636d2::after,
#app-mount .compact_eda3c8 .spine_d081ec::before,
#app-mount .compact_eda3c8 .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
}
2024-03-28 18:23:28 +01:00
#app-mount .repliedMessage__636d2::before,
2023-10-26 15:45:11 +02:00
#app-mount .spine_d081ec::before {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles))));
2021-01-15 18:59:45 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .repliedMessage__636d2::after,
2023-10-26 15:45:11 +02:00
#app-mount .spine_d081ec::after {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles)));
2021-01-15 18:59:45 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .compact_eda3c8 .repliedMessage__636d2::before,
#app-mount .compact_eda3c8 .spine_d081ec::before {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrighter_v), .3);
2021-01-15 18:59:45 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .compact_eda3c8 .repliedMessage__636d2::after,
#app-mount .compact_eda3c8 .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
2024-03-28 18:23:28 +01:00
#app-mount .cozy_f5c119.hasThread__44ae4::before, /* message thread spine */
#app-mount .cozy_f5c119.hasThread__44ae4::after,
#app-mount .compact_eda3c8.hasThread__44ae4::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;
}
2024-03-28 18:23:28 +01:00
#app-mount .cozy_f5c119.hasThread__44ae4::before {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles))));
2021-07-28 16:58:08 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .cozy_f5c119.hasThread__44ae4::after {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles)));
2021-08-17 19:25:53 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .message_ccca67.mentioned_fa6fd2.hasThread__44ae4::before {
2021-08-17 19:25:53 +02:00
background-color: transparent;
2021-07-28 16:58:08 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .compact_eda3c8.hasThread__44ae4::after {
2021-07-28 16:58:08 +02:00
left: calc(var(--avatar-size) + 11px);
width: calc(var(--avatar-size) - 13px);
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrighter_v), .3);
2021-07-28 16:58:08 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .compact_eda3c8.hasThread__44ae4 .contents_d3ae0d::before {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrighter_v), .3);
2021-07-28 16:58:08 +02:00
}
2023-10-27 11:49:32 +02:00
.spine_d081ec {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrighter_v), .3);
2021-07-28 16:58:08 +02:00
}
2024-03-28 18:23:28 +01:00
.hasThread__44ae4 .spine_d081ec {
2021-07-28 16:58:08 +02:00
display: none;
}
2024-03-28 18:23:28 +01:00
.cozy_f5c119 .header__6a14d::after, /* message container header */
.cozy__32560 .header__115b5::after { /* message loading header */
2020-02-28 18:22:36 +01:00
content: "";
position: absolute;
top: 12px;
left: -32px;
border: 10px solid transparent;
2023-11-08 13:39:17 +01:00
border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v));
2020-02-28 18:22:36 +01:00
}
2024-03-28 18:23:28 +01:00
.messageGroupWrapper__1fce2 .messageGroupCozy__9d016 .header__6a14d::after {
2020-02-28 18:22:36 +01:00
top: 2px;
}
2024-03-28 18:23:28 +01:00
.message__7e601 .wrapper_a62503 .header__6a14d::after {
2023-11-08 13:39:17 +01:00
border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8));
2021-01-09 16:59:29 +01:00
}
2024-03-28 18:23:28 +01:00
.cozy_f5c119 .timestamp_c79dd2.alt__6c563 {
2021-05-03 16:23:08 +02:00
left: calc(-78px * var(--usechatbubbles));
2020-02-29 19:24:14 +01:00
}
2024-03-28 18:23:28 +01:00
.cozy_f5c119 .iconContainer_d0200f {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v));
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
}
2024-03-28 18:23:28 +01:00
.cozy_f5c119 .blockedSystemMessage_d1b25e .iconContainer_d0200f {
2020-04-11 18:28:22 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.cozy_f5c119 .iconContainer_d0200f::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;
2023-11-08 13:39:17 +01:00
border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v));
2020-01-30 16:26:17 +01:00
}
2024-03-28 18:23:28 +01:00
.cozy_f5c119 .blockedSystemMessage_d1b25e .iconContainer_d0200f::after {
2020-04-11 18:28:22 +02:00
display: none;
}
2024-03-28 18:23:28 +01:00
.selected_e3bc5d.message_ccca67.cozy_f5c119 .header__6a14d::after,
.mouse-mode .message_ccca67.cozy_f5c119:hover .header__6a14d::after,
.mouse-mode.full-motion .message_ccca67.cozy_f5c119:hover .header__6a14d::after,
.mouse-mode .wrapper__6b7d8.cozy__32560:hover .header__115b5::after,
.mouse-mode.full-motion .wrapper__6b7d8.cozy__32560:hover .header__115b5::after,
.selected_e3bc5d.message_ccca67.cozy_f5c119 .iconContainer_d0200f::after,
.mouse-mode .message_ccca67.cozy_f5c119:hover .iconContainer_d0200f::after,
.mouse-mode.full-motion .message_ccca67.cozy_f5c119:hover .iconContainer_d0200f::after {
2023-11-08 13:39:17 +01:00
border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2));
2020-01-30 10:22:32 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .mentioned_fa6fd2.cozy_f5c119 .header__6a14d::after {
2023-11-08 13:39:17 +01:00
border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
2021-08-11 12:09:14 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .ephemeral_eb5d84.cozy_f5c119 .header__6a14d::after,
#app-mount .replying__38514.cozy_f5c119 .header__6a14d::after,
#app-mount .highlighted_fc800f.cozy_f5c119 .header__6a14d::after {
2023-11-08 13:39:17 +01:00
border-right-color: rgba(var(--accentcolor_v), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
2020-01-30 10:22:32 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .automodMessage__43f24.cozy_f5c119 .header__6a14d::after {
2023-11-08 13:39:17 +01:00
border-right-color: rgba(var(--dangercolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
2023-11-08 12:10:30 +01:00
}
2024-03-28 18:23:28 +01:00
.message__04a5b,
.message__15d84,
.zalgo__39311 .messageContent_abea64,
.zalgo__39311.cozy_f5c119 .header__6a14d,
.wrapper__6b7d8,
.cozy__32560 .header__115b5 {
2020-02-06 16:11:15 +01:00
overflow: visible;
2020-01-30 10:22:32 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .cozyMessage__9f4fd, /* message container cozy */
#app-mount .messagesWrapper_add28b .cozy_f5c119, /* message upload placeholder cozy */
2023-11-18 17:25:14 +01:00
#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
}
2024-03-28 18:23:28 +01:00
#app-mount .wrapper_a62503[data-list-item-id*="Uploader"] {
2021-06-11 21:31:51 +02:00
margin-top: 1rem;
}
2024-03-28 18:23:28 +01:00
#app-mount .compact__54d19 { /* message loading compact */
2020-08-15 08:49:36 +02:00
margin-top: .0625rem;
}
2024-03-28 18:23:28 +01:00
#app-mount .cozy_f5c119 .header__6a14d,
#app-mount .cozy_f5c119 .messageContent_abea64,
#app-mount .cozy__32560 .header__115b5 {
2020-02-29 19:24:14 +01:00
margin-left: 0;
padding-left: 0;
}
2024-03-28 18:23:28 +01:00
.messageContainer_cb3d47 .wrapper_a62503,
.messages__1aaa1 .wrapper_a62503,
.message_ff43e6 .wrapper_a62503,
.messageGroupWrapper__1fce2 .messageGroupCozy__9d016,
.message__7e601 .wrapper_a62503 {
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
}
2024-03-28 18:23:28 +01:00
.messages__1aaa1 .wrapper_a62503 {
2020-05-08 11:01:32 +02:00
border-radius: 0;
}
2020-01-30 13:58:17 +01:00
2024-03-28 18:23:28 +01:00
.interactiveCard_d92364.selected__142a3, .interactiveCard_d92364:active, /* message home message */
.interactiveCard_d92364:hover {
2022-07-09 23:34:51 +02:00
border-color: var(--background-secondary);
}
2024-03-28 18:23:28 +01:00
.feedItemHeader_ec3bdb {
2022-07-09 23:34:51 +02:00
border-color: var(--background-primary);
}
2024-03-28 18:23:28 +01:00
.interactiveCard_d92364.selected__142a3, .interactiveCard_d92364:active .feedItemHeader_ec3bdb,
.interactiveCard_d92364:hover .feedItemHeader_ec3bdb {
2022-07-09 23:34:51 +02:00
border-color: var(--background-secondary);
}
2024-03-28 18:23:28 +01:00
.wrapper_c899da { /* message loading wrapper */
2023-10-27 16:21:59 +02:00
background: transparent;
}
2023-11-18 17:25:14 +01:00
.avatar_eb6eba { /* message loading avatar */
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .4);
2023-10-27 11:49:32 +02:00
opacity: 1 !important;
}
2024-03-28 18:23:28 +01:00
.attachment_d24cc3, /* message loading attachment */
2023-11-18 17:25:14 +01:00
.blob__8d5bd { /* message loading blob */
2023-11-08 13:39:17 +01:00
background: rgb(var(--accentcolor_v));
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.expanded_d275c4 { /* message expanded blocked */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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
}
2024-03-28 18:23:28 +01:00
#app-mount .reaction__4a43f { /* message reaction */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-12 12:59:29 +02:00
border: none;
}
2024-03-28 18:23:28 +01:00
#app-mount .reaction__4a43f:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2023-10-27 15:48:43 +02:00
border: none;
2021-05-12 12:59:29 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .reaction__4a43f.reactionMe__0fffc {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--accentcolor_v), .8);
2023-10-27 15:48:43 +02:00
border: none;
2021-05-12 12:59:29 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .reaction__4a43f.reactionMe__0fffc:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2023-10-27 15:48:43 +02:00
border: none;
2021-05-12 12:59:29 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .reaction__4a43f.reactionMe__0fffc .reactionCount__2c34d {
2021-05-12 12:59:29 +02:00
color: #FFF;
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2021-05-12 12:59:29 +02:00
}
2020-01-30 13:58:17 +01:00
2024-03-28 18:23:28 +01:00
.wrapper__4e6b6 { /* 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
}
2024-03-28 18:23:28 +01:00
.wrapper__4e6b6::before,
.wrapper__4e6b6::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;
}
2024-03-28 18:23:28 +01:00
.wrapper__4e6b6::before {
2023-11-08 13:39:17 +01:00
background: var(--backgound) var(--backgoundposition)/var(--backgroundsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.wrapper__4e6b6::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--backgroundblur_v));
2021-06-26 17:05:43 +02:00
}
2024-03-28 18:23:28 +01:00
.button_d4bf9b:hover,
.button_d4bf9b.selected__74fee {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-02-04 13:50:31 +01:00
}
2024-03-28 18:23:28 +01:00
.bumpBox_b41ccc { /* messageelement publish box */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2023-10-27 11:49:32 +02:00
}
2023-11-18 17:25:14 +01:00
.markup_a7e664 code { /* messageelement code */
2023-10-27 11:49:32 +02:00
background-color: transparent;
border-color: transparent;
}
2023-11-18 17:25:14 +01:00
.markup_a7e664 pre { /* messageelement pre */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
border-color: rgba(var(--transparencycolor_v), .1);
2023-10-27 11:49:32 +02:00
}
2023-11-18 17:25:14 +01:00
.markup_a7e664 .inline, /* messageelement inline */
2024-03-28 18:23:28 +01:00
.after_inlineCode__59586,
.before_inlineCode__48f7c,
.inlineCode__0cacf {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.textContainer__65f57 { /* messageelement plain file text */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
border-color: rgba(var(--transparencycolor_v), .1);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.footer__90194 { /* messageelement plain file footer */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
border-color: rgba(var(--transparencycolor_v), .1);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.languageSelector__4840c { /* messageelement plain file popout */
2021-03-20 12:38:54 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
border: 1px solid rgba(var(--transparencycolor_v), .3);
2021-03-20 12:38:54 +01:00
border-radius: 5px;
2023-11-08 13:39:17 +01:00
box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3);
2021-03-20 12:38:54 +01:00
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
.languageSelector__4840c::before,
.languageSelector__4840c::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;
}
2024-03-28 18:23:28 +01:00
.languageSelector__4840c::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.languageSelector__4840c::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2021-03-20 12:38:54 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .spoilerContent__383f3 { /* messageelement spoiler */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-02-04 13:50:31 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .spoilerContent__383f3.hidden_f44e41 { /* messageelement hiddenspoiler */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .6);
2020-02-04 13:50:31 +01:00
}
2024-03-28 18:23:28 +01:00
.icon__467d5[style*="/assets/7ed159b6acb6da5d9593.svg"] { /* systemmessage pinicon */
2023-10-29 13:07:45 +01:00
-webkit-mask: url(https://discord.com/assets/7ed159b6acb6da5d9593.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
}
2024-03-28 18:23:28 +01:00
.icon__467d5[style*="/assets/a1d461025204711133ec.svg"] { /* systemmessage missedcall */
2023-10-29 13:07:45 +01:00
-webkit-mask: url(https://discord.com/assets/a1d461025204711133ec.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
}
2024-03-28 18:23:28 +01:00
.icon__467d5[style*="/assets/7378a83d74ce97d83380.svg"] { /* systemmessage joingroupicon */
2023-10-29 13:07:45 +01:00
-webkit-mask: url(https://discord.com/assets/7378a83d74ce97d83380.svg) center/cover no-repeat;
2023-11-08 13:39:17 +01:00
background: rgb(var(--accentcolor_v)) !important;
2020-02-04 13:50:31 +01:00
}
2024-03-28 18:23:28 +01:00
.icon__467d5[style*="/assets/9f3b9c1b6e5f77294951.svg"] { /* systemmessage recievecallicon */
2023-10-29 13:07:45 +01:00
-webkit-mask: url(https://discord.com/assets/9f3b9c1b6e5f77294951.svg) center/cover no-repeat;
2023-11-08 13:39:17 +01:00
background: rgb(var(--accentcolor_v)) !important;
2020-02-04 13:50:31 +01:00
}
2023-11-18 17:25:14 +01:00
/* ==== 6.2.2. EMBEDS ==== */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .embedFull__14919 { /* embed wrapper */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
border-left-color: rgb(var(--textdarkest_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .attachment__06ca3 { /* attachment container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
border-color: rgba(var(--transparencycolor_v), .1);
2020-03-26 00:42:57 +01:00
margin-left: 18px;
}
2024-03-28 18:23:28 +01:00
#app-mount .message_ccca67 .attachment__06ca3 {
2020-03-26 00:42:57 +01:00
margin-left: 0;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .twitchSectionPlayButton_c460f6 {
2020-12-26 18:33:33 +01:00
object-position: -999999px -999999px;
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .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
}
2024-03-28 18:23:28 +01:00
#app-mount .twitchSectionPlayButton_c460f6:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .8);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .wrapper_f09ac7 { /* attachment videowrapper */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-27 09:16:56 +02:00
}
2023-11-18 17:25:14 +01:00
/* ==== 6.2.3. NITROGIFT ==== */
2019-09-19 12:56:54 +02:00
2023-11-18 17:25:14 +01:00
#app-mount .tile_ebc93b { /* gift container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: 0 0 0 rgba(var(--transparencycolor_v), .15);
}
2023-10-25 16:24:34 +02:00
#app-mount .tile_ebc93b:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .title__2c78e { /* gift title */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .description__7d5ad { /* gift description */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .tagline__9d19f { /* gift tagline */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ==== 6.2.4. INVITE ==== */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .wrapper__8a5dd { /* invite container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
border-color: rgba(var(--transparencycolor_v), .1);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .guildIconImage_c1aa48 { /* invite icon */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-05-06 09:40:58 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .guildIconExpired__67d9b { /* erroricon expiredguild */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
opacity: 0.7;
}
2024-03-28 18:23:28 +01:00
#app-mount .guildName__22ec8 { /* invite name */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .guildDetail_d421fa { /* invite details */
2021-05-06 17:50:44 +02:00
color: var(--channels-default);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .invite__2a93b { /* invite group invite */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
border-color: rgba(var(--transparencycolor_v), .1);
2020-11-23 18:23:44 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .artworkSpotifySessionEnded_c0cf09 {
2023-10-29 13:07:45 +01:00
background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .header__1c712 {
2023-11-08 13:39:17 +01:00
color: rgb(var(--textdarker_v));
2020-11-23 18:23:44 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .name__14833,
#app-mount .partyStatus__12fc2 {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-11-23 18:23:44 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .moreUsers__4af66 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2020-11-23 18:23:44 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .partyMemberEmpty__01e36 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
}
2024-03-28 18:23:28 +01:00
#app-mount .helpIcon_dbf835 {
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
2023-11-18 17:25:14 +01:00
/* ---- 6.3. TEXTAREA ---- */
2020-02-04 14:11:57 +01:00
2024-03-28 18:23:28 +01:00
.form_d8a4a1 {
2020-08-03 20:16:10 +02:00
padding-top: 0;
margin-top: 0;
2020-02-04 14:11:57 +01:00
}
2024-03-28 18:23:28 +01:00
.form_d8a4a1 { /* textarea form */
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), var(--chatinputtransparency_v));
2021-05-29 11:57:30 +02:00
margin-top: 0;
padding-top: 8px;
2023-11-08 13:39:17 +01:00
border-top-right-radius: calc(8px * (1 - (var(--memberlisttransparency_v) / (var(--memberlisttransparency_v) + 0.00000000000000000000001))));
border-top-left-radius: calc(8px * (1 - (var(--guildchanneltransparency_v) / (var(--guildchanneltransparency_v) + 0.00000000000000000000001))));
2021-05-29 11:57:30 +02:00
}
2024-03-28 18:23:28 +01:00
.threadSidebarOpen__62c31 .form_d8a4a1 {
2021-07-24 22:12:11 +02:00
border-top-right-radius: 8px;
}
2024-03-28 18:23:28 +01:00
.form_d8a4a1::before {
2020-08-03 20:16:10 +02:00
display: none;
2020-02-04 13:14:34 +01:00
}
2024-03-28 18:23:28 +01:00
.channelTextArea_c2094b { /* 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
}
2024-03-28 18:23:28 +01:00
.attachedBars_c1606a { /* textarea reply */
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .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
}
2024-03-28 18:23:28 +01:00
.replyBar_ed6afc,
.threadSuggestionBar__717a3 {
2023-10-27 17:06:27 +02:00
background: transparent;
}
2020-10-27 15:46:46 +01:00
2024-03-28 18:23:28 +01:00
.scrollableContainer_ff917f { /* textarea container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2023-10-27 11:49:32 +02:00
}
2023-11-18 17:25:14 +01:00
.sprite__294b3 { /* textarea emojibutton */
2023-10-27 11:49:32 +02:00
transform: none !important;
}
2024-03-28 18:23:28 +01:00
.wrapper__57349 { /* textarea placeholder */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.toolbar__894c6 { /* textarea formattoolbar */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-01-15 10:56:58 +01:00
}
2024-03-28 18:23:28 +01:00
.toolbar__894c6::before {
2023-11-08 13:39:17 +01:00
border-top-color: rgb(var(--accentcolor_v));
2020-01-15 10:56:58 +01:00
}
2024-03-28 18:23:28 +01:00
.divider_d6bbe2 { /* textarea formattoolbar divider */
2023-10-27 11:49:32 +02:00
border-left-color: hsla(0, 0%,100%, .1);
}
2023-11-18 17:25:14 +01:00
.active__05fbc, /* textarea buttonactive */
.hover_d0ebf2:hover { /* textarea buttonhover */
2023-10-27 11:49:32 +02:00
background-color: hsla(0, 0%, 100%, .2);
}
2024-03-28 18:23:28 +01:00
.icon__2c9bf { /* textarea buttonicon */
color: #fff;
opacity: .7;
2020-01-15 10:56:58 +01:00
}
2024-03-28 18:23:28 +01:00
.active__05fbc .icon__2c9bf,
.hover_d0ebf2:hover .icon__2c9bf {
color: #fff;
opacity: 1;
2020-01-15 10:56:58 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .optionPill__618f2 { /* textarea command query pill */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2020-12-17 20:26:16 +01:00
border-radius: 5px;
}
2024-03-28 18:23:28 +01:00
#app-mount .optionPillKey__0d1a4 { /* textarea command query pill key */
2023-10-26 15:45:11 +02:00
background-color: transparent;
}
2020-12-17 20:26:16 +01:00
2023-11-18 17:25:14 +01:00
/* ---- 6.4. AUTOCOMPLETEMENU ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .autocomplete__743a5 { /* autocomplete container */
2020-11-12 19:09:40 +01:00
background-color: transparent;
2019-09-19 12:56:54 +02:00
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
#app-mount .autocomplete__743a5::before,
#app-mount .autocomplete__743a5::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;
}
2024-03-28 18:23:28 +01:00
#app-mount .autocomplete__743a5::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
#app-mount .autocomplete__743a5::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-12 19:09:27 +01:00
}
2024-03-28 18:23:28 +01:00
.theme-brand .autocomplete__743a5 {
2023-11-08 13:39:17 +01:00
background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.theme-brand .autocomplete__743a5::before,
.theme-brand .autocomplete__743a5::after {
2019-09-19 12:56:54 +02:00
display: none;
}
2023-11-18 17:25:14 +01:00
#app-mount .bar__8f42e { /* autocomplete command info */
2020-12-17 20:17:07 +01:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
#app-mount .container_b1d738::after {
2023-11-08 13:39:17 +01:00
box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .header_def8e2 { /* autocomplete header */
2023-11-08 13:39:17 +01:00
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .2), 0 1px 2px 0 rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-27 16:21:59 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .option__2b069 { /* autocomplete option */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2023-11-08 12:11:58 +01:00
}
2024-03-28 18:23:28 +01:00
.clickable__0b25f[aria-selected=true] > .base__87e58, /* autocomplete rowselected */
.clickable__0b25f[aria-disabled=false] > .base__87e58:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-12-17 20:12:57 +01:00
}
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .wrapper__35c78 { /* autocomplete categories */
2020-12-17 20:12:57 +01:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
#app-mount .selected__46356, /* autocomplete category selected */
#app-mount .selected__46356:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-12-17 20:12:57 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .selected__46356 svg {
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2021-05-06 13:23:51 +02:00
}
2020-12-17 20:12:57 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .searchSuggestion__0c434:hover { /* gifpicker suggestions */
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2020-05-06 08:28:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .placeholder__99206 { /* gifpicker result placeholder */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-05-06 08:28:56 +02:00
}
2023-11-18 17:25:14 +01:00
/* ---- 6.5. MEMBERLIST ---- */
2019-09-19 12:56:54 +02:00
2023-11-18 17:25:14 +01:00
.member_b44d5d { /* member */
2023-10-27 11:49:32 +02:00
background: transparent;
}
2023-11-18 17:25:14 +01:00
.avatar__991e2::before { /* emptyavatar */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.memberGroupsPlaceholder__50708, /* loadingplaceholders */
.placeholderAvatar__0282d,
.placeholderUsername__3d5c9 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ---- 6.6. SEARCHPAGE ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.searchResultsWrap__2e184 { /* searchpage container */
2023-10-27 11:49:32 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.searchHeader__4d70e, /* searchpage header */
.searchHeader__4d70e ~ .container__6a77d { /* searchpage pagination (BSP) */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
2023-10-27 11:49:32 +02:00
border-radius: 0 0 0 8px;
}
2024-03-28 18:23:28 +01:00
.searchResult__00093 { /* searchpage searchresult */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.button_ef08e7 { /* searchpage jumpbutton */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-05-23 16:09:35 +02:00
}
2024-03-28 18:23:28 +01:00
.button_ef08e7:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
2020-05-23 16:09:35 +02:00
}
2024-03-28 18:23:28 +01:00
.pageButton_bf9853:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-05-23 16:09:35 +02:00
}
2024-03-28 18:23:28 +01:00
.activeButton__70b70 {
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ---- 6.7. CHAT SIDEBAR ---- */
2021-07-24 22:12:11 +02:00
2024-03-28 18:23:28 +01:00
.container__694a1 { /* chat sidebar */
2022-03-30 13:44:48 +02:00
border-radius: 0;
}
2024-03-28 18:23:28 +01:00
.container__694a1.floating__8f631::before,
.container__694a1.floating__8f631::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
}
2024-03-28 18:23:28 +01:00
.container__694a1.floating__8f631::before {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2022-03-30 13:44:48 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.container__694a1.floating__8f631::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
backdrop-filter: blur(var(--backgroundblur_v));
2022-03-30 13:44:48 +02:00
}
2024-03-28 18:23:28 +01:00
.chatTarget_f14a03.notFloating__20d50 ~ .container__694a1 {
2022-03-30 13:44:48 +02:00
overflow: visible;
2021-07-24 22:12:11 +02:00
}
2024-03-28 18:23:28 +01:00
.chatTarget_f14a03.notFloating__20d50 ~ .container__694a1 .container__26baa.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;
}
2024-03-28 18:23:28 +01:00
.chatTarget_f14a03.notFloating__20d50 ~ .container__694a1 .container__26baa.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
}
2023-11-18 17:25:14 +01:00
/* ---- 6.8. CALL ---- */
2019-09-20 18:51:34 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .wrapper__9a9e4 {
2021-10-01 16:44:00 +02:00
z-index: 1002;
}
2023-11-18 17:25:14 +01:00
#app-mount .root__46d4f { /* popout inner */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2019-09-20 18:51:34 +02:00
border: none;
}
2023-10-27 11:49:32 +02:00
.root__46d4f::before,
.root__46d4f::after {
2019-09-20 18:51:34 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2023-10-27 11:49:32 +02:00
.root__46d4f::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.root__46d4f::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2019-09-20 18:51:34 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .wrapper__6bf2d { /* call voice wrapper */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
2019-09-20 18:51:34 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .callContainer__1477d { /* call voice wrapper inner */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc((1 - (var(--guildchanneltransparency_v) * 0.8)) * 0.8));
2023-03-14 20:29:00 +01:00
}
2023-11-18 17:25:14 +01: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
}
2024-03-28 18:23:28 +01:00
.videoWrapper__3ffda { /* call video wrapper */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.video__3237a { /* call video */
2023-10-27 11:49:32 +02:00
background-color: transparent;
}
2023-11-18 17:25:14 +01:00
.tile_a411a4, /* call user video voicechannel */
.tile_f5f57f { /* call user video dm */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.gradientContainer_cdada6 { /* call gradientcontainer */
2023-10-27 11:49:32 +02:00
display: none;
}
2024-03-28 18:23:28 +01:00
.participantsButton__11fa3 { /* call participantsbutton */
background-color: rgba(0, 0, 0, .3);
2020-06-23 23:24:55 +02:00
}
2024-03-28 18:23:28 +01:00
.participantsButton__11fa3:hover {
background-color: rgba(0, 0, 0, .6);
2020-06-23 23:24:55 +02:00
}
2024-03-28 18:23:28 +01:00
.centerButton__8316e,
.colorable__4f530.primaryDark_ec74a7 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2020-04-04 16:57:05 +02:00
}
2024-03-28 18:23:28 +01:00
.centerButton__8316e:hover,
.colorable__4f530.primaryDark_ec74a7:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-04-04 16:57:05 +02:00
}
2024-03-28 18:23:28 +01:00
.button_c5d028 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-08-03 17:55:00 +02:00
}
2024-03-28 18:23:28 +01:00
.button_c5d028:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .6);
2020-08-03 17:55:00 +02:00
}
2024-03-28 18:23:28 +01:00
.controlButton__863c7.colorable__4f530.red__45e65 {
2021-05-11 11:28:22 +02:00
background-color: rgba(var(--dangercolor)),.5);
2020-04-04 16:57:05 +02:00
}
2024-03-28 18:23:28 +01:00
.controlButton__863c7.colorable__4f530.red__45e65:hover {
2021-05-11 11:28:22 +02:00
background-color: rgb(var(--dangercolor));
2020-04-04 16:57:05 +02:00
}
2024-03-28 18:23:28 +01:00
.regionSelectPopout_a270cb {
2019-09-20 18:51:34 +02:00
width: 170px;
}
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.container_ffbc98 { /* call podium wrapper */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.callContainer__486b0 { /* call podium inner */
2023-10-27 11:49:32 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.scroller__3c95c { /* call podium scroller */
2023-10-27 11:49:32 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.rowContainer__05af6 { /* call podium row */
2023-10-27 11:49:32 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.participants__921a9 { /* call podium participants */
2023-10-27 11:49:32 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.tileContainer__9f7be:hover { /* call podium participant */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.container__92aae { /* call podium requests */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.3));
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.headerContainer__73bce { /* call podium requests header */
2023-11-08 13:39:17 +01:00
box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
2021-05-07 11:45:50 +02:00
}
2023-11-18 17:25:14 +01:00
/* ---- 6.9. UNAVAILABLESCREEN ---- */
2020-02-18 12:19:39 +01:00
2024-03-28 18:23:28 +01:00
.category_e63beb, /* loadingplaceholders */
.channelIcon__3418d,
.channelName__33472 {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .4);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.splashImage__14eaa { /* screen image */
2020-02-18 12:20:33 +01:00
opacity: 0.7;
2020-02-18 12:19:39 +01:00
}
2023-11-18 17:25:14 +01:00
/* ~~~~ 7. PEOPLES ~~~~ */
2020-03-26 00:42:57 +01:00
2024-03-28 18:23:28 +01:00
.addFriendInputWrapper__2b30b { /* peoples add friend */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .1);
border-color: rgba(var(--transparencycolor_v), .3);
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
.addFriendInputWrapper__2b30b:hover:not(:focus-within) {
2023-11-08 13:39:17 +01:00
border-color: rgb(var(--transparencycolor_v));
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
.container__048f4 { /* peoples explore option */
2022-09-16 12:18:05 +02:00
border: none;
}
2024-03-28 18:23:28 +01:00
.container__048f4:hover {
2022-09-16 12:18:05 +02:00
background-color: var(--background-floating);
}
2024-03-28 18:23:28 +01:00
.peopleListItem_dab480 .actionButton__2b4bb { /* peoples actionbutton */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .1);
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
.peopleListItem_dab480 .actionButton__2b4bb:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
.peopleListItem_dab480 .actionButton__2b4bb:hover svg{
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
.peopleListItem_dab480.active__6b8ff,
.peopleListItem_dab480:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
.peopleListItem_dab480.active__6b8ff .actionButton__2b4bb,
.peopleListItem_dab480:hover .actionButton__2b4bb {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-03-26 00:42:57 +01:00
}
2023-11-18 17:25:14 +01:00
#app-mount .outer_a41cf3, /* playing card */
2024-03-28 18:23:28 +01:00
#app-mount .wrapper__3c6d5 { /* playing card */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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,
2024-03-28 18:23:28 +01:00
#app-mount .outer_a41cf3.interactive__46c44:hover,
2023-10-25 16:24:34 +02:00
#app-mount .outer_a41cf3.active__76f42,
2024-03-28 18:23:28 +01:00
#app-mount .outer_a41cf3.interactive__46c44:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .inset__61d5b { /* playing card inner */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
.emptyCard__204d9 { /* playing empty card */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .partyMemberOverflow_fa82b9 {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .5);
2020-10-17 17:30:58 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .partyMemberBackground_b2e343,
#app-mount .partyMemberUnknown__333f2 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2020-10-17 17:30:58 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .partyMemberUnknownIcon__0df13 {
2021-05-06 17:50:44 +02:00
color: var(--channels-default);
2020-10-17 17:30:58 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .popout_c6d10c { /* playing popout */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 8px 16px 0 rgba(var(--transparencycolor_v), .3);
2020-03-26 00:42:57 +01:00
overflow: hidden;
}
2023-10-27 11:49:32 +02:00
.popout_c6d10c::before,
.popout_c6d10c::after {
2020-03-26 00:42:57 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2023-10-27 11:49:32 +02:00
.popout_c6d10c::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.popout_c6d10c::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
.memberListItem_e5797c:not(.popoutDisabled_c9ae8c):hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-03-26 00:42:57 +01:00
}
2023-11-18 17:25:14 +01:00
/* ~~~~ 7. STORE/NITRO ~~~~ */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .loading__0c7a7 { /* loading */
2023-10-29 21:11:30 +01:00
background: transparent;
}
2024-03-28 18:23:28 +01:00
.marketingHeader__04f82 { /* marketingheader */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2023-10-27 11:49:32 +02:00
}
2024-03-28 18:23:28 +01:00
.detailsBlock__319f5 { /* billing details */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .categoryHeader__15de0, /* categoryheader */
#app-mount .premiumApplicationsHeader__1f431 {
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
}
2024-03-28 18:23:28 +01:00
#app-mount .tier1Banner__85188 { /* tier1banner container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-06 13:23:51 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.smallCarousel__34abe {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
border-radius: 5px;
}
2023-11-18 17:25:14 +01:00
#app-mount .item_d7f2df { /* gamepreview previewitem */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
.arrow_f5c530 { /* gamepreview prev/nextarrow (big) */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .themedPagination__13dbb .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
}
2024-03-28 18:23:28 +01:00
#app-mount .themedPagination__13dbb .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-11-18 17:25:14 +01:00
#app-mount .root__3d5e9 { /* gameinfo sectioncontainer */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .header_afb288 { /* gameinfo sectionheader */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .section__42ceb { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .playerOverflow__1cc3e {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .description_ca572a { /* gameinfo subsectiondescription */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .description_ca572a strong,
#app-mount .username__36a02 { /* gameinfo subsectionusername */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .smallHeader_fd9bd3 { /* gameinfo subsectionheader */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .text__59d24 { /* gameinfo subsectiontext */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .iconCircle__8b128 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .circle_d5fad2 {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01: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
}
2024-03-28 18:23:28 +01:00
#app-mount .description__8e1e3 { /* section subdescription */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .requirements_a9df40 { /* requirements */
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .requirementKey__30bf3 { /* requirements key */
2023-11-08 13:39:17 +01:00
color: rgb(var(--textdarker_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .content__7a876 { /* requirements rating */
2023-11-08 13:39:17 +01:00
color: rgb(var(--textdarker_v));
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .bodySection_ae0d90 { /* sidebar section */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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-11-18 17:25:14 +01: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
}
2024-03-28 18:23:28 +01:00
#app-mount .purchaseUnitOperatingSystem_d1e3ee { /* sidebar OSicon */
2023-11-08 13:39:17 +01:00
color: rgb(var(--textdarkest_v));
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .price_f6c36e, /* sidebar price */
2024-03-28 18:23:28 +01:00
#app-mount .listingPrice_ec8e58 {
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01: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-11-18 17:25:14 +01: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-11-18 17:25:14 +01: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-11-18 17:25:14 +01:00
#app-mount .price_afc9b2 { /* sidebar priceamount */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .label__8394d { /* sidebar label */
2023-11-08 13:39:17 +01:00
color: rgb(var(--textdarker_v));
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01: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
}
2024-03-28 18:23:28 +01:00
#app-mount .content__89089 { /* invitecard container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .name__3864a { /* invitecard guildname */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .memberInfo__775c1 { /* invitecard memberinfo */
2023-11-08 13:39:17 +01:00
color: rgb(var(--textdarker_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.premiumSubscriptionAccountCredit_a4f9de { /* abonnements abocard */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2021-04-27 16:22:49 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .row__670b4 { /* features row */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .featureIcon_ff61f6 { /* features featureicon */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ~~~~ 9. LIBRARY ~~~~ */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.header__119bc { /* 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
}
2024-03-28 18:23:28 +01:00
.header__119bc::before,
.header__119bc::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
}
2024-03-28 18:23:28 +01:00
.header__119bc::before {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.header__119bc::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
backdrop-filter: blur(var(--backgroundblur_v));
2020-11-24 10:38:02 +01:00
}
2021-05-06 17:50:44 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .headerCellSorted__19516 {
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
2024-03-28 18:23:28 +01:00
.rowWrapperActive__789cb {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-01-24 18:50:34 +01:00
}
2024-03-28 18:23:28 +01:00
.rowWrapper__801a0 + .rowWrapper__801a0 .row__8780b {
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
}
2024-03-28 18:23:28 +01:00
#app-mount .background__31e4d { /* library usagebar */
2023-11-08 13:39:17 +01:00
stroke: rgb(var(--transparencycolor_v), .5);
2020-01-30 08:58:21 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .usageInfo__719bc { /* 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
2024-03-28 18:23:28 +01:00
#app-mount .installationPath_dade94 { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .rowTitle_b5204a { /* library game row title */
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2020-01-30 08:58:21 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .rowBody__03a1f { /* library game row body */
2021-05-06 17:50:44 +02:00
color: var(--text-muted);
2020-02-19 14:54:06 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .defaultLocationCheckbox_a39f40 { /* library location checkbox */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-02-19 14:54:06 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .defaultIndicator__5e476 { /* library location indicator */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-02-19 14:54:06 +01:00
}
2021-05-06 17:50:44 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .applicationName__1a359 { /* library application name */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2020-02-19 14:54:06 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .applicationSubText_b13073 { /* 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
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
2024-03-28 18:23:28 +01:00
#app-mount .pageWrapper_c182d3, /* guilddiscovery container */
#app-mount .pageContainer__853b6 { /* unihub container */
2021-05-06 17:50:44 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .pageWrapper_c182d3 .searchBox__02d0b, /* guilddiscovery searchbox */
#app-mount .pageContainer__853b6 .searchBox_f2dfb6 { /* unihub searchbox */
2021-09-28 12:28:25 +02:00
background-color: #fff;
}
2023-11-18 17:25:14 +01:00
#app-mount .card__86773, /* guilddiscovery card */
#app-mount .card__73022 { /* unihub card */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .iconMask__4092e, /* guilddiscovery iconmask */
#app-mount .iconMask_da0856 { /* unihub iconmask */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-04-14 09:15:29 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .card__86773:hover,
2024-03-28 18:23:28 +01:00
#app-mount .iconMask__4092e:hover,
2023-10-25 16:24:34 +02:00
#app-mount .card__73022:hover,
2024-03-28 18:23:28 +01:00
#app-mount .iconMask_da0856:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-04-14 09:15:29 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .cardPlaceholder__6e28f { /* guildcard placeholder */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .loading_d8cf2a { /* guildcard loading */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2019-11-09 17:26:03 +01:00
}
2024-03-28 18:23:28 +01:00
.footerImage__2c3fd {
2023-10-29 12:11:49 +01:00
opacity: .5;
}
2024-03-28 18:23:28 +01:00
.actionButtonsContainer_e45110 { /* guildcard action button */
2022-04-23 19:35:58 +02:00
position: relative;
background: transparent;
}
2024-03-28 18:23:28 +01:00
.actionButtonsContainer_e45110::before,
.actionButtonsContainer_e45110::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;
}
2024-03-28 18:23:28 +01:00
.actionButtonsContainer_e45110::before {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2022-04-23 19:35:58 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.actionButtonsContainer_e45110::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--backgroundblur_v));
2022-04-23 19:35:58 +02:00
}
2024-03-28 18:23:28 +01:00
.spinner__6ee08 { /* guildcard loading spinner */
2022-04-23 19:35:58 +02:00
background: transparent;
transform: none;
top: calc(50% - 24px);
left: calc(50% - 24px);
}
2024-03-28 18:23:28 +01:00
.spinner__6ee08::before,
.spinner__6ee08::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;
}
2024-03-28 18:23:28 +01:00
.spinner__6ee08::before {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2022-04-23 19:35:58 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.spinner__6ee08::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.4));
backdrop-filter: blur(var(--backgroundblur_v));
2022-04-23 19:35:58 +02:00
}
2020-06-10 18:52:45 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .addEntryCard_d9422a { /* add entry card */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v),.2);
2021-09-28 12:28:25 +02:00
border-color: var(--interactive-normal);
}
2023-10-25 16:24:34 +02:00
#app-mount .addEntryCard_d9422a:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v),.4);
2021-09-28 12:28:25 +02:00
border-color: var(--interactive-active);
}
2024-03-28 18:23:28 +01:00
.emptyContainer__00d9a { /* search no results */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-06-10 18:52:45 +02:00
}
2024-03-28 18:23:28 +01:00
.placeholder_ab7387 { /* search placeholder */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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
2024-03-28 18:23:28 +01:00
#app-mount .side_b4b3f6 .themed_b957e8.item__48dda:active:not(.disabled__2717e), /* sideitems */
#app-mount .topPill__63ad4 .themed_b957e8.item__48dda:active:not(.disabled__2717e), /* tabitems */
#app-mount .side_b4b3f6 .themed_b957e8.item__48dda:hover:not(.disabled__2717e), /* sideitems */
#app-mount .topPill__63ad4 .themed_b957e8.item__48dda:hover:not(.disabled__2717e) { /* tabitems */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda,
#app-mount .topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda,
#app-mount .side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda:active,
#app-mount .topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda:active,
#app-mount .side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda:hover,
#app-mount .topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2021-05-06 17:50:44 +02:00
color: #fff;
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.sidebar__02e8d:has(.socialLinks_dbdd6f) .side_b4b3f6 .item__48dda::after {
2023-11-18 15:56:20 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
}
2019-09-19 12:56:54 +02:00
2023-10-26 16:35:35 +02:00
.bd-social-link[title="BD" i] .bd-social-logo,
.bd-social-link[title="BetterDiscord" i] .bd-social-logo,
.bd-social-link[title="BBD" i] .bd-social-logo,
.bd-social-link[title="BandagedBD" i] .bd-social-logo {
2021-05-06 17:50:44 +02:00
background: var(--interactive-normal);
2021-02-12 21:35:48 +01:00
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat;
2021-03-23 14:55:26 +01:00
opacity: 1;
2021-02-06 18:36:26 +01:00
transition: background .15s ease;
}
2023-10-26 16:35:35 +02:00
.bd-social-link[title="BD" i]:hover .bd-social-logo,
.bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo,
.bd-social-link[title="BBD" i]:hover .bd-social-logo,
.bd-social-link[title="BandagedBD" i]:hover .bd-social-logo {
2021-05-06 17:50:44 +02:00
background: var(--interactive-active);
2021-02-06 18:36:26 +01:00
}
2023-10-26 16:35:35 +02:00
.bd-social-link[title="BD" i] .bd-social-logo > *,
.bd-social-link[title="BetterDiscord" i] .bd-social-logo > *,
.bd-social-link[title="BBD" i] .bd-social-logo > *,
.bd-social-link[title="BandagedBD" i] .bd-social-logo > * {
2021-02-06 18:36:26 +01:00
display: none;
}
2024-03-28 18:23:28 +01:00
#app-mount .streamerModeEnabledImage__17db6 {
2023-10-29 13:07:45 +01:00
background-image: url(https://discord.com/assets/c133c9df9ee4552c188a.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
.contentRegion__08eba div[role="tabpanel"] { /* tabpanel */
2021-05-19 20:45:19 +02:00
width: 100%;
}
2024-03-28 18:23:28 +01:00
.toolsContainer__4e6ad { /* closebutton wrapper */
2021-05-19 20:45:19 +02:00
margin-right: 37px;
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButton__8177f { /* closebutton button */
2021-05-06 17:50:44 +02:00
border-color: var(--channels-default);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButton__8177f path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--channels-default);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButton__8177f:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--accentcolor_v), .2);
2021-05-06 17:50:44 +02:00
border-color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButton__8177f:hover path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButton__8177f:active {
2021-05-06 17:50:44 +02:00
border-color: var(--text-normal);
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButton__8177f:active path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .keybind_a619c1 { /* closebutton keybind */
2021-05-06 17:50:44 +02:00
color: var(--channels-default);
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButtonBold__2f216 { /* closebutton button bold */
2021-05-06 17:50:44 +02:00
border-color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButtonBold__2f216 path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButtonBold__2f216:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--accentcolor_v), .4);
2021-05-06 17:50:44 +02:00
border-color: var(--text-normal);
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButtonBold__2f216:hover path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--text-normal);
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButtonBold__2f216:active {
2021-05-06 17:50:44 +02:00
border-color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .closeButtonBold__2f216:active path[fill] {
2021-05-06 17:50:44 +02:00
fill: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .keybind_a619c1 { /* closebutton keybind bold */
2021-05-06 17:50:44 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.cardPrimary_cb7a0e,
2023-11-18 17:25:14 +01:00
.cardPrimaryEditable__25559 { /* settingsitems card */
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--transparencycolor_v), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.cardPrimary_cb7a0e {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.cardPrimaryEditable__25559 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .1);
2019-09-19 12:56:54 +02:00
}
2023-10-27 12:50:20 +02:00
.cardPrimaryOutline__9df8a {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.accountProfileCard__744d8 { /* accountsettings container */
2021-06-26 16:25:56 +02:00
background: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2021-06-26 16:25:56 +02:00
}
2024-03-28 18:23:28 +01:00
.accountProfileCard__744d8::before,
.accountProfileCard__744d8::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;
}
2024-03-28 18:23:28 +01:00
.accountProfileCard__744d8::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 16:25:56 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.accountProfileCard__744d8::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2021-06-26 16:25:56 +02:00
}
2024-03-28 18:23:28 +01:00
.accountProfileCard__744d8 .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
}
2024-03-28 18:23:28 +01:00
.questionMark__6bfbc svg { /* accountsettings questionmark */
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .background__4e802 { /* accountsettings container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-10-16 09:26:23 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .fieldList__4e6dd { /* 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
2024-03-28 18:23:28 +01:00
.connectContainer_e331e3 { /* connections container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-05-12 11:23:04 +02:00
}
2024-03-28 18:23:28 +01:00
.accountButtonInner__00bdd { /* connections connectioninner */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.accountButtonInner__00bdd:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.connection__6dbd8 { /* connections connection */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-10-14 22:06:22 +02:00
}
2024-03-28 18:23:28 +01:00
.connectionHeader__2b82f { /* connections connection header */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
.guildHeader__30707 { /* boostsettings suggestioncard */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2020-03-26 00:42:57 +01:00
}
2023-11-18 17:25:14 +01:00
.guildSubscriptionSlot_b76fc6 { /* boostsettings suggestioncard */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-03-26 00:42:57 +01:00
}
2023-11-18 17:25:14 +01:00
.cardWrapper_bc8d2a { /* boostsettings suggestioncard */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-03-26 00:42:57 +01:00
}
2023-10-27 12:50:20 +02:00
.cardWrapper_bc8d2a:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-03-26 00:42:57 +01:00
}
2023-11-18 17:25:14 +01:00
.cardWrapper_bc8d2a .card__11580, /* boostsettings suggestioncard inner */
2023-10-27 12:50:20 +02:00
.cardWrapper_bc8d2a .card__11580:hover {
2020-03-26 00:42:57 +01:00
background-color: transparent;
}
2023-11-18 17:25:14 +01:00
#app-mount .gemIndicatorContainer_b03ca0 { /* boostsettings suggestioncard circle */
2020-03-26 00:42:57 +01:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
#app-mount .summaryInfo__3df8a { /* boostsettings past transactions summary */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2020-03-26 15:59:43 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .payment_f27ac6 { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .hoverablePayment__4ff3b:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-03-26 15:59:43 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .paymentHeader__27aff { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .expandedInfo_efc786 { /* boostsettings past transactions expandedinfo */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-03-26 15:59:43 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .paymentText__55e50 { /* boostsettings past transactions paymenttext */
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
2020-03-26 15:59:43 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .giftIcon__75cfe { /* boostsettings past transactions gifticon */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2020-03-26 01:16:30 +01:00
}
2023-10-29 12:11:49 +01:00
#app-mount .guildHeaderBackground__04920 {
background-image: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg);
opacity: .75;
}
#app-mount .emptyGuilds-1cEt2M {
background-image: url(https://discord.com/assets/33de08d0b379a019874a.svg);
opacity: .75;
}
2021-05-06 18:17:02 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .paymentPane__541d7 { /* boostsettings past transactions */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2020-03-26 01:16:30 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .paginator__28ba5 { /* boostsettings past transactions paginator */
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .3);
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
2020-03-26 01:16:30 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .bottomDivider_c85b47 { /* boostsettings past transactions divider */
2023-11-08 13:39:17 +01:00
border-bottom-color: rgba(var(--transparencycolor_v), .3);
2020-03-26 01:16:30 +01:00
}
2023-11-18 17:25:14 +01:00
#app-mount .tab_b317f5 { /* boostsettings past transactions tab */
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
}
2024-03-28 18:23:28 +01:00
#app-mount .externalRowHeader_e723ce { /* 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
2024-03-28 18:23:28 +01:00
#app-mount .emptyStateImage_b41d12 { /* giftinventory no gifts */
2023-10-27 12:50:20 +02:00
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
2021-04-27 16:22:49 +02:00
opacity: 0.6;
}
2024-03-28 18:23:28 +01:00
#app-mount .codeRedemptionRedirect_b3eca7 { /* payment coderedem */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgba(var(--transparencycolor_v), .1);
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2021-04-27 16:22:49 +02:00
}
2024-03-28 18:23:28 +01:00
.membershipDialogHouse1__53b1f { /* hypesquad membershipdialogs */
background-color: rgba(156, 132, 239, .8);
2020-05-12 11:23:04 +02:00
}
2024-03-28 18:23:28 +01:00
.membershipDialogHouse2_a57bdd {
background-color: rgba(244, 123, 103, .8);
2020-05-12 11:23:04 +02:00
}
2024-03-28 18:23:28 +01:00
.membershipDialogHouse3__16fa1 {
background-color: rgba(69, 221, 192, .8);
2020-05-12 11:23:04 +02:00
}
2024-03-28 18:23:28 +01:00
.videoWrapper__530de {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2021-03-19 23:23:44 +01:00
}
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.container_ced194 { /* 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
}
2024-03-28 18:23:28 +01:00
.notches__5406c {
2020-10-17 19:28:14 +02:00
background: transparent !important;
}
2024-03-28 18:23:28 +01:00
#app-mount .progress_bcbb99 { /* voicesettings voicebar */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon_bf45a6[src="/assets/6762ed8abdaef6a7f6fc.png"],
.icon_bf45a6[src="/assets/5af9f85713084d6867a6.png"] {
2023-10-27 12:50:20 +02:00
-webkit-mask: url(https://discord.com/assets/6762ed8abdaef6a7f6fc.png) center/contain no-repeat;
2021-05-06 17:50:44 +02:00
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
2024-03-28 18:23:28 +01:00
.icon_bf45a6[src="/assets/ea67b1321e3d4154e476.png"],
.icon_bf45a6[src="/assets/12c09c71eb271a47bcab.png"] {
2023-10-27 12:50:20 +02:00
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat;
2021-05-06 17:50:44 +02:00
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
2024-03-28 18:23:28 +01:00
.cameraWrapper_d3535e { /* voicesettings video */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgba(var(--transparencycolor_v), .1);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.backgroundOptionInner_a128bb { /* voicesettings background option */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2023-10-27 12:50:20 +02:00
}
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.option__1d8de { /* overlay option */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.option__1d8de:hover,
.option__1d8de.selected__4e154 {
2023-11-08 13:39:17 +01:00
box-shadow: 0 2px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.disabled__586d3 {
2023-11-08 13:39:17 +01:00
color: rgba(var(--transparencycolor_v), .4);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .row__7007e { /* 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-11-18 17:25:14 +01:00
#app-mount .card_dc88cd::before { /* settingscard backdrop */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgba(var(--transparencycolor_v), .1);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .button_e1ac5c { /* settingscard removebutton */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .6), 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .button_e1ac5c:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .7);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01: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
}
2024-03-28 18:23:28 +01:00
#app-mount .gameNameInput__3e1e4:focus,
#app-mount .gameNameInput__3e1e4:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
border-color: rgba(var(--transparencycolor_v), .1);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .gameName_c1c8a6 { /* games gamename */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lastPlayed__0b4ef, /* games lastplayed */
#app-mount .overlayStatusText__668e1 { /* games overlaystatustext */
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .toggleIconOn__18854 .fill__90d85 { /* games overlaystatusicon */
2021-05-06 18:17:02 +02:00
fill: var(--text-muted);
}
2024-03-28 18:23:28 +01:00
#app-mount .nowPlayingAdd_ab1001 { /* games descriptionhint */
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .nowPlaying_a3b60b .gameName_c1c8a6 {
2021-05-06 18:17:02 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .nowPlaying_a3b60b .lastPlayed__0b4ef,
#app-mount .nowPlaying_a3b60b .overlayStatusText__668e1 {
2021-05-06 18:17:02 +02:00
color: #b4e1cd;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .nowPlaying_a3b60b .toggleIconOff_b65232 .fill__90d85,
#app-mount .nowPlaying_a3b60b .toggleIconOn__18854 .fill__90d85 {
2021-05-06 18:17:02 +02:00
fill: #b4e1cd;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .notDetected__14b92 { /* games nogame */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .notDetected__14b92 .lastPlayed__0b4ef {
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
}
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .addGamePopout__61649 { /* games add game popout */
2021-05-06 21:30:35 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.addGamePopout__61649::before,
.addGamePopout__61649::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;
}
2024-03-28 18:23:28 +01:00
.addGamePopout__61649::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.addGamePopout__61649::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.15));
backdrop-filter: blur(var(--popoutblur_v));
2021-05-06 21:30:35 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .addGamePopout__61649 .cancelButton_be2641 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
.preview__30ef4 { /* appearance preview */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgba(var(--transparencycolor_v), .2);
2020-01-30 14:28:12 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 12. GUILDSETTINGS ~~~~ */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.container__353bc { /* settings confirmnotice */
2020-08-03 17:13:08 +02:00
position: relative;
2023-11-08 13:39:17 +01:00
backdrop-filter: blur(var(--backgroundblur_v));
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
.container__353bc[style*="background-color: rgba(248, 249, 249"],
.container__353bc[style*="background-color: rgba(32, 34, 37"] {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .7) !important;
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
.container__353bc[style*="background-color: rgba(248, 249, 249"] .message__702f7,
.container__353bc[style*="background-color: rgba(32, 34, 37"] .message__702f7 {
2022-02-06 17:58:39 +01:00
color: var(--header-primary) !important;
}
2024-03-28 18:23:28 +01:00
.container__353bc[style*="background-color: rgba(248, 249, 249"] .resetButton_ae2936 span[style],
.container__353bc[style*="background-color: rgba(32, 34, 37"] .resetButton_ae2936 span[style] {
2022-02-06 17:58:39 +01:00
color: var(--header-primary) !important;
}
2024-03-28 18:23:28 +01:00
.container__353bc::before {
2020-08-03 17:13:08 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
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-11-18 17:25:14 +01:00
.roles__2b5cf { /* rolesettings intro roles */
2021-05-18 12:18:20 +02:00
z-index: 2;
}
2024-03-28 18:23:28 +01:00
.profileCard_ed501b { /* rolesettings intro profile */
2021-05-18 12:18:20 +02:00
position: relative;
z-index: 1;
}
2024-03-28 18:23:28 +01:00
.profileCard_ed501b::before,
.profileCard_ed501b::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;
}
2024-03-28 18:23:28 +01:00
.profileCard_ed501b::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.profileCard_ed501b::after {
2023-11-08 13:39:17 +01:00
backdrop-filter: blur(var(--popoutblur_v));
2021-06-26 17:05:43 +02:00
}
2024-03-28 18:23:28 +01:00
.sidebar__37984 { /* rolesettings sidebar */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .1);
2021-04-13 16:16:02 +02:00
border: none;
}
2024-03-28 18:23:28 +01:00
.container__9c57c { /* rolesettings everyone role */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-04-13 16:16:02 +02:00
}
2024-03-28 18:23:28 +01:00
.container__9c57c:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2021-04-13 16:16:02 +02:00
}
2024-03-28 18:23:28 +01:00
.settingCard__9b0ad { /* rolesettings setting card */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-04-13 16:16:02 +02:00
}
2024-03-28 18:23:28 +01:00
.settingCard__9b0ad.active__898cd { /* rolesettings setting card active */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-04-13 16:16:02 +02:00
}
2024-03-28 18:23:28 +01:00
.cardFolder__40dc5 { /* rolesettings setting card body */
2021-04-13 16:16:02 +02:00
background-color: transparent;
}
2023-11-18 17:25:14 +01:00
.group__6ae8b { /* rolesettings permissions group */
2023-11-08 13:39:17 +01:00
border-color: rgb(var(--transparencycolor_v), .4);
2021-03-20 13:18:38 +01:00
}
2023-11-18 17:25:14 +01:00
.item_f48d11 { /* rolesettings permissions item */
2023-11-08 13:39:17 +01:00
background: rgb(var(--transparencycolor_v), .2);
2021-03-20 13:18:38 +01:00
}
2023-10-27 11:49:32 +02:00
.item_f48d11:hover {
2023-11-08 13:39:17 +01:00
background: rgb(var(--transparencycolor_v), .4);
2021-03-31 11:30:11 +02:00
}
2024-03-28 18:23:28 +01:00
.passthrough__91f95.selected__5faae { /* rolesettings permissions passthrough selected */
2023-11-08 13:39:17 +01:00
background: rgb(var(--accentcolor_v));
2021-03-20 13:18:38 +01:00
}
2024-03-28 18:23:28 +01:00
.icon_add68a { /* rolesettings everyone role icon */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2021-03-20 13:18:38 +01:00
}
2024-03-28 18:23:28 +01:00
.titleContainer_d09261, /* rolesettings roles list header */
.header_ee0bd9 { /* rolesettings perms list header */
2021-03-20 13:18:38 +01:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.titleElevated__2941d,
.stickyHeaderElevated_a05798 {
2021-03-20 13:18:38 +01:00
box-shadow: none;
}
2024-03-28 18:23:28 +01:00
.header_ee0bd9::before,
.header_ee0bd9::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;
}
2024-03-28 18:23:28 +01:00
.header_ee0bd9::before {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2021-03-20 13:18:38 +01:00
background-attachment: fixed;
2021-06-26 17:05:43 +02:00
}
2024-03-28 18:23:28 +01:00
.header_ee0bd9::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v)));
backdrop-filter: blur(var(--backgroundblur_v));
2021-03-20 13:18:38 +01:00
}
2024-03-28 18:23:28 +01:00
.roleRow_dc2631:hover:not(.roleRowDisableHover_c9454c) { /* rolesettings role row */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-03-20 13:18:38 +01:00
}
2024-03-28 18:23:28 +01:00
.roleRow_dc2631:hover:not(.roleRowDisableHover_c9454c) .circleButton_c3a5df {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-03-20 13:18:38 +01:00
}
2024-03-28 18:23:28 +01:00
.roleRow_dc2631:hover:not(.roleRowDisableHover_c9454c) .circleButton_c3a5df:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2021-03-20 13:18:38 +01:00
}
2024-03-28 18:23:28 +01:00
.roleRow_dc2631:before,
.roleRow_dc2631: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
}
2024-03-28 18:23:28 +01:00
.memberRow_d581f4:hover { /* rolesettings member row */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-03-31 11:30:11 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .colorPickerSwatch__343b4.noColor_e34214 { /* rolesettings colorswatch nocolor */
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrightest_v), .3);
2021-03-20 13:18:38 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .colorPickerSwatch__343b4.noColor_e34214 .colorPickerDropperFg__0d1bc {
2021-05-06 18:17:02 +02:00
fill: var(--header-primary);
2021-03-20 13:18:38 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .colorPickerSwatch__343b4.noColor_e34214 polyline {
2021-05-06 18:17:02 +02:00
stroke: var(--header-primary);
2021-03-20 13:18:38 +01:00
}
2024-03-28 18:23:28 +01:00
.previewContainer__30793 { /* rolesettings preview */
2021-03-31 11:30:11 +02:00
border: none;
}
2024-03-28 18:23:28 +01:00
#app-mount .dragged__9d7ad { /* rolesettings dragged */
2023-10-29 12:11:49 +01:00
-webkit-mask: url(https://discord.com/assets/038a865e09c25dc13e30.svg) center/contain no-repeat;
background: var(--background-tertiary);
}
2024-03-28 18:23:28 +01:00
.messageContainer__0add1 { /* rolesettings preview message */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-03-31 11:30:11 +02:00
}
2024-03-28 18:23:28 +01:00
.theme-light .messageContainer__0add1 {
2021-03-31 11:30:11 +02:00
display: none;
}
2024-03-28 18:23:28 +01:00
.addMemberRow_c41402.selectedRow__791f8 { /* rolesettings add member row */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-03-31 11:30:11 +02:00
}
2021-03-20 13:18:38 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .emojiRow_db53d4:hover .emojiAliasPlaceholderContent_e3b4e8, /* emojisettings alias */
#app-mount .emojiRow_db53d4:focus-within .emojiAliasPlaceholderContent_e3b4e8 {
2023-09-30 10:04:56 +02:00
visibility: hidden !important;
color: transparent !important;
}
2024-03-28 18:23:28 +01:00
#app-mount .emojiAliasInput_e70e7c .emojiInput__3270d { /* emojisettings nameinput */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .1);
2024-03-25 17:47:24 +01:00
margin-top: -1px;
margin-left: -8px;
2020-03-25 22:40:02 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .auditLog__9228d { /* auditlogs logitem */
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--transparencycolor_v), .1);
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .headerClickable__334f7, /* auditlogs loginner */
#app-mount .headerDefault__31bb1 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .headerExpanded__05a35 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-06 18:17:02 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .divider__1ee1f { /* auditlogs loginnerdivider */
2021-05-06 17:50:44 +02:00
background-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .changeDetails_c0aa16 { /* auditlogs logdetails */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .userHook__0708a { /* auditlogs userhook */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .auditLog__9228d strong { /* auditlogs targets */
2021-05-06 18:17:02 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .timestamp__33912 { /* auditlogs timestamp */
2021-05-06 18:17:02 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .expandForeground__0d39b { /* auditlogs expandarrow */
2021-05-06 18:17:02 +02:00
stroke: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.themeOverrideLight__786da.icon__2cbfe, /* auditlogs logicon */
.themeOverrideDark__5265d.icon__2cbfe,
#app-mount .icon__2cbfe {
2019-09-19 12:56:54 +02:00
background: none !important;
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe::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
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.applicationCommand__174f1::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/295610bf2d3ec357b4bb.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.autoModerationBlockMessage_bed86d::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
2022-06-29 16:37:39 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.autoModerationRule__2246b::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
2022-06-17 21:25:00 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetAll__537b8::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/cda90da758440b5e2cbc.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetBan__16e32::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/559f43e29d80d719b397.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetChannel_fa8d22::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/fd8bb90a4678f63f6a50.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetEmoji__42ae8::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/b734b6798a8b89611ee7.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetGuild__8c18a::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/30039d24e09f9ae53597.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetGuildHome_a67826::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/bde25f93c922e02f8459.svg);
2022-06-17 21:25:00 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetGuildScheduledEvent__59dc5::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/119b4083c9d4fce05f2d.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetIntegration_d5ae56::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/a82903ac1478ed97b6d4.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetInvite__59178::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/5cc5c2e0ad18a7c383d8.svg);
2021-07-29 20:46:18 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetMember_d0d6b9::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/c53abf7172caf6e94497.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetMemberRole_d0d6b9::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/63a73b3d5daccfd7a8fc.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetMessage_da54e8::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/f88edd51273b2e14999a.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetPermission__19974::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/93b984f7ed0c42796562.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetRole__994dd::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/842d46ac28c4cc831849.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetStageInstance__9d662::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/f39f5d92d79071dcd992.svg);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetSticker__5d09d::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/0020113abbe97807c0be.svg);
2020-05-30 18:14:25 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetVanityUrl_d91f37::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/9ecac67adfc57255096c.svg);
2021-07-29 20:46:18 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetWebhook__337c7::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
2021-07-29 20:46:18 +02:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.targetWidget__0ec3d::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/fb3b404502ba18187ace.svg);
2022-01-21 22:49:05 +01:00
}
2024-03-28 18:23:28 +01:00
.icon__2cbfe.thread_a2b0da::before {
2023-10-27 14:27:41 +02:00
-webkit-mask: url(https://discord.com/assets/6960c3e51b7f0dcefcc0.svg);
2021-07-29 20:46:18 +02:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:25:14 +01:00
#app-mount .card_fd0d59 { /* integrationsettings card */
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--transparencycolor_v), .1)
2020-08-26 16:14:26 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .card__05cf8 { /* integrationsettings webhook card */
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--transparencycolor_v), .1)
2020-08-14 14:48:12 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .card__39d1a { /* integrationsettings apps card */
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--transparencycolor_v), .1)
2021-04-01 09:33:27 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .card__78185 { /* integrationsettings follows card */
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--transparencycolor_v), .1)
2020-07-26 17:04:43 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .iconWrapper_fda12f { /* integrationsettings icon */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
.guildDetails_f464b3 { /* communitysettings intro details */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
.featureCard__769f1 { /* communitysettings intro featurecard */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
.featureIcon__84893 { /* communitysettings intro featureicon */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-09-26 19:23:30 +02:00
}
2020-08-03 17:13:08 +02:00
2024-03-28 18:23:28 +01:00
.upsellContainer_a5688a { /* communitysettings general upsellcontainer */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
.upsellFooter__5106a { /* communitysettings general upsellfooter */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
.developerPortalCtaWrapper_a92100 { /* communitysettings analytics info */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
.analyticsCard_deaffc { /* communitysettings analytics card */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-08-03 17:13:08 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .card__81c50 { /* communitysettings discovery card */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .iconMask__4618d { /* communitysettings discovery icon */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
.splashImage__70476[src="/assets/467602d632b5f9c1ce4b.svg"],
.splashImage__70476[src="/assets/d4d9f2bff23beec65b1f.svg"] {
2023-10-29 12:11:49 +01:00
background: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg) center/cover no-repeat;
opacity: .75;
object-position: -999999px -999999px;
}
2024-03-28 18:23:28 +01:00
.container__17b02 { /* communitysettings discovery checklist */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
.header__17969 { /* communitysettings discovery checklist header */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-08-03 17:13:08 +02:00
}
2024-03-28 18:23:28 +01:00
.descriptionBox_bdb07b { /* templatesettings descriptionbox */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-04-01 23:00:31 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .tierHeaderLocked__0ca2e { /* boostsettings tierheaderlocked */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .tierHeaderUnlocked__960f7 { /* boostsettings tierheaderunlocked */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .tierCloseClose_a270d4 { /* boostsettings tiercloseclose */
2021-06-15 12:35:58 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .tierBody_fd5f94 { /* boostsettings tierbody */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .tierInProgress__549bc { /* boostsettings tiermilestone */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .background__092a0 { /* boostsettings tierbar (settings) */
2023-11-08 13:39:17 +01:00
color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .member__55269 { /* membersettings membercard */
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .member__55269 .name__7635a { /* membersettings membercardname */
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .member__55269 .tag__1a537 { /* membersettings membercardtag */
2021-05-06 20:04:14 +02:00
color: var(--text-muted);
}
2023-11-18 17:25:14 +01:00
#app-mount .member__55269 .roleWrapper__0f174 { /* membersettings rolewrapper */
2023-11-08 13:39:17 +01:00
color: rgba(var(--textbrightest_v),.8);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .actionButton__96742 { /* membersettings addrolebutton */
2021-05-06 20:04:14 +02:00
border-color: var(--header-secondary);
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
#app-mount .member__55269 .overflowIconFg__2b31c { /* membersettings 3-dot icon */
2021-05-06 20:04:14 +02:00
fill: var(--header-primary);
}
2023-11-18 17:25:14 +01:00
#app-mount .member__55269 .ownerHelpIcon__021a4 { /* membersettings help icon */
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .overflowRolesPopout__03a09, /* membersettings roleoverflow popout */
#app-mount .overflowRolesPopoutArrow_de5244 {
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .2), 0 2px 10px 0 rgba(var(--transparencycolor_v), .2);
2020-03-26 00:42:57 +01:00
border: none;
border-radius: 3px;
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
.overflowRolesPopout__03a09::before,
.overflowRolesPopoutArrow_de5244::before,
.overflowRolesPopout__03a09::after,
.overflowRolesPopoutArrow_de5244::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;
}
2024-03-28 18:23:28 +01:00
.overflowRolesPopout__03a09::before,
.overflowRolesPopoutArrow_de5244::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.overflowRolesPopout__03a09::after,
.overflowRolesPopoutArrow_de5244::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
.overflowRolesPopoutHeaderIcon__4bcc5 path {
2021-05-06 20:04:14 +02:00
fill: var(--header-secondary);
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
.overflowRolesPopoutHeaderText_e8785f {
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .to__23110 { /* membersettings transfer to */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
box-shadow: 0 0 0 4px rgba(var(--transparencycolor_v), .3);
2023-10-29 12:11:49 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .fromToWrapper__78a65 {
2023-10-29 12:11:49 +01:00
background: transparent;
}
2024-03-28 18:23:28 +01:00
#app-mount .fromToWrapper__78a65::before {
2023-10-29 12:11:49 +01:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-mask: url(https://discord.com/assets/a2e6c7df5d20d1aeaacb.svg) 50% 0 no-repeat;
background: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .inviteSettingsInviteRow__130c9 { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .bannedUser_f75842 { /* bansettings bancard */
2023-10-27 13:35:13 +02:00
background-color: transparent;
2021-05-06 17:50:44 +02:00
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .bannedUser_f75842:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ~~~~ 13. MODALS ~~~~ */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.layer_c14d31:nth-child(1),
.withLayer__29ace:nth-child(1) {
2020-10-17 15:08:02 +02:00
z-index: 1002;
}
2024-03-28 18:23:28 +01:00
.layer_c14d31:nth-child(2),
.withLayer__29ace:nth-child(2) {
2020-10-17 15:08:02 +02:00
z-index: 1003;
}
2024-03-28 18:23:28 +01:00
.layer_c14d31:nth-child(3),
.withLayer__29ace:nth-child(3) {
2020-10-17 15:08:02 +02:00
z-index: 1004;
}
2024-03-28 18:23:28 +01:00
.layer_c14d31:nth-child(4),
.withLayer__29ace:nth-child(4) {
2020-10-17 15:08:02 +02:00
z-index: 1005;
}
2024-03-28 18:23:28 +01:00
.layer_c14d31:nth-child(5),
.withLayer__29ace:nth-child(5) {
2020-10-17 15:08:02 +02:00
z-index: 1006;
}
2024-03-28 18:23:28 +01:00
.layer_c14d31:nth-child(6),
.withLayer__29ace:nth-child(6) {
2020-10-17 15:08:02 +02:00
z-index: 1007;
}
2024-03-28 18:23:28 +01:00
.layer_c14d31:nth-child(7),
.withLayer__29ace:nth-child(7) {
2020-10-17 15:08:02 +02:00
z-index: 1008;
}
2024-03-28 18:23:28 +01:00
.layer_c14d31:nth-child(8),
.withLayer__29ace:nth-child(8) {
2020-10-17 15:08:02 +02:00
z-index: 1009;
}
2024-03-28 18:23:28 +01:00
.layer_c14d31:nth-child(9),
.withLayer__29ace:nth-child(9) {
2020-10-17 15:08:02 +02:00
z-index: 1010;
}
2024-03-28 18:23:28 +01:00
.layer__6b5c3 {
2023-03-02 22:50:52 +01:00
z-index: 1011;
}
2020-10-17 15:08:02 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .root_a28985:not(.noBackground__96ddb), /* modal container (foldersettings) */
2024-02-28 17:28:15 +01:00
#app-mount .modal__060da, /* modal container */
#app-mount .bd-modal-root { /* modal bd modal */
2020-11-10 22:34:34 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
position: relative;
2019-10-27 08:10:44 +01:00
border-radius: 5px;
2023-10-27 14:40:51 +02:00
transform: unset !important;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .rootWithShadow_d20cd6:not(.noShadow__28f32) {
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2023-03-01 14:41:14 +01:00
}
2023-10-27 11:49:32 +02:00
.root_a28985 > *,
.modal__060da > * {
2020-08-03 17:31:03 +02:00
z-index: 1;
}
2023-10-27 11:49:32 +02:00
.root_a28985::before,
.modal__060da::before,
2024-02-28 17:28:15 +01:00
.bd-modal-root::before,
2023-10-27 11:49:32 +02:00
.root_a28985::after,
2024-02-28 17:28:15 +01:00
.modal__060da::after,
.bd-modal-root::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2019-10-27 08:10:44 +01:00
border-radius: 5px;
2019-09-19 12:56:54 +02:00
pointer-events: none;
z-index: -1;
}
2023-10-27 11:49:32 +02:00
.root_a28985::before,
2024-02-28 17:28:15 +01:00
.modal__060da::before,
.bd-modal-root::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.root_a28985::after,
2024-02-28 17:28:15 +01:00
.modal__060da::after,
.bd-modal-root::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-10 22:34:34 +01:00
}
2023-10-27 11:49:32 +02:00
.root_a28985 .modal__060da::before,
2024-03-28 18:23:28 +01:00
.root_a28985.noBackground__96ddb::before,
2023-10-27 11:49:32 +02:00
.modal_d2e7a7::before,
.root_a28985 .modal__060da::after,
2024-03-28 18:23:28 +01:00
.root_a28985.noBackground__96ddb::after,
2023-10-27 11:49:32 +02:00
.modal_d2e7a7::after {
2020-02-12 09:59:29 +01:00
display: none;
}
2024-03-28 18:23:28 +01:00
#app-mount .zoomedCarouselModalRoot__32ea8 {
2022-07-24 13:48:55 +02:00
background: transparent !important;
}
2024-03-28 18:23:28 +01:00
#app-mount .modalTextContainer_ce11a8 { /* modal text file */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2021-04-14 17:08:52 +02:00
border: none;
}
2024-03-28 18:23:28 +01:00
#app-mount .footer_e0b400,
#app-mount .footer_c33701 { /* modal footer */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-03-03 14:02:58 +01:00
z-index: 0;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .footerSeparator__2af8d {
2023-03-01 14:38:41 +01:00
box-shadow: none;
}
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.tabBarContainer_b283be { /* modal tabbarcontainer */
2023-11-08 13:39:17 +01:00
border-top-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .modal_6GHvdM .tabBarContainer_b283be {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .1);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .content_def88d + .videoContainer__05638 {
2023-11-16 12:26:25 +01:00
box-sizing: border-box;
height: 100%;
}
2024-03-28 18:23:28 +01:00
#app-mount .testimonialContainer_de3f46 path[fill="#2B2D31"] {
2023-11-16 12:26:25 +01:00
fill: var(--background-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .testimonialContainer_de3f46 .quotes__35cf8 {
2023-11-16 12:26:25 +01:00
color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .separator__6f4af {
2023-11-08 13:39:17 +01:00
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v),.3), 0 1px 2px 0 rgba(var(--transparencycolor_v),.3);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .divider__4595d {
2021-05-07 17:07:56 +02:00
border-color: var(--background-modifier-accent);
}
2024-03-28 18:23:28 +01:00
#app-mount .message_a61af3 {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .secondaryButton__0e13c {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .imageUpgrade_d10a46 {
2023-10-27 14:40:51 +02:00
background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .imageCancel_f3aeb9 {
2023-10-27 14:40:51 +02:00
background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .imageUnclaimed_a53457 {
2023-10-27 14:40:51 +02:00
background-image: url(https://discord.com/assets/41675689ca055858e137.svg);
2021-05-07 17:07:56 +02:00
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .imageUnverified__7fad2 {
2023-10-27 14:40:51 +02:00
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
2021-05-07 17:07:56 +02:00
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .divider__65336 {
2021-05-07 17:07:56 +02:00
border-color: var(--background-modifier-accent);
}
2024-03-28 18:23:28 +01:00
#app-mount .backButtonColor__4cae5 {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .checkboxLabel_a11995 {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
2023-11-18 17:25:14 +01:00
/* ---- 13.1. USERMODAL ----- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.listRow__50619:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.emptyIcon__7b2a1 { /* body emptypic */
2021-06-08 22:43:17 +02:00
opacity: .5;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.profileColors_ac6ab4 .mask_d5067d circle {
2022-10-25 14:05:34 +02:00
fill: transparent;
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:25:14 +01:00
/* ---- 13.2. GUILDADD/CREATION ----- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.container__9dd63, /* create modal item */
.guildRow_f51201 { /* hub modal item */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--transparencycolor_v), .2);
2020-09-28 19:11:52 +02:00
border: none;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.container__9dd63:hover,
.guildRow_f51201:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--transparencycolor_v), .4);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.text__67f81, /* create modal text */
.guildName_ceefc4 { /* hub modal text */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.container__9dd63:hover .text__67f81,
.guildRow_f51201:hover .guildName_ceefc4 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
.arrow__5e540, /* create modal arrow */
2024-03-28 18:23:28 +01:00
.guildName_ceefc4 ~ img { /* hub modal arrow */
2020-12-26 18:33:33 +01:00
object-position: -999999px -999999px;
2023-10-27 15:04:29 +02:00
-webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.svg) center/cover no-repeat;
2021-05-06 21:30:35 +02:00
background: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.container__9dd63:hover .arrow__5e540,
.guildRow_f51201:hover .guildName_ceefc4 ~ img {
2021-05-06 21:30:35 +02:00
background: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.input__0c568 { /* modal invite input */
2020-09-28 19:11:52 +02:00
background: transparent;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.inputInner__61a8f { /* modal invite input inner */
2021-05-06 21:30:35 +02:00
border: 1px solid var(--deprecated-text-input-border);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:25:14 +01:00
/* ---- 13.3. UPLOADMODAL ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .uploadModal__6eb75 { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2019-11-24 09:27:42 +01:00
position: relative;
border-radius: 10px;
}
2024-03-28 18:23:28 +01:00
.uploadModal__6eb75::before,
.uploadModal__6eb75::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;
}
2024-03-28 18:23:28 +01:00
.uploadModal__6eb75::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:05:43 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.uploadModal__6eb75::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2019-11-24 09:27:42 +01:00
2024-03-28 18:23:28 +01:00
.uploadModalIn_c0e1db .uploadDropModal_cfadae {
2020-05-11 21:09:59 +02:00
width: unset;
}
2024-03-28 18:23:28 +01:00
.uploadModalIn_c0e1db .uploadDropModal_cfadae .inner__7afe9 .title__76592,
.uploadModalIn_c0e1db .uploadDropModal_cfadae .inner__7afe9 .instructions_e266ce {
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.uploadModal__6eb75 .inner__7afe9 { /* modal channeltextarea */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.uploadModal__6eb75 .footer_f06dbb { /* modal footer */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-03-20 11:04:08 +01:00
box-shadow: none;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.uploadModal__6eb75 .inner__7afe9 .file__068e1 .icon__4bc4d.image_c29be6 {
2023-11-08 13:39:17 +01:00
box-shadow: 0 2px 8px rgba(var(--transparencycolor_v), .4);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.4. KEYBOARDSHORTCUTSMODAL ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .keyboardShortcutsModal__44538 { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
.keyboardShortcutsModal__44538::before,
.keyboardShortcutsModal__44538::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;
}
2024-03-28 18:23:28 +01:00
.keyboardShortcutsModal__44538::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:07:15 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.keyboardShortcutsModal__44538::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .modalTitle__3df11 { /* modal title */
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .modalSubtitle_f39977 { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .keyboardShortcutList_a3e292 .keybindGroup__00ce0 .keybindDescription_c0b6a8 {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-10-27 15:27:58 +02:00
#app-mount .combo__57290 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .combo__57290 .key__6a8d9 {
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
}
2024-03-28 18:23:28 +01:00
#app-mount .combo__57290 .key__6a8d9:active {
2021-05-06 21:30:35 +02:00
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
border: 1px solid rgb(0, 0, 0);
color: var(--header-secondary);
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 13.5. QUICKSWITCHER ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .quickswitcher_b5bb0a { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .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
}
2024-03-28 18:23:28 +01:00
.quickswitcher_b5bb0a::before,
.quickswitcher_b5bb0a::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;
}
2024-03-28 18:23:28 +01:00
.quickswitcher_b5bb0a::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:07:15 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.quickswitcher_b5bb0a::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .emptyState_bdb86c {
2023-10-29 10:23:06 +01:00
background: transparent;
}
2024-03-28 18:23:28 +01:00
#app-mount .emptyState_bdb86c::before {
2023-10-29 10:23:06 +01:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(https://discord.com/assets/c586aac99de98cfb010d.svg) center/100px no-repeat;
opacity: .5;
}
2024-03-28 18:23:28 +01:00
.root_a28985 .quickswitcher_b5bb0a::before,
.root_a28985 .quickswitcher_b5bb0a::after {
2022-03-24 17:49:33 +01:00
display: none;
}
2024-03-28 18:23:28 +01:00
.scroller_d4b86c {
2020-07-05 23:08:45 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
#app-mount .input__2a648 { /* modal input */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
#app-mount .result__25f11[aria-selected=true] { /* modal resultselected */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.6. INVITEMODAL/GROUPCREATE ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .contentWrapper_f9bc93 { /* modal guildinvitemodal */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2019-12-12 10:26:20 +01:00
position: relative;
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
.contentWrapper_f9bc93::before,
.contentWrapper_f9bc93::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;
}
2024-03-28 18:23:28 +01:00
.contentWrapper_f9bc93::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:07:15 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.contentWrapper_f9bc93::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2019-12-12 10:26:20 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .friendSelected__98d91, /* modal groupdmrow */
#app-mount .inviteRow_d6ad74:hover { /* modal guildrow */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
#app-mount .friend__05c43, /* modal groupdmrow */
2024-03-28 18:23:28 +01:00
#app-mount .inviteRowName__60057 { /* modal username */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .friendSelected__98d91,
#app-mount .inviteRow_d6ad74:hover .inviteRowName__60057 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .checkBoxLabel__873a9,
#app-mount .footerText_f55c0f,
#app-mount .subtitle__6fbe4,
#app-mount .subText_c87db8 {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
.tag__69d9d { /* modal added user */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2021-05-06 21:30:35 +02:00
color: #fff;
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.pill_c0440d {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2019-12-12 10:26:20 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .notFriends__2c41d .errorStateIcon_c94ccf {
2023-10-27 15:27:58 +02:00
background-image: url(https://discord.com/assets/07aa1f325ebe8b8af5cb.svg);
opacity: 0.6;
}
2024-03-28 18:23:28 +01:00
#app-mount .noFriends__65b07 .errorStateIcon_c94ccf {
2023-10-27 15:27:58 +02:00
background-image: url(https://discord.com/assets/adfe130868d2bcf467b5.svg);
opacity: 0.6;
}
2024-03-28 18:23:28 +01:00
#app-mount .partyFull__72cc0 .errorStateIcon_c94ccf {
2023-10-27 15:27:58 +02:00
background-image: url(https://discord.com/assets/53d74eda11a4185c1acd.svg);
opacity: 0.6;
}
2024-03-28 18:23:28 +01:00
#app-mount .noResults__003ea .errorStateIcon_c94ccf {
2023-10-27 15:27:58 +02:00
background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
opacity: 0.6;
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 13.7. LOGINSCREEN ---- */
2019-09-20 13:29:31 +02:00
2023-10-25 16:24:34 +02:00
#app-mount .wrapper_eebc2d { /* login wrapper */
2019-09-20 13:29:31 +02:00
background: transparent;
}
2023-11-18 17:40:58 +01:00
.wrapper_eebc2d::before, /* login winbuttonshadow */
2024-03-28 18:23:28 +01:00
.wrapper_eebc2d .rightSplit__89936, /* login background */
.wrapper_eebc2d .canvas_cc985d { /* login movingshadow */
2019-09-20 13:29:31 +02:00
display: none;
}
2024-03-28 18:23:28 +01:00
#app-mount .authBox__6f336 { /* 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;
}
2024-03-28 18:23:28 +01:00
#app-mount .authBox__6f336.authBoxExpanded__1da99 { /* login modal body expanded */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2021-12-09 22:14:47 +01:00
}
2023-11-18 17:40:58 +01:00
#app-mount .navRow_bb8efc { /* modal modal footer */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-10-12 19:03:12 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.8. DOWNLOADAPPMODAL ---- */
2020-02-19 14:54:06 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .downloadApps_f5dd09 { /* modal container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2020-02-19 14:54:06 +01:00
position: relative;
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09::before,
.downloadApps_f5dd09::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;
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .header_e9a858 {
2021-05-06 21:30:35 +02:00
color: var(--text-normal);
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .footer__76f39 {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
2020-02-19 14:54:06 +01:00
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e {
2021-05-06 21:30:35 +02:00
border-color: var(--header-secondary);
2020-02-19 14:54:06 +01:00
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e p {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-02-19 14:54:06 +01:00
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e .downloadButton__06261 {
2021-05-06 21:30:35 +02:00
background-color: var(--header-secondary);
2020-02-19 14:54:06 +01:00
}
2024-03-28 18:23:28 +01:00
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e.active__8f9aa .downloadButton__06261 {
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2021-05-06 17:50:44 +02:00
}
2020-02-19 14:54:06 +01:00
2023-11-18 17:40:58 +01:00
/* ---- 13.9. GUILDBOOSTMODAL ---- */
2020-02-23 13:10:23 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .subscriberCount__6634d { /* modal subcount */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-02-23 13:10:23 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .subscriberCount__6634d strong {
2021-05-06 21:30:35 +02:00
color: var(--text-normal);
2020-02-23 13:10:23 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .moreSubscribers__19189 { /* modal suboverflow */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-06 21:30:35 +02:00
color: var(--header-primary)
2020-02-23 13:10:23 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .subscribersPopout__56ea5 { /* subpopout container */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 2px 10px rgba(var(--transparencycolor_v), .2);
2020-02-23 13:10:23 +01:00
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
.subscribersPopout__56ea5::before,
.subscribersPopout__56ea5::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;
}
2024-03-28 18:23:28 +01:00
.subscribersPopout__56ea5::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.subscribersPopout__56ea5::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .subscribersPopoutUser__897f8 { /* subpopout users */
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-02-23 13:10:23 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .iconWrapper__0d13e { /* prebuy popout amount icon wrapper */
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .3);
2020-03-26 00:42:57 +01:00
}
2024-03-28 18:23:28 +01:00
.icon_bb7288:hover { /* prebuy popout amount icon */
2023-11-08 13:39:17 +01:00
background: rgb(var(--accentcolor_v));
2020-03-26 00:42:57 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.10. REACTIONSMODAL ---- */
2020-03-27 19:03:51 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .scroller__9a4f3 { /* modal sidebar */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-03-27 19:03:51 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .reactors__0f305 { /* modal list */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-03-27 19:03:51 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .reactionDefault_de3361:hover { /* modal reaction */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-03-27 19:03:51 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .reactionSelected__16345 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-03-27 19:03:51 +01:00
}
2023-11-18 17:40:58 +01: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 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2021-05-06 21:30:35 +02:00
color: var(--interactive-hover);
}
2024-03-28 18:23:28 +01:00
#app-mount .discriminator_ae757f { /* modal discriminator */
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
2020-03-27 19:03:51 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.11. GUILDWELCOMEMODAL ---- */
2020-05-17 16:50:46 +02:00
2024-03-28 18:23:28 +01:00
.optionContainer__0233f { /* modal option */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-05-17 16:50:46 +02:00
}
2024-03-28 18:23:28 +01:00
.optionContainer__0233f:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-05-17 16:50:46 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.12. GUILDRULESMODAL ---- */
2020-12-22 21:58:36 +01:00
2024-03-28 18:23:28 +01:00
.guildSidebar__74787 { /* modal sidebar */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-12-22 21:58:36 +01:00
}
2024-03-28 18:23:28 +01:00
.footer__62371 { /* modal footer */
2023-10-27 13:12:34 +02:00
background: transparent;
}
2023-11-18 17:40:58 +01:00
.modal_b38209 { /* modal inner */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-12-22 21:58:36 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.13. GUILDFEEDBACKMODAL ---- */
2021-01-03 16:00:42 +01:00
2023-11-18 17:40:58 +01:00
.root_b4f834 { /* modal items */
2021-01-03 16:00:42 +01:00
background-color: transparent;
border-radius: 0;
}
2024-03-28 18:23:28 +01:00
.option__571e3 { /* modal item */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--transparencycolor_v), .2);
2021-01-03 16:00:42 +01:00
border: none;
border-radius: 8px;
margin-bottom: 8px;
}
2024-03-28 18:23:28 +01:00
.option__571e3:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--transparencycolor_v), .4);
2021-01-03 16:00:42 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 13.14. SCREENSHAREMODAL ---- */
2020-06-27 23:39:45 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .sourceThumbnail_f4fa1d { /* modal preview tiles */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
box-shadow: 0 2px 5px rgba(var(--transparencycolor_v), .2), 0 0 0 1px rgba(var(--transparencycolor_v), .6);
2020-06-27 23:39:45 +02:00
}
2023-10-27 15:27:58 +02:00
.card__7756d {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgba(var(--transparencycolor_v), .4);
2020-10-18 23:17:42 +02:00
}
2023-10-27 15:27:58 +02:00
#app-mount .item__126a6 {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--transparencycolor_v), .4);
2020-10-18 23:17:42 +02:00
}
2024-03-28 18:23:28 +01:00
.selectorButton_ea0609:not(.selectorButtonSelected__707fb) {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-10-18 23:17:42 +02:00
}
2020-06-27 23:39:45 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 13.15. PHONEVERIFICATIONMODAL ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.phoneField__47dd1 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-03-19 23:23:44 +01:00
}
2024-03-28 18:23:28 +01:00
.phoneField__47dd1 .inputField_c0d34f {
2021-03-19 23:23:44 +01:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.phoneFieldPopout_a20b2f {
2021-03-19 23:23:44 +01:00
position: absolute !important;
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 13.16. NOTIFICATIONSMODAL ---- */
2021-05-06 20:04:14 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .channelName__4e10b {
2021-05-06 20:04:14 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .guildName__63225,
#app-mount .override_ca20c5,
#app-mount .overrideHighlight_d1476f {
2021-05-06 20:04:14 +02:00
color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .override_ca20c5:hover {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.1);
}
2024-03-28 18:23:28 +01:00
#app-mount .overrideHighlight_d1476f,
#app-mount .overrideHighlight_d1476f:hover {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.3);
}
2024-03-28 18:23:28 +01:00
#app-mount .checkboxContainer_d69195::before {
2021-05-06 20:04:14 +02:00
background-color: rgba(var(--backgroundtertiary),.6);
}
2024-03-28 18:23:28 +01:00
#app-mount .overridePlaceholder__8cd8a {
2021-05-06 20:04:14 +02:00
border: 1px dashed var(--background-floating);
}
2023-11-18 17:40:58 +01:00
/* ---- 13.17. PODIUMSTARTMODAL ---- */
2021-05-12 12:59:29 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .iconContainer__91d80 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2021-05-12 12:59:29 +02:00
}
2020-08-05 20:40:49 +02:00
2023-11-18 17:40:58 +01:00
/* ~~~~ 14. POPOUTS ~~~~ */
2021-03-19 23:23:44 +01:00
2024-03-28 18:23:28 +01:00
.layer__6b5c3:nth-child(1) {
2023-10-27 15:48:43 +02:00
z-index: 1012;
2020-08-05 20:40:49 +02:00
}
2024-03-28 18:23:28 +01:00
.layer__6b5c3:nth-child(2) {
2023-10-27 15:48:43 +02:00
z-index: 1013;
2020-08-05 20:40:49 +02:00
}
2024-03-28 18:23:28 +01:00
.layer__6b5c3:nth-child(3) {
2023-10-27 15:48:43 +02:00
z-index: 1014;
2020-08-05 20:40:49 +02:00
}
2024-03-28 18:23:28 +01:00
.layer__6b5c3:nth-child(4) {
2023-10-27 15:48:43 +02:00
z-index: 1015;
2020-08-05 20:40:49 +02:00
}
2024-03-28 18:23:28 +01:00
.layer__6b5c3:nth-child(5) {
2023-10-27 15:48:43 +02:00
z-index: 1016;
2020-08-05 20:40:49 +02:00
}
2024-03-28 18:23:28 +01:00
.layer__6b5c3:nth-child(6) {
2023-10-27 15:48:43 +02:00
z-index: 1017;
2020-08-05 20:40:49 +02:00
}
2024-03-28 18:23:28 +01:00
.layer__6b5c3:nth-child(7) {
2023-10-27 15:48:43 +02:00
z-index: 1018;
2020-08-05 20:40:49 +02:00
}
2024-03-28 18:23:28 +01:00
.layer__6b5c3:nth-child(8) {
2023-10-27 15:48:43 +02:00
z-index: 1019;
2020-08-05 20:40:49 +02:00
}
2024-03-28 18:23:28 +01:00
.layer__6b5c3:nth-child(9) {
2023-10-27 15:48:43 +02:00
z-index: 1020;
2020-08-05 20:40:49 +02:00
}
2024-03-28 18:23:28 +01:00
.layer__6b5c3 ~ .layer_c14d31,
.layer__6b5c3 ~ .backdrop__1a911.withLayer__29ace {
2024-03-01 14:50:01 +01:00
z-index: 1021;
}
2020-08-05 20:40:49 +02:00
2024-03-28 18:23:28 +01:00
.translate__02873 {
2023-10-27 15:04:29 +02:00
transform: unset !important;
}
2024-03-28 18:23:28 +01:00
#app-mount .loadingPopout__5e2fa, /* loading popout */
#app-mount .container_f93da8, /* browser popout */
2023-10-27 15:48:43 +02:00
#app-mount .themedPopout_1TrfdI { /* themed popout */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2019-09-20 23:04:33 +02:00
border: none;
2019-09-20 22:41:45 +02:00
border-radius: 5px;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
position: relative;
}
2024-03-28 18:23:28 +01:00
.loadingPopout__5e2fa::before,
.container_f93da8::before,
2023-10-27 15:48:43 +02:00
.themedPopout_1TrfdI::before,
2024-03-28 18:23:28 +01:00
.loadingPopout__5e2fa::after,
.container_f93da8::after,
2023-10-27 15:48:43 +02:00
.themedPopout_1TrfdI::after {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
2019-09-20 22:41:45 +02:00
border-radius: 5px;
2021-06-26 17:46:21 +02:00
pointer-events: none;
2019-09-19 12:56:54 +02:00
z-index: -1;
}
2024-03-28 18:23:28 +01:00
.loadingPopout__5e2fa::before,
.container_f93da8::before,
2023-10-27 15:48:43 +02:00
.themedPopout_1TrfdI::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.loadingPopout__5e2fa::after,
.container_f93da8::after,
2023-10-27 15:48:43 +02:00
.themedPopout_1TrfdI::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .divider__65336 { /* popout divider */
2021-05-06 17:50:44 +02:00
border-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.1. CONTEXTMENU ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.menu__088f7, /* contextmenu fixed */
.submenu_aed9ee { /* contextmenu submenu */
2020-11-16 11:11:06 +01:00
background: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.menu__088f7::before,
.submenu_aed9ee::before,
.menu__088f7::after,
.submenu_aed9ee::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;
}
2024-03-28 18:23:28 +01:00
.menu__088f7::before,
.submenu_aed9ee::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.menu__088f7::after,
.submenu_aed9ee::after {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
.submenu_aed9ee {
2020-05-22 14:56:00 +02:00
position: relative;
}
2024-03-28 18:23:28 +01:00
.item__183e8.colorDefault_e361cf.focused_dcafb9,
.item__183e8.colorDefault_e361cf:hover:not(.hideInteraction__0b569) {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--accentcolor_v), .2) !important;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.item__183e8.colorDanger__08c25.focused_dcafb9,
.item__183e8.colorDanger__08c25:hover:not(.hideInteraction__0b569) {
2021-05-21 17:52:59 +02:00
background-color: rgba(var(--dangercolor), .2) !important;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.item__183e8.colorSuccess__83966.focused_dcafb9,
.item__183e8.colorSuccess__83966:hover:not(.hideInteraction__0b569) {
2022-12-17 12:44:06 +01:00
background-color: rgba(var(--successcolor), .2) !important;
}
2024-03-28 18:23:28 +01:00
.item__183e8.colorBrand__9bb0f.focused_dcafb9,
.item__183e8.colorBrand__9bb0f:hover:not(.hideInteraction__0b569) {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--accentcolor_v), .2) !important;
2021-07-03 17:14:51 +02:00
}
2024-03-28 18:23:28 +01:00
.item__183e8.colorPremium__54bff.focused_dcafb9,
.item__183e8.colorPremium__54bff:hover:not(.hideInteraction__0b569) {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--accentcolor2_v), .2) !important;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.item__183e8.colorPremiumGradient__92279.focused_dcafb9,
.item__183e8.colorPremiumGradient__92279:hover:not(.hideInteraction__0b569) {
2023-11-08 13:39:17 +01:00
background: linear-gradient(90deg, rgba(var(--accentcolor2_v), .2), rgba(var(--accentcolor_v), .2)) !important;
2022-12-17 12:44:06 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .item__183e8 .checkbox__378d3 { /* contextmenu checkbox */
2023-11-08 13:39:17 +01:00
color: rgb(var(--accentcolor_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .item__183e8.colorDanger__08c25 .checkbox__378d3 {
2021-05-11 11:28:22 +02:00
color: rgb(var(--dangercolor));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .item__183e8.colorSuccess__83966 .checkbox__378d3 {
2022-12-17 12:44:06 +01:00
color: rgb(var(--successcolor));
}
2024-03-28 18:23:28 +01:00
#app-mount .item__183e8.colorPremium__54bff .checkbox__378d3 {
2023-11-08 13:39:17 +01:00
color: rgb(var(--accentcolor2_v));
2022-12-17 12:44:06 +01:00
}
2023-11-18 17:40:58 +01:00
#app-mount .item__183e8 .check__8d1bd { /* contextmenu checkmark */
2021-05-06 21:30:35 +02:00
color: #fff;
2023-11-08 13:39:17 +01:00
stroke: var(--textshadow_v);
2020-05-14 16:30:50 +02:00
}
2024-03-28 18:23:28 +01:00
.button_bfb8e1 { /* contextmenu quick reaction button */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-03-22 11:38:27 +01:00
}
2024-03-28 18:23:28 +01:00
.button_bfb8e1:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-03-22 11:38:27 +01:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.2. USERPOPOUT ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.userPopoutOuter__3884e { /* popout container */
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.userProfileOuterUnthemed_e14365 { /* popout container */
2022-08-31 11:45:34 +02:00
background: transparent;
}
2024-03-28 18:23:28 +01:00
.userProfileOuterUnthemed_e14365::before,
.userProfileOuterUnthemed_e14365::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;
}
2024-03-28 18:23:28 +01:00
.userProfileOuterUnthemed_e14365::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-05-25 09:08:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.userProfileOuterUnthemed_e14365::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.accountProfilePopoutWrapper_d4887f .overlayBackground__2666e {
2023-01-06 17:44:42 +01:00
display: block !important;
}
2024-03-28 18:23:28 +01:00
.profileColors_ac6ab4 { /* 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
}
2024-03-28 18:23:28 +01:00
#app-mount .userProfileOuterThemed__1fbd7 ::-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
}
2024-03-28 18:23:28 +01:00
.userProfileInnerThemed__5ab6a::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;
}
2024-03-28 18:23:28 +01:00
.userProfileInnerThemed__5ab6a::before {
2022-09-02 10:58:59 +02:00
z-index: 2;
}
2024-03-28 18:23:28 +01:00
.userProfileInnerThemed__5ab6a > * {
2022-09-02 10:58:59 +02:00
z-index: 3;
}
2024-03-28 18:23:28 +01:00
.userProfileInnerThemedWithBanner__2152d::after {
2023-04-09 11:28:42 +02:00
height: 120px;
2022-08-31 11:47:57 +02:00
}
2024-03-28 18:23:28 +01:00
.userProfileInner__61cc1 { /* popout inner */
2023-04-09 11:28:42 +02:00
border-radius: 4px;
2022-10-25 17:03:53 +02:00
}
2024-03-28 18:23:28 +01:00
.userPopoutOuter__3884e .wrapper__3ed10, /* popout avatar */
.userPopoutOuter__3884e .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-11-18 17:40:58 +01:00
.root_a99273 { /* body roles */
2019-09-19 12:56:54 +02:00
max-height: 100px;
overflow-x: hidden;
overflow-y: scroll;
}
2023-10-25 16:24:34 +02:00
#app-mount .root_a99273::-webkit-scrollbar {
2019-09-19 12:56:54 +02:00
width: 4px;
}
2024-03-28 18:23:28 +01:00
#app-mount .role_d81130 { /* body role */
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrighter_v), .6);
2019-09-22 22:29:09 +02:00
border-radius: 5px;
padding: 0 5px;
position: relative;
}
2024-03-28 18:23:28 +01:00
#app-mount .role_d81130[style*="border-color: rgba(185, 187, 190, .6)"] {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrighter_v), .6) !important;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .rolePillBorder_e3a889:not(.actionButton__96742) {
2022-11-01 18:07:53 +01:00
border-width: 0;
}
2024-03-28 18:23:28 +01:00
#app-mount .role_d81130 .roleName__851c9 { /* body rolename */
2019-09-22 22:29:09 +02:00
position: relative;
2023-11-08 13:39:17 +01:00
color: rgb(var(--textbrightest_v));
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;
}
2024-03-28 18:23:28 +01:00
#app-mount .role_d81130 .roleRemoveButton__20c70 {
2022-07-08 16:22:05 +02:00
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
2024-03-28 18:23:28 +01:00
#app-mount .role_d81130 .roleCircle__61ad8 { /* body rolecircle */
2019-09-22 22:29:09 +02:00
position: absolute;
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--textbrighter_v));
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;
}
2024-03-28 18:23:28 +01:00
#app-mount .role_d81130 .roleCircle__61ad8[style*="background-color: rgb(185, 187, 190)"] {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--textbrighter_v)) !important;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .role_d81130 .roleCircle__61ad8: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
}
2024-03-28 18:23:28 +01:00
#app-mount .role_d81130 .roleRemoveIcon_c3913a {
2022-07-08 16:22:05 +02:00
z-index: 2001;
pointer-events: none;
}
2024-03-28 18:23:28 +01:00
#app-mount .role_d81130 .roleIcon_aa2eb3 {
2021-09-24 17:53:51 +02:00
z-index: 1;
}
2019-09-22 22:29:09 +02:00
2024-03-28 18:23:28 +01:00
.textarea__0461c:focus { /* body note */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .wumpusTooltip_db70b7 {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2021-05-21 11:41:34 +02:00
color: #fff;
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2021-05-21 11:41:34 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .wumpusTooltip_db70b7::after {
2023-11-08 13:39:17 +01:00
border-color: transparent rgb(var(--accentcolor_v)) transparent transparent;
2021-05-21 11:41:34 +02:00
}
2020-04-14 09:15:29 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.3. EMOJIPICKER ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.contentWrapper_e0bb2c, /* picker expression wrapper */
.emojiPicker__5e2e2, /* picker inner */
.diversitySelectorOptions_daea2d { /* picker diversityselector */
2020-11-16 11:11:06 +01:00
background: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2020-04-25 09:53:26 +02:00
border: none;
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
.contentWrapper_e0bb2c::before,
.emojiPicker__5e2e2::before,
.diversitySelectorOptions_daea2d::before,
.contentWrapper_e0bb2c::after,
.emojiPicker__5e2e2::after,
.diversitySelectorOptions_daea2d::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;
}
2024-03-28 18:23:28 +01:00
.contentWrapper_e0bb2c::before,
.emojiPicker__5e2e2::before,
.diversitySelectorOptions_daea2d::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.contentWrapper_e0bb2c::after,
.emojiPicker__5e2e2::after,
.diversitySelectorOptions_daea2d::after {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
.diversitySelectorOptions_daea2d::before,
.diversitySelectorOptions_daea2d::after {
2020-04-25 09:53:26 +02:00
border-radius: 5px;
}
2024-03-28 18:23:28 +01:00
.diversityEmojiItem__48e39:hover { /* picker diversityemoji */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-04-25 09:53:26 +02:00
}
2024-03-28 18:23:28 +01:00
.navButtonActive__0c878 { /* picker navbuttonactive */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2021-05-06 21:30:35 +02:00
color: #fff;
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2020-04-25 09:53:26 +02:00
}
2024-03-28 18:23:28 +01:00
.wrapper__85934 { /* picker sidebar */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-04-25 09:53:26 +02:00
}
2024-03-28 18:23:28 +01:00
.guildIcon_ed1ab4 { /* picker guildicon */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-04-25 09:53:26 +02:00
}
2024-03-28 18:23:28 +01:00
.categoryItemDefaultCategory__6c3db:first-child,
.categoryItemDefaultCategory__6c3db:first-child + .categoryItemDefaultCategory__6c3db {
2020-10-20 21:57:17 +02:00
margin-bottom: 8px;
}
2024-03-28 18:23:28 +01:00
.categoryItemDefaultCategory__6c3db:hover, /* picker categoryitem */
.stickerCategory__12120:hover { /* picker stickercategoryitem */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-04-25 09:53:26 +02:00
}
2024-03-28 18:23:28 +01:00
.categoryItemDefaultCategorySelected__7d6e0, /* picker categoryitem selected */
.categoryItemDefaultCategorySelected__7d6e0:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-04-25 09:53:26 +02:00
}
2024-03-28 18:23:28 +01:00
.categoryItemDefaultCategorySelected__7d6e0 svg, /* picker categoryitem selected */
.categoryItemDefaultCategorySelected__7d6e0:hover svg {
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2020-06-01 10:52:07 +02:00
}
2020-04-25 09:53:26 +02:00
2024-03-28 18:23:28 +01:00
.unicodeShortcut__01a83 { /* 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;
}
2024-03-28 18:23:28 +01:00
.unicodeShortcut__01a83::before,
.unicodeShortcut__01a83::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;
}
2024-03-28 18:23:28 +01:00
.unicodeShortcut__01a83::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.unicodeShortcut__01a83::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2020-04-25 09:53:26 +02:00
2024-03-28 18:23:28 +01:00
.inspector__80c84 { /* picker emojiinfowrapper */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-04-25 09:53:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .wrapper__91b2c { /* picker categoryheader */
2020-04-25 09:53:26 +02:00
background: transparent;
position: static;
}
2024-03-28 18:23:28 +01:00
#app-mount .imageLoading_fb7de7 { /* picker emoji loading */
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .3);
2020-10-27 15:15:57 +01:00
border-radius: 10px;
}
2024-03-28 18:23:28 +01:00
.emojiItem_de65fd.emojiItemSelected__023be { /* picker emoji selected */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-04-25 09:53:26 +02:00
}
2024-03-28 18:23:28 +01:00
.emojiItemDisabled__843ea { /* picker emoji disabled */
2020-04-27 14:06:04 +02:00
filter: none;
cursor: no-drop;
}
2024-03-28 18:23:28 +01:00
.emojiItemDisabled__843ea > * {
2020-06-17 15:53:34 +02:00
filter: grayscale(1);
2020-04-25 09:53:26 +02:00
}
2024-03-28 18:23:28 +01:00
.premiumPromo__9e1ca { /* picker premium warning */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2020-04-27 14:06:04 +02:00
opacity: 1;
}
2024-03-28 18:23:28 +01:00
.premiumPromo__9e1ca::before,
.premiumPromo__9e1ca::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;
}
2024-03-28 18:23:28 +01:00
.premiumPromo__9e1ca::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.premiumPromo__9e1ca::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.29));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
.premiumPromoClose_bb9fb2 {
2023-10-29 13:07:45 +01:00
-webkit-mask: url(https://discord.com/assets/411dfecce0d7da63ea2b.svg) 50% 50% no-repeat;
2021-05-06 21:30:35 +02:00
background: var(--interactive-normal);
2020-10-18 20:42:49 +02:00
}
2024-03-28 18:23:28 +01:00
.premiumPromoClose_bb9fb2:hover {
2021-05-06 21:30:35 +02:00
background: var(--interactive-hover);
}
2024-03-28 18:23:28 +01:00
.premiumPromoClose_bb9fb2:active {
2021-05-06 21:30:35 +02:00
background: var(--interactive-active);
2020-10-18 20:42:49 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .categoryItemDefaultCategorySelected__7d6e0 .categoryIcon_d0a396,
#app-mount .categoryItemDefaultCategorySelected__7d6e0:hover .categoryIcon_d0a396 {
2021-05-06 21:30:35 +02:00
color: var(--interactive-active);
}
2024-03-28 18:23:28 +01:00
#app-mount .focused__79359, /* gifpicker result */
2023-10-25 16:24:34 +02:00
#app-mount .result_e1fc74:hover {
2023-11-08 13:39:17 +01:00
box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor_v), .3);
2020-10-18 20:42:49 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .placeholder__99206 {
2023-11-08 13:39:17 +01:00
background: rgba(var(--textdarkest_v),.6);
2021-05-06 21:30:35 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .endContainer__4078a::after {
2023-10-29 13:07:45 +01:00
background-image: url(https://discord.com/assets/6836d88af9197cbd4cbb.svg);
2021-05-06 21:30:35 +02:00
opacity: 0.6;
}
2024-03-28 18:23:28 +01:00
#app-mount .endText__4af65 {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .emptyHintCard_cac1d9 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
2020-10-18 20:42:49 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .backButton_d9b964 { /* gifpicker backbutton */
2021-05-06 21:30:35 +02:00
color: var(--interactive-normal);
2020-10-18 20:42:49 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .backButton_d9b964:hover {
2021-05-06 21:30:35 +02:00
color: var(--interactive-hover);
2020-10-18 20:42:49 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .backButton_d9b964: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
2023-11-18 17:40:58 +01:00
/* ---- 14.4. PINS/MENTIONS ---- */
2020-03-26 15:59:43 +01:00
2024-03-28 18:23:28 +01:00
.messagesPopoutWrap__10dd1, /* popout wrapper */
.container_eb737e { /* popout wrapper (inbox) */
2021-02-03 13:00:57 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2020-01-30 13:58:17 +01:00
border: none;
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
.messagesPopoutWrap__10dd1 > *,
.container_eb737e > * {
2020-01-30 13:58:17 +01:00
z-index: 1000;
}
2024-03-28 18:23:28 +01:00
.messagesPopoutWrap__10dd1::before,
.container_eb737e::before,
.messagesPopoutWrap__10dd1::after,
.container_eb737e::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;
}
2024-03-28 18:23:28 +01:00
.messagesPopoutWrap__10dd1::before,
.container_eb737e::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.messagesPopoutWrap__10dd1::after,
.container_eb737e::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .messagesPopout__28784 { /* popout innerwrap */
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2020-05-08 10:46:50 +02:00
2024-03-28 18:23:28 +01:00
.header__21b33 { /* popout header */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2020-05-08 10:46:50 +02:00
2024-03-28 18:23:28 +01:00
.footer__6b9ef { /* popout footer */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2020-05-08 10:46:50 +02:00
2024-03-28 18:23:28 +01:00
.messageGroupWrapper__1fce2 {
2019-09-19 12:56:54 +02:00
background-color: transparent;
border: none;
overflow: visible;
padding: 11px 10px 10px 10px;
}
2024-03-28 18:23:28 +01:00
.messageGroupWrapper__1fce2 + .messageGroupWrapper__1fce2::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%;
}
2024-03-28 18:23:28 +01:00
.actionButtons_eb040c { /* popout actionbuttonscontainer */
2019-09-19 12:56:54 +02:00
top: 4px;
right: 14px;
}
2024-03-28 18:23:28 +01:00
.jumpButton__6c38c, /* popout jumpbutton (mentions) */
.jumpButton__309d6 { /* popout jumpbutton (pins) */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.jumpButton__6c38c:hover,
.jumpButton__309d6:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-06-26 15:20:13 +02:00
}
2024-03-28 18:23:28 +01:00
.jumpButton__6c38c + .jumpButton__6c38c,
.jumpButton__309d6 + .jumpButton__309d6 {
2019-09-19 12:56:54 +02:00
margin-left: 2px;
}
2024-03-28 18:23:28 +01:00
.image_bbc9d9 { /* popout emptyimage */
2019-09-19 12:56:54 +02:00
opacity: 0.6;
}
2024-03-28 18:23:28 +01:00
.image_bbc9d9[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] {
2023-10-27 15:48:43 +02:00
background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important;
}
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .header__58a85 .tabBar__2aa8e .tab_a8a066.active__7e7af { /* popout active tab */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2020-04-18 16:19:27 +02:00
}
2024-03-28 18:23:28 +01:00
.secondary__45d4f, /* popout header button */
.tertiary_ad6d80, /* popout message button */
.collapseButton_f8165c { /* popout collapse button */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-04-18 16:19:27 +02:00
}
2024-03-28 18:23:28 +01:00
.secondary__45d4f:hover,
.tertiary_ad6d80:hover,
.collapseButton_f8165c:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-04-18 16:19:27 +02:00
}
2024-03-28 18:23:28 +01:00
.collapseButton_f8165c {
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;
}
2024-03-28 18:23:28 +01:00
.collapseButton_f8165c.collapsed__1583e svg {
2020-05-08 11:16:33 +02:00
transform: rotate(-90deg);
}
2024-03-28 18:23:28 +01:00
.channelHeader_ea0f89 { /* popout channelheader */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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
}
2024-03-28 18:23:28 +01:00
.channelHeader_ea0f89:only-child {
2020-05-08 11:16:33 +02:00
border-radius: 0;
}
2024-03-28 18:23:28 +01:00
.messageContainer_cb3d47, /* popout messagecontainer */
.messages__1aaa1 { /* popout messagecontainer (inbox) */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-04-18 16:19:27 +02:00
border-radius: 0;
}
2024-03-28 18:23:28 +01:00
.messageContainer_cb3d47:last-child,
.messages__1aaa1:last-child {
2020-04-18 16:19:27 +02:00
border-radius: 0 0 5px 5px;
}
2024-03-28 18:23:28 +01:00
.tutorial__5bb77 { /* popout tutorial (inbox) */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-08-11 17:19:24 +02:00
}
2024-03-28 18:23:28 +01:00
.tutorialIcon__51741 { /* popout tutorial (inbox) */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-05-08 11:19:25 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.5. SEARCHPOPOUT ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .container__84c26 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
border: none;
overflow: hidden;
position: relative;
}
2024-03-28 18:23:28 +01:00
.container__84c26::before,
.container__84c26::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;
}
2024-03-28 18:23:28 +01:00
.container__84c26::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.container__84c26::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .queryContainer_c1cb2f {
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
}
2024-03-28 18:23:28 +01:00
#app-mount .queryContainer_c1cb2f strong {
2021-05-07 12:32:48 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .focused__68b93 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .resultsGroup_b221b0::before {
2021-05-06 17:50:44 +02:00
border-top-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .resultsGroup_b221b0 .header__00739,
#app-mount .resultsGroup_b221b0 .plusIcon__3ff01,
#app-mount .resultsGroup_b221b0 .searchClearHistory__7fe75,
#app-mount .resultsGroup_b221b0 .searchLearnMore__17e18 a {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .resultsGroup_b221b0 .header__00739,
#app-mount .resultsGroup_b221b0 .plusIcon__3ff01 {
2021-11-18 15:35:56 +01:00
color: var(--text-normal);
}
2024-03-28 18:23:28 +01:00
#app-mount .option__91497::after {
2019-09-19 12:56:54 +02:00
display: none;
}
2024-03-28 18:23:28 +01:00
#app-mount .option__91497:hover,
#app-mount .option__91497[aria-selected=true] {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .option__91497:hover::before,
#app-mount .option__91497[aria-selected=true]::before {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2019-09-19 12:56:54 +02:00
border-radius: 3px;
width: 34px;
}
2024-03-28 18:23:28 +01:00
#app-mount .option__91497:hover .plusIcon__3ff01,
#app-mount .option__91497[aria-selected=true] .plusIcon__3ff01 {
2021-11-18 15:35:56 +01:00
color: white;
opacity: 1;
}
2024-03-28 18:23:28 +01:00
#app-mount .option__91497 .answer__9ff92,
#app-mount .option__91497 .nonText_fbd88d,
#app-mount .option__91497 strong {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .option__91497 .filter__851fb {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .option__91497.user__97b4c .displayedNick_ee206c {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .option__91497.user__97b4c .displayUsername__41697 {
2021-05-07 12:32:48 +02:00
color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .searchOption__3c857 .filter__851fb {
2021-05-07 12:32:48 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .searchOption__3c857 .answer__9ff92 {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .searchResultChannelCategory__3c246,
#app-mount .searchResultChannelIcon__80f46 {
2021-05-07 12:32:48 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker {
2019-09-19 12:56:54 +02:00
background: transparent;
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker__day:not(.react-datepicker__day--outside-month) {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--transparencycolor_v), .5);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker__day--outside-month {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .5);
2021-05-07 12:32:48 +02:00
border-color: transparent;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker__header,
#app-mount .calendarPicker__47c85 .react-datepicker__month-container,
#app-mount .calendarPicker__47c85 .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker__header {
2019-09-19 12:56:54 +02:00
padding-bottom: 5px;
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker__navigation {
2019-09-19 12:56:54 +02:00
background: transparent;
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textbrightest_v), .5);
2019-09-19 12:56:54 +02:00
top: 30px;
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker__navigation::before {
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
2023-10-27 16:21:59 +02:00
-webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) center/6px 12px no-repeat;
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--textbrightest_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker__navigation--previous {
2019-09-19 12:56:54 +02:00
left: 30px;
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker__navigation--next {
2019-09-19 12:56:54 +02:00
right: 30px;
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker__current-month {
2019-09-19 12:56:54 +02:00
border-color: transparent;
padding: 10px 0;
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .react-datepicker__current-month,
#app-mount .calendarPicker__47c85 .react-datepicker__day-name,
#app-mount .calendarPicker__47c85 .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
#app-mount .calendarPicker__47c85 .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
#app-mount .calendarPicker__47c85 .datePickerHint_d023b6 .hint__460f1,
#app-mount .calendarPicker__47c85 .datePickerHint_d023b6 .hintValue__0c960 {
2021-05-07 12:32:48 +02:00
color: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .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
}
2024-03-28 18:23:28 +01:00
#app-mount .calendarPicker__47c85 .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
}
2024-03-28 18:23:28 +01:00
#app-mount .datePicker_df63a7 .datePickerHint_d023b6 {
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);
}
2024-03-28 18:23:28 +01:00
#app-mount .datePicker_df63a7 .datePickerHint_d023b6 .hint__460f1 {
2021-11-18 15:35:56 +01:00
color: var(--text-normal);
}
2024-03-28 18:23:28 +01:00
#app-mount .datePicker_df63a7 .datePickerHint_d023b6 .hintValue__0c960 {
2021-11-18 15:35:56 +01:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .datePicker_df63a7 .datePickerHint_d023b6 .hintValue__0c960:hover {
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.6. COLORPICKER ---- */
2019-09-26 10:28:46 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .customColorPicker_bbc020 { /* popout wrapper */
2021-02-03 13:00:57 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2019-09-26 10:28:46 +02:00
border: none;
border-radius: 3px;
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
.customColorPicker_bbc020::before,
.customColorPicker_bbc020::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;
}
2024-03-28 18:23:28 +01:00
.customColorPicker_bbc020::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.customColorPicker_bbc020::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2019-09-26 10:28:46 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.7. ADDROLE ---- */
2019-10-14 15:57:38 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .container_cff83e, /* popout userpopout */
#app-mount .container_b1d738 { /* popout channelsettings */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .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
}
2024-03-28 18:23:28 +01:00
.container_cff83e::before,
.container_cff83e::after,
.container_b1d738::before,
.container_b1d738::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;
}
2024-03-28 18:23:28 +01:00
.container_cff83e::before,
.container_b1d738::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.container_cff83e::after,
.container_b1d738::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
.focused__87b55,
.item__287de:focus:not(.disabled_ef860a),
.item__287de:hover:not(.disabled_ef860a),
.row__018c3.selected__5fd17 .rowInner__62b94,
.row__018c3:focus .rowInner__62b94,
.row__018c3:hover .rowInner__62b94 {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .4);
2019-10-14 15:57:38 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .container_b1d738 .header_def8e2 {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .2);
2022-01-14 19:06:28 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .container_b1d738 .input__1ed7f {
2022-01-14 19:06:28 +01:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .container_b1d738 .sectionTag__03ea5 {
2022-01-14 19:06:28 +01:00
background: transparent;
}
2024-03-28 18:23:28 +01:00
.autocompleteShadow__09931,
.autocompleteArrowWrapper__9f02e,
.autocompleteHeaderBackground__79bf0 {
2022-01-14 19:06:28 +01:00
display: none;
}
2019-09-26 10:28:46 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.8. EVERYONEMENTION ---- */
2020-01-30 10:22:32 +01:00
2024-03-28 18:23:28 +01:00
.contentWarningPopout__84e38 .animation__60f8d {
2023-10-27 16:21:59 +02:00
opacity: 0.6;
2020-01-30 10:22:32 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .footer__068c0 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
2020-01-30 10:22:32 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.9. CHANNELFOLLOW ---- */
2020-03-25 20:19:24 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .header_ee0efd {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .3);
2020-03-25 20:19:24 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .separator_aab1f8 {
2023-11-08 13:39:17 +01:00
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .3), 0 1px 2px 0 rgba(var(--transparencycolor_v), .3);
2020-03-25 20:19:24 +01:00
}
2024-03-28 18:23:28 +01:00
.channelContainer__0118d {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-03-25 20:19:24 +01:00
}
2024-03-28 18:23:28 +01:00
.channel__7b481 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-03-25 20:19:24 +01:00
}
2024-03-28 18:23:28 +01:00
.channelContainer__0118d .channel__7b481 {
2020-03-25 20:19:24 +01:00
background-color: transparent;
}
2023-11-18 17:40:58 +01:00
/* ---- 14.10. CHANNELFOLLOWINFO ---- */
2020-03-25 20:19:24 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .guildPopout_df13cd { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2020-03-25 20:19:24 +01:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2024-03-28 18:23:28 +01:00
.guildPopout_df13cd::before,
.guildPopout_df13cd::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;
}
2024-03-28 18:23:28 +01:00
.guildPopout_df13cd::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.guildPopout_df13cd::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2020-03-25 20:19:24 +01:00
2023-11-18 17:40:58 +01:00
/* ---- 14.11. EMOJIINFO ---- */
2020-09-12 17:50:02 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .popoutContainer__66068 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2020-09-12 17:50:02 +02:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2024-03-28 18:23:28 +01:00
.popoutContainer__66068::before,
.popoutContainer__66068::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;
}
2024-03-28 18:23:28 +01:00
.popoutContainer__66068::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 17:46:21 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.popoutContainer__66068::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2020-09-12 17:50:02 +02:00
2024-03-28 18:23:28 +01:00
.emojiSection_ab054b { /* popout emojisection */
2020-09-12 17:50:02 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.guildSection__15ac6 { /* popout emojisection */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-10-05 21:26:49 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.12. STREAMPREVIEW ---- */
2020-10-06 20:16:58 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .streamPreview__965fa { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2020-10-06 20:16:58 +02:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2024-03-28 18:23:28 +01:00
.streamPreview__965fa::before,
.streamPreview__965fa::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;
}
2024-03-28 18:23:28 +01:00
.streamPreview__965fa::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 18:01:41 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.streamPreview__965fa::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2020-10-06 20:16:58 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .previewContainer__1e0bb { /* popout preview */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-10-06 20:16:58 +02:00
}
2021-03-19 23:23:44 +01:00
2023-11-18 17:40:58 +01:00
/* ---- 14.13. STREAMINFO ---- */
2021-03-19 23:23:44 +01:00
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;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2021-03-19 23:23:44 +01:00
position: relative;
overflow: visible !important;
}
2023-10-27 11:49:32 +02:00
.container__56cd1::before,
.container__56cd1::after {
2021-03-19 23:23:44 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2023-10-27 11:49:32 +02:00
.container__56cd1::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 18:01:41 +02:00
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.container__56cd1::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2021-03-19 23:23:44 +01:00
}
2020-10-06 20:16:58 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */
2020-10-15 21:56:54 +02:00
2023-11-18 17:40:58 +01:00
#app-mount .popout__8e314 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2020-10-15 21:56:54 +02:00
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
2023-10-27 11:49:32 +02:00
.popout__8e314::before,
.popout__8e314::after {
2020-10-15 21:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
2023-10-27 11:49:32 +02:00
.popout__8e314::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 18:01:41 +02:00
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.popout__8e314::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2020-10-15 21:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 14.15. RTCSTATUSPOPOUT ---- */
2021-05-06 21:30:35 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .container__13b2a { /* RTCpopout */
2021-05-07 17:07:56 +02:00
background-color: transparent;
border: none;
border-radius: 5px;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
position: relative;
2023-10-27 17:01:09 +02:00
width: 290px;
2021-05-06 21:30:35 +02:00
}
2024-03-28 18:23:28 +01:00
.container__13b2a::before,
.container__13b2a::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;
}
2024-03-28 18:23:28 +01:00
.container__13b2a::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 18:01:41 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.container__13b2a::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .container__13b2a canvas {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--transparencycolor_v));
2021-05-06 21:30:35 +02:00
padding: 5px;
border-radius: 5px;
}
2024-03-28 18:23:28 +01:00
#app-mount .container__13b2a section {
2021-05-06 21:30:35 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
#app-mount .container__13b2a section p {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .container__13b2a section strong {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .debugButton__83d1b {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .krispLogo_d24d1f {
2023-10-27 17:01:09 +02:00
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.svg) center/contain no-repeat;
2021-05-06 21:30:35 +02:00
background-color: var(--header-primary);
}
2023-11-18 17:40:58 +01:00
/* ---- 14.16. PHONE-/EMAILVALIDATION ---- */
2021-05-06 21:30:35 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .input__14d2f {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .phoneFieldPopout_a20b2f .countryName__0959f {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .phoneFieldPopout_a20b2f .countryCode__7f17e {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .activityInviteEducationArrow_ebc48e {
2023-10-27 17:01:09 +02:00
-webkit-mask: url(https://discord.com/assets/6f222b93b4b971e68613.svg) center/contain no-repeat;
2021-05-06 21:30:35 +02:00
background: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .emailVerificationModal_a12ecf .title_de0f4f {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .emailVerificationModal_a12ecf .body_fe5b0e {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
}
2024-03-28 18:23:28 +01:00
#app-mount .verification_ab2e30 .title_ef7dd4 {
2021-05-06 21:30:35 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .verification_ab2e30 .body_b1ab5f,
#app-mount .verification_ab2e30 .footer_a3e9dc {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .verificationBlock__2ee71 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .1);
border: 1px solid rgba(var(--transparencycolor_v), .3);
2021-05-06 21:30:35 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .verificationBlock__2ee71:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgb(var(--transparencycolor_v));
2021-05-06 21:30:35 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .verification_ab2e30 .image__30914 {
2023-10-27 17:01:09 +02:00
background-image: url(https://discord.com/assets/8f8162ee689b2d85996c.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .verificationBlock__2ee71 .image__30914.email__44f2f {
2023-10-27 17:01:09 +02:00
background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
2021-05-06 21:30:35 +02:00
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .verificationBlock__2ee71 .image__30914.phone__0b460 {
2023-10-27 17:01:09 +02:00
background-image: url(https://discord.com/assets/e9802d8cbd4efea22c7f.svg);
2021-05-06 21:30:35 +02:00
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .verificationBlock__2ee71 .body_b1ab5f {
2021-05-06 21:30:35 +02:00
color: var(--header-secondary);
}
2020-03-25 20:19:24 +01:00
2023-11-18 17:40:58 +01:00
/* ---- 14.17. QUICKSELECTPOPOUT ---- */
2021-05-07 17:07:56 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .quickSelectPopout__56a98, /* quickselect */
#app-mount .popoutList__292da { /* listpopout */
2021-05-07 17:07:56 +02:00
background-color: transparent;
border: none;
border-radius: 5px;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
position: relative;
}
2024-03-28 18:23:28 +01:00
.quickSelectPopout__56a98::before,
.popoutList__292da::before,
.quickSelectPopout__56a98::after,
.popoutList__292da::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;
}
2024-03-28 18:23:28 +01:00
.quickSelectPopout__56a98::before,
.popoutList__292da::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 18:01:41 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.quickSelectPopout__56a98::after,
.popoutList__292da::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .selectableItem__5e076 {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .selectableItem__5e076:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .quickSelectPopoutOption_b852b1:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .quickSelectPopoutOption_b852b1.selected__683fe {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .popoutListEmpty__04127 {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .quickSelectArrow__5988b {
2023-10-27 17:01:09 +02:00
-webkit-mask: url(https://discord.com/assets/c4643b70509c385fcc83.svg) 50% no-repeat;
2021-05-07 17:07:56 +02:00
background: var(--interactive-normal);
}
2023-11-18 17:40:58 +01:00
/* ---- 14.18. WARNINGPOPOUT ---- */
2021-05-15 12:30:19 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .contentWarningPopout__84e38 { /* popout */
2021-05-15 12:30:19 +02:00
background-color: transparent;
border: none;
border-radius: 5px;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2021-05-15 12:30:19 +02:00
position: relative;
}
2024-03-28 18:23:28 +01:00
.contentWarningPopout__84e38::before,
.contentWarningPopout__84e38::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;
}
2024-03-28 18:23:28 +01:00
.contentWarningPopout__84e38::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 18:01:41 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.contentWarningPopout__84e38::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2021-05-15 12:30:19 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .body__86f4c {
2021-05-15 12:30:19 +02:00
color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .header__6f1b3 {
2021-05-15 12:30:19 +02:00
color: var(--header-primary);
}
2023-11-18 17:40:58 +01:00
/* ---- 14.19. ACTIVETHREADLISTPOPOUT ---- */
2021-11-09 17:21:22 +01:00
2023-11-18 17:40:58 +01:00
#app-mount .popout__24e32 { /* popout */
2021-11-09 17:21:22 +01:00
background-color: transparent;
border: none;
border-radius: 5px;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2021-11-09 17:21:22 +01:00
position: relative;
}
2023-10-27 11:49:32 +02:00
.popout__24e32::before,
.popout__24e32::after {
2021-11-09 17:21:22 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
2023-10-27 11:49:32 +02:00
.popout__24e32::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-11-09 17:21:22 +01:00
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.popout__24e32::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2021-11-09 17:21:22 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.20. ROLEMEMBERSPOPOUT ---- */
2022-09-09 14:27:08 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .rolePopout_bfb7ac { /* popout */
2022-09-09 14:27:08 +02:00
background-color: transparent;
border: none;
border-radius: 5px;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2022-09-09 14:27:08 +02:00
position: relative;
}
2024-03-28 18:23:28 +01:00
.rolePopout_bfb7ac::before,
.rolePopout_bfb7ac::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;
}
2024-03-28 18:23:28 +01:00
.rolePopout_bfb7ac::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2022-09-09 14:27:08 +02:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.rolePopout_bfb7ac::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2022-09-09 14:27:08 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.21. FORUMFILTERPOPOUT ---- */
2022-11-03 14:51:36 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .container_a0ef70 { /* popout */
2022-11-03 14:51:36 +01:00
background-color: transparent;
border: none;
border-radius: 5px;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2022-11-03 14:51:36 +01:00
position: relative;
}
2024-03-28 18:23:28 +01:00
.container_a0ef70::before,
.container_a0ef70::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;
}
2024-03-28 18:23:28 +01:00
.container_a0ef70::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2022-11-03 14:51:36 +01:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.container_a0ef70::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2022-11-03 14:51:36 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.22. ACTIVITYSHAREPOPOUT ---- */
2023-03-12 09:41:10 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .container__79284 { /* popout */
2023-03-12 09:41:10 +01:00
background-color: transparent;
border: none;
border-radius: 5px;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2023-03-12 09:41:10 +01:00
position: relative;
}
2024-03-28 18:23:28 +01:00
.container__79284::before,
.container__79284::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;
}
2024-03-28 18:23:28 +01:00
.container__79284::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2023-03-12 09:41:10 +01:00
background-attachment: fixed;
}
2024-03-28 18:23:28 +01:00
.container__79284::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2023-03-12 09:41:10 +01:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.23. SOUNDBOARD ---- */
2023-04-14 17:43:45 +02:00
2023-11-18 17:40:58 +01:00
#app-mount .picker__6dca7 { /* popout */
2023-04-14 17:43:45 +02:00
background-color: transparent;
border: none;
border-radius: 5px;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2023-04-14 17:43:45 +02:00
position: relative;
}
2023-10-27 11:49:32 +02:00
.picker__6dca7::before,
.picker__6dca7::after {
2023-04-14 17:43:45 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
2023-10-27 11:49:32 +02:00
.picker__6dca7::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2023-04-14 17:43:45 +02:00
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.picker__6dca7::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2023-04-14 17:43:45 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 14.24. SERVERSURVEY ---- */
2023-04-19 13:10:29 +02:00
2024-03-28 18:23:28 +01:00
.main_e0b3ac .prompt__671aa {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .3);
2023-04-19 13:10:29 +02:00
}
2024-03-28 18:23:28 +01:00
.main_e0b3ac .prompt__671aa .sizeMedium__60c12 {
2023-04-19 13:10:29 +02:00
width: unset;
}
2024-03-28 18:23:28 +01:00
.optionButtonWrapper_c86844:hover,
.optionButtonWrapper_c86844.selected__31118 {
2023-11-08 13:39:17 +01:00
border-color: rgb(var(--accentcolor_v));
2023-04-19 13:10:29 +02:00
}
2023-11-18 17:40:58 +01:00
/* ~~~~ 15. GENERAL ~~~~ */
2019-09-19 12:56:54 +02:00
2023-10-27 11:49:32 +02:00
.highlight {
2023-11-08 13:39:17 +01:00
background: rgba(var(--accentcolor_v), .3);
2022-09-09 14:31:18 +02:00
}
2024-03-28 18:23:28 +01:00
.clickable__03a29:hover .layout_bb8e67 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2022-09-09 14:31:18 +02:00
}
2024-03-28 18:23:28 +01:00
.clickable__03a29:active .layout_bb8e67 {
2023-11-08 13:39:17 +01:00
background: rgb(var(--accentcolor_v));
2022-09-09 14:31:18 +02:00
}
2024-03-28 18:23:28 +01:00
.clickable__03a29:active .layout_bb8e67,
.selected__7f4cb .layout_bb8e67,
.selected__7f4cb:hover .layout_bb8e67,
.selected__7f4cb:active .layout_bb8e67 {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
2022-09-09 14:31:18 +02:00
}
2024-03-28 18:23:28 +01:00
.clickable__03a29 .icon_ec85ca {
2022-09-09 14:31:18 +02:00
color: inherit;
}
2024-03-28 18:23:28 +01:00
.clickable__03a29:active .layout_bb8e67 svg,
.clickable__03a29.selected__7f4cb .layout_bb8e67 svg {
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2022-09-09 14:31:18 +02:00
}
2024-03-28 18:23:28 +01:00
.clickable__03a29:active .premiumIcon__58b74,
.clickable__03a29.selected__7f4cb .premiumIcon__58b74 {
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
2024-03-28 18:23:28 +01:00
#app-mount .elevationLow__41429, #app-mount .elevationLow_be38de, .lightElevationLow_b62459{
2023-11-08 13:39:17 +01:00
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .elevationHigh__31684, #app-mount .elevationHigh__08882, .lightElevationHigh_c9beeb {
2023-11-08 13:39:17 +01:00
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .elevationBorderLow_c257e1, #app-mount .elevationBorderLow_d10573, .lightElevationBorderLow__1e5e8 {
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .elevationBorderHigh__24051, #app-mount .elevationBorderHigh__30406, .lightElevationBorderHigh__68386, .darkElevationBorderHigh__4ef1e {
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .breadcrumbWrapper__75797 { /* breadcrumbs wrapper */
2023-11-08 13:39:17 +01:00
color: rgba(var(--textbrightest_v),.3);
2021-05-06 21:30:35 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .activeBreadcrumb__56acd { /* breadcrumbs active */
2023-11-08 13:39:17 +01:00
color: rgba(var(--textbrightest_v),.6);
2021-05-06 21:30:35 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 15.1. TEXT ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount h1.title__4a7a9,
#app-mount h2.title__4a7a9 {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount h3.title__4a7a9 {
2021-05-07 17:07:56 +02:00
color: var(--text-normal);
}
2024-03-28 18:23:28 +01:00
#app-mount h4.title__4a7a9,
#app-mount h5.title__4a7a9,
#app-mount h6.title__4a7a9 {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
}
2024-03-28 18:23:28 +01:00
#app-mount .text__0e310,
#app-mount .title__496be {
2021-05-06 21:30:35 +02:00
color: var(--text-muted);
}
2021-05-07 17:07:56 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .title__4a7a9 {
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
2024-03-28 18:23:28 +01:00
#app-mount .markdown__8e519 {
2021-05-07 17:07:56 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .markdown__8e519 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
}
2024-03-28 18:23:28 +01:00
#app-mount .markdown__8e519 td {
2021-05-07 17:07:56 +02:00
border-color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .markdown__8e519 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
}
2024-03-28 18:23:28 +01:00
#app-mount .markdown__8e519 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
}
2024-03-28 18:23:28 +01:00
#app-mount .markdown__8e519 .blockquote__6a8b8 {
2021-05-07 17:07:56 +02:00
border-left-color: var(--interactive-muted);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .markdown__8e519 code {
2021-05-07 17:07:56 +02:00
background-color: var(--background-secondary);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .markdown__8e519 .codeInline_f5630b {
2021-05-07 17:07:56 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 15.2. BUTTONS ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.btn__51085.btnPrimary__96a11,
.lookFilled__950dd.hoverBrand__252e8.hasHover_dfa15e:hover,
.lookFilled__950dd.hoverBrandNew__5984d.hasHover_dfa15e:hover,
.lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9):not([style*="background-color"]),
.lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9):not([style*="background-color"]) {
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2019-12-18 10:55:02 +01:00
}
2024-03-28 18:23:28 +01:00
.lookFilled__950dd.hoverBrand__252e8.hasHover_dfa15e:hover svg,
.lookFilled__950dd.hoverBrandNew__5984d.hasHover_dfa15e:hover svg,
.lookFilled__950dd.colorBrand__27d57:not(.buttonColor__7bad9):not([style*="background-color"]) svg,
.lookFilled__950dd.colorBrandNew__8872c:not(.buttonColor__7bad9):not([style*="background-color"]) svg {
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2020-06-01 10:48:24 +02:00
}
2020-02-19 14:54:06 +01:00
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorPrimary_ebe632 .spinnerItem_a87807 {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--textdarkest_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookOutlined__014b5.colorPrimary_ebe632 .spinnerItem_a87807,
#app-mount .lookLink_a2da25.colorPrimary_ebe632 .spinnerItem_a87807 {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--textdarkest_v));
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .lookFilled__950dd.colorPrimary_ebe632:hover,
#app-mount .lookFilled__950dd.hoverPrimary_c2c623.hasHover_dfa15e:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookFilled__950dd.colorPrimary_ebe632:active,
#app-mount .lookFilled__950dd.hoverPrimary_c2c623.hasHover_dfa15e:active {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .6);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookFilled__950dd.colorPrimary_ebe632,
#app-mount .lookFilled__950dd.colorPrimary_ebe632:disabled {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorPrimary_ebe632:hover,
#app-mount .lookInverted_a299dc.hoverPrimary_c2c623.hasHover_dfa15e: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
}
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorPrimary_ebe632:active,
#app-mount .lookInverted_a299dc.hoverPrimary_c2c623.hasHover_dfa15e: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
}
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorPrimary_ebe632,
#app-mount .lookInverted_a299dc.colorPrimary_ebe632:disabled {
2021-05-07 17:07:56 +02:00
background-color: #FFF;
2023-11-08 13:39:17 +01:00
color: rgba(var(--textdarkest_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookOutlined__014b5.colorPrimary_ebe632:hover,
#app-mount .lookOutlined__014b5.hoverPrimary_c2c623.hasHover_dfa15e:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textdarkest_v), .05);
border-color: rgba(var(--textdarkest_v), .6);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookOutlined__014b5.colorPrimary_ebe632:active,
#app-mount .lookOutlined__014b5.hoverPrimary_c2c623.hasHover_dfa15e:active {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textdarkest_v), .1);
border-color: rgb(var(--textdarkest_v));
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookOutlined__014b5.colorPrimary_ebe632,
#app-mount .lookOutlined__014b5.colorPrimary_ebe632:disabled {
2023-11-08 13:39:17 +01:00
border-color: rgba(var(--textdarkest_v), .1);
color: rgb(var(--textdarkest_v));
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .lookLink_a2da25.colorPrimary_ebe632 {
2023-11-08 13:39:17 +01:00
color: rgb(var(--textdarkest_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookLink_a2da25.colorPrimary_ebe632:hover .contents__322f4,
#app-mount .lookLink_a2da25.hoverPrimary_c2c623.hasHover_dfa15e:hover .contents__322f4 {
2023-11-08 13:39:17 +01:00
--button--underline-color: rgb(var(--textdarkest_v));
color: rgb(var(--textdarkest_v));
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .borderPrimary__386cf {
2023-11-08 13:39:17 +01:00
border-color: rgb(var(--textdarkest_v)) !important;
2021-11-03 16:18:23 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorTransparent__3e3c7 .spinnerItem_a87807 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textbrightest_v),.1);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookFilled__950dd.colorTransparent__3e3c7 .spinnerItem_a87807,
#app-mount .lookOutlined__014b5.colorTransparent__3e3c7 .spinnerItem_a87807,
#app-mount .lookLink_a2da25.colorTransparent__3e3c7 .spinnerItem_a87807 {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--textbrightest_v));
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookFilled__950dd.colorTransparent__3e3c7:hover,
#app-mount .lookFilled__950dd.hoverTransparent__31061.hasHover_dfa15e:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textbrightest_v),.05);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookFilled__950dd.colorTransparent__3e3c7:active,
#app-mount .lookFilled__950dd.hoverTransparent__31061.hasHover_dfa15e:active {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textbrightest_v),.01);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookFilled__950dd.colorTransparent__3e3c7,
#app-mount .lookFilled__950dd.colorTransparent__3e3c7:disabled {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textbrightest_v),.1);
color: rgb(var(--textbrightest_v));
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorTransparent__3e3c7:hover,
#app-mount .lookInverted_a299dc.hoverTransparent__31061.hasHover_dfa15e:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textbrightest_v),.05);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorTransparent__3e3c7:active,
#app-mount .lookInverted_a299dc.hoverTransparent__31061.hasHover_dfa15e:active {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textbrightest_v),.1);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookInverted_a299dc.colorTransparent__3e3c7,
#app-mount .lookInverted_a299dc.colorTransparent__3e3c7:disabled {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--textbrightest_v));
color: rgba(var(--textbrightest_v),.1);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookOutlined__014b5.hoverTransparent__31061.hasHover_dfa15e:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textbrighter_v),.1);
border-color: rgb(var(--textbrightest_v));
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookOutlined__014b5.hoverTransparent__31061.hasHover_dfa15e:active {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textbrightest_v),.1);
border-color: rgb(var(--textbrightest_v));
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookOutlined__014b5.colorTransparent__3e3c7,
#app-mount .lookOutlined__014b5.colorTransparent__3e3c7:disabled {
2021-05-07 17:07:56 +02:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
color: rgb(var(--textbright_v));
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookLink_a2da25.colorTransparent__3e3c7 {
2023-11-08 13:39:17 +01:00
color: rgb(var(--textbright_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .lookLink_a2da25.colorTransparent__3e3c7:hover .contents__322f4,
#app-mount .lookLink_a2da25.hoverTransparent__31061.hasHover_dfa15e:hover .contents__322f4 {
2023-11-08 13:39:17 +01:00
--button--underline-color: rgb(var(--textbright_v));
color: rgb(var(--textbright_v));
2021-11-03 16:18:23 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .borderTransparent_c5801e {
2023-11-08 13:39:17 +01:00
border-color: rgb(var(--textbrightest_v)) !important;
2019-04-05 11:10:52 +02:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 15.3. INPUTS ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
input.input_f27786 { /* valueinput bordered */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .1);
2019-02-13 22:55:07 +01:00
}
2024-03-28 18:23:28 +01:00
input.input_f27786:hover:not(:focus) {
2023-11-08 13:39:17 +01:00
border-color: rgb(var(--transparencycolor_v));
2018-10-11 10:21:26 +02:00
}
2021-05-07 17:07:56 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .prefixInput_e78a57 {
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
}
2024-03-28 18:23:28 +01:00
#app-mount .prefixInput_e78a57:hover {
2021-05-07 17:07:56 +02:00
border-color: rgba(0,0,0,.6);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .prefixInputInput_f59287 {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .prefixInputInput_f59287::-webkit-input-placeholder,
#app-mount .prefixInputInput_f59287::-moz-placeholder,
#app-mount .prefixInputInput_f59287:-ms-input-placeholder,
#app-mount .prefixInputInput_f59287::placeholder {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .prefixInputPrefix_fa0059 {
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
2024-03-28 18:23:28 +01:00
#app-mount .maxLength_cf9f48 {
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
2024-03-28 18:23:28 +01:00
#app-mount .copyInput_f549fd {
2021-05-07 17:07:56 +02:00
background-color: var(--deprecated-text-input-bg);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .copyInputDefault_e19ebf {
2021-05-07 17:07:56 +02:00
border-color: var(--deprecated-text-input-border);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .hiddenMessage_e7355b,
#app-mount .inputDefault__591c7 {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
2018-12-14 00:14:32 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .hiddenMessage_e7355b::placeholder,
#app-mount .inputDefault__591c7::placeholder {
2023-11-08 13:39:17 +01:00
color: rgba(var(--textbrightest_v),.3);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.container__2ed72 { /* checkboxswitch */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3) !important;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.container__2ed72 rect[fill] {
2021-05-07 17:07:56 +02:00
fill: var(--header-primary) !important;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.container__2ed72 path[fill] {
2023-11-08 13:39:17 +01:00
fill: rgb(var(--transparencycolor_v)) !important;
2020-10-14 22:14:52 +02:00
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:40:58 +01:00
#app-mount .item_b7fb7e { /* radiogroup container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .item_b7fb7e:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2020-11-21 19:36:03 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__70669 {
2023-11-08 13:39:17 +01:00
background: rgb(var(--accentcolor_v));
2020-11-22 15:40:43 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__70669 .radioIconForeground__9ca1e {
2021-05-07 17:07:56 +02:00
color: var(--header-primary);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .item_b7fb7e .radioBar__70669[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
}
2024-03-28 18:23:28 +01:00
#app-mount .item_b7fb7e[aria-checked=false]:hover .radioBar__70669[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
2024-03-28 18:23:28 +01:00
#app-mount .checkboxContainer_d69195::before { /* checkbox container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textdarker_v), .3);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .checkboxMute__47021::before {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2023-01-24 12:19:18 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .checkbox_fcf2ad { /* checkbox inner */
2023-11-08 13:39:17 +01:00
border-color: rgb(var(--textdark_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .checkbox_fcf2ad.checked__16f88 { /* checkbox checked */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--textbrightest_v));
border-color: rgb(var(--textbrightest_v));
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .checkbox_fcf2ad.checked__16f88.round__2ab09 { /* checkbox roundchecked */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v)) !important;
border-color: rgb(var(--accentcolor_v)) !important;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .checkbox_fcf2ad.checked__16f88.round__2ab09 svg {
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2020-06-01 10:48:24 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .checkbox_fcf2ad.checked__16f88.round__2ab09 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-11-18 17:40:58 +01:00
#app-mount .bar_e58961 { /* slider backgroundbar */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.grabber_e3daf3 { /* slider grabber */
2021-05-07 17:07:56 +02:00
background-color: var(--header-primary);
border-color: var(--header-primary);
2023-11-08 13:39:17 +01:00
box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor_v), .05), 0 2px 2px 0 rgba(var(--transparencycolor_v), .1), 0 3px 3px 0 rgba(var(--transparencycolor_v), .05);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .markValue_c91c4e { /* slider markvalue */
2021-06-10 21:39:33 +02:00
color: var(--text-muted);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .defaultValue__8e777 .markValue_c91c4e {
2019-09-19 12:56:54 +02:00
color: #43b581;
}
2024-03-28 18:23:28 +01:00
#app-mount .markDash__54545 {
2019-09-19 12:56:54 +02:00
background: transparent;
2023-11-08 13:39:17 +01:00
color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .defaultValue__8e777 .markDash__54545 {
2019-09-19 12:56:54 +02:00
color: #43b581;
}
2024-03-28 18:23:28 +01:00
#app-mount .markDash__54545::before,
#app-mount .markDash__54545::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
}
2024-03-28 18:23:28 +01:00
#app-mount .markDash__54545::before {
2019-09-19 12:56:54 +02:00
top: 14px;
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .markDash__54545::after {
2019-09-19 12:56:54 +02:00
top: 30px;
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:40:58 +01:00
#app-mount .bubble_f48089 { /* slider bubble */
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2021-05-07 17:07:56 +02:00
color: #fff;
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2019-03-18 10:22:26 +01:00
}
2023-10-27 17:01:09 +02:00
#app-mount .bubble_f48089::before {
2023-11-08 13:39:17 +01:00
border-top-color: rgb(var(--accentcolor_v));
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .container__8267c { /* hotkeyinput container */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .1);
border-color: rgba(var(--transparencycolor_v), .3);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .editIcon__570b4 { /* hotkeyinput editicon */
2023-10-27 17:01:09 +02:00
-webkit-mask: url(https://discord.com/assets/c87be216431a35927431.svg) center/cover no-repeat;
2021-05-07 17:07:56 +02:00
background: var(--header-primary);
2019-09-19 12:56:54 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .container_e61cfb .button__0982c {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v),.3) !important;
2021-06-26 17:20:52 +02:00
color: var(--header-primary) !important;
}
2024-03-28 18:23:28 +01:00
#app-mount .container_e61cfb.recording_adbccb .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
}
2024-03-28 18:23:28 +01:00
.select_a50fd3 [class*="css-"][class*="-container"] { /* select container */
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
2024-03-28 18:23:28 +01:00
.lookFilled__9c1ef.select_fe2671,
.select_a50fd3 [class*="css-"][class*="-control"] {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .1);
border-color: rgba(var(--transparencycolor_v), .3);
2023-04-19 13:12:27 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.lookFilled__9c1ef.select_fe2671:hover {
2023-11-08 13:39:17 +01:00
border-color: rgb(var(--transparencycolor_v));
2021-11-18 15:50:59 +01:00
}
2024-03-28 18:23:28 +01:00
.lookFilled__9c1ef.select_fe2671:hover.open_cd27aa,
.lookFilled__9c1ef.open_cd27aa {
2023-11-08 13:39:17 +01:00
border-color: rgb(var(--transparencycolor_v)) rgb(var(--transparencycolor_v)) rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.lookFilled__9c1ef.select_fe2671 .searchInput_d31046 {
2021-03-20 11:04:08 +01:00
background: transparent;
}
2024-03-28 18:23:28 +01:00
.select_a50fd3 [class*="css-"][class*="-control"]:hover,
.select_a50fd3 [class*="css-"][class*="-control"]:not(:last-child) {
2021-05-07 17:07:56 +02:00
border-color: var(--deprecated-text-input-border-hover);
}
2024-03-28 18:23:28 +01:00
.select_a50fd3.languageSelector_f25b72 [class*="css-"][class*="-control"] {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-07 17:07:56 +02:00
}
2024-03-28 18:23:28 +01:00
.select_a50fd3 [class*="css-"][class*="-singleValue"],
.select_a50fd3 [class*="css-"][class*="-placeholder"],
.select_a50fd3 [class*="css-"][class*="-indicatorContainer"] {
2021-05-07 17:07:56 +02:00
color: var(--text-normal);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.option_eb83e4,
2023-10-27 11:49:32 +02:00
.css-1gfjib6-option,
.css-1yz4bi9-option,
.css-ru8b0x-option,
.css-1yz4bi9-option {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .1);
2021-05-07 17:07:56 +02:00
color: var(--interactive-normal);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.option_eb83e4:hover,
2023-10-27 11:49:32 +02:00
.css-pkcurw-option,
.css-rzbxvl-option,
.css-1qxn4c5-option,
.css-rzbxvl-option {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-05-07 17:07:56 +02:00
color: var(--interactive-hover);
2019-09-19 12:56:54 +02:00
}
2024-04-06 09:14:04 +02:00
.option_eb83e4:focus,
.option_eb83e4.focused_d14fa7,
.option_eb83e4.focused_d14fa7:hover,
2024-03-28 18:23:28 +01:00
.option_eb83e4[aria-selected=true]:not(.option_eb83e4.multi__8d15f),
2023-10-27 11:49:32 +02:00
.css-1gxgi19-option,
.css-1ba14n5-option,
.css-6qzljd-option,
.css-1ba14n5-option {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2021-05-07 17:07:56 +02:00
color: var(--interactive-active);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f::-webkit-scrollbar {
2021-03-20 11:04:08 +01:00
display: none;
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f,
2024-03-28 18:23:28 +01:00
.select_a50fd3 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
2020-11-16 11:11:06 +01:00
background-color: transparent;
2023-11-08 13:39:17 +01:00
border: 1px solid rgba(var(--transparencycolor_v), .3);
box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
overflow: hidden;
}
2024-03-28 18:23:28 +01:00
.popout_a6e77f.scrollerBase_f742b2 > .option_eb83e4 {
2022-04-06 19:45:54 +02:00
position: relative;
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f::before,
2024-03-28 18:23:28 +01:00
.popout_a6e77f.scrollerBase_f742b2 > .option_eb83e4::before,
.popout_a6e77f.scrollerBase_f742b2 .content__690c5::before,
.select_a50fd3 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before,
2023-10-27 11:49:32 +02:00
.popout_a6e77f::after,
2024-03-28 18:23:28 +01:00
.popout_a6e77f.scrollerBase_f742b2 > .option_eb83e4::after,
.popout_a6e77f.scrollerBase_f742b2 .content__690c5::after,
.select_a50fd3 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
2018-10-11 10:21:26 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
2019-09-19 12:56:54 +02:00
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f::before,
2024-03-28 18:23:28 +01:00
.popout_a6e77f.scrollerBase_f742b2 > .option_eb83e4::before,
.popout_a6e77f.scrollerBase_f742b2 .content__690c5::before,
.select_a50fd3 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 18:01:41 +02:00
background-attachment: fixed;
}
2023-10-27 11:49:32 +02:00
.popout_a6e77f::after,
2024-03-28 18:23:28 +01:00
.popout_a6e77f.scrollerBase_f742b2 > .option_eb83e4::after,
.popout_a6e77f.scrollerBase_f742b2 .content__690c5::after,
.select_a50fd3 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2024-03-28 18:23:28 +01:00
.popout_a6e77f.scrollerBase_f742b2::before,
.popout_a6e77f.scrollerBase_f742b2::after {
2021-11-18 15:50:59 +01:00
display: none;
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 15.4. SEARCHBARS ---- */
2018-10-11 10:21:26 +02:00
2024-03-28 18:23:28 +01:00
.container_ec5ce2, /* searchbar inner */
.container__33507 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .searchBox__56feb .searchBoxInput__56498::placeholder {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
}
2024-03-28 18:23:28 +01:00
#app-mount .searchIcon_d1a3c1 {
2021-05-07 17:07:56 +02:00
color: var(--text-muted);
}
2024-03-28 18:23:28 +01:00
#app-mount .filterLabel__82eb8 {
2021-05-07 17:07:56 +02:00
color: var(--header-secondary);
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .searchBox__56feb {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor_v), .2);
2019-09-19 12:56:54 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 15.5. TAGS ---- */
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01:00
.botTagRegular_c89c9a:not([style]) { /* bottag regular */
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2019-12-18 10:24:01 +01:00
}
2023-10-27 11:49:32 +02:00
.botTagRegular_c89c9a:not([style]) svg {
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2020-06-01 10:52:07 +02:00
}
2018-10-11 10:21:26 +02:00
2024-03-28 18:23:28 +01:00
.base__5ed84[style*="var(--bdfdb-blurple)"], /* numberbadge */
.base__5ed84[style*="background-color: rgb(88, 101, 242)"],
.base__5ed84[style*="background-color: rgb(114, 137, 218)"] {
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2021-05-13 21:18:23 +02:00
}
2024-03-28 18:23:28 +01:00
.iconBadge__0c126 { /* iconbadge */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 15.6. IMAGES ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .image__02f7c {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/5420f8fd9d89897c6448.svg);
opacity: .75;
}
2024-03-28 18:23:28 +01:00
#app-mount .invalidPoop__9bdd8 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .sadImage__4d614 {
2023-10-29 13:07:45 +01:00
background-image: url(https://discord.com/assets/746284e4cfc7cd6c5e15.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .cancelImage_a17f16 {
2023-10-29 12:11:49 +01:00
background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
opacity: .75;
}
2024-03-28 18:23:28 +01:00
#app-mount .emptyWumpus_d5031d {
2023-10-29 12:11:49 +01:00
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .authenticationRequiredImage__6e339 {
2023-10-29 12:33:09 +01:00
background-image: url(https://discord.com/assets/ac36a2fad758d64ffbfb.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .authenticationSuccessImage_c09e96 {
2023-10-29 12:33:09 +01:00
background-image: url(https://discord.com/assets/22a55a08151860da8500.svg);
opacity: .5;
}
#app-mount .authenticationFailImage-3DXXvB {
background-image: url(https://discord.com/assets/5fc4852a2acb3abf0a64.svg);
opacity: .5;
}
#app-mount .conflictUploadArt_c68c28 {
background-image: url(https://discord.com/assets/27f92332674f9dacc1e9.svg);
opacity: .5;
}
#app-mount .conflictDownloadArt__87c31 {
background-image: url(https://discord.com/assets/f6bc645aead00959a690.svg);
opacity: .5;
}
#app-mount .errorArt__7d1bf {
background-image: url(https://discord.com/assets/c00cfaed1382bf7f33d4.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .searchIndexBackground__732e0 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/1876c6a6db747137a124.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .resultsBlockedImage_ee0c36 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/83720a1a3ec0963a1f71.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .noResultsImage__1a10e {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .noResultsImage__1a10e.alt__77d89 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/99d35a435f00582ddf41.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .errorImage__3570d {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg);
opacity: .5;
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .emptyStateImage_b41d12 {
2023-10-29 11:26:25 +01:00
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .wrapper__77675 { /* crash screen background */
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/14223d22c9628be36fc0.svg);
}
2024-03-28 18:23:28 +01:00
#app-mount .image_e0cb48 { /* crash screen center image */
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/72eaa596042042be6259.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .gameIcon_fc710a {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--textbrightest_v), .1);
2021-09-27 16:21:46 +02:00
color: var(--header-primary);
}
2024-03-28 18:23:28 +01:00
#app-mount .noResults__0e6c4 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/c586aac99de98cfb010d.svg);
opacity: .5;
2018-10-11 10:21:26 +02:00
}
2023-10-29 11:26:25 +01:00
#app-mount .art_ba4492 {
background-image: url(https://discord.com/assets/1a8d1cce8efe66c22c6d.svg);
opacity: .5;
}
#app-mount .art__773bf {
background-image: url(https://discord.com/assets/29306de8953471954035.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .imageUnverified_d28579 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .imageUpgrade_d10a46 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg);
}
2024-03-28 18:23:28 +01:00
#app-mount .imageCancel_f3aeb9 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
}
2024-03-28 18:23:28 +01:00
#app-mount .imageUnclaimed_a53457 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/41675689ca055858e137.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .imageUnverified__7fad2 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .emptyPreviewImage_d74d4a {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/3a354aac283f909d403d.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
.fullArt__4b6a0,
.fullArt__26da5 {
2023-10-29 11:26:25 +01:00
opacity: .5;
}
2024-03-28 18:23:28 +01:00
.image_bbc9d9 {
2023-10-29 11:26:25 +01:00
opacity: .5;
}
2024-03-28 18:23:28 +01:00
.image_bbc9d9[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important;
}
2024-03-28 18:23:28 +01:00
.image__08515 {
2023-10-29 11:26:25 +01:00
opacity: .5;
}
2024-03-28 18:23:28 +01:00
.image__08515[style*='url("/assets/d6dfb89ab06b62044dbb.svg")'] {
2023-11-24 11:33:58 +01:00
background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg) !important;
}
2024-03-28 18:23:28 +01:00
.image__08515[style*='url("/assets/75081bdaad2d359c1469.svg")'] {
2023-11-24 11:33:58 +01:00
background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg) !important;
}
2024-03-28 18:23:28 +01:00
.image__08515[style*='url("/assets/0629e34902ae58f8e4ca.svg")'] {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/24aa06be5457e66bdd64.svg) !important;
}
2024-03-28 18:23:28 +01:00
.image__08515[style*='url("/assets/5741692705ba077f4190.svg")'] {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/bca918618b884a382ab5.svg) !important;
}
2024-03-28 18:23:28 +01:00
.image__08515[style*='url("/assets/a72746e7108167af95c8.svg")'] {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/01864c39871ce619d855.svg) !important;
}
2024-03-28 18:23:28 +01:00
.image__08515[style*='url("/assets/ee4637f8627629dd0da5.svg")'] {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/532f1d4582d881960783.svg) !important;
}
2024-03-28 18:23:28 +01:00
.image__08515[style*='url("/assets/c8be48745cf680093019.svg")'] {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/295da3fc92e2adb1b852.svg) !important;
}
2024-03-28 18:23:28 +01:00
.image__08515[style*='url("/assets/5e3480eff150b1cb323e.svg")'] {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/cf8f9096a9322f2ae0d7.svg) !important;
}
2024-03-28 18:23:28 +01:00
.emptyStateImage__1e77e {
2023-10-29 11:26:25 +01:00
opacity: .5;
}
2024-03-28 18:23:28 +01:00
.emptyStateImage__1e77e[src='/assets/39e3f389716400ced39a.svg'] {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/1bb2be01aece015602f7.svg);
object-position: -999999px -999999px;
}
2024-03-28 18:23:28 +01:00
.image__08515[style*='url("/assets/c65431f185feb7b00749.svg")'] {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/cdc3f4f6fbf3a0f0766f.svg) !important;
}
2024-03-28 18:23:28 +01:00
.image__08515[style*='url("/assets/a1b0a14d2f22c155a2b3.svg")'] {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/c7c4065874955761be3b.svg) !important;
}
img[src='/assets/73984240bd99493de947.svg'] {
background-image: url(https://discord.com/assets/c1875fc8a42a61903ba1.svg);
opacity: .5;
object-position: -999999px -999999px;
}
img[src='/assets/387a7c504c96b992872d.svg'] {
background-image: url(https://discord.com/assets/1964f50ca0220e98dc32.svg);
opacity: .5;
object-position: -999999px -999999px;
}
2024-03-28 18:23:28 +01:00
#app-mount .footerImage_fb15e2 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/a4bee30fe0b5a0f5b3c7.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .imageError__3af5f {
2023-10-29 11:26:25 +01:00
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .emptyImage_a1225f {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .missingEntitlementImage_b096c0 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .image__190d5 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .image_abaa2d {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .image__8bdd3 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
opacity: .5;
}
2024-03-28 18:23:28 +01:00
#app-mount .image__15b80 {
2023-10-29 11:26:25 +01:00
background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
opacity: .5;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +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;
}
2024-03-28 18:23:28 +01:00
#app-mount .scroller__73df8::-webkit-scrollbar,
#app-mount .scrollbar_b61b2b::-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;
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v)) !important;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
.none__7a473::-webkit-scrollbar-corner,
.none__7a473::-webkit-scrollbar-thumb,
.none__7a473::-webkit-scrollbar-track,
.none__7a473::-webkit-scrollbar,
.none_ff9f86::-webkit-scrollbar-corner,
.none_ff9f86::-webkit-scrollbar-thumb,
.none_ff9f86::-webkit-scrollbar-track,
.none_ff9f86::-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
2023-11-18 17:40:58 +01:00
/* ---- 15.8. NOTIFICATIONBAR ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
.base_c0676e .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 {
2023-11-08 13:39:17 +01:00
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
2018-10-11 10:21:26 +02:00
}
2023-10-25 16:24:34 +02:00
#app-mount .notice__99c03 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .6);
2020-04-14 09:15:29 +02:00
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 15.9. TOOLTIPS ---- */
2019-09-19 12:56:54 +02:00
2024-03-28 18:23:28 +01:00
#app-mount .guildNameText__2c549 {
2021-05-06 17:50:44 +02:00
color: #fff;
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .muteText__8f07b {
2021-05-07 11:45:50 +02:00
color: #bbb;
2021-02-13 22:10:28 +01:00
}
2024-03-28 18:23:28 +01:00
#app-mount .tooltipPrimary__51b23,
#app-mount .tooltipGrey__3108e,
#app-mount .tooltipBlack__867ce {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2021-05-06 19:36:45 +02:00
color: #fff;
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2019-09-19 12:56:54 +02:00
}
2024-03-28 18:23:28 +01:00
#app-mount .tooltipPrimary__51b23 .note_e4Jh6_,
#app-mount .tooltipGrey__3108e .note_e4Jh6_,
#app-mount .tooltipBlack__867ce .note_e4Jh6_ {
2021-05-22 19:38:29 +02:00
color: #bbb;
}
2024-03-28 18:23:28 +01:00
#app-mount .tooltipPrimary__51b23 a,
#app-mount .tooltipGrey__3108e a,
#app-mount .tooltipBlack__867ce a {
2023-04-09 20:12:55 +02:00
filter: brightness(50%);
}
2024-03-28 18:23:28 +01:00
#app-mount .tooltipPrimary__51b23 .tooltipPointer_f7411c,
#app-mount .tooltipGrey__3108e .tooltipPointer_f7411c,
#app-mount .tooltipBlack__867ce .tooltipPointer_f7411c {
2023-11-08 13:39:17 +01:00
border-top-color: rgb(var(--accentcolor_v));
2018-10-11 10:21:26 +02:00
}
2024-03-28 18:23:28 +01:00
.emptyUser__8a436 {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .5);
2020-03-25 22:40:02 +01:00
}
2024-03-28 18:23:28 +01:00
.moreUsers__61edd {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .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
2023-11-18 17:40:58 +01:00
/* ~~~~ 16. BDSUPPORT ~~~~ */
2021-02-03 13:00:57 +01:00
2020-12-12 21:27:56 +01:00
html .bd-toast {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
2021-05-06 17:50:44 +02:00
color: #fff;
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
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 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-04-21 19:39:15 +02:00
}
#app-mount .bd-tab-item.selected {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2021-05-06 17:50:44 +02:00
color: #fff;
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2021-04-21 19:39:15 +02:00
}
2023-11-18 17:40:58 +01:00
#app-mount .bd-server-card { /* pubslayer guildcard */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2021-01-18 11:13:18 +01:00
}
2023-11-18 17:40:58 +01:00
#app-mount .bd-server-icon { /* pubslayer guildicon */
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2021-01-18 11:13:18 +01:00
border-color: transparent;
}
#app-mount .bd-server-card:hover,
#app-mount .bd-server-icon:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
2021-01-18 11:13:18 +01:00
}
2018-10-11 10:21:26 +02:00
2023-11-18 17:40:58 +01:00
.bd-switch-body { /* bd switch */
2023-11-08 13:39:17 +01:00
--switch-color: rgb(var(--transparencycolor_v));
background-color: rgba(var(--transparencycolor_v), .3);
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:40:58 +01:00
.bd-slider-label { /* bd slider label */
2023-11-18 16:12:01 +01:00
background-color: rgb(var(--accentcolor_v));
color: var(--header-primary);
text-shadow: 1px 1px var(--textshadow_v);
}
2023-11-18 17:40:58 +01:00
.bd-slider-input { /* bd slider input */
2023-11-18 16:12:01 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
}
.bd-slider-input[type="range"]::-webkit-slider-thumb {
background-color: var(--header-primary);
border-color: var(--header-primary);
box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor_v), .05), 0 2px 2px 0 rgba(var(--transparencycolor_v), .1), 0 3px 3px 0 rgba(var(--transparencycolor_v), .05);
}
.bd-select {
background-color: rgba(var(--transparencycolor_v), .1);
border-color: rgba(var(--transparencycolor_v), .3);
color: var(--text-normal);
border: 1px solid transparent;
padding: 8px 8px 8px 12px;
cursor: pointer;
box-sizing: border-box;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
border-radius: 4px;
}
2023-11-18 17:40:58 +01:00
.bd-select .bd-select-options { /* bd select popout */
2020-11-16 11:11:06 +01:00
background-color: transparent;
2020-03-26 10:01:40 +01:00
border: none;
border-radius: 4px;
2023-11-08 13:39:17 +01:00
box-shadow: rgba(var(--transparencycolor_v), .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
}
2023-10-26 16:35:35 +02:00
.bd-select .bd-select-options::before,
.bd-select .bd-select-options::after {
2020-03-26 10:01:40 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 4px;
pointer-events: none;
z-index: -1;
}
2023-10-26 16:35:35 +02:00
.bd-select .bd-select-options::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 18:01:41 +02:00
background-attachment: fixed;
}
2023-10-26 16:35:35 +02:00
.bd-select .bd-select-options::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2023-11-18 17:40:58 +01:00
.bd-select .bd-select-option { /* bd select popout option */
2020-10-09 21:09:35 +02:00
display: flex;
align-items: center;
min-height: 32px;
border-radius: 2px;
box-sizing: border-box;
2020-03-26 10:01:40 +01:00
color: var(--interactive-normal);
2020-10-09 21:09:35 +02:00
font-size: 14px;
font-weight: 500;
line-height: 18px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0 8px;
2020-03-26 10:01:40 +01:00
}
2023-10-26 16:35:35 +02:00
.bd-select .bd-select-option:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
2020-03-26 10:01:40 +01:00
color: var(--interactive-hover);
}
2023-10-26 16:35:35 +02:00
.bd-select .bd-select-option.selected {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .3);
2020-03-26 10:01:40 +01:00
color: var(--interactive-active);
}
2023-11-18 17:40:58 +01:00
.bd-pfbtn { /* addonlist folder button */
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2021-01-18 10:56:16 +01:00
}
2023-11-18 17:40:58 +01:00
.bd-server-tag { /* addonlist public list tag */
2023-11-08 13:39:17 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2018-10-11 10:21:26 +02:00
}
2020-03-26 09:41:43 +01:00
2022-08-03 09:52:56 +02:00
2023-10-26 16:35:35 +02:00
.bd-error-modal-content {
2022-08-03 09:52:56 +02:00
padding: 0 10px 16px 10px;
}
#app-mount .bd-addon-error {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), 0.2);
border-color: rgba(var(--transparencycolor_v), 0.2);
2022-08-03 09:52:56 +02:00
}
#app-mount .bd-addon-error.expanded,
#app-mount .bd-addon-error:hover {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), 0.3);
2022-08-03 09:52:56 +02:00
}
2024-02-28 17:26:13 +01:00
.bd-addon-views .bd-view-button:not(.selected):hover,
.bd-addon-controls .bd-button:hover,
.bd-controls-basic .bd-button:hover {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), .3);
2023-10-27 13:35:13 +02:00
}
2024-02-28 17:26:13 +01:00
.bd-addon-views .bd-view-button:not(.selected):active,
.bd-addon-controls .bd-button:active,
.bd-controls-basic .bd-button:active {
2023-11-08 13:39:17 +01:00
background: rgba(var(--accentcolor_v), .7);
2019-02-12 13:21:44 +01:00
}
2023-11-18 16:00:13 +01:00
.bd-addon-views .bd-view-button.selected svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
2020-03-26 09:41:43 +01:00
2023-10-26 16:35:35 +02:00
.bd-button {
2023-11-18 15:58:04 +01:00
text-shadow: 1px 1px var(--textshadow_v);
2023-11-18 16:00:13 +01:00
}
.bd-button svg {
2023-11-08 13:39:17 +01:00
filter: drop-shadow(1px 1px var(--textshadow_v));
2020-03-26 09:41:43 +01:00
}
2023-11-18 16:00:13 +01:00
.bd-button.bd-button-danger svg {
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-11-18 17:40:58 +01:00
.floating-window.resizable { /* customcss editor detached */
2023-11-08 13:39:17 +01:00
background: rgb(var(--transparencycolor_v));
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 {
2023-11-08 13:39:17 +01:00
background: rgb(var(--accentcolor_v));
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;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .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 {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 18:01:41 +02:00
background-attachment: fixed;
}
2021-02-03 13:00:57 +01:00
html .powercord-toast::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2021-02-03 13:00:57 +01:00
}
html .powercord-toast .header {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .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 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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
2023-11-18 17:40:58 +01:00
/* ---- 18.1. BDFDB ---- */
2021-02-03 13:11:47 +01:00
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 {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
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 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
2021-02-03 13:11:47 +01:00
}
2023-11-18 17:40:58 +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 {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2021-03-03 14:07:50 +01:00
background-attachment: fixed;
2021-06-26 17:05:43 +02:00
}
#app-mount #dv-mount::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85));
backdrop-filter: blur(var(--backgroundblur_v));
2019-02-16 20:47:37 +01:00
}
2019-09-19 12:56:54 +02:00
#app-mount #dv-main {
2023-11-08 13:39:17 +01:00
border-top-color: rgba(var(--transparencycolor_v), .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
2023-11-18 17:40:58 +01: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 {
2023-11-08 13:39:17 +01:00
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
2019-09-19 12:56:54 +02:00
background-attachment: fixed;
2021-06-26 17:05:43 +02:00
}
#MemberCount::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85));
backdrop-filter: blur(var(--backgroundblur_v));
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 18.4. LINENUMBERS ---- */
2018-10-11 10:21:26 +02:00
2023-10-27 11:49:32 +02:00
.hljs ol li {
2021-05-06 17:50:44 +02:00
border-left-color: var(--background-modifier-accent);
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.hljs ol li::before {
2023-11-08 13:39:17 +01:00
color: rgb(var(--textdarker_v));
2019-04-26 13:35:11 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 18.5. PERMISSIONVIEWER ---- */
2019-09-19 12:56:54 +02:00
2023-11-18 17:40:58 +01: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
}
2023-11-18 17:40:58 +01: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;
2023-11-08 13:39:17 +01:00
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .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 {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2021-06-26 18:01:41 +02:00
background-attachment: fixed;
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper #permissions-modal::after {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
2020-11-16 11:11:06 +01:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .header {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .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 {
2023-11-08 13:39:17 +01:00
border-bottom: 1px solid rgba(var(--transparencycolor_v), .3);
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .role-side {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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 {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .1);
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html #permissions-modal-wrapper .role-item.selected {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .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
2023-11-18 17:40:58 +01:00
/* ---- 18.6. DIRECTDOWNLOAD ---- */
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
#files_directDownload .file {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .4);
border-color: rgba(var(--accentcolor_v), .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 {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
2018-10-11 10:21:26 +02:00
}
2023-11-18 17:40:58 +01:00
/* ---- 18.7. BETTERFORMATINGREDUX ---- */
2019-09-19 12:56:54 +02:00
2023-10-27 11:49:32 +02:00
.innerDisabled-2mc-iF ~ .bf-toolbar {
2019-09-19 12:56:54 +02:00
display: none;
}
2023-10-27 11:49:32 +02:00
.bf-arrow {
2020-12-29 18:23:35 +01:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="black" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>') center/contain no-repeat;
2021-05-06 17:50:44 +02:00
background: var(--interactive-active) !important;
2019-09-19 12:56:54 +02:00
}
2023-10-27 11:49:32 +02:00
.bf-toolbar {
2019-09-19 12:56:54 +02:00
background: transparent;
overflow: hidden;
transform: none;
top: -50px;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.bf-toolbar::after {
2018-10-11 10:21:26 +02:00
content: "";
display: block;
2019-09-19 12:56:54 +02:00
position: absolute;
2018-10-11 10:21:26 +02:00
width: 100%;
height: calc(100% - 15px);
pointer-events: none;
left: 0px;
top: 5px;
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), .5);
2018-10-11 10:21:26 +02:00
border-radius: 3px;
2019-09-19 12:56:54 +02:00
transform: translate(0, 55px);
2018-10-11 10:21:26 +02:00
transition: all 200ms ease;
2019-09-19 12:56:54 +02:00
z-index: 200;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.bf-toolbar.bf-visible::after,
.bf-toolbar.bf-hover:hover::after {
2019-09-19 12:56:54 +02:00
transform: translate(0, 0);
2018-10-11 10:21:26 +02:00
transition: all 200ms cubic-bezier(0,0,0,1);
}
2023-10-27 11:49:32 +02:00
.bf-toolbar::before {
2023-11-08 13:39:17 +01:00
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
2019-09-19 12:56:54 +02:00
background-attachment: fixed;
2023-11-08 13:39:17 +01:00
filter: blur(var(--popoutblur_v));
2019-09-19 12:56:54 +02:00
z-index: 100;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.theme-brand .bf-toolbar::after {
2023-11-08 13:39:17 +01:00
background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.theme-brand .bf-toolbar::before {
2019-09-19 12:56:54 +02:00
display: none;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.bf-toolbar > * {
2019-09-19 12:56:54 +02:00
z-index: 300;
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.bf-toolbar .format {
2021-05-06 17:50:44 +02:00
color: var(--text-normal);
2018-10-11 10:21:26 +02:00
}
2023-10-27 11:49:32 +02:00
.bf-toolbar .format:hover {
2023-11-08 13:39:17 +01:00
background-color: rgb(var(--accentcolor_v));
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
2023-11-18 17:40:58 +01:00
/* ---- 18.8 CHANNELHISTORY ---- */
2020-04-13 21:01:22 +02:00
2023-10-27 11:49:32 +02:00
.channelHistoryButtons {
2020-04-13 21:01:22 +02:00
top: 4px;
left: 310px;
}
2020-05-11 21:22:33 +02:00
2023-11-18 17:40:58 +01:00
/* ---- 18.9 CHANNELTABS ---- */
2020-08-11 17:49:37 +02:00
2022-05-07 17:44:11 +02:00
html #channelTabs-container {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 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 {
2023-11-08 13:39:17 +01:00
background: rgba(var(--transparencycolor_v), 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 {
2023-11-08 13:39:17 +01:00
background: rgb(var(--accentcolor_v));
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
}
2023-11-18 17:40:58 +01:00
/* ---- 18.10 TYPINGINDICATOR ---- */
2021-04-08 18:13:57 +02:00
html .typingindicator-guild,
html .typingindicator-dms,
html .typingindicator-folder {
2023-11-08 13:39:17 +01:00
background: rgb(var(--transparencycolor_v), .2);
border: 4px solid rgb(var(--transparencycolor_v), .2);
2021-04-08 18:13:57 +02:00
box-shadow: unset;
right: 8px;
bottom: -5px;
padding: 2px 0;
}
2023-11-18 17:40:58 +01:00
/* ---- 18.11 CHANNELDMS ---- */
2022-03-24 17:49:33 +01:00
2023-10-27 11:49:32 +02:00
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
2023-11-08 13:39:17 +01:00
background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
2022-03-24 17:49:33 +01:00
}
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;
2023-11-08 13:39:17 +01:00
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .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
}
2023-11-18 17:40:58 +01:00
/* ~~~~ 20. WATERMARK ~~~~ */
2018-10-11 10:21:26 +02:00
2024-03-28 18:23:28 +01:00
html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9 {
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
}
2024-03-28 18:23:28 +01:00
html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9[style*="display: none"] {
2023-05-08 09:13:26 +02:00
display: none !important;
}
2024-03-28 18:23:28 +01:00
html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9 > * {
2021-05-14 21:24:36 +02:00
display: none !important;
}
2024-03-28 18:23:28 +01:00
html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::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
}
2024-03-28 18:23:28 +01:00
html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::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
}
2024-03-28 18:23:28 +01:00
html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0:hover > div.wordmark__5b8c9::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
2024-03-28 18:23:28 +01:00
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528::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;
}
2024-03-28 18:23:28 +01:00
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > div.side_b4b3f6 > div.info__755e1 {
2021-05-18 15:00:58 +02:00
position: relative !important;
}
2024-03-28 18:23:28 +01:00
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > 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;
}
2024-03-28 18:23:28 +01:00
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > 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;
2023-11-08 13:39:17 +01:00
color: rgb(var(--accentcolor_v)) !important;
2021-05-18 15:00:58 +02:00
display: inline !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
visibility: visible !important;
position: absolute !important;
top: unset !important;
2023-03-02 14:57:52 +01:00
left: 117px !important;
bottom: 8px !important;
2021-05-18 15:00:58 +02:00
right: unset !important;
transform: unset !important;
animation: unset !important;
2023-11-13 12:41:16 +01:00
}