7259 lines
264 KiB
CSS
7259 lines
264 KiB
CSS
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css);
|
|
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css);
|
|
|
|
:root {
|
|
--transparencycolor: 0, 0, 0;
|
|
--transparencyalpha: 0.15;
|
|
--messagetransparency: 0.5;
|
|
--guildchanneltransparency: 0.15;
|
|
--chatinputtransparency: 0.0;
|
|
--memberlisttransparency: 0.0;
|
|
--accentcolor: 190, 78, 180;
|
|
|
|
--settingsicons: 1;
|
|
--font: "gg sans", "Noto Sans";
|
|
--textshadow: transparent;
|
|
|
|
--textbrightest: 255, 255, 255;
|
|
--textbrighter: 222, 222, 222;
|
|
--textbright: 200, 200, 200;
|
|
--textdark: 160, 160, 160;
|
|
--textdarker: 125, 125, 125;
|
|
--textdarkest: 90, 90, 90;
|
|
|
|
--background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg);
|
|
--backgroundposition: center;
|
|
--backgroundsize: cover;
|
|
--backgroundblur: 0;
|
|
|
|
--popout: var(--background);
|
|
--popoutposition: var(--backgroundposition);
|
|
--popoutsize: var(--backgroundsize);
|
|
--popoutblur: var(--backgroundblur);
|
|
|
|
--backdrop: rgba(0, 0, 0, 0.85);
|
|
--backdropposition: center;
|
|
--backdropsize: cover;
|
|
--backdropblur: 0;
|
|
|
|
|
|
--transparencycolor_v: var(--transparencycolor_s, var(--transparencycolor));
|
|
--transparencyalpha_v: var(--transparencyalpha_s, var(--transparencyalpha));
|
|
--messagetransparency_v: var(--messagetransparency_s, var(--messagetransparency));
|
|
--guildchanneltransparency_v: var(--guildchanneltransparency_s, var(--guildchanneltransparency));
|
|
--chatinputtransparency_v: var(--chatinputtransparency_s, var(--chatinputtransparency));
|
|
--memberlisttransparency_v: var(--memberlisttransparency_s, var(--memberlisttransparency));
|
|
--accentcolor_v: var(--accentcolor_s, var(--accentcolor));
|
|
|
|
--font_v: var(--font_s, var(--font));
|
|
--textshadow_v: var(--textshadow_s, var(--textshadow));
|
|
--settingsicons_v: var(--settingsicons_s, var(--settingsicons));
|
|
|
|
--background_v: var(--background_s, var(--background));
|
|
--backgroundposition_v: var(--backgroundposition_s, var(--backgroundposition));
|
|
--backgroundsize_v: var(--backgroundsize_s, var(--backgroundsize));
|
|
--backgroundblur_v: calc(1px * var(--backgroundblur_s, var(--backgroundblur)));
|
|
|
|
--popout_v: var(--popout_s, var(--popout));
|
|
--popoutposition_v: var(--popoutposition_s, var(--popoutposition));
|
|
--popoutsize_v: var(--popoutsize_s, var(--popoutsize));
|
|
--popoutblur_v: calc(1px * var(--popoutblur_s, var(--popoutblur)));
|
|
|
|
--backdrop_v: var(--backdrop_s, var(--backdrop));
|
|
--backdropposition_v: var(--backdropposition_s, var(--backdropposition));
|
|
--backdropsize_v: var(--backdropsize_s, var(--backdropsize));
|
|
--backdropblur_v: calc(1px * var(--backdropblur_s, var(--backdropblur)));
|
|
|
|
--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));
|
|
|
|
|
|
--usechatbubbles: calc(var(--messagetransparency_v) / (var(--messagetransparency_v) + 0.00000000000000000000001));
|
|
|
|
--accentcolor2: var(--accentcolor_v);
|
|
--mentioncolor: var(--accentcolor_v);
|
|
--linkcolor: var(--accentcolor_v);
|
|
|
|
--successcolor: 59, 165, 92;
|
|
--warningcolor: 250, 166, 26;
|
|
--dangercolor: 237, 66, 69;
|
|
}
|
|
|
|
.theme-light:not(.userProfileOuterThemed_c69a7b),
|
|
.theme-dark:not(.userProfileOuterThemed_c69a7b),
|
|
.theme-amoled:not(.userProfileOuterThemed_c69a7b) {
|
|
--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;
|
|
|
|
--status-positive: rgb(var(--successcolor));
|
|
--status-positive-background: rgb(var(--successcolor));
|
|
--status-positive-text: #fff;
|
|
--status-warning: rgb(var(--warningcolor));
|
|
--status-warning-background: rgb(var(--warningcolor));
|
|
--status-warning-text: #fff;
|
|
--status-danger: rgb(var(--dangercolor));
|
|
--status-danger-background: rgb(var(--dangercolor));
|
|
--status-danger-text: #fff;
|
|
|
|
--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));
|
|
--focus-primary: rgb(var(--focuscolor, var(--accentcolor_v))) !important;
|
|
|
|
--modal-background: rgba(var(--transparencycolor_v), .2);
|
|
--modal-footer-background: rgba(var(--transparencycolor_v), .2);
|
|
|
|
--home-background: transparent;
|
|
|
|
--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-nested-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), .15);
|
|
--background-modifier-accent-2: rgba(var(--textbrightest_v), .15);
|
|
--background-modifier-active: rgba(var(--textbrightest_v), .15);
|
|
--background-modifier-hover: rgba(var(--textbrightest_v), .1);
|
|
--background-modifier-selected: rgba(var(--textbrightest_v), .2);
|
|
|
|
--card-gradient-bg: var(--background-tertiary);
|
|
--card-primary-bg: var(--background-primary);
|
|
--card-secondary-bg: var(--background-secondary);
|
|
--card-gradient-pressed-bg: var(--background-floating);
|
|
--card-primary-pressed-bg: var(--background-secondary);
|
|
--card-secondary-pressed-bg: var(--background-tertiary);
|
|
|
|
--bg-backdrop: rgba(var(--transparencycolor_v), .7);
|
|
--bg-backdrop-no-opacity: rgb(var(--transparencycolor_v));
|
|
--bg-base-primary: rgba(var(--transparencycolor_v), .2);
|
|
--bg-base-secondary: rgba(var(--transparencycolor_v), .3);
|
|
--bg-base-tertiary: rgba(var(--transparencycolor_v), .4);
|
|
--bg-surface-raised: rgba(var(--transparencycolor_v), .2);
|
|
--bg-mod-faint: rgba(var(--transparencycolor_v), .3);
|
|
--bg-mod-strong: rgba(var(--transparencycolor_v), .54);
|
|
--bg-mod-subtle: rgba(var(--transparencycolor_v), .48);
|
|
|
|
--background-message-automod: rgba(var(--dangercolor), .05);
|
|
--background-message-automod-hover: rgba(var(--dangercolor), .1);
|
|
|
|
--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);
|
|
|
|
--shadow-border: 0 0 0 1px rgba(var(--transparencycolor_v), .08);
|
|
--shadow-border-filter: drop-shadow(0 0 1px rgba(var(--transparencycolor_v), .08));
|
|
--shadow-button-overlay: 0 12px 24px 0 rgba(var(--transparencycolor_v), .24);
|
|
--shadow-high: 0 12px 24px 0 rgba(var(--transparencycolor_v), .24);
|
|
--shadow-high-filter: drop-shadow(0 12px 24px rgba(var(--transparencycolor_v), .24));
|
|
--shadow-ledge: 0 2px 0 0 rgba(var(--transparencycolor_v), .05), 0 1.5px 0 0 rgba(var(--transparencycolor_v), .05), 0 1px 0 0 rgba(var(--transparencycolor_v), .16);
|
|
--shadow-ledge-filter: drop-shadow(0 1.5px 0 rgba(var(--transparencycolor_v), .24));
|
|
--shadow-low: 0 1px 4px 0 rgba(var(--transparencycolor_v), .14);
|
|
--shadow-low-filter: drop-shadow(0 1px 4px rgba(var(--transparencycolor_v), .14));
|
|
--shadow-low-active: 0 0 4px 0 rgba(var(--transparencycolor_v), .14);
|
|
--shadow-low-active-filter: drop-shadow(0 0 4px rgba(var(--transparencycolor_v), .14));
|
|
--shadow-low-hover: 0 4px 10px 0 rgba(var(--transparencycolor_v), .14);
|
|
--shadow-low-hover-filter: drop-shadow(0 4px 10px rgba(var(--transparencycolor_v), .14));
|
|
--shadow-medium: 0 4px 8px 0 rgba(var(--transparencycolor_v), .16);
|
|
--shadow-medium-filter: drop-shadow(0 4px 8px rgba(var(--transparencycolor_v), .16));
|
|
--shadow-mobile-navigator-x: 0 0 10px 0 rgba(var(--transparencycolor_v), .22);
|
|
--shadow-mobile-navigator-x-filter: drop-shadow(0 0 10px rgba(var(--transparencycolor_v), .22));
|
|
--shadow-top-high: 0 -12px 32px 0 rgba(var(--transparencycolor_v), .24);
|
|
--shadow-top-high-filter: drop-shadow(0 -12px 32px rgba(var(--transparencycolor_v), .24));
|
|
--shadow-top-ledge: 0 -2px 0 0 rgba(var(--transparencycolor_v), .05), 0 -1.5px 0 0 rgba(var(--transparencycolor_v), .05), 0 -1px 0 0 rgba(var(--transparencycolor_v), .16);
|
|
--shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 rgba(var(--transparencycolor_v), .24));
|
|
--shadow-top-low: 0 -1px 4px 0 rgba(var(--transparencycolor_v), .14);
|
|
--shadow-top-low-filter: drop-shadow(0 -1px 4px rgba(var(--transparencycolor_v), .14));
|
|
|
|
--font-primary: var(--font_v) !important;
|
|
--font-display: var(--font_v) !important;
|
|
|
|
--deprecated-text-input-bg: rgba(var(--transparencycolor_v), .1);
|
|
--deprecated-text-input-border: rgba(var(--transparencycolor_v), .1);
|
|
--deprecated-text-input-border-hover: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
html {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 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
|
|
7. CHAT SIDEBAR
|
|
8. CALL
|
|
9. UNAVAILABLESCREEN
|
|
7. PEOPLES
|
|
8. STORE/NITRO
|
|
9. LIBRARY
|
|
10. DISCOVERY/UNIHUB
|
|
11. USERSETTINGS
|
|
12. GUILDSETTINGS
|
|
13. MODALS
|
|
1. USERMODAL
|
|
2. GUILDADD/CREATION
|
|
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
|
|
18. POLLMODAL
|
|
14. POPOUTS
|
|
1. CONTEXTMENU
|
|
2. USERPOPOUT
|
|
3. EMOJIPICKER
|
|
4. PINS/MENTIONS
|
|
5. SEARCHPOPOUT
|
|
6. COLORPICKER
|
|
7. ADDROLE
|
|
8. EVERYONEMENTION
|
|
9. CHANNELFOLLOW
|
|
10. CHANNELFOLLOWINFO
|
|
11. EMOJIINFO
|
|
12. STREAMPREVIEW
|
|
13. STREAMINFO
|
|
14. PUBLICGUILDANNOUNCEMENT
|
|
15. RTCSTATUSPOPOUT
|
|
16. PHONE-/EMAILVALIDATION
|
|
17. QUICKSELECTPOPOUT
|
|
18. WARNINGPOPOUT
|
|
19. ACTIVETHREADLISTPOPOUT
|
|
20. ROLEMEMBERSPOPOUT
|
|
21. FORUMFILTERPOPOUT
|
|
22. ACTIVITYSHAREPOPOUT
|
|
23. SOUNDBOARD
|
|
24. SERVERSURVEY
|
|
25. APPPICKER
|
|
15. GENERAL
|
|
1. TEXT
|
|
2. BUTTONS
|
|
3. INPUTS
|
|
4. SEARCHBARS
|
|
5. TAGS
|
|
6. IMAGES
|
|
7. SCROLLBARS
|
|
8. NOTIFICATIONBAR
|
|
9. TOOLTIPS
|
|
16. BDSUPPORT
|
|
17. POWERCORDSUPPORT
|
|
18. PLUGINSUPPORT
|
|
1. BDFDB
|
|
2. DATEVIEWER
|
|
3. MEMBERCOUNT
|
|
4. LINENUMBERS
|
|
5. PERMISSIONVIEWER
|
|
6. DIRECTDOWNLOAD
|
|
7. BETTERFORMATINGREDUX
|
|
8. CHANNELHISTORY
|
|
9. CHANNELTABS
|
|
10. TYPINGINDICATOR
|
|
11. CHANNELDMS
|
|
19. UPDATENOTICE
|
|
20. WATERMARK
|
|
*/
|
|
|
|
|
|
/* ~~~~ 1. TRANSPARENCY ~~~~ */
|
|
|
|
body, /* body */
|
|
#app-mount .app_bd26cc, /* app container */
|
|
#app-mount .app_a01fb1, /* app inner */
|
|
#app-mount .loading_cea94f, /* app i18n loading */
|
|
#app-mount .wrapper_a2a7b5, /* app errorscreen */
|
|
#app-mount .bg_d4b6c5, /* app background */
|
|
#app-mount .layer_d4b6c5, /* layer container */
|
|
#app-mount .container_cbd271, /* layer container */
|
|
#app-mount .container_ee69e0, /* channels inner */
|
|
#app-mount .privateChannels_f0963d, /* dmchannels */
|
|
#app-mount .directoryContainer_da3f59, /* server app directory */
|
|
#app-mount .panels_a4d4d9 > *, /* account/voice inner */
|
|
#app-mount .chat_a7d72e, /* chat container */
|
|
#app-mount .chatContent_a7d72e, /* chat channel */
|
|
#app-mount .container_a6d69a, /* chat forums */
|
|
#app-mount .container_f1fd9c, /* chat search */
|
|
#app-mount .container_c2efea, /* chat search inner */
|
|
#app-mount .container_d1c246, /* chat thread sidebar */
|
|
#app-mount .wrapper_ba0ffb, /* chat messages loading */
|
|
#app-mount .noChannel_e1ef5f, /* nochannel */
|
|
#app-mount .members_cbd271, /* members */
|
|
#app-mount .members_cbd271 > div, /* members content */
|
|
#app-mount .content_b47fac, /* unavailable */
|
|
#app-mount .container_c2739c, /* peoples */
|
|
#app-mount .container_bf550a, /* peoples activity list */
|
|
#app-mount .applicationStore_cecc86, /* nitro */
|
|
#app-mount .shop_e77fa3, /* shop */
|
|
#app-mount .containerSidenav_d576e9, /* family control */
|
|
#app-mount .pageWrapper_a3a4ce, /* guilddiscovery */
|
|
#app-mount .pageContainer_a9a262, /* unihub */
|
|
#app-mount .scrollerBase_eed6a8, /* scroller */
|
|
#app-mount .standardSidebarView_c25c6d, /* settings */
|
|
#app-mount .contentRegion_c25c6d { /* settings content */
|
|
background: transparent;
|
|
}
|
|
|
|
#app-mount .scroller_bf550a { /* peoples activity scroller */
|
|
border: none;
|
|
}
|
|
|
|
#app-mount .sidebarRegion_c25c6d, /* settings sidebar */
|
|
#app-mount .sidebar__0OpfR { /* sidebarlist sidebar */
|
|
background-color: rgba(var(--transparencycolor_v), calc(0.2 * (var(--transparencyalpha_v) / (var(--transparencyalpha_v) + 0.00000000000000000000001))));
|
|
}
|
|
|
|
#app-mount { /* app-mount */
|
|
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
|
|
}
|
|
#app-mount .wrapper_fea3ef { /* guilds container */
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 2));
|
|
}
|
|
#app-mount .sidebar_a4d4d9 { /* channels container */
|
|
background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
|
|
}
|
|
#app-mount .panels_a4d4d9 { /* account/voice container */
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) / 1.5));
|
|
}
|
|
#app-mount .container_fc4f04.themed_fc4f04 { /* channelheader container */
|
|
background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
|
|
}
|
|
#app-mount .chatHeaderBar__3e137 { /* channelheader sub header */
|
|
background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
|
|
}
|
|
#app-mount .membersWrap_cbd271 { /* members container */
|
|
background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
|
|
}
|
|
#app-mount .nowPlayingColumn_c2739c { /* peoples now playing */
|
|
background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
|
|
}
|
|
|
|
#app-mount .image_a2a7b5 { /* app errorscreen image */
|
|
background-image: url(https://discord.com/assets/72eaa596042042be6259.svg);
|
|
opacity: 0.6;
|
|
}
|
|
|
|
|
|
/* ~~~~ 2. BACKGROUND ~~~~ */
|
|
|
|
body::before,
|
|
body::after {
|
|
content: "";
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
body::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
}
|
|
body::after {
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
.layer_d4b6c5 {
|
|
z-index: 1000;
|
|
}
|
|
.container_e40c16::before,
|
|
.layer_d4b6c5 ~ .layer_d4b6c5::before,
|
|
.root_f906dd::before,
|
|
.container_e40c16::after,
|
|
.layer_d4b6c5 ~ .layer_d4b6c5::after,
|
|
.root_f906dd::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.container_e40c16::before,
|
|
.layer_d4b6c5 ~ .layer_d4b6c5::before,
|
|
.root_f906dd::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.container_e40c16::after,
|
|
.layer_d4b6c5 ~ .layer_d4b6c5::after,
|
|
.root_f906dd::after {
|
|
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
.uploadArea_f82cc7,
|
|
.backdrop__7b2e0,
|
|
.backdrop__1a911 {
|
|
background: transparent !important;
|
|
opacity: 1 !important;
|
|
animation: none !important;
|
|
backdrop-filter: unset !important;
|
|
}
|
|
.uploadArea_f82cc7::before,
|
|
.backdrop__7b2e0::before,
|
|
.backdrop__1a911::before,
|
|
.uploadArea_f82cc7::after,
|
|
.backdrop__7b2e0::after,
|
|
.backdrop__1a911::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
pointer-events: none;
|
|
z-index: -2;
|
|
}
|
|
.uploadArea_f82cc7::before,
|
|
.backdrop__7b2e0::before,
|
|
.backdrop__1a911::before {
|
|
background: var(--backdrop_v) var(--backdropposition_v)/var(--backdropsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.uploadArea_f82cc7::after,
|
|
.backdrop__7b2e0::after,
|
|
.backdrop__1a911::after {
|
|
backdrop-filter: blur(var(--backdropblur_v));
|
|
}
|
|
.withLayer__29ace {
|
|
z-index: -1;
|
|
}
|
|
|
|
|
|
/* ~~~~ 3. TITLEBAR ~~~~ */
|
|
|
|
.titleBar_a934d8 {
|
|
z-index: 5001;
|
|
}
|
|
.titleBar_a934d8::after {
|
|
content: "";
|
|
pointer-events: none;
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
background-color: rgba(var(--transparencycolor_v), calc(0.1 + var(--guildchanneltransparency_v) * 2));
|
|
}
|
|
.titleBar_a934d8:not(.typeMacOS_a934d8)::after {
|
|
height: 22px;
|
|
}
|
|
.titleBar_a934d8.typeMacOS_a934d8::after {
|
|
height: 28px;
|
|
width: calc(100% - 4px);
|
|
margin: 2px;
|
|
border-radius: 5px;
|
|
}
|
|
.titleBar_a934d8.typeMacOS_a934d8,
|
|
.titleBar_a934d8.typeMacOS_a934d8 .macButtons_a934d8 {
|
|
width: 72px;
|
|
}
|
|
.titleBar_a934d8.typeMacOS_a934d8.typeMacOSWithFrame_a934d8 .macButtons_a934d8 {
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
}
|
|
.platform-osx .wrapper_fea3ef {
|
|
margin-top: 0;
|
|
padding-top: 32px;
|
|
}
|
|
.platform-osx .standardSidebarView_c25c6d::before {
|
|
left: 72px;
|
|
}
|
|
.winButtonMinMax_a934d8:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
|
|
/* ~~~~ 4. GUILDLIST ~~~~ */
|
|
|
|
#app-mount .footer_aa1bff { /* footer */
|
|
background: transparent;
|
|
}
|
|
#app-mount .childWrapper_a6ce15 { /* homebutton/acronym innerwrap */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--text-normal);
|
|
font-weight: 500;
|
|
}
|
|
#app-mount .wrapper__8436d:hover .childWrapper_a6ce15,
|
|
#app-mount .wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15 {
|
|
background-color: var(--brand-experiment);
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
#app-mount .wrapper__8436d rect[fill] {
|
|
fill: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .noIcon_a64689 { /* acronym minicontainer */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
#app-mount .circleIconButton_db6521 { /* guildadd/discovery innerwrap */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .circleIconButton_db6521.selected_db6521 {
|
|
background-color: var(--green-360);
|
|
}
|
|
|
|
#app-mount .guildIconUnavailable_bc7085, /* guilderror miniicon */
|
|
#app-mount .guildsError__32e67 { /* guilderror innerwrap */
|
|
background-color: rgba(var(--dangercolor)), .3);
|
|
}
|
|
|
|
#app-mount .dragInner_f734d8 { /* dragplaceholder */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
.wrapper_bc7085 { /* folder outerwrap */
|
|
margin-bottom: 8px;
|
|
}
|
|
#app-mount .folder_bc7085 { /* folder iconwrap */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .folder_bc7085.hover_bc7085 {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.expandedFolderBackground_bc7085 { /* folder background */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-radius: 15px 15px 24px 24px;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin-bottom: 8px;
|
|
transition: border-radius 3s ease, background-color 1s ease;
|
|
}
|
|
.expandedFolderBackground_bc7085.hover_bc7085 {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
.wrapper_fea3ef:not(.content_Pph8t6) .wrapper_bc7085 [role="group"] { /* folder guildwrap */
|
|
margin-bottom: -8px;
|
|
}
|
|
.wrapper_fea3ef:not(.content_Pph8t6) .wrapper_bc7085 [role="group"] .listItem_c96c45:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.bar_c10249 { /* guild/channelbar inner */
|
|
box-shadow: 0 2px 6px rgba(var(--transparencycolor_v), .24);
|
|
}
|
|
.bar_c10249:not(.mention_c10249) {
|
|
background-color: transparent;
|
|
overflow: hidden;
|
|
}
|
|
.bar_c10249:not(.mention_c10249)::before,
|
|
.bar_c10249:not(.mention_c10249)::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.bar_c10249:not(.mention_c10249)::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.bar_c10249:not(.mention_c10249)::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
.sidebar_a4d4d9 .bar_c10249:not(.mention_c10249)::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 0.85 + 0.1));
|
|
}
|
|
.wrapper_fea3ef .bar_c10249:not(.mention_c10249)::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 1.9 + 0.1));
|
|
}
|
|
|
|
|
|
/* ~~~~ 5. CHANNELLIST ~~~~ */
|
|
|
|
#app-mount .sidebar_a4d4d9 { /* channels container */
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* ---- 5.1. GUILDHEADER ---- */
|
|
|
|
.container_fd6364 .animatedContainer_fd6364 { /* banner wrap */
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.bannerImage_fd6364 { /* banner image */
|
|
-webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
|
|
}
|
|
.bannerImage_fd6364::before {
|
|
display: none;
|
|
}
|
|
|
|
.header_fd6364, /* header inner */
|
|
.searchBar_f0963d { /* header searchbar */
|
|
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);
|
|
}
|
|
.searchBar_f0963d .searchBarComponent_f0963d { /* header searchbarinner */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.clickable_fd6364:not(.hasBanner_fd6364) .header_fd6364:hover,
|
|
.selected_fd6364:not(.hasBanner_fd6364) .header_fd6364 {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
/* ---- 5.2. CHANNELS ---- */
|
|
|
|
.wrapper_d8bfb3:hover .link_d8bfb3 { /* channel content */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.wrapper_d8bfb3:hover .link_d8bfb3 [style*="color: var(--text-muted)"] {
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
.modeSelected_d8bfb3 .link_d8bfb3,
|
|
.modeSelected_d8bfb3:hover .link_d8bfb3 {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.modeSelected_d8bfb3 .link_d8bfb3 [style*="color: var(--text-muted)"],
|
|
.modeSelected_d8bfb3:hover .link_d8bfb3 [style*="color: var(--text-muted)"] {
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
.modeSelected_d8bfb3 .link_d8bfb3 svg,
|
|
.modeSelected_d8bfb3:hover .link_d8bfb3 svg {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
|
|
.icon_d8bfb3 { /* channel icon */
|
|
color: var(--channels-default);
|
|
}
|
|
.modeMuted_d8bfb3 .icon_d8bfb3 {
|
|
color: var(--interactive-muted);
|
|
}
|
|
.modeMuted_d8bfb3:hover .icon_d8bfb3,
|
|
.wrapper_d8bfb3:hover .icon_d8bfb3 {
|
|
color: var(--interactive-hover);
|
|
}
|
|
.modeConnected_d8bfb3 .icon_d8bfb3,
|
|
.modeConnected_d8bfb3:hover .icon_d8bfb3,
|
|
.modeSelected_d8bfb3 .icon_d8bfb3,
|
|
.modeSelected_d8bfb3:hover .icon_d8bfb3,
|
|
.modeUnreadImportant_d8bfb3 .icon_d8bfb3,
|
|
.modeUnreadImportant_d8bfb3:hover .icon_d8bfb3,
|
|
.modeUnreadImportant_d8bfb3 .icon_d8bfb3,
|
|
.modeUnreadImportant_d8bfb3:hover .icon_d8bfb3,
|
|
.notInteractive_d8bfb3.modeConnected_d8bfb3 .icon_d8bfb3,
|
|
.notInteractive_d8bfb3.modeSelected_d8bfb3 .icon_d8bfb3 {
|
|
color: var(--interactive-active);
|
|
}
|
|
.modeConnected_d8bfb3 .subtitle_d8bfb3, /* channel subtitle */
|
|
.modeConnected_d8bfb3:hover .subtitle_d8bfb3,
|
|
.modeSelected_d8bfb3 .subtitle_d8bfb3,
|
|
.modeSelected_d8bfb3:hover .subtitle_d8bfb3,
|
|
.modeUnreadImportant_d8bfb3 .subtitle_d8bfb3,
|
|
.modeUnreadImportant_d8bfb3:hover .subtitle_d8bfb3,
|
|
.modeUnreadImportant_d8bfb3 .subtitle_d8bfb3,
|
|
.modeUnreadImportant_d8bfb3:hover .subtitle_d8bfb3,
|
|
.notInteractive_d8bfb3.modeConnected_d8bfb3 .subtitle_d8bfb3,
|
|
.notInteractive_d8bfb3.modeSelected_d8bfb3 .subtitle_d8bfb3 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
.spine_e1e976 { /* channel thread spine */
|
|
color: var(--channels-default);
|
|
}
|
|
|
|
.wrapper_a5bc92 { /* voicechat limit */
|
|
background-color: rgba(var(--transparencycolor_v), .15);
|
|
}
|
|
.wrapper_a5bc92 .users_a5bc92 {
|
|
background-color: transparent;
|
|
}
|
|
.wrapper_a5bc92 .total_a5bc92 {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.wrapper_a5bc92 .total_a5bc92::after {
|
|
border-right-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
.listDefault_cdc675 .clickable_cdc675:hover .content_cdc675 {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
#app-mount .streamPreview_adbea6 {
|
|
position: relative;
|
|
background-color: transparent;
|
|
color: var(--header-secondary);
|
|
overflow: hidden;
|
|
}
|
|
.streamPreview_adbea6::before,
|
|
.streamPreview_adbea6::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.streamPreview_adbea6::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.streamPreview_adbea6::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
#app-mount .previewContainer_adbea6 {
|
|
background-color: transparent;
|
|
}
|
|
#app-mount .watchButton_adbea6 {
|
|
border-color: var(--header-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .watchButton_adbea6:not([disabled]):hover {
|
|
border-color: var(--header-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 5.3. DMCHANNELS ---- */
|
|
|
|
.interactive_f5eb4b:focus-within, /* dmchannel/page inner */
|
|
.interactive_f5eb4b:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.selected_f5eb4b,
|
|
.selected_f5eb4b:focus-within,
|
|
.selected_f5eb4b:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
color: var(--header-primary);
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.selected_f5eb4b svg:not(.svg_c51b4e) {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
|
|
.empty_c47fa9 { /* loadingplaceholders */
|
|
fill: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
/* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */
|
|
|
|
.panels_a4d4d9 > *, /* account/voice inner */
|
|
.panels_a4d4d9 .wrapper_adcaac > * { /* account/voice inner */
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.panels_a4d4d9 > *:not(:empty) ~ *:not(:empty) {
|
|
border-top: 1px solid rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
button.button_adca65.enabled_adca65 { /* account/voice panel button */
|
|
opacity: 0.7;
|
|
}
|
|
button.button_adca65.enabled_adca65:hover {
|
|
opacity: 1;
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.avatarWrapper_b2ca13:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
button.button_adca65.enabled_adca65:hover svg {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
.button_adcaac.buttonColor_adcaac {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.button_adcaac.buttonColor_adcaac.disabledButtonWrapper_adca65 {
|
|
background-color: rgba(var(--transparencycolor_v), .15);
|
|
}
|
|
.button_adcaac.buttonColor_adcaac:not(.disabledButtonWrapper_adca65):hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.button_adcaac.buttonColor_adcaac.buttonActive_adcaac,
|
|
.button_adcaac.buttonColor_adcaac.buttonActive_adcaac:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.button_adcaac.buttonColor_adcaac.buttonActive_adcaac svg,
|
|
.button_adcaac.buttonColor_adcaac.buttonActive_adcaac:hover svg {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
|
|
|
|
/* ~~~~ 6. CHAT ~~~~ */
|
|
|
|
.chat_a7d72e.threadSidebarOpen_a7d72e { /* chat threadsidebar open */
|
|
border-radius: 0;
|
|
}
|
|
.editor_bcfa1e { /* chat editor */
|
|
border: none;
|
|
}
|
|
#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_a6d69a .mainCard_a6d69a,
|
|
#app-mount .container_a6d69a .sidebarCard_e85cee,
|
|
#app-mount .container_f1fd9c .channelRow_f04d06 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
@media (max-width: 1300px) {
|
|
.container__29699,
|
|
.container__60371 {
|
|
background: none !important;
|
|
}
|
|
}
|
|
#app-mount .background_c54132 .containerCard__95c7a {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .background_c54132 .container__55cc1:hover,
|
|
#app-mount .container_a6d69a .pill_c993da,
|
|
#app-mount .container_f1fd9c .channelRow_f04d06:hover {
|
|
background: var(--background-tertiary);
|
|
}
|
|
#app-mount .scrollerContainer_c6b11b,
|
|
#app-mount .emptyPage_c6b11b {
|
|
background: var(--bg-overlay-chat,var(--background-primary));
|
|
}
|
|
#app-mount .scrollerContainer_c6b11b .prompt_c6b11b {
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
.contentPreview_a57509 { /* forum list item */
|
|
border-color: rgb(var(--transparencycolor_v));
|
|
}
|
|
#app-mount .textContentFooter_a57509 { /* forum list item footer */
|
|
background: linear-gradient(0deg, rgba(var(--transparencycolor_v), .5), rgba(var(--transparencycolor_v), .1));
|
|
}
|
|
.container_b385c8 {
|
|
border-color: var(--background-floating);
|
|
}
|
|
.divider_af45f8 { /* forum fat divider */
|
|
background: var(--background-floating);
|
|
}
|
|
#app-mount .container_a57509.isOpen_a57509 { /* forum selected post */
|
|
background-color: rgb(var(--accentcolor_v));
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
#app-mount .container_a57509.isOpen_a57509 .defaultColor__77578,
|
|
#app-mount .container_a57509.isOpen_a57509 [style*="color: var(--header-secondary)"] {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .container_a57509.isOpen_a57509 .author__185be a,
|
|
#app-mount .container_a57509.isOpen_a57509 [style*="color: var(--text-muted)"] {
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
|
|
/* ---- 6.1. CHANNELHEADER ---- */
|
|
|
|
.container_fc4f04.themed_fc4f04 { /* header themedcontainer */
|
|
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);
|
|
}
|
|
|
|
.input_f8b740:focus { /* header dmchannelinput */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.input_f8b740:focus,
|
|
.outer_f8b740:hover .input_f8b740 {
|
|
box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.children_fc4f04::after { /* header topicgradient */
|
|
display: none;
|
|
}
|
|
|
|
.akaBadge__27cd4 { /* header aka */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
.searchBar_a46bef { /* header searchbar */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .public-DraftEditorPlaceholder-root {
|
|
color: rgb(var(--textdarker_v));
|
|
}
|
|
#app-mount .public-DraftEditorPlaceholder-hasFocus {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .searchFilter_b0fa94,
|
|
#app-mount .searchAnswer_b0fa94 {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
/* ---- 6.2. MESSAGES ---- */
|
|
|
|
.clickableAction_e3f878:hover .action_e3f878, /* guidancechannel options */
|
|
.row_b53f4f:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
.emptyChannelIcon_c2668b { /* welcomemessage empty channelicon */
|
|
position: relative;
|
|
background: rgba(var(--transparencycolor_v), .4);
|
|
overflow: hidden;
|
|
}
|
|
.emptyChannelIcon_c2668b::before {
|
|
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;
|
|
}
|
|
|
|
.button_ccfa44:hover { /* welcomemessage edit channel */
|
|
background-color: rgb(var(--accentcolor_v));
|
|
color: var(--interactive-active);
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
#app-mount .role_deddac { /* welcomemessage role */
|
|
background: transparent;
|
|
border-color: rgba(var(--textbrighter_v), .6);
|
|
border-radius: 5px;
|
|
height: 22px;
|
|
padding: 0 5px;
|
|
position: relative;
|
|
}
|
|
#app-mount .role_deddac[style*="border-color: rgba(185, 187, 190, .6)"] {
|
|
border-color: rgba(var(--textbrighter_v), .6) !important;
|
|
}
|
|
#app-mount .role_deddac .roleColor_deddac { /* welcomemessage rolecircle */
|
|
position: absolute;
|
|
background-color: var(--text-normal);
|
|
border-radius: 3px;
|
|
opacity: 0.5;
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: 0;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: -1;
|
|
}
|
|
#app-mount .role_deddac:hover .roleColor_deddac {
|
|
opacity: 0.8;
|
|
}
|
|
#app-mount .role_deddac .roleColor_deddac[style*="background-color: rgb(185, 187, 190)"] {
|
|
background-color: var(--text-normal) !important;
|
|
}
|
|
|
|
.divider_c2654d.hasContent_c2654d { /* divider hascontent */
|
|
border-width: calc(1px * (1 - var(--usechatbubbles)));
|
|
}
|
|
.divider_c2654d.hasContent_c2654d::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: -0.6rem;
|
|
bottom: -0.6rem;
|
|
right: -0.2rem;
|
|
left: 0;
|
|
background: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.5));
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.content_c2654d { /* divider content */
|
|
position: absolute;
|
|
background-color: transparent;
|
|
padding: 2px 8px;
|
|
width: unset;
|
|
}
|
|
.content_c2654d::before,
|
|
.content_c2654d::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
opacity: calc(1 - var(--usechatbubbles));
|
|
z-index: -1;
|
|
}
|
|
.content_c2654d::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.content_c2654d::after {
|
|
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
.unreadPill_c2654d { /* divider unreadpill */
|
|
border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles));
|
|
padding-left: calc(4px * var(--usechatbubbles) + 1px * (1 - var(--usechatbubbles)));
|
|
}
|
|
.unreadPillCap_c2654d { /* divider unreadpillcap */
|
|
opacity: calc(1 - var(--usechatbubbles));
|
|
}
|
|
|
|
.hasMore__8db19:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.jumpToPresentBar_cf58b5 { /* bar jumptopresent */
|
|
bottom: -8px;
|
|
background-color: transparent;
|
|
border-bottom: 1px solid var(--background-modifier-accent);
|
|
overflow: hidden;
|
|
opacity: 1;
|
|
}
|
|
.jumpToPresentBar_cf58b5::before,
|
|
.jumpToPresentBar_cf58b5::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.jumpToPresentBar_cf58b5::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.jumpToPresentBar_cf58b5::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
.messagesWrapper_e2e187:has(.jumpToPresentBar_cf58b5) ~ .form_a7d72e .channelTextArea_a7d72e,
|
|
.messagesWrapper_e2e187:has(.jumpToPresentBar_cf58b5) ~ .form_a7d72e .scrollableContainer_d0696b {
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
/* ==== 6.2.1. MESSAGE ==== */
|
|
|
|
#app-mount .message_ddcc45 { /* message confirm modal */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
box-shadow: none;
|
|
}
|
|
.message_d5deea, /* message container */
|
|
.messagesWrapper_e2e187 .wrapper_f9f2ca, /* message upload placeholder */
|
|
.card_d4f6c7 .wrapper_f9f2ca, /* message home */
|
|
.wrapper_b75bb9, /* message loading */
|
|
.message_ddb5b4, /* message mention popout */
|
|
.message_c06487, /* message inbox popout */
|
|
.message_ddcc45 .wrapper_f9f2ca, /* message settings preview */
|
|
.messageGroupCozy_ac90a2, /* message pin popout */
|
|
.message_ddc613 .wrapper_f9f2ca { /* message searchpage */
|
|
background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v)) !important;
|
|
contain: unset;
|
|
}
|
|
.message_ddc613 .wrapper_f9f2ca { /* message searchpage */
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8)) !important;
|
|
}
|
|
.message_d5deea.selected_d5deea,
|
|
.mouse-mode .message_d5deea:hover,
|
|
.mouse-mode.full-motion .message_d5deea:hover,
|
|
.mouse-mode .wrapper_b75bb9:hover,
|
|
.mouse-mode.full-motion .wrapper_b75bb9:hover {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important;
|
|
}
|
|
.messageListItem_d5deea > .message_d5deea.groupStart_d5deea {
|
|
border-top-right-radius: 5px;
|
|
border-top-left-radius: 5px;
|
|
}
|
|
.messageListItem_d5deea:has(+ .messageListItem_d5deea > .message_d5deea.groupStart_d5deea) > .message_d5deea,
|
|
.messageListItem_d5deea:has(+ :not(.messageListItem_d5deea)) > .message_d5deea {
|
|
border-bottom-right-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
.messageListItem_d5deea > .message_d5deea.groupStart_d5deea::before {
|
|
top: 2px;
|
|
border-top-left-radius: 5px;
|
|
}
|
|
.messageListItem_d5deea:has(+ .messageListItem_d5deea > .message_d5deea.groupStart_d5deea) > .message_d5deea::before,
|
|
.messageListItem_d5deea:has(+ :not(.messageListItem_d5deea)) > .message_d5deea::before {
|
|
bottom: 2px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
.backgroundFlash_d5deea .message_d5deea { /* message jump flash */
|
|
position: relative;
|
|
}
|
|
.backgroundFlash_d5deea .message_d5deea::before {
|
|
content: "";
|
|
position: absolute;
|
|
background: var(--message-background-flash, transparent);
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
}
|
|
.backgroundFlash_d5deea .cozyMessage_d5deea::before {
|
|
left: calc(-80px * var(--usechatbubbles));
|
|
}
|
|
.message_d5deea.ephemeral_d5deea, /* message localbot */
|
|
.message_d5deea.replying_d5deea, /* message replying */
|
|
.message_d5deea.highlighted_fc800f { /* message highlighted */
|
|
background-image: linear-gradient(rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))));
|
|
}
|
|
.message_d5deea.mentioned_d5deea { /* message mentioned */
|
|
background-image: linear-gradient(rgba(var(--mentioncolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))));
|
|
}
|
|
.message_d5deea.automodMessage_d5deea { /* message automodMessage */
|
|
background-image: linear-gradient(rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles)))));
|
|
}
|
|
.message_d5deea.mentioned_d5deea::before,
|
|
.message_d5deea.ephemeral_d5deea::before,
|
|
.message_d5deea.automodMessage_d5deea::before,
|
|
.message_d5deea.replying_d5deea::before,
|
|
.message_d5deea.highlighted_fc800f::before {
|
|
}
|
|
.message_d5deea.ephemeral_d5deea::before,
|
|
.message_d5deea.replying_d5deea::before,
|
|
.message_d5deea.highlighted_fc800f::before {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.message_d5deea.mentioned_d5deea::before {
|
|
background-color: rgb(var(--mentioncolor));
|
|
}
|
|
.message_d5deea.automodMessage_d5deea::before {
|
|
background-color: rgb(var(--dangercolor));
|
|
}
|
|
.message_d5deea.mentioned_d5deea .contents_f9f2ca .messageContent_f9f2ca {
|
|
border-radius: 3px;
|
|
background-color: rgba(var(--mentioncolor), calc(0.3 * var(--usechatbubbles)));
|
|
}
|
|
#app-mount .avatar_f9f2ca, /* message container avatar */
|
|
#app-mount .avatar_b75bb9 { /* message loading avatar */
|
|
position: absolute;
|
|
top: 2px;
|
|
left: calc(-70px * var(--usechatbubbles) + 16px);
|
|
}
|
|
#app-mount .compact_f9f2ca .avatar_f9f2ca { /* message compact avatar */
|
|
position: relative;
|
|
top: .18em;
|
|
left: nsetcalc(-70px * var(--usechatbubbles) + 16px);
|
|
}
|
|
#app-mount .messageItemBody__8fd54.hasReply_f9f2ca .avatar_f9f2ca,
|
|
#app-mount .repliedMessage_f9f2ca ~ * .avatar_f9f2ca {
|
|
top: 24px;
|
|
}
|
|
#app-mount .avatarDecoration_f9f2ca { /* message avatar decoration */
|
|
position: absolute;
|
|
top: 2px;
|
|
left: calc(-70px * var(--usechatbubbles) + 16px - (6.6666666px * var(--decoration-to-avatar-ratio)/2));
|
|
}
|
|
#app-mount .messageItemBody__8fd54.hasReply_f9f2ca .avatarDecoration_f9f2ca,
|
|
#app-mount .repliedMessage_f9f2ca ~ * .avatarDecoration_f9f2ca {
|
|
top: 24px;
|
|
}
|
|
|
|
#app-mount .replyBadge_f9f2ca { /* message reply badge */
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
#app-mount .spine_c15230 {
|
|
width: 0px;
|
|
top: 20px;
|
|
right: calc(1px * (-32 * var(--usechatbubbles) + -25 * (1 - var(--usechatbubbles))));
|
|
left: unset;
|
|
border: none;
|
|
}
|
|
#app-mount .compact_f9f2ca .spine_c15230 {
|
|
right: 0;
|
|
}
|
|
#app-mount .repliedMessage_f9f2ca::before, /* message reply spine */
|
|
#app-mount .repliedMessage_f9f2ca::after,
|
|
#app-mount .spine_c15230::before, /* message command spine */
|
|
#app-mount .spine_c15230::after {
|
|
--avatar-size: 38px;
|
|
--gutter: 16px;
|
|
--spine-width: 2px;
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
top: 50%;
|
|
right: unset;
|
|
bottom: 0;
|
|
left: calc(-1 * var(--avatar-size) - (6px * var(--usechatbubbles)));
|
|
width: calc(var(--avatar-size) - 4px);
|
|
margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2);
|
|
border-right: 0 solid var(--background-accent);
|
|
border-left: var(--spine-width) solid var(--background-accent);
|
|
}
|
|
#app-mount .repliedMessage_f9f2ca::before,
|
|
#app-mount .repliedMessage_f9f2ca::after {
|
|
border-top: var(--spine-width) solid var(--background-accent);
|
|
border-bottom: 0 solid var(--background-accent);
|
|
border-top-left-radius: 6px;
|
|
}
|
|
#app-mount .spine_c15230::before,
|
|
#app-mount .spine_c15230::after {
|
|
border-top: 0 solid var(--background-accent);
|
|
border-bottom: var(--spine-width) solid var(--background-accent);
|
|
border-bottom-left-radius: 6px;
|
|
}
|
|
#app-mount .compact_f9f2ca .repliedMessage_f9f2ca::before,
|
|
#app-mount .compact_f9f2ca .repliedMessage_f9f2ca::after,
|
|
#app-mount .compact_f9f2ca .spine_c15230::before,
|
|
#app-mount .compact_f9f2ca .spine_c15230::after {
|
|
--avatar-size: 20px;
|
|
left: calc(-1 * var(--avatar-size));
|
|
}
|
|
#app-mount .repliedMessage_f9f2ca::before,
|
|
#app-mount .spine_c15230::before {
|
|
border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles))));
|
|
}
|
|
#app-mount .repliedMessage_f9f2ca::after,
|
|
#app-mount .spine_c15230::after {
|
|
border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles)));
|
|
}
|
|
#app-mount .compact_f9f2ca .repliedMessage_f9f2ca::before,
|
|
#app-mount .compact_f9f2ca .spine_c15230::before {
|
|
border-color: rgba(var(--textbrighter_v), .3);
|
|
}
|
|
#app-mount .compact_f9f2ca .repliedMessage_f9f2ca::after,
|
|
#app-mount .compact_f9f2ca .spine_c15230::after {
|
|
border-color: transparent;
|
|
}
|
|
|
|
#app-mount .cozy_f9f2ca.hasThread_f9f2ca::before, /* message thread spine */
|
|
#app-mount .cozy_f9f2ca.hasThread_f9f2ca::after,
|
|
#app-mount .compact_f9f2ca.hasThread_f9f2ca::after {
|
|
--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;
|
|
}
|
|
#app-mount .cozy_f9f2ca.hasThread_f9f2ca::before {
|
|
border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles))));
|
|
}
|
|
#app-mount .cozy_f9f2ca.hasThread_f9f2ca::after {
|
|
border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles)));
|
|
}
|
|
#app-mount .message_d5deea.mentioned_d5deea.hasThread_f9f2ca::before {
|
|
background-color: transparent;
|
|
}
|
|
#app-mount .compact_f9f2ca.hasThread_f9f2ca::after {
|
|
left: calc(var(--avatar-size) + 11px);
|
|
width: calc(var(--avatar-size) - 13px);
|
|
border-color: rgba(var(--textbrighter_v), .3);
|
|
}
|
|
#app-mount .compact_f9f2ca.hasThread_f9f2ca .contents_f9f2ca::before {
|
|
border-color: rgba(var(--textbrighter_v), .3);
|
|
}
|
|
|
|
.spine_c15230 {
|
|
border-color: rgba(var(--textbrighter_v), .3);
|
|
}
|
|
.hasThread_f9f2ca .spine_c15230 {
|
|
display: none;
|
|
}
|
|
|
|
.cozy_f9f2ca .header_f9f2ca::after, /* message container header */
|
|
.cozy_b75bb9 .header_b75bb9::after { /* message loading header */
|
|
content: "";
|
|
position: absolute;
|
|
top: 12px;
|
|
left: -32px;
|
|
border: 10px solid transparent;
|
|
border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v));
|
|
}
|
|
.messageGroupWrapper_ac90a2 .messageGroupCozy_ac90a2 .header_f9f2ca::after {
|
|
top: 2px;
|
|
}
|
|
.message_ddc613 .wrapper_f9f2ca .header_f9f2ca::after {
|
|
border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8));
|
|
}
|
|
.cozy_f9f2ca .timestamp_f9f2ca.alt_f9f2ca {
|
|
left: calc(-78px * var(--usechatbubbles));
|
|
}
|
|
.cozy_f9f2ca .iconContainer_e62b38 {
|
|
background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v));
|
|
border-radius: 50%;
|
|
left: calc(1px * (-58 * var(--usechatbubbles) + -48 * (1 - var(--usechatbubbles))));
|
|
height: 25px !important;
|
|
width: 25px !important;
|
|
margin: unset;
|
|
margin-right: 1rem;
|
|
padding: 0;
|
|
}
|
|
.cozy_f9f2ca .blockedSystemMessage_c09d0f .iconContainer_e62b38 {
|
|
background-color: transparent;
|
|
}
|
|
.cozy_f9f2ca .iconContainer_e62b38::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 26px;
|
|
border: 10px solid transparent;
|
|
border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v));
|
|
}
|
|
.cozy_f9f2ca .blockedSystemMessage_c09d0f .iconContainer_e62b38::after {
|
|
display: none;
|
|
}
|
|
.selected_d5deea.message_d5deea.cozy_f9f2ca .header_f9f2ca::after,
|
|
.mouse-mode .message_d5deea.cozy_f9f2ca:hover .header_f9f2ca::after,
|
|
.mouse-mode.full-motion .message_d5deea.cozy_f9f2ca:hover .header_f9f2ca::after,
|
|
.mouse-mode .wrapper_b75bb9.cozy_b75bb9:hover .header_b75bb9::after,
|
|
.mouse-mode.full-motion .wrapper_b75bb9.cozy_b75bb9:hover .header_b75bb9::after,
|
|
.selected_d5deea.message_d5deea.cozy_f9f2ca .iconContainer_e62b38::after,
|
|
.mouse-mode .message_d5deea.cozy_f9f2ca:hover .iconContainer_e62b38::after,
|
|
.mouse-mode.full-motion .message_d5deea.cozy_f9f2ca:hover .iconContainer_e62b38::after {
|
|
border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2));
|
|
}
|
|
#app-mount .mentioned_d5deea.cozy_f9f2ca .header_f9f2ca::after {
|
|
border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
|
|
}
|
|
#app-mount .ephemeral_d5deea.cozy_f9f2ca .header_f9f2ca::after,
|
|
#app-mount .replying_d5deea.cozy_f9f2ca .header_f9f2ca::after,
|
|
#app-mount .highlighted_fc800f.cozy_f9f2ca .header_f9f2ca::after {
|
|
border-right-color: rgba(var(--accentcolor_v), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
|
|
}
|
|
#app-mount .automodMessage_d5deea.cozy_f9f2ca .header_f9f2ca::after {
|
|
border-right-color: rgba(var(--dangercolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
|
|
}
|
|
.message_ddb5b4,
|
|
.message_c06487,
|
|
.zalgo_f9f2ca .messageContent_f9f2ca,
|
|
.zalgo_f9f2ca.cozy_f9f2ca .header_f9f2ca,
|
|
.wrapper_b75bb9,
|
|
.cozy_b75bb9 .header_b75bb9 {
|
|
overflow: visible;
|
|
}
|
|
#app-mount .cozyMessage_d5deea, /* message container cozy */
|
|
#app-mount .messagesWrapper_e2e187 .cozy_f9f2ca, /* message upload placeholder cozy */
|
|
#app-mount .card_d4f6c7 .cozy_f9f2ca, /* message home cozy */
|
|
#app-mount .cozy_b75bb9 { /* message loading cozy */
|
|
margin-left: calc(80px * var(--usechatbubbles));
|
|
padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles))));
|
|
}
|
|
#app-mount .wrapper_f9f2ca[data-list-item-id*="Uploader"] {
|
|
margin-top: 1rem;
|
|
}
|
|
#app-mount .compact_b75bb9 { /* message loading compact */
|
|
margin-top: .0625rem;
|
|
}
|
|
#app-mount .cozy_f9f2ca .header_f9f2ca,
|
|
#app-mount .cozy_f9f2ca .messageContent_f9f2ca,
|
|
#app-mount .cozy_b75bb9 .header_b75bb9 {
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
.messageContainer_ddb5b4 .wrapper_f9f2ca,
|
|
.messages_c06487 .wrapper_f9f2ca,
|
|
.message_ddcc45 .wrapper_f9f2ca,
|
|
.messageGroupWrapper_ac90a2 .messageGroupCozy_ac90a2,
|
|
.message_ddc613 .wrapper_f9f2ca {
|
|
border-radius: 5px;
|
|
margin-left: calc(60px * var(--usechatbubbles));
|
|
padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles))));
|
|
}
|
|
.messages_c06487 .wrapper_f9f2ca {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.interactiveCard_d92364.selected__142a3, .interactiveCard_d92364:active, /* message home message */
|
|
.interactiveCard_d92364:hover {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
.feedItemHeader_ec3bdb {
|
|
border-color: var(--background-primary);
|
|
}
|
|
.interactiveCard_d92364.selected__142a3, .interactiveCard_d92364:active .feedItemHeader_ec3bdb,
|
|
.interactiveCard_d92364:hover .feedItemHeader_ec3bdb {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
|
|
.wrapper_cdfd51 { /* message loading wrapper */
|
|
background: transparent;
|
|
}
|
|
.avatar_b75bb9 { /* message loading avatar */
|
|
background: rgba(var(--transparencycolor_v), .4);
|
|
opacity: 1 !important;
|
|
}
|
|
.attachment_b75bb9, /* message loading attachment */
|
|
.blob_b75bb9 { /* message loading blob */
|
|
background: rgb(var(--accentcolor_v));
|
|
}
|
|
|
|
.expanded_c09d0f { /* message expanded blocked */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-radius: 5px 5px 0 5px;
|
|
margin-bottom: .5625rem;
|
|
}
|
|
|
|
#app-mount .reaction_ec6b19 { /* message reaction */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
border: none;
|
|
}
|
|
#app-mount .reaction_ec6b19:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
border: none;
|
|
}
|
|
#app-mount .reaction_ec6b19.reactionMe_ec6b19 {
|
|
background-color: rgba(var(--accentcolor_v), .8);
|
|
border: none;
|
|
}
|
|
#app-mount .reaction_ec6b19.reactionMe_ec6b19:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
border: none;
|
|
}
|
|
#app-mount .reaction_ec6b19.reactionMe_ec6b19 .reactionCount_ec6b19 {
|
|
color: #FFF;
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
.wrapper_f7e168:not(.popover_bba79b) { /* message buttons */
|
|
position: relative;
|
|
background: transparent;
|
|
}
|
|
.wrapper_f7e168:not(.popover_bba79b)::before,
|
|
.wrapper_f7e168:not(.popover_bba79b)::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 4px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.wrapper_f7e168:not(.popover_bba79b)::before {
|
|
background: var(--backgound) var(--backgoundposition)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.wrapper_f7e168:not(.popover_bba79b)::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
.button_f7e168:hover,
|
|
.button_f7e168.selected_f7e168 {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
|
|
.bumpBox_ca33de { /* messageelement publish box */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
.markup_f8f345 code { /* messageelement code */
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
}
|
|
.markup_f8f345 pre { /* messageelement pre */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
.markup_f8f345 .inline, /* messageelement inline */
|
|
.after_inlineCode_cdb578,
|
|
.before_inlineCode_cdb578,
|
|
.inlineCode_cdb578 {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
.textContainer_d8e2d0 { /* messageelement plain file text */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
.footer_d8e2d0 { /* messageelement plain file footer */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
.languageSelector_d8e2d0 { /* messageelement plain file popout */
|
|
background-color: transparent;
|
|
border: 1px solid rgba(var(--transparencycolor_v), .3);
|
|
border-radius: 5px;
|
|
box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3);
|
|
overflow: hidden;
|
|
}
|
|
.languageSelector_d8e2d0::before,
|
|
.languageSelector_d8e2d0::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.languageSelector_d8e2d0::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.languageSelector_d8e2d0::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
#app-mount .spoilerContent_a3d0f7 { /* messageelement spoiler */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .spoilerContent_a3d0f7.hidden_a3d0f7 { /* messageelement hiddenspoiler */
|
|
background-color: rgba(var(--transparencycolor_v), .6);
|
|
}
|
|
|
|
.icon_e62b38[style*="/assets/7ed159b6acb6da5d9593.svg"] { /* systemmessage pinicon */
|
|
-webkit-mask: url(https://discord.com/assets/7ed159b6acb6da5d9593.svg) center/cover no-repeat;
|
|
background: var(--channels-default) !important;
|
|
}
|
|
.icon_e62b38[style*="/assets/a1d461025204711133ec.svg"] { /* systemmessage missedcall */
|
|
-webkit-mask: url(https://discord.com/assets/a1d461025204711133ec.svg) center/cover no-repeat;
|
|
background: var(--channels-default) !important;
|
|
}
|
|
.icon_e62b38[style*="/assets/7378a83d74ce97d83380.svg"] { /* systemmessage joingroupicon */
|
|
-webkit-mask: url(https://discord.com/assets/7378a83d74ce97d83380.svg) center/cover no-repeat;
|
|
background: rgb(var(--accentcolor_v)) !important;
|
|
}
|
|
.icon_e62b38[style*="/assets/9f3b9c1b6e5f77294951.svg"] { /* systemmessage recievecallicon */
|
|
-webkit-mask: url(https://discord.com/assets/9f3b9c1b6e5f77294951.svg) center/cover no-repeat;
|
|
background: rgb(var(--accentcolor_v)) !important;
|
|
}
|
|
|
|
/* ==== 6.2.2. EMBEDS ==== */
|
|
|
|
#app-mount .embedFull_b0068a { /* embed wrapper */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
border-left-color: rgb(var(--textdarkest_v));
|
|
}
|
|
|
|
#app-mount .attachment_b52bef { /* attachment container */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
margin-left: 18px;
|
|
}
|
|
#app-mount .message_d5deea .attachment_b52bef {
|
|
margin-left: 0;
|
|
}
|
|
#app-mount .twitchSectionPlayButton_cd82a7 {
|
|
object-position: -999999px -999999px;
|
|
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>');
|
|
border-radius: 50%;
|
|
}
|
|
#app-mount .twitchSectionPlayButton_cd82a7:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .8);
|
|
}
|
|
|
|
#app-mount .wrapper_f316dd { /* attachment videowrapper */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
/* ==== 6.2.3. NITROGIFT ==== */
|
|
|
|
#app-mount .tile_ab47a1 { /* gift container */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
box-shadow: 0 0 0 rgba(var(--transparencycolor_v), .15);
|
|
}
|
|
#app-mount .tile_ab47a1:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
#app-mount .title_ab47a1 { /* gift title */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .description_ab47a1 { /* gift description */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tagline_ab47a1 { /* gift tagline */
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ==== 6.2.4. INVITE ==== */
|
|
|
|
#app-mount .wrapper_a71a1c { /* invite container */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
#app-mount .guildIconImage_a71a1c { /* invite icon */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .guildIconExpired_a71a1c { /* erroricon expiredguild */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
|
|
opacity: 0.7;
|
|
}
|
|
#app-mount .guildName_a71a1c { /* invite name */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .guildDetail_a71a1c { /* invite details */
|
|
color: var(--channels-default);
|
|
}
|
|
|
|
#app-mount .invite_f61cb8 { /* invite group invite */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
#app-mount .artworkSpotifySessionEnded_f61cb8 {
|
|
background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .header_f61cb8 {
|
|
color: rgb(var(--textdarker_v));
|
|
}
|
|
#app-mount .name_f61cb8,
|
|
#app-mount .partyStatus_f61cb8 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .moreUsers_f61cb8 {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .partyMemberEmpty_f61cb8 {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .helpIcon_f61cb8 {
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
|
|
/* ---- 6.3. TEXTAREA ---- */
|
|
|
|
.form_a7d72e {
|
|
padding-top: 0;
|
|
margin-top: 0;
|
|
}
|
|
.form_a7d72e { /* textarea form */
|
|
background: rgba(var(--transparencycolor_v), var(--chatinputtransparency_v));
|
|
margin-top: 0;
|
|
padding-top: 8px;
|
|
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))));
|
|
}
|
|
.threadSidebarOpen_a7d72e .form_a7d72e {
|
|
border-top-right-radius: 8px;
|
|
}
|
|
.form_a7d72e::before {
|
|
display: none;
|
|
}
|
|
|
|
.channelTextArea_a7d72e { /* textarea channeltextarea */
|
|
background-color: transparent;
|
|
}
|
|
|
|
.container_d29eee .banner_d29eee, /* textarea say hi, etc. */
|
|
.attachedBars_d0696b { /* textarea reply */
|
|
background: rgba(var(--transparencycolor_v), .3);
|
|
border: none;
|
|
border-bottom: 1px solid var(--background-modifier-accent);
|
|
}
|
|
.container_d29eee + .form_a7d72e {
|
|
padding-top: 0;
|
|
}
|
|
.container_d29eee + .form_a7d72e .attachedBars_d0696b {
|
|
padding-top: 1px;
|
|
}
|
|
.container_d29eee + .form_a7d72e .attachedBars_d0696b,
|
|
.container_d29eee + .form_a7d72e .scrollableContainer_d0696b {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.replyBar_b11c5e,
|
|
.threadSuggestionBar_b11c5e {
|
|
background: transparent;
|
|
}
|
|
|
|
.scrollableContainer_d0696b { /* textarea container */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
.sprite_d91a75 { /* textarea emojibutton */
|
|
transform: none !important;
|
|
}
|
|
|
|
.wrapper_faf5ab { /* textarea placeholder */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.toolbar_de3e42 { /* textarea formattoolbar */
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.toolbar_de3e42::before {
|
|
border-top-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.divider_de3e42 { /* textarea formattoolbar divider */
|
|
border-left-color: hsla(0, 0%,100%, .1);
|
|
}
|
|
.active__05fbc, /* textarea buttonactive */
|
|
.hover_d0ebf2:hover { /* textarea buttonhover */
|
|
background-color: hsla(0, 0%, 100%, .2);
|
|
}
|
|
.icon_de3e42 { /* textarea buttonicon */
|
|
color: #fff;
|
|
opacity: .7;
|
|
}
|
|
.active__05fbc .icon_de3e42,
|
|
.hover_d0ebf2:hover .icon_de3e42 {
|
|
color: #fff;
|
|
opacity: 1;
|
|
}
|
|
|
|
#app-mount .optionPill_d4df8b { /* textarea command query pill */
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
border-radius: 5px;
|
|
}
|
|
#app-mount .optionPillKey_d4df8b { /* textarea command query pill key */
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* ---- 6.4. AUTOCOMPLETEMENU ---- */
|
|
|
|
#app-mount .autocomplete_bcc24e { /* autocomplete container */
|
|
background-color: transparent;
|
|
overflow: hidden;
|
|
}
|
|
#app-mount .autocomplete_bcc24e::before,
|
|
#app-mount .autocomplete_bcc24e::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
#app-mount .autocomplete_bcc24e::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
#app-mount .autocomplete_bcc24e::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.theme-brand .autocomplete_bcc24e {
|
|
background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important;
|
|
}
|
|
.theme-brand .autocomplete_bcc24e::before,
|
|
.theme-brand .autocomplete_bcc24e::after {
|
|
display: none;
|
|
}
|
|
#app-mount .bar_f60904 { /* autocomplete command info */
|
|
background-color: transparent;
|
|
}
|
|
#app-mount .container_cf6b7d::after {
|
|
box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .header_cf6b7d { /* autocomplete header */
|
|
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .2), 0 1px 2px 0 rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
#app-mount .option_bea3ee { /* autocomplete option */
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
.clickable_bcc24e[aria-selected=true] > .base_bcc24e, /* autocomplete rowselected */
|
|
.clickable_bcc24e[aria-disabled=false] > .base_bcc24e:hover {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + .15));
|
|
}
|
|
|
|
#app-mount .wrapper_efd8e6 { /* autocomplete categories */
|
|
background-color: transparent;
|
|
}
|
|
#app-mount .selected_c9d951, /* autocomplete category selected */
|
|
#app-mount .selected_c9d951:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
#app-mount .selected_c9d951 svg {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
|
|
#app-mount .searchSuggestion_bad108:hover { /* gifpicker suggestions */
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
#app-mount .placeholder_bad108 { /* gifpicker result placeholder */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
/* ---- 6.5. MEMBERLIST ---- */
|
|
|
|
.member_cbd271 { /* member */
|
|
background: transparent;
|
|
}
|
|
.avatar_c51b4e::before { /* emptyavatar */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.memberGroupsPlaceholder_cbd271, /* loadingplaceholders */
|
|
.placeholderAvatar_dac468,
|
|
.placeholderUsername_a43b87 {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
/* ---- 6.6. SEARCHPAGE ---- */
|
|
|
|
.searchResultsWrap_c2b47d { /* searchpage container */
|
|
background-color: transparent;
|
|
}
|
|
.searchHeader_b7c924, /* searchpage header */
|
|
.searchHeader_b7c924 ~ .container_de9d09 { /* searchpage pagination (BSP) */
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
|
|
border-radius: 0 0 0 8px;
|
|
}
|
|
.searchResult_ddc613 { /* searchpage searchresult */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.button_ddc613 { /* searchpage jumpbutton */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.button_ddc613:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.pageButton_b48941:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.activeButton_b48941 {
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
/* ---- 6.7. CHAT SIDEBAR ---- */
|
|
|
|
.container_d1c246 { /* chat sidebar */
|
|
border-radius: 0;
|
|
}
|
|
.container_d1c246.floating_d1c246::before,
|
|
.container_d1c246.floating_d1c246::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.container_d1c246.floating_d1c246::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.container_d1c246.floating_d1c246::after {
|
|
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
.chatTarget_d1c246.notFloating_d1c246 ~ .container_d1c246 {
|
|
overflow: visible;
|
|
}
|
|
.chatTarget_d1c246.notFloating_d1c246 ~ .container_d1c246 .container_fc4f04.themed_fc4f04::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: -8px;
|
|
width: 8px;
|
|
background: inherit;
|
|
box-shadow: inherit;
|
|
pointer-events: none;
|
|
}
|
|
.chatTarget_d1c246.notFloating_d1c246 ~ .container_d1c246 .container_fc4f04.themed_fc4f04::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
top: 10px;
|
|
bottom: 10px;
|
|
left: -3.5px;
|
|
width: 1px;
|
|
background: var(--background-modifier-accent);
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* ---- 6.8. CALL ---- */
|
|
|
|
#app-mount .wrapper_cbf230 {
|
|
z-index: 1002;
|
|
}
|
|
#app-mount .root_cbf230 { /* popout inner */
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.root_cbf230::before,
|
|
.root_cbf230::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.root_cbf230::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.root_cbf230::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
#app-mount .wrapper_d880dc { /* call voice wrapper */
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
|
|
}
|
|
#app-mount .callContainer_d880dc { /* call voice wrapper inner */
|
|
background-color: rgba(var(--transparencycolor_v), calc((1 - (var(--guildchanneltransparency_v) * 0.8)) * 0.8));
|
|
}
|
|
#app-mount .root_dd069c { /* call root */
|
|
color: var(--header-primary);
|
|
}
|
|
.videoWrapper_ba4b17 { /* call video wrapper */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.video_c8484a { /* call video */
|
|
background-color: transparent;
|
|
}
|
|
.tile_dc5fc4, /* call user video voicechannel */
|
|
.tile_ba4b17 { /* call user video dm */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.gradientContainer_dd069c { /* call gradientcontainer */
|
|
display: none;
|
|
}
|
|
.participantsButton_b83b18 { /* call participantsbutton */
|
|
background-color: rgba(0, 0, 0, .3);
|
|
}
|
|
.participantsButton_b83b18:hover {
|
|
background-color: rgba(0, 0, 0, .6);
|
|
}
|
|
.centerButton_ef18ee,
|
|
.colorable_ef18ee.primaryDark_ef18ee {
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
.centerButton_ef18ee:hover,
|
|
.colorable_ef18ee.primaryDark_ef18ee:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.button_e5cc00 {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.button_e5cc00:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .6);
|
|
}
|
|
.controlButton_b6e2f9.colorable_ef18ee.red_ef18ee {
|
|
background-color: rgba(var(--dangercolor)), .5);
|
|
}
|
|
.controlButton_b6e2f9.colorable_ef18ee.red_ef18ee:hover {
|
|
background-color: rgb(var(--dangercolor));
|
|
}
|
|
.regionSelectPopout_ccb5ca {
|
|
width: 170px;
|
|
}
|
|
|
|
.container_ed4410 { /* call podium wrapper */
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
|
|
}
|
|
.callContainer_ed4410 { /* call podium inner */
|
|
background-color: transparent;
|
|
}
|
|
.scroller_bb12d2 { /* call podium scroller */
|
|
background-color: transparent;
|
|
}
|
|
.rowContainer_f3a5b1 { /* call podium row */
|
|
background-color: transparent;
|
|
}
|
|
.participants_a07d72 { /* call podium participants */
|
|
background-color: transparent;
|
|
}
|
|
.tileContainer_e1522e:hover { /* call podium participant */
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.container_f7ece4 { /* call podium requests */
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.3));
|
|
}
|
|
.headerContainer_f7ece4 { /* call podium requests header */
|
|
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);
|
|
}
|
|
|
|
/* ---- 6.9. UNAVAILABLESCREEN ---- */
|
|
|
|
.category_b68b01, /* loadingplaceholders */
|
|
.channelIcon_b68b01,
|
|
.channelName_b68b01 {
|
|
background: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.splashImage_b47fac { /* screen image */
|
|
opacity: 0.7;
|
|
}
|
|
|
|
|
|
/* ~~~~ 7. PEOPLES ~~~~ */
|
|
|
|
.addFriendInputWrapper_de812f { /* peoples add friend */
|
|
background-color: rgba(var(--transparencycolor_v), .1);
|
|
border-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.addFriendInputWrapper_de812f:hover:not(:focus-within) {
|
|
border-color: rgb(var(--transparencycolor_v));
|
|
}
|
|
.container_aef5fd { /* peoples explore option */
|
|
border: none;
|
|
}
|
|
.container_aef5fd:hover {
|
|
background-color: var(--background-floating);
|
|
}
|
|
.peopleListItem_d51464 .actionButton_e01b91 { /* peoples actionbutton */
|
|
background-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
.peopleListItem_d51464 .actionButton_e01b91:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.peopleListItem_d51464 .actionButton_e01b91:hover svg{
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
.peopleListItem_d51464.active_d51464,
|
|
.peopleListItem_d51464:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.peopleListItem_d51464.active_d51464 .actionButton_e01b91,
|
|
.peopleListItem_d51464:hover .actionButton_e01b91 {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .outer_c0f6a6, /* playing card */
|
|
#app-mount .wrapper_cd82a7 { /* playing card */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border: unset;
|
|
}
|
|
#app-mount .outer_c0f6a6.active_c0f6a6,
|
|
#app-mount .outer_c0f6a6.interactive_c0f6a6:hover,
|
|
#app-mount .outer_c0f6a6.active_c0f6a6,
|
|
#app-mount .outer_c0f6a6.interactive_c0f6a6:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
#app-mount .inset_c0f6a6 { /* playing card inner */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.emptyCard_f02fcf { /* playing empty card */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .partyMemberOverflow_b448f2 {
|
|
background: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
#app-mount .partyMemberBackground_b2e343,
|
|
#app-mount .partyMemberUnknown_b448f2 {
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
#app-mount .partyMemberUnknownIcon_b448f2 {
|
|
color: var(--channels-default);
|
|
}
|
|
#app-mount .popout_c6d10c { /* playing popout */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 8px 16px 0 rgba(var(--transparencycolor_v), .3);
|
|
overflow: hidden;
|
|
}
|
|
.popout_c6d10c::before,
|
|
.popout_c6d10c::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.popout_c6d10c::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.popout_c6d10c::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.memberListItem_bc9592:not(.popoutDisabled_bc9592):hover {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
|
|
/* ~~~~ 7. STORE/NITRO ~~~~ */
|
|
|
|
#app-mount .loading_e0eaac { /* loading */
|
|
background: transparent;
|
|
}
|
|
|
|
.marketingHeader_cecc86 { /* marketingheader */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
.detailsBlock_a206c7 { /* billing details */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
#app-mount .categoryHeader__15de0, /* categoryheader */
|
|
#app-mount .premiumApplicationsHeader__1f431 {
|
|
border-color: var(--background-modifier-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .tier1Banner__85188 { /* tier1banner container */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: #fff;
|
|
}
|
|
|
|
.smallCarousel_b0360e {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
border-radius: 5px;
|
|
}
|
|
#app-mount .item_b60f40 { /* gamepreview previewitem */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.arrow_b60f40 { /* gamepreview prev/nextarrow (big) */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .themedPagination_db3abe .arrow_db3abe { /* gamepreview prev/nextarrow (small) */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .themedPagination_db3abe .dot_db3abe { /* gamepreview itemdot (small) */
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .root_aef182 { /* gameinfo sectioncontainer */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .header_aef182 { /* gameinfo sectionheader */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .section_aef182 { /* gameinfo subsection */
|
|
border-bottom-color: var(--background-modifier-accent);
|
|
}
|
|
#app-mount .playerOverflow_a94968 {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .description_a94968 { /* gameinfo subsectiondescription */
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .description_a94968 strong,
|
|
#app-mount .username_a94968 { /* gameinfo subsectionusername */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .smallHeader_dd7605 { /* gameinfo subsectionheader */
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .text_dd7605 { /* gameinfo subsectiontext */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .iconCircle_dd7605 {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .circle_dd7605 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .blurb_e2ea95 { /* section description */
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .description_e2ea95 { /* section subdescription */
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .requirements_f566d4 { /* requirements */
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .requirementKey_f566d4 { /* requirements key */
|
|
color: rgb(var(--textdarker_v));
|
|
}
|
|
#app-mount .content_ecfdf4 { /* requirements rating */
|
|
color: rgb(var(--textdarker_v));
|
|
}
|
|
|
|
#app-mount .bodySection_ae0d90 { /* sidebar section */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-top-color: var(--background-modifier-accent);
|
|
}
|
|
#app-mount .actionText__1ae94 { /* sidebar header */
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .purchaseUnitOperatingSystem_ba3425 { /* sidebar OSicon */
|
|
color: rgb(var(--textdarkest_v));
|
|
}
|
|
#app-mount .price_f6c36e, /* sidebar price */
|
|
#app-mount .listingPrice_b8c2de {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .title_a81dd3 { /* sidebar subtitle */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .skuNormal__1aa9d { /* sidebar pricerow */
|
|
border-bottom-color: var(--background-modifier-accent);
|
|
}
|
|
#app-mount .name__71fd4 { /* sidebar pricename */
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .sku_e2d34f:hover .name__71fd4 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .price_afc9b2 { /* sidebar priceamount */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .label__8394d { /* sidebar label */
|
|
color: rgb(var(--textdarker_v));
|
|
}
|
|
#app-mount .info__087e0 { /* sidebar labelinfo */
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .content_b118d9 { /* invitecard container */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .name_b118d9 { /* invitecard guildname */
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .memberInfo_b118d9 { /* invitecard memberinfo */
|
|
color: rgb(var(--textdarker_v));
|
|
}
|
|
|
|
.premiumSubscriptionAccountCredit_ca73a1 { /* abonnements abocard */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
#app-mount .row_b4ece4 { /* features row */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .featureIcon_b4ece4 { /* features featureicon */
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 9. LIBRARY ~~~~ */
|
|
|
|
.header_f1629a { /* library table header */
|
|
background-color: transparent;
|
|
border-bottom-color: var(--background-modifier-accent);
|
|
position: relative;
|
|
}
|
|
.header_f1629a::before,
|
|
.header_f1629a::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.header_f1629a::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.header_f1629a::after {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
|
|
#app-mount .headerCellSorted__19516 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
.rowWrapperActive_f1629a {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.rowWrapper_f1629a + .rowWrapper_f1629a .row_f1629a {
|
|
border-top-color: var(--background-modifier-accent);
|
|
}
|
|
|
|
#app-mount .rate_bf664b {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .background_cd2edd { /* library usagebar */
|
|
stroke: rgb(var(--transparencycolor_v), .5);
|
|
}
|
|
#app-mount .usageInfo_cd2edd { /* gamelibrary usageinfo */
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .installationPath_d037ef { /* library game row path */
|
|
box-shadow: 0 1px 0 0 var(--background-accent);
|
|
}
|
|
#app-mount .rowTitle_d037ef { /* library game row title */
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .rowBody_d037ef { /* library game row body */
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .defaultLocationCheckbox_d037ef { /* library location checkbox */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .defaultIndicator_d037ef { /* library location indicator */
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .applicationName_c100ff { /* library application name */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .applicationSubText_c100ff { /* library application subtext */
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
|
|
/* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */
|
|
|
|
#app-mount .pageWrapper_a3a4ce, /* guilddiscovery container */
|
|
#app-mount .pageContainer_a9a262 { /* unihub container */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .pageWrapper_a3a4ce .searchBox_f69601, /* guilddiscovery searchbox */
|
|
#app-mount .pageContainer_a9a262 .searchBox_d33b18 { /* unihub searchbox */
|
|
background-color: #fff;
|
|
}
|
|
#app-mount .card_e90879, /* guilddiscovery card */
|
|
#app-mount .card_f18d6c { /* unihub card */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .iconMask_e90879, /* guilddiscovery iconmask */
|
|
#app-mount .iconMask_f18d6c { /* unihub iconmask */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .card_e90879:hover,
|
|
#app-mount .iconMask_e90879:hover,
|
|
#app-mount .card_f18d6c:hover,
|
|
#app-mount .iconMask_f18d6c:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
#app-mount .cardPlaceholder__6e28f { /* guildcard placeholder */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .loading_e90879 { /* guildcard loading */
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
.footerImage_a3a4ce {
|
|
opacity: .5;
|
|
}
|
|
.actionButtonsContainer_a45ae3 { /* guildcard action button */
|
|
position: relative;
|
|
background: transparent;
|
|
}
|
|
.actionButtonsContainer_a45ae3::before,
|
|
.actionButtonsContainer_a45ae3::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 4px;
|
|
pointer-events: none;
|
|
}
|
|
.actionButtonsContainer_a45ae3::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.actionButtonsContainer_a45ae3::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
.spinner_e90879 { /* guildcard loading spinner */
|
|
background: transparent;
|
|
transform: none;
|
|
top: calc(50% - 24px);
|
|
left: calc(50% - 24px);
|
|
}
|
|
.spinner_e90879::before,
|
|
.spinner_e90879::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 8px;
|
|
pointer-events: none;
|
|
}
|
|
.spinner_e90879::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.spinner_e90879::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.4));
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
|
|
#app-mount .addEntryCard_d9422a { /* add entry card */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-color: var(--interactive-normal);
|
|
}
|
|
#app-mount .addEntryCard_d9422a:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
border-color: var(--interactive-active);
|
|
}
|
|
|
|
.emptyContainer_e37a20 { /* search no results */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.placeholder_e825f6 { /* search placeholder */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
|
|
/* ~~~~ 11. USERSETTINGS ~~~~ */
|
|
|
|
#app-mount .side_a0 .themed_a0.item_a0:active:not(.disabled_a0), /* sideitems */
|
|
#app-mount .topPill_a0 .themed_a0.item_a0:active:not(.disabled_a0), /* tabitems */
|
|
#app-mount .side_a0 .themed_a0.item_a0:hover:not(.disabled_a0), /* sideitems */
|
|
#app-mount .topPill_a0 .themed_a0.item_a0:hover:not(.disabled_a0) { /* tabitems */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .side_a0 .themed_a0.selected_a0.item_a0,
|
|
#app-mount .topPill_a0 .themed_a0.selected_a0.item_a0,
|
|
#app-mount .side_a0 .themed_a0.selected_a0.item_a0:active,
|
|
#app-mount .topPill_a0 .themed_a0.selected_a0.item_a0:active,
|
|
#app-mount .side_a0 .themed_a0.selected_a0.item_a0:hover,
|
|
#app-mount .topPill_a0 .themed_a0.selected_a0.item_a0:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
color: #fff;
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.sidebar_c25c6d:has(.socialLinks_c44e94) .side_a0 .item_a0::after {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
|
|
.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 {
|
|
background: var(--interactive-normal);
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat;
|
|
opacity: 1;
|
|
transition: background .15s ease;
|
|
}
|
|
.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 {
|
|
background: var(--interactive-active);
|
|
}
|
|
.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 > * {
|
|
display: none;
|
|
}
|
|
|
|
#app-mount .streamerModeEnabledImage_c50c8b {
|
|
background-image: url(https://discord.com/assets/c133c9df9ee4552c188a.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.contentRegion_c25c6d div[role="tabpanel"] { /* tabpanel */
|
|
width: 100%;
|
|
}
|
|
.toolsContainer_c25c6d { /* closebutton wrapper */
|
|
margin-right: 37px;
|
|
}
|
|
#app-mount .closeButton_df5532 { /* closebutton button */
|
|
border-color: var(--channels-default);
|
|
}
|
|
#app-mount .closeButton_df5532 path[fill] {
|
|
fill: var(--channels-default);
|
|
}
|
|
#app-mount .closeButton_df5532:hover {
|
|
background-color: rgba(var(--accentcolor_v), .2);
|
|
border-color: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButton_df5532:hover path[fill] {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButton_df5532:active {
|
|
border-color: var(--text-normal);
|
|
}
|
|
#app-mount .closeButton_df5532:active path[fill] {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .keybind_df5532 { /* closebutton keybind */
|
|
color: var(--channels-default);
|
|
}
|
|
|
|
#app-mount .closeButtonBold_df5532 { /* closebutton button bold */
|
|
border-color: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButtonBold_df5532 path[fill] {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButtonBold_df5532:hover {
|
|
background-color: rgba(var(--accentcolor_v), .4);
|
|
border-color: var(--text-normal);
|
|
}
|
|
#app-mount .closeButtonBold_df5532:hover path[fill] {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .closeButtonBold_df5532:active {
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .closeButtonBold_df5532:active path[fill] {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .keybind_df5532 { /* closebutton keybind bold */
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
.cardPrimary_cb7a0e { /* settingsitems card */
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
|
|
.accountProfileCard_b69b77 { /* accountsettings container */
|
|
background: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.accountProfileCard_b69b77::before,
|
|
.accountProfileCard_b69b77::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.accountProfileCard_b69b77::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.accountProfileCard_b69b77::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.accountProfileCard_b69b77 .avatar_b69b77 { /* accountsettings container avatar */
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
}
|
|
.questionMark__6bfbc svg { /* accountsettings questionmark */
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
#app-mount .background_b69b77 { /* accountsettings container */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .fieldList_b69b77 { /* accountsettings settings */
|
|
background-color: transparent;
|
|
}
|
|
|
|
.connectContainer_e2a436 { /* connections container */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.accountButtonInner_e2a436 { /* connections connectioninner */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.accountButtonInner_e2a436:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.connection_e2a436 { /* connections connection */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.connectionHeader_e2a436 { /* connections connection header */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
.guildHeader__30707 { /* boostsettings suggestioncard */
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
.guildSubscriptionSlot_b76fc6 { /* boostsettings suggestioncard */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.cardWrapper_f9902b { /* boostsettings suggestioncard */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.cardWrapper_f9902b:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.cardWrapper_f9902b .card__11580, /* boostsettings suggestioncard inner */
|
|
.cardWrapper_f9902b .card__11580:hover {
|
|
background-color: transparent;
|
|
}
|
|
#app-mount .gemIndicatorContainer_b03ca0 { /* boostsettings suggestioncard circle */
|
|
background-color: transparent;
|
|
}
|
|
#app-mount .summaryInfo_a28a08 { /* boostsettings past transactions summary */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .payment_a28a08 { /* boostsettings past transactions payment */
|
|
background-color: transparent;
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .hoverablePayment_a28a08:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .paymentHeader_a28a08 { /* boostsettings past transactions header */
|
|
color: var(--header-primary);
|
|
border-color: var(--background-modifier-accent);
|
|
}
|
|
#app-mount .expandedInfo_a28a08 { /* boostsettings past transactions expandedinfo */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .paymentText_a28a08 { /* boostsettings past transactions paymenttext */
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .giftIcon_a28a08 { /* boostsettings past transactions gifticon */
|
|
color: var(--header-primary);
|
|
}
|
|
#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;
|
|
}
|
|
|
|
#app-mount .paymentPane_f66684 { /* boostsettings past transactions */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .paginator_f66684 { /* boostsettings past transactions paginator */
|
|
background: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .bottomDivider_f66684 { /* boostsettings past transactions divider */
|
|
border-bottom-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .tab_b317f5 { /* boostsettings past transactions tab */
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .externalRowHeader_f66684 { /* boostsettings past transactions extenal row */
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .emptyStateImage_e8af36 { /* giftinventory no gifts */
|
|
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
|
|
opacity: 0.6;
|
|
}
|
|
|
|
#app-mount .codeRedemptionRedirect_cb70f4 { /* payment coderedem */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
.membershipDialogHouse1_dc8e43 { /* hypesquad membershipdialogs */
|
|
background-color: rgba(156, 132, 239, .8);
|
|
}
|
|
.membershipDialogHouse2_dc8e43 {
|
|
background-color: rgba(244, 123, 103, .8);
|
|
}
|
|
.membershipDialogHouse3_dc8e43 {
|
|
background-color: rgba(69, 221, 192, .8);
|
|
}
|
|
.videoWrapper_b8e00f {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
#app-mount .container_a1107d { /* voicesettings voicebarcontainer */
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg);
|
|
}
|
|
#app-mount .notches_a1107d {
|
|
color: transparent !important;
|
|
}
|
|
#app-mount .progress_a1107d { /* voicesettings voicebar */
|
|
background-color: var(--text-muted) !important;
|
|
}
|
|
.icon_aae945[src="/assets/6762ed8abdaef6a7f6fc.png"],
|
|
.icon_aae945[src="/assets/5af9f85713084d6867a6.png"] {
|
|
-webkit-mask: url(https://discord.com/assets/6762ed8abdaef6a7f6fc.png) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
.icon_aae945[src="/assets/ea67b1321e3d4154e476.png"],
|
|
.icon_aae945[src="/assets/12c09c71eb271a47bcab.png"] {
|
|
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
.cameraWrapper_ff1ac9 { /* voicesettings video */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
.backgroundOptionInner_ad7d79 { /* voicesettings background option */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
.option_d2da9c { /* overlay option */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.option_d2da9c:hover,
|
|
.option_d2da9c.selected_d2da9c {
|
|
box-shadow: 0 2px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.disabled_d2da9c {
|
|
color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
#app-mount .row_f916fc { /* hotkeys row */
|
|
box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
|
|
}
|
|
|
|
#app-mount .card_ffe375::before { /* settingscard backdrop */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
#app-mount .button_a467ac { /* settingscard removebutton */
|
|
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);
|
|
}
|
|
#app-mount .button_a467ac:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .7);
|
|
}
|
|
|
|
#app-mount .game_fd966d { /* games card */
|
|
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
|
|
}
|
|
#app-mount .gameNameInput_fd966d:focus,
|
|
#app-mount .gameNameInput_fd966d:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
#app-mount .gameName_fd966d { /* games gamename */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .lastPlayed_fd966d, /* games lastplayed */
|
|
#app-mount .overlayStatusText__668e1 { /* games overlaystatustext */
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .toggleIconOn_fd966d .fill_fd966d { /* games overlaystatusicon */
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .nowPlayingAdd_fd966d { /* games descriptionhint */
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .nowPlaying_fd966d .gameName_fd966d {
|
|
color: #fff;
|
|
}
|
|
#app-mount .nowPlaying_fd966d .lastPlayed_fd966d,
|
|
#app-mount .nowPlaying_fd966d .overlayStatusText__668e1 {
|
|
color: #b4e1cd;
|
|
}
|
|
#app-mount .nowPlaying_fd966d .toggleIconOff_fd966d .fill_fd966d,
|
|
#app-mount .nowPlaying_fd966d .toggleIconOn_fd966d .fill_fd966d {
|
|
fill: #b4e1cd;
|
|
}
|
|
#app-mount .notDetected_fd966d { /* games nogame */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .notDetected_fd966d .lastPlayed_fd966d {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .addGamePopout_fd966d { /* games add game popout */
|
|
background-color: transparent;
|
|
}
|
|
.addGamePopout_fd966d::before,
|
|
.addGamePopout_fd966d::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.addGamePopout_fd966d::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.addGamePopout_fd966d::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.15));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
#app-mount .addGamePopout_fd966d .cancelButton_fd966d {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
.preview_a614a7 { /* appearance preview */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
|
|
/* ~~~~ 12. GUILDSETTINGS ~~~~ */
|
|
|
|
.container_b6cd66 { /* settings confirmnotice */
|
|
position: relative;
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
.container_b6cd66[style*="background-color: rgba(248, 249, 249"],
|
|
.container_b6cd66[style*="background-color: rgba(32, 34, 37"] {
|
|
background-color: rgba(var(--transparencycolor_v), .7) !important;
|
|
}
|
|
.container_b6cd66[style*="background-color: rgba(248, 249, 249"] .message_b6cd66,
|
|
.container_b6cd66[style*="background-color: rgba(32, 34, 37"] .message_b6cd66 {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
.container_b6cd66[style*="background-color: rgba(248, 249, 249"] .resetButton_b6cd66 span[style],
|
|
.container_b6cd66[style*="background-color: rgba(32, 34, 37"] .resetButton_b6cd66 span[style] {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
.container_b6cd66::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
|
|
.roles_a210a0 { /* rolesettings intro roles */
|
|
z-index: 2;
|
|
}
|
|
.profileCard_a210a0 { /* rolesettings intro profile */
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.profileCard_a210a0::before,
|
|
.profileCard_a210a0::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.profileCard_a210a0::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.profileCard_a210a0::after {
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.sidebar_e87574 { /* rolesettings sidebar */
|
|
background-color: rgba(var(--transparencycolor_v), .1);
|
|
border: none;
|
|
}
|
|
.container_cc7b67 { /* rolesettings everyone role */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.container_cc7b67:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.settingCard_dd864e { /* rolesettings setting card */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.settingCard_dd864e.active_dd864e { /* rolesettings setting card active */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.cardFolder_dd864e { /* rolesettings setting card body */
|
|
background-color: transparent;
|
|
}
|
|
.group_d25d19 { /* rolesettings permissions group */
|
|
border-color: rgb(var(--transparencycolor_v), .4);
|
|
}
|
|
.item_d25d19 { /* rolesettings permissions item */
|
|
background: rgb(var(--transparencycolor_v), .2);
|
|
}
|
|
.item_d25d19:hover {
|
|
background: rgb(var(--transparencycolor_v), .4);
|
|
}
|
|
.passthrough_d25d19.selected_d25d19 { /* rolesettings permissions passthrough selected */
|
|
background: rgb(var(--accentcolor_v));
|
|
}
|
|
.icon_cc7b67 { /* rolesettings everyone role icon */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.titleContainer_e87574, /* rolesettings roles list header */
|
|
.header_bd05f1 { /* rolesettings perms list header */
|
|
background-color: transparent;
|
|
}
|
|
.titleElevated_e87574,
|
|
.stickyHeaderElevated_bd05f1 {
|
|
box-shadow: none;
|
|
}
|
|
.header_bd05f1::before,
|
|
.header_bd05f1::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.header_bd05f1::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.header_bd05f1::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v)));
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) { /* rolesettings role row */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) .circleButton_a930f1 {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) .circleButton_a930f1:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.roleRow_a930f1::before,
|
|
.roleRow_a930f1:last-child::after {
|
|
background-color: var(--background-modifier-accent);
|
|
}
|
|
.memberRow_fe3229:hover { /* rolesettings member row */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .colorPickerSwatch_b91d66.noColor_e34214 { /* rolesettings colorswatch nocolor */
|
|
border-color: rgba(var(--textbrightest_v), .3);
|
|
}
|
|
#app-mount .colorPickerSwatch_b91d66.noColor_e34214 .colorPickerDropperFg__0d1bc {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .colorPickerSwatch_b91d66.noColor_e34214 polyline {
|
|
stroke: var(--header-primary);
|
|
}
|
|
.previewContainer_da1bd9 { /* rolesettings preview */
|
|
border: none;
|
|
}
|
|
#app-mount .dragged_f778a8 { /* rolesettings dragged */
|
|
-webkit-mask: url(https://discord.com/assets/038a865e09c25dc13e30.svg) center/contain no-repeat;
|
|
background: var(--background-tertiary);
|
|
}
|
|
.messageContainer_da1bd9 { /* rolesettings preview message */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.theme-light .messageContainer_da1bd9 {
|
|
display: none;
|
|
}
|
|
.addMemberRow_a0cc0d.selectedRow_a0cc0d { /* rolesettings add member row */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
#app-mount .emojiRow_dc1809:hover .emojiAliasPlaceholderContent_dc1809, /* emojisettings alias */
|
|
#app-mount .emojiRow_dc1809:focus-within .emojiAliasPlaceholderContent_dc1809 {
|
|
visibility: hidden !important;
|
|
color: transparent !important;
|
|
}
|
|
#app-mount .emojiAliasInput_dc1809 .emojiInput_dc1809 { /* emojisettings nameinput */
|
|
background-color: rgba(var(--transparencycolor_v), .1);
|
|
margin-top: -1px;
|
|
margin-left: -8px;
|
|
}
|
|
|
|
#app-mount .auditLog_eebd33 { /* auditlogs logitem */
|
|
border-color: rgba(var(--transparencycolor_v), .1);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .headerClickable_eebd33, /* auditlogs loginner */
|
|
#app-mount .headerDefault_eebd33 {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .headerExpanded_eebd33 {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .divider_eebd33 { /* auditlogs loginnerdivider */
|
|
background-color: var(--background-modifier-accent);
|
|
}
|
|
#app-mount .changeDetails_eebd33 { /* auditlogs logdetails */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .userHook_eebd33 { /* auditlogs userhook */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .auditLog_eebd33 strong { /* auditlogs targets */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .timestamp_eebd33 { /* auditlogs timestamp */
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .expandForeground_eebd33 { /* auditlogs expandarrow */
|
|
stroke: var(--header-secondary);
|
|
}
|
|
.themeOverrideLight_eebd33.icon_eebd33, /* auditlogs logicon */
|
|
.themeOverrideDark_eebd33.icon_eebd33,
|
|
#app-mount .icon_eebd33 {
|
|
background: none !important;
|
|
}
|
|
.icon_eebd33::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: var(--header-primary);
|
|
}
|
|
.icon_eebd33.applicationCommand_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/295610bf2d3ec357b4bb.svg);
|
|
}
|
|
.icon_eebd33.autoModerationBlockMessage_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
|
|
}
|
|
.icon_eebd33.autoModerationRule_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
|
|
}
|
|
.icon_eebd33.targetAll_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/cda90da758440b5e2cbc.svg);
|
|
}
|
|
.icon_eebd33.targetBan_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/559f43e29d80d719b397.svg);
|
|
}
|
|
.icon_eebd33.targetChannel_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/fd8bb90a4678f63f6a50.svg);
|
|
}
|
|
.icon_eebd33.targetEmoji_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/b734b6798a8b89611ee7.svg);
|
|
}
|
|
.icon_eebd33.targetGuild_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/30039d24e09f9ae53597.svg);
|
|
}
|
|
.icon_eebd33.targetGuildHome_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/bde25f93c922e02f8459.svg);
|
|
}
|
|
.icon_eebd33.targetGuildScheduledEvent_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/119b4083c9d4fce05f2d.svg);
|
|
}
|
|
.icon_eebd33.targetIntegration_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/a82903ac1478ed97b6d4.svg);
|
|
}
|
|
.icon_eebd33.targetInvite_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/5cc5c2e0ad18a7c383d8.svg);
|
|
}
|
|
.icon_eebd33.targetMember_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/c53abf7172caf6e94497.svg);
|
|
}
|
|
.icon_eebd33.targetMemberRole_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/63a73b3d5daccfd7a8fc.svg);
|
|
}
|
|
.icon_eebd33.targetMessage_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/f88edd51273b2e14999a.svg);
|
|
}
|
|
.icon_eebd33.targetPermission_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/93b984f7ed0c42796562.svg);
|
|
}
|
|
.icon_eebd33.targetRole_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/842d46ac28c4cc831849.svg);
|
|
}
|
|
.icon_eebd33.targetStageInstance_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/f39f5d92d79071dcd992.svg);
|
|
}
|
|
.icon_eebd33.targetSticker_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/0020113abbe97807c0be.svg);
|
|
}
|
|
.icon_eebd33.targetVanityUrl_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/9ecac67adfc57255096c.svg);
|
|
}
|
|
.icon_eebd33.targetWebhook_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
|
|
}
|
|
.icon_eebd33.targetWidget_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/fb3b404502ba18187ace.svg);
|
|
}
|
|
.icon_eebd33.thread_eebd33::before {
|
|
-webkit-mask: url(https://discord.com/assets/6960c3e51b7f0dcefcc0.svg);
|
|
}
|
|
|
|
#app-mount .card_ea2a21 { /* integrationsettings card */
|
|
border-color: rgba(var(--transparencycolor_v), .1)
|
|
}
|
|
#app-mount .card_adb740 { /* integrationsettings webhook card */
|
|
border-color: rgba(var(--transparencycolor_v), .1)
|
|
}
|
|
#app-mount .card_f925ba { /* integrationsettings apps card */
|
|
border-color: rgba(var(--transparencycolor_v), .1)
|
|
}
|
|
#app-mount .card_c26824 { /* integrationsettings follows card */
|
|
border-color: rgba(var(--transparencycolor_v), .1)
|
|
}
|
|
#app-mount .iconWrapper_d5408a { /* integrationsettings icon */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
.guildDetails_b1a8d5 { /* communitysettings intro details */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.featureCard_b1a8d5 { /* communitysettings intro featurecard */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.featureIcon_b1a8d5 { /* communitysettings intro featureicon */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
.upsellContainer_d0de76 { /* communitysettings general upsellcontainer */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.upsellFooter_d0de76 { /* communitysettings general upsellfooter */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
.developerPortalCtaWrapper_cfaf72 { /* communitysettings analytics info */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.analyticsCard_d4b8cc { /* communitysettings analytics card */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
#app-mount .card_b3f648 { /* communitysettings discovery card */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .iconMask_b3f648 { /* communitysettings discovery icon */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.splashImage_b3f648[src="/assets/467602d632b5f9c1ce4b.svg"],
|
|
.splashImage_b3f648[src="/assets/d4d9f2bff23beec65b1f.svg"] {
|
|
background: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg) center/cover no-repeat;
|
|
opacity: .75;
|
|
object-position: -999999px -999999px;
|
|
}
|
|
.container_bd2368 { /* communitysettings discovery checklist */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.header_bd2368 { /* communitysettings discovery checklist header */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
.descriptionBox_c38f8d { /* templatesettings descriptionbox */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
#app-mount .tierHeaderLocked_da77bd { /* boostsettings tierheaderlocked */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tierHeaderUnlocked_da77bd { /* boostsettings tierheaderunlocked */
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
#app-mount .tierCloseClose_da77bd { /* boostsettings tiercloseclose */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierBody_da77bd { /* boostsettings tierbody */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tierInProgress_a4fd01 { /* boostsettings tiermilestone */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .background_a4fd01 { /* boostsettings tierbar (settings) */
|
|
color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
#app-mount .member__55269 { /* membersettings membercard */
|
|
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
|
|
}
|
|
#app-mount .member__55269 .name__7635a { /* membersettings membercardname */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .member__55269 .tag__1a537 { /* membersettings membercardtag */
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .member__55269 .roleWrapper__0f174 { /* membersettings rolewrapper */
|
|
color: rgba(var(--textbrightest_v), .8);
|
|
}
|
|
#app-mount .actionButton_e4010c { /* membersettings addrolebutton */
|
|
border-color: var(--header-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .member__55269 .overflowIconFg__2b31c { /* membersettings 3-dot icon */
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .member__55269 .ownerHelpIcon__021a4 { /* membersettings help icon */
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .overflowRolesPopout_e4010c, /* membersettings roleoverflow popout */
|
|
#app-mount .overflowRolesPopoutArrow_e4010c {
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .2), 0 2px 10px 0 rgba(var(--transparencycolor_v), .2);
|
|
border: none;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
}
|
|
.overflowRolesPopout_e4010c::before,
|
|
.overflowRolesPopoutArrow_e4010c::before,
|
|
.overflowRolesPopout_e4010c::after,
|
|
.overflowRolesPopoutArrow_e4010c::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.overflowRolesPopout_e4010c::before,
|
|
.overflowRolesPopoutArrow_e4010c::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.overflowRolesPopout_e4010c::after,
|
|
.overflowRolesPopoutArrow_e4010c::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.overflowRolesPopoutHeaderIcon_e4010c path {
|
|
fill: var(--header-secondary);
|
|
}
|
|
.overflowRolesPopoutHeaderText_e4010c {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .to_b24f45 { /* membersettings transfer to */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
box-shadow: 0 0 0 4px rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .fromToWrapper_b24f45 {
|
|
background: transparent;
|
|
}
|
|
#app-mount .fromToWrapper_b24f45::before {
|
|
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);
|
|
}
|
|
|
|
#app-mount .inviteSettingsInviteRow_edb39d { /* invitesettings invitecard */
|
|
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
|
|
}
|
|
|
|
#app-mount .bannedUser_c90ddb { /* bansettings bancard */
|
|
background-color: transparent;
|
|
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
|
|
}
|
|
#app-mount .bannedUser_c90ddb:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
|
|
/* ~~~~ 13. MODALS ~~~~ */
|
|
|
|
.layer_c9e2da:nth-child(1),
|
|
.withLayer__29ace:nth-child(1) {
|
|
z-index: 1002;
|
|
}
|
|
.layer_c9e2da:nth-child(2),
|
|
.withLayer__29ace:nth-child(2) {
|
|
z-index: 1003;
|
|
}
|
|
.layer_c9e2da:nth-child(3),
|
|
.withLayer__29ace:nth-child(3) {
|
|
z-index: 1004;
|
|
}
|
|
.layer_c9e2da:nth-child(4),
|
|
.withLayer__29ace:nth-child(4) {
|
|
z-index: 1005;
|
|
}
|
|
.layer_c9e2da:nth-child(5),
|
|
.withLayer__29ace:nth-child(5) {
|
|
z-index: 1006;
|
|
}
|
|
.layer_c9e2da:nth-child(6),
|
|
.withLayer__29ace:nth-child(6) {
|
|
z-index: 1007;
|
|
}
|
|
.layer_c9e2da:nth-child(7),
|
|
.withLayer__29ace:nth-child(7) {
|
|
z-index: 1008;
|
|
}
|
|
.layer_c9e2da:nth-child(8),
|
|
.withLayer__29ace:nth-child(8) {
|
|
z-index: 1009;
|
|
}
|
|
.layer_c9e2da:nth-child(9),
|
|
.withLayer__29ace:nth-child(9) {
|
|
z-index: 1010;
|
|
}
|
|
.layer_cd0de5 {
|
|
z-index: 1011;
|
|
}
|
|
|
|
#app-mount .root_f9a4c9:not(.noBackground_ad95dc), /* modal container (foldersettings) */
|
|
#app-mount .modal_ec75c1, /* modal container */
|
|
#app-mount .bd-modal-root { /* modal bd modal */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
border-radius: 5px;
|
|
transform: unset !important;
|
|
}
|
|
#app-mount .rootWithShadow_f9a4c9:not(.noShadow_ad95dc) {
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.root_f9a4c9 > *,
|
|
.modal_ec75c1 > * {
|
|
z-index: 1;
|
|
}
|
|
.root_f9a4c9::before,
|
|
.modal_ec75c1::before,
|
|
.bd-modal-root::before,
|
|
.root_f9a4c9::after,
|
|
.modal_ec75c1::after,
|
|
.bd-modal-root::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.root_f9a4c9::before,
|
|
.modal_ec75c1::before,
|
|
.bd-modal-root::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.root_f9a4c9::after,
|
|
.modal_ec75c1::after,
|
|
.bd-modal-root::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.root_f9a4c9 .modal_ec75c1::before,
|
|
.root_f9a4c9.noBackground_ad95dc::before,
|
|
.root_f9a4c9.carouselModal_d2b9a1::before,
|
|
.modal_aee8c6::before,
|
|
.root_f9a4c9 .modal_ec75c1::after,
|
|
.root_f9a4c9.noBackground_ad95dc::after,
|
|
.root_f9a4c9.carouselModal_d2b9a1::after,
|
|
.modal_aee8c6::after {
|
|
display: none;
|
|
}
|
|
#app-mount .zoomedCarouselModalRoot_b586d2 {
|
|
background: transparent !important;
|
|
}
|
|
#app-mount .modalTextContainer_d8e2d0 { /* modal text file */
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
border: none;
|
|
}
|
|
#app-mount .footer_f9a4c9,
|
|
#app-mount .footer_c33701 { /* modal footer */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
z-index: 0;
|
|
}
|
|
#app-mount .footerSeparator_f9a4c9 {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.tabBarContainer_b9fccc { /* modal tabbarcontainer */
|
|
border-top-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .modal_6GHvdM .tabBarContainer_b9fccc {
|
|
background: rgba(var(--transparencycolor_v), .2);
|
|
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
|
|
#app-mount .content_a934ca + .videoContainer_a934ca {
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
}
|
|
#app-mount .testimonialContainer_d3081b path[fill="#2B2D31"] {
|
|
fill: var(--background-secondary);
|
|
}
|
|
#app-mount .testimonialContainer_d3081b .quotes_d3081b {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .separator_bcb954 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .3), 0 1px 2px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .divider_bcb954 {
|
|
border-color: var(--background-modifier-accent);
|
|
}
|
|
|
|
#app-mount .message_fcc792 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .secondaryButton_fcc792 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .imageUpgrade_fcc792 {
|
|
background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg);
|
|
}
|
|
#app-mount .imageCancel_fcc792 {
|
|
background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
|
|
}
|
|
#app-mount .imageUnclaimed_fcc792 {
|
|
background-image: url(https://discord.com/assets/41675689ca055858e137.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .imageUnverified_fcc792 {
|
|
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .divider__65336 {
|
|
border-color: var(--background-modifier-accent);
|
|
}
|
|
#app-mount .backButtonColor__4cae5 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .checkboxLabel_a11995 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 13.1. USERMODAL ----- */
|
|
|
|
.listRow_e4be58:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.emptyIcon_e4be58 { /* body emptypic */
|
|
opacity: .5;
|
|
}
|
|
.profileColors_ac6ab4 .mask_c51b4e circle {
|
|
fill: transparent;
|
|
}
|
|
|
|
/* ---- 13.2. GUILDADD/CREATION ----- */
|
|
|
|
.container_a47d49, /* create modal item */
|
|
.guildRow_f1b3cc { /* hub modal item */
|
|
background-color: rgb(var(--transparencycolor_v), .2);
|
|
border: none;
|
|
}
|
|
.container_a47d49:hover,
|
|
.guildRow_f1b3cc:hover {
|
|
background-color: rgb(var(--transparencycolor_v), .4);
|
|
}
|
|
.text_a47d49, /* create modal text */
|
|
.guildName_f1b3cc { /* hub modal text */
|
|
color: var(--header-secondary);
|
|
}
|
|
.container_a47d49:hover .text_a47d49,
|
|
.guildRow_f1b3cc:hover .guildName_f1b3cc {
|
|
color: var(--header-primary);
|
|
}
|
|
.arrow_a47d49, /* create modal arrow */
|
|
.guildName_f1b3cc ~ img { /* hub modal arrow */
|
|
object-position: -999999px -999999px;
|
|
-webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.svg) center/cover no-repeat;
|
|
background: var(--header-secondary);
|
|
}
|
|
.container_a47d49:hover .arrow_a47d49,
|
|
.guildRow_f1b3cc:hover .guildName_f1b3cc ~ img {
|
|
background: var(--header-primary);
|
|
}
|
|
.input_e8a9c7 { /* modal invite input */
|
|
background: transparent;
|
|
}
|
|
.inputInner_e8a9c7 { /* modal invite input inner */
|
|
border: 1px solid var(--deprecated-text-input-border);
|
|
}
|
|
|
|
/* ---- 13.3. UPLOADMODAL ---- */
|
|
|
|
#app-mount .uploadModal_f82cc7 { /* modal container */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
border-radius: 10px;
|
|
}
|
|
.uploadModal_f82cc7::before,
|
|
.uploadModal_f82cc7::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 10px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.uploadModal_f82cc7::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.uploadModal_f82cc7::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 {
|
|
width: unset;
|
|
}
|
|
.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .inner_f82cc7 .title_f82cc7,
|
|
.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .inner_f82cc7 .instructions_f82cc7 {
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.uploadModal_f82cc7 .inner_f82cc7 { /* modal channeltextarea */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.uploadModal_f82cc7 .footer_f82cc7 { /* modal footer */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
box-shadow: none;
|
|
}
|
|
.uploadModal_f82cc7 .inner_f82cc7 .file_f82cc7 .icon_f82cc7.image_f82cc7 {
|
|
box-shadow: 0 2px 8px rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
/* ---- 13.4. KEYBOARDSHORTCUTSMODAL ---- */
|
|
|
|
#app-mount .keyboardShortcutsModal_ad95dc { /* modal container */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.keyboardShortcutsModal_ad95dc::before,
|
|
.keyboardShortcutsModal_ad95dc::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.keyboardShortcutsModal_ad95dc::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.keyboardShortcutsModal_ad95dc::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
#app-mount .modalTitle_ad95dc { /* modal title */
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .modalSubtitle_ad95dc { /* modal subtitle */
|
|
border-color: var(--background-modifier-accent);
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .keyboardShortcutList_ad95dc .keybindGroup_ad95dc .keybindDescription_c0b6a8 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .combo_c90023 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .combo_c90023 .key_c90023 {
|
|
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);
|
|
}
|
|
#app-mount .combo_c90023 .key_c90023:active {
|
|
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
|
|
border: 1px solid rgb(0, 0, 0);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 13.5. QUICKSWITCHER ---- */
|
|
|
|
#app-mount .quickswitcher_f4e139 { /* modal container */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
overflow: hidden;
|
|
flex: 1 1 auto;
|
|
}
|
|
.quickswitcher_f4e139::before,
|
|
.quickswitcher_f4e139::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.quickswitcher_f4e139::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.quickswitcher_f4e139::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
#app-mount .emptyState_f4e139 {
|
|
background: transparent;
|
|
}
|
|
#app-mount .emptyState_f4e139::before {
|
|
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;
|
|
}
|
|
.root_f9a4c9 .quickswitcher_f4e139::before,
|
|
.root_f9a4c9 .quickswitcher_f4e139::after {
|
|
display: none;
|
|
}
|
|
.scroller_f4e139 {
|
|
background-color: transparent;
|
|
}
|
|
#app-mount .input_f4e139 { /* modal input */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .result_f14193[aria-selected=true] { /* modal resultselected */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
/* ---- 13.6. INVITEMODAL/GROUPCREATE ---- */
|
|
|
|
#app-mount .contentWrapper_ed5743 { /* modal guildinvitemodal */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.contentWrapper_ed5743::before,
|
|
.contentWrapper_ed5743::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.contentWrapper_ed5743::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.contentWrapper_ed5743::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
#app-mount .friendSelected_ebf869, /* modal groupdmrow */
|
|
#app-mount .inviteRow_cedfaf:hover { /* modal guildrow */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .friend_ebf869, /* modal groupdmrow */
|
|
#app-mount .inviteRowName_cedfaf { /* modal username */
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .friendSelected_ebf869,
|
|
#app-mount .inviteRow_cedfaf:hover .inviteRowName_cedfaf {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .checkBoxLabel__873a9,
|
|
#app-mount .footerText_cedfaf,
|
|
#app-mount .subtitle_e6af9c,
|
|
#app-mount .subText_cedfaf {
|
|
color: var(--header-secondary);
|
|
}
|
|
.tag_effbe2 { /* modal added user */
|
|
background-color: rgb(var(--accentcolor_v));
|
|
color: #fff;
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.pill_dc6abe {
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
#app-mount .notFriends_e6af9c .errorStateIcon_e6af9c {
|
|
background-image: url(https://discord.com/assets/07aa1f325ebe8b8af5cb.svg);
|
|
opacity: 0.6;
|
|
}
|
|
#app-mount .noFriends_e6af9c .errorStateIcon_e6af9c {
|
|
background-image: url(https://discord.com/assets/adfe130868d2bcf467b5.svg);
|
|
opacity: 0.6;
|
|
}
|
|
#app-mount .partyFull_e6af9c .errorStateIcon_e6af9c {
|
|
background-image: url(https://discord.com/assets/53d74eda11a4185c1acd.svg);
|
|
opacity: 0.6;
|
|
}
|
|
#app-mount .noResults_e6af9c .errorStateIcon_e6af9c {
|
|
background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
|
|
opacity: 0.6;
|
|
}
|
|
|
|
/* ---- 13.7. LOGINSCREEN ---- */
|
|
|
|
#app-mount .wrapper_eebc2d { /* login wrapper */
|
|
background: transparent;
|
|
}
|
|
.wrapper_eebc2d::before, /* login winbuttonshadow */
|
|
.wrapper_eebc2d .rightSplit_a50b20, /* login background */
|
|
.wrapper_eebc2d .canvas_a950cf { /* login movingshadow */
|
|
display: none;
|
|
}
|
|
#app-mount .authBox_dc6abe { /* login modal body */
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
color: var(--text-muted);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
#app-mount .authBox_dc6abe.authBoxExpanded_dc6abe { /* login modal body expanded */
|
|
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);
|
|
}
|
|
#app-mount .navRow_be9398 { /* modal modal footer */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
/* ---- 13.8. DOWNLOADAPPMODAL ---- */
|
|
|
|
#app-mount .downloadApps_f82819 { /* modal container */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.downloadApps_f82819::before,
|
|
.downloadApps_f82819::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.downloadApps_f82819::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.downloadApps_f82819::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.downloadApps_f82819 .header_f82819 {
|
|
color: var(--text-normal);
|
|
}
|
|
.downloadApps_f82819 .footer_f82819 {
|
|
color: var(--text-muted);
|
|
}
|
|
.downloadApps_f82819 .platforms_f82819 .platform_f82819 {
|
|
border-color: var(--header-secondary);
|
|
}
|
|
.downloadApps_f82819 .platforms_f82819 .platform_f82819 p {
|
|
color: var(--header-secondary);
|
|
}
|
|
.downloadApps_f82819 .platforms_f82819 .platform_f82819 .downloadButton_f82819 {
|
|
background-color: var(--header-secondary);
|
|
}
|
|
.downloadApps_f82819 .platforms_f82819 .platform_f82819.active_f82819 .downloadButton_f82819 {
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
/* ---- 13.9. GUILDBOOSTMODAL ---- */
|
|
|
|
#app-mount .subscriberCount_da77bd { /* modal subcount */
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .subscriberCount_da77bd strong {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .moreSubscribers_da77bd { /* modal suboverflow */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--header-primary)
|
|
}
|
|
|
|
#app-mount .subscribersPopout_da77bd { /* subpopout container */
|
|
background-color: transparent;
|
|
box-shadow: 0 2px 10px rgba(var(--transparencycolor_v), .2);
|
|
overflow: hidden;
|
|
}
|
|
.subscribersPopout_da77bd::before,
|
|
.subscribersPopout_da77bd::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.subscribersPopout_da77bd::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.subscribersPopout_da77bd::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
#app-mount .subscribersPopoutUser_da77bd { /* subpopout users */
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .iconWrapper__0d13e { /* prebuy popout amount icon wrapper */
|
|
background: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.icon_bb7288:hover { /* prebuy popout amount icon */
|
|
background: rgb(var(--accentcolor_v));
|
|
}
|
|
|
|
/* ---- 13.10. REACTIONSMODAL ---- */
|
|
|
|
#app-mount .scroller_f2bfbb { /* modal sidebar */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
#app-mount .reactors_f2bfbb { /* modal list */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .reactionDefault_f2bfbb:hover { /* modal reaction */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .reactionSelected_f2bfbb {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
#app-mount .remove_f2bfbb { /* modal remove */
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .remove_f2bfbb:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .discriminator_f2bfbb { /* modal discriminator */
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 13.11. GUILDWELCOMEMODAL ---- */
|
|
|
|
.optionContainer_e3f8c2 { /* modal option */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.optionContainer_e3f8c2:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
/* ---- 13.12. GUILDRULESMODAL ---- */
|
|
|
|
.guildSidebar_a74b6f { /* modal sidebar */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.footer_a74b6f { /* modal footer */
|
|
background: transparent;
|
|
}
|
|
.modal_a74b6f { /* modal inner */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
/* ---- 13.13. GUILDFEEDBACKMODAL ---- */
|
|
|
|
.root_c3b890 { /* modal items */
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
}
|
|
.option_c3b890 { /* modal item */
|
|
background-color: rgb(var(--transparencycolor_v), .2);
|
|
border: none;
|
|
border-radius: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.option_c3b890:hover {
|
|
background-color: rgb(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
/* ---- 13.14. SCREENSHAREMODAL ---- */
|
|
|
|
#app-mount .sourceThumbnail_d7ec26 { /* modal preview tiles */
|
|
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);
|
|
}
|
|
.card_f30ffe {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
#app-mount .item__126a6 {
|
|
border-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.selectorButton_a78967:not(.selectorButtonSelected_a78967) {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
/* ---- 13.15. PHONEVERIFICATIONMODAL ---- */
|
|
|
|
.phoneField_f26de7 {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.phoneField_f26de7 .inputField_f26de7 {
|
|
background-color: transparent;
|
|
}
|
|
.phoneFieldPopout_ff761b {
|
|
position: absolute !important;
|
|
}
|
|
|
|
/* ---- 13.16. NOTIFICATIONSMODAL ---- */
|
|
|
|
#app-mount .channelName_cacc4c {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .guildName_cacc4c,
|
|
#app-mount .override_cacc4c,
|
|
#app-mount .overrideHighlight_cacc4c {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .override_cacc4c:hover {
|
|
background-color: rgba(var(--backgroundtertiary), .1);
|
|
}
|
|
#app-mount .overrideHighlight_cacc4c,
|
|
#app-mount .overrideHighlight_cacc4c:hover {
|
|
background-color: rgba(var(--backgroundtertiary), .3);
|
|
}
|
|
#app-mount .checkboxContainer_cacc4c::before {
|
|
background-color: rgba(var(--backgroundtertiary), .6);
|
|
}
|
|
#app-mount .overridePlaceholder_cacc4c {
|
|
border: 1px dashed var(--background-floating);
|
|
}
|
|
|
|
/* ---- 13.17. PODIUMSTARTMODAL ---- */
|
|
|
|
#app-mount .iconContainer_df0aed {
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
|
|
/* ---- 13.18. POLLMODAL ---- */
|
|
|
|
.voteDefault_cbdbf0:hover {
|
|
background: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.voteSelected_cbdbf0 {
|
|
background: rgb(var(--accentcolor_v));
|
|
}
|
|
.voteSelected_cbdbf0 [style*="color: var(--text-secondary)"] {
|
|
color: rgb(var(--textbrightest_v)) !important;
|
|
}
|
|
|
|
|
|
/* ~~~~ 14. POPOUTS ~~~~ */
|
|
|
|
.layer_cd0de5:nth-child(1) {
|
|
z-index: 1012;
|
|
}
|
|
.layer_cd0de5:nth-child(2) {
|
|
z-index: 1013;
|
|
}
|
|
.layer_cd0de5:nth-child(3) {
|
|
z-index: 1014;
|
|
}
|
|
.layer_cd0de5:nth-child(4) {
|
|
z-index: 1015;
|
|
}
|
|
.layer_cd0de5:nth-child(5) {
|
|
z-index: 1016;
|
|
}
|
|
.layer_cd0de5:nth-child(6) {
|
|
z-index: 1017;
|
|
}
|
|
.layer_cd0de5:nth-child(7) {
|
|
z-index: 1018;
|
|
}
|
|
.layer_cd0de5:nth-child(8) {
|
|
z-index: 1019;
|
|
}
|
|
.layer_cd0de5:nth-child(9) {
|
|
z-index: 1020;
|
|
}
|
|
.layer_cd0de5 ~ .layer_c9e2da,
|
|
.layer_cd0de5 ~ .backdrop__1a911.withLayer__29ace {
|
|
z-index: 1021;
|
|
}
|
|
|
|
.translate_f88ae3 {
|
|
transform: unset !important;
|
|
}
|
|
|
|
#app-mount .loadingPopout_a8c724, /* loading popout */
|
|
#app-mount .container_e664f3, /* browser popout */
|
|
#app-mount .themedPopout_1TrfdI { /* themed popout */
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
color: var(--header-primary);
|
|
position: relative;
|
|
}
|
|
.loadingPopout_a8c724::before,
|
|
.container_e664f3::before,
|
|
.themedPopout_1TrfdI::before,
|
|
.loadingPopout_a8c724::after,
|
|
.container_e664f3::after,
|
|
.themedPopout_1TrfdI::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.loadingPopout_a8c724::before,
|
|
.container_e664f3::before,
|
|
.themedPopout_1TrfdI::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.loadingPopout_a8c724::after,
|
|
.container_e664f3::after,
|
|
.themedPopout_1TrfdI::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
#app-mount .divider__65336 { /* popout divider */
|
|
border-color: var(--background-modifier-accent);
|
|
}
|
|
|
|
/* ---- 14.1. CONTEXTMENU ---- */
|
|
|
|
.menu_d90b3d, /* contextmenu fixed */
|
|
.submenu_d90b3d { /* contextmenu submenu */
|
|
background: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.menu_d90b3d::before,
|
|
.submenu_d90b3d::before,
|
|
.menu_d90b3d::after,
|
|
.submenu_d90b3d::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 4px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.menu_d90b3d::before,
|
|
.submenu_d90b3d::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.menu_d90b3d::after,
|
|
.submenu_d90b3d::after {
|
|
background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.submenu_d90b3d {
|
|
position: relative;
|
|
}
|
|
.item_d90b3d.colorDefault_d90b3d.focused_d90b3d,
|
|
.item_d90b3d.colorDefault_d90b3d:hover:not(.hideInteraction_d90b3d) {
|
|
background-color: rgba(var(--accentcolor_v), .2) !important;
|
|
}
|
|
.item_d90b3d.colorDanger_d90b3d.focused_d90b3d,
|
|
.item_d90b3d.colorDanger_d90b3d:hover:not(.hideInteraction_d90b3d) {
|
|
background-color: rgba(var(--dangercolor), .2) !important;
|
|
}
|
|
.item_d90b3d.colorSuccess_d90b3d.focused_d90b3d,
|
|
.item_d90b3d.colorSuccess_d90b3d:hover:not(.hideInteraction_d90b3d) {
|
|
background-color: rgba(var(--successcolor), .2) !important;
|
|
}
|
|
.item_d90b3d.colorBrand_d90b3d.focused_d90b3d,
|
|
.item_d90b3d.colorBrand_d90b3d:hover:not(.hideInteraction_d90b3d) {
|
|
background-color: rgba(var(--accentcolor_v), .2) !important;
|
|
}
|
|
.item_d90b3d.colorPremium_d90b3d.focused_d90b3d,
|
|
.item_d90b3d.colorPremium_d90b3d:hover:not(.hideInteraction_d90b3d) {
|
|
background-color: rgba(var(--accentcolor2_v), .2) !important;
|
|
}
|
|
.item_d90b3d.colorPremiumGradient_d90b3d.focused_d90b3d,
|
|
.item_d90b3d.colorPremiumGradient_d90b3d:hover:not(.hideInteraction_d90b3d) {
|
|
background: linear-gradient(90deg, rgba(var(--accentcolor2_v), .2), rgba(var(--accentcolor_v), .2)) !important;
|
|
}
|
|
#app-mount .item_d90b3d .checkbox_d90b3d { /* contextmenu checkbox */
|
|
color: rgb(var(--accentcolor_v));
|
|
}
|
|
#app-mount .item_d90b3d.colorDanger_d90b3d .checkbox_d90b3d {
|
|
color: rgb(var(--dangercolor));
|
|
}
|
|
#app-mount .item_d90b3d.colorSuccess_d90b3d .checkbox_d90b3d {
|
|
color: rgb(var(--successcolor));
|
|
}
|
|
#app-mount .item_d90b3d.colorPremium_d90b3d .checkbox_d90b3d {
|
|
color: rgb(var(--accentcolor2_v));
|
|
}
|
|
#app-mount .item_d90b3d .check_d90b3d { /* contextmenu checkmark */
|
|
color: #fff;
|
|
stroke: var(--textshadow_v);
|
|
}
|
|
.button_a24e84 { /* contextmenu quick reaction button */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.button_a24e84:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
|
|
/* ---- 14.2. USERPOPOUT ---- */
|
|
|
|
.userPopoutOuter_c69a7b { /* popout container */
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.userProfileOuterUnthemed_c69a7b, /* popout container */
|
|
.biteSizeInnerThemed_c69a7b, /* popout simplified */
|
|
.fullSizeInnerThemed_c69a7b { /* popout simplified full */
|
|
background: transparent;
|
|
}
|
|
.userProfileOuterUnthemed_c69a7b::before,
|
|
.userProfileOuterUnthemed_c69a7b::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.userProfileOuterUnthemed_c69a7b::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.userProfileOuterUnthemed_c69a7b::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.userPopoutOverlayBackground_c69a7b > .menu_d90b3d::before,
|
|
.userPopoutOverlayBackground_c69a7b > .menu_d90b3d::after,
|
|
.userProfileOuterUnthemed_c69a7b .menus_d4e7c2 > .menu_d90b3d::before,
|
|
.userProfileOuterUnthemed_c69a7b .menus_d4e7c2 > .menu_d90b3d::after {
|
|
display: none;
|
|
}
|
|
|
|
.userPopoutOuter_c69a7b:not(.custom-profile-theme) .statusBubbleOuter_d0a252,
|
|
.userPopoutOuter_c69a7b:not(.custom-profile-theme) .statusBubbleOuter_d0a252:before,
|
|
.userPopoutOuter_c69a7b:not(.custom-profile-theme) .statusBubbleOuter_d0a252:after {
|
|
background: var(--background-floating);
|
|
border-color: transparent;
|
|
}
|
|
.userPopoutOuter_c69a7b:not(.custom-profile-theme) .container_e5a42d,
|
|
.userPopoutOuter_c69a7b:not(.custom-profile-theme) .statusBubble_d0a252 {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.background_d0a252.editable_d0a252:hover {
|
|
--custom-status-bubble-background: rgba(var(--accentcolor_v), .2) important;
|
|
--custom-status-bubble-background: linear-gradient(rgba(var(--accentcolor_v), .2), rgba(var(--accentcolor_v), .2)), rgba(var(--accentcolor_v), .2);
|
|
}
|
|
|
|
.accountProfilePopoutWrapper_b2ca13 .overlayBackground_c69a7b {
|
|
display: block !important;
|
|
}
|
|
.profileColors_ac6ab4 { /* popout profilecolors */
|
|
--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;
|
|
}
|
|
#app-mount .userProfileOuterThemed_c69a7b ::-webkit-scrollbar-thumb {
|
|
background-color: var(--profile-gradient-secondary-color) !important;
|
|
}
|
|
.userProfileInnerThemed__126d9::after {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
background: var(--profile-gradient-primary-color);
|
|
top: 4px;
|
|
right: 4px;
|
|
left: 4px;
|
|
height: 60px;
|
|
z-index: 1;
|
|
}
|
|
.userProfileInnerThemed__126d9::before {
|
|
z-index: 2;
|
|
}
|
|
.userProfileInnerThemed__126d9 > * {
|
|
z-index: 3;
|
|
}
|
|
.userProfileInnerThemedWithBanner_c69a7b::after {
|
|
height: 120px;
|
|
}
|
|
.userProfileInner_c69a7b { /* popout inner */
|
|
border-radius: 4px;
|
|
}
|
|
.userPopoutOuter_c69a7b .wrapper_c51b4e, /* popout avatar */
|
|
.userPopoutOuter_c69a7b .avatarWrapper { /* popout status everywhere */
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
.root_e4010c { /* body roles */
|
|
max-height: 100px;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
}
|
|
#app-mount .root_e4010c::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
#app-mount .role_f9575e { /* body role */
|
|
border-color: rgba(var(--textbrighter_v), .6);
|
|
border-radius: 5px;
|
|
padding: 0 5px;
|
|
position: relative;
|
|
}
|
|
#app-mount .role_f9575e[style*="border-color: rgba(185, 187, 190, .6)"] {
|
|
border-color: rgba(var(--textbrighter_v), .6) !important;
|
|
}
|
|
#app-mount .rolePillBorder_fa2f72:not(.actionButton_e4010c) {
|
|
border-width: 0;
|
|
}
|
|
#app-mount .role_f9575e .roleName_e4010c { /* body rolename */
|
|
position: relative;
|
|
color: rgb(var(--textbrightest_v));
|
|
height: 20px;
|
|
line-height: 20px;
|
|
margin: 0;
|
|
font-weight: normal;
|
|
z-index: 1000;
|
|
pointer-events: none;
|
|
}
|
|
#app-mount .role_f9575e .roleRemoveButton_f9575e,
|
|
#app-mount .role_f9575e div:not([className]):has(> .roleRemoveButton_f9575e) {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
}
|
|
#app-mount .role_f9575e .roleCircle_a26d7b { /* body rolecircle */
|
|
position: absolute;
|
|
background-color: rgb(var(--textbrighter_v));
|
|
border-radius: 3px;
|
|
opacity: 0.3;
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: 0;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
#app-mount .role_f9575e .roleCircle_a26d7b[style*="background-color: rgb(185, 187, 190)"] {
|
|
background-color: rgb(var(--textbrighter_v)) !important;
|
|
}
|
|
#app-mount .role_f9575e .roleCircle_a26d7b:not(:only-child):hover {
|
|
opacity: 1;
|
|
z-index: 2000;
|
|
cursor: pointer;
|
|
}
|
|
#app-mount .role_f9575e .roleRemoveIcon_f9575e {
|
|
z-index: 2001;
|
|
pointer-events: none;
|
|
}
|
|
#app-mount .role_f9575e .roleIcon_e4010c {
|
|
z-index: 1;
|
|
}
|
|
|
|
.textarea_dde0a8:focus { /* body note */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
#app-mount .wumpusTooltip_db70b7 {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
color: #fff;
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
#app-mount .wumpusTooltip_db70b7::after {
|
|
border-color: transparent rgb(var(--accentcolor_v)) transparent transparent;
|
|
}
|
|
|
|
/* ---- 14.3. EMOJIPICKER ---- */
|
|
|
|
.contentWrapper_af5dbb, /* picker expression wrapper */
|
|
.container_bdea70, /* picker expandable */
|
|
.emojiPicker_c6ee36, /* picker inner */
|
|
.diversitySelectorOptions_cce80d { /* picker diversityselector */
|
|
background: transparent;
|
|
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|
|
.contentWrapper_af5dbb .emojiPicker_c6ee36,
|
|
.container_bdea70 .emojiPicker_c6ee36 {
|
|
box-shadow: none;
|
|
}
|
|
.contentWrapper_af5dbb::before,
|
|
.container_bdea70::before,
|
|
.emojiPicker_c6ee36::before,
|
|
.diversitySelectorOptions_cce80d::before,
|
|
.upsellWrapper_b8772d::before,
|
|
.contentWrapper_af5dbb::after,
|
|
.container_bdea70::after,
|
|
.emojiPicker_c6ee36::after,
|
|
.diversitySelectorOptions_cce80d::after,
|
|
.upsellWrapper_b8772d::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: var(--custom-emoji-picker-border-radius);
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.contentWrapper_af5dbb::before,
|
|
.container_bdea70::before,
|
|
.emojiPicker_c6ee36::before,
|
|
.diversitySelectorOptions_cce80d::before,
|
|
.upsellWrapper_b8772d::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.contentWrapper_af5dbb::after,
|
|
.container_bdea70::after,
|
|
.emojiPicker_c6ee36::after,
|
|
.diversitySelectorOptions_cce80d::after,
|
|
.upsellWrapper_b8772d::after {
|
|
background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.diversitySelectorOptions_cce80d::before,
|
|
.diversitySelectorOptions_cce80d::after {
|
|
border-radius: 5px;
|
|
}
|
|
.contentWrapper_af5dbb .emojiPicker_c6ee36::before,
|
|
.container_bdea70 .emojiPicker_c6ee36::before,
|
|
.contentWrapper_af5dbb .emojiPicker_c6ee36::after,
|
|
.container_bdea70 .emojiPicker_c6ee36::after {
|
|
display: none;
|
|
}
|
|
|
|
.diversityEmojiItem_cce80d:hover { /* picker diversityemoji */
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
|
|
.navButtonActive_af5dbb { /* picker navbuttonactive */
|
|
background-color: rgb(var(--accentcolor_v));
|
|
color: #fff;
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
.emojiPickerHeader_bdea70 { /* picker header */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.wrapper_ba23fe { /* picker sidebar */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.slotsContainer_bdea70 { /* picker slots */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
.guildIcon_bfabc4 { /* picker guildicon */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
.categoryItemDefaultCategory_dfa278:first-child,
|
|
.categoryItemDefaultCategory_dfa278:first-child + .categoryItemDefaultCategory_dfa278 {
|
|
margin-bottom: 8px;
|
|
}
|
|
.categoryItemDefaultCategory_dfa278:hover, /* picker categoryitem */
|
|
.stickerCategory_a7a485:hover { /* picker stickercategoryitem */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.categoryItemDefaultCategorySelected_dfa278, /* picker categoryitem selected */
|
|
.categoryItemDefaultCategorySelected_dfa278:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.categoryItemDefaultCategorySelected_dfa278 svg, /* picker categoryitem selected */
|
|
.categoryItemDefaultCategorySelected_dfa278:hover svg {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
|
|
.unicodeShortcut_dfa278 { /* picker unicodeemojis shortcut */
|
|
background-color: transparent;
|
|
border: none;
|
|
overflow: hidden;
|
|
z-index: 100;
|
|
}
|
|
.unicodeShortcut_dfa278::before,
|
|
.unicodeShortcut_dfa278::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.unicodeShortcut_dfa278::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.unicodeShortcut_dfa278::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
.inspector_c3120f { /* picker emojiinfowrapper */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
#app-mount .wrapper_e06857 { /* picker categoryheader */
|
|
background: transparent;
|
|
position: static;
|
|
}
|
|
|
|
#app-mount .imageLoading_b000dd { /* picker emoji loading */
|
|
background: rgba(var(--transparencycolor_v), .3);
|
|
border-radius: 10px;
|
|
}
|
|
.emojiItem_fbfedd.emojiItemSelected_fbfedd { /* picker emoji selected */
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.emojiItemDisabled__843ea { /* picker emoji disabled */
|
|
filter: none;
|
|
cursor: no-drop;
|
|
}
|
|
.emojiItemDisabled__843ea > * {
|
|
filter: grayscale(1);
|
|
}
|
|
|
|
.premiumPromo_ca9b56 { /* picker premium warning */
|
|
background-color: transparent;
|
|
opacity: 1;
|
|
}
|
|
.premiumPromo_ca9b56::before,
|
|
.premiumPromo_ca9b56::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
opacity: 0.9;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.premiumPromo_ca9b56::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.premiumPromo_ca9b56::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.29));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.premiumPromoClose_ca9b56 {
|
|
-webkit-mask: url(https://discord.com/assets/411dfecce0d7da63ea2b.svg) 50% 50% no-repeat;
|
|
background: var(--interactive-normal);
|
|
}
|
|
.premiumPromoClose_ca9b56:hover {
|
|
background: var(--interactive-hover);
|
|
}
|
|
.premiumPromoClose_ca9b56:active {
|
|
background: var(--interactive-active);
|
|
}
|
|
#app-mount .categoryItemDefaultCategorySelected_dfa278 .categoryIcon_dfa278,
|
|
#app-mount .categoryItemDefaultCategorySelected_dfa278:hover .categoryIcon_dfa278 {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
#app-mount .focused_bad108, /* gifpicker result */
|
|
#app-mount .result_bad108:hover {
|
|
box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .placeholder_bad108 {
|
|
background: rgba(var(--textdarkest_v), .6);
|
|
}
|
|
#app-mount .endContainer_bad108::after {
|
|
background-image: url(https://discord.com/assets/6836d88af9197cbd4cbb.svg);
|
|
opacity: 0.6;
|
|
}
|
|
#app-mount .endText_bad108 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyHintCard_bad108 {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .backButton_b56bbc { /* gifpicker backbutton */
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .backButton_b56bbc:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .backButton_b56bbc:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
|
|
/* ---- 14.4. PINS/MENTIONS ---- */
|
|
|
|
.messagesPopoutWrap_ac90a2, /* popout wrapper */
|
|
.recentMentionsPopout_ddb5b4, /* popout wrapper (for you) */
|
|
.container_f1c3d9 { /* popout wrapper (inbox) */
|
|
background-color: transparent;
|
|
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|
|
.messagesPopoutWrap_ac90a2 > *,
|
|
.recentMentionsPopout_ddb5b4 > *,
|
|
.container_f1c3d9 > * {
|
|
z-index: 1000;
|
|
}
|
|
.messagesPopoutWrap_ac90a2::before,
|
|
.recentMentionsPopout_ddb5b4::before,
|
|
.messagesPopoutWrap_ac90a2::after,
|
|
.recentMentionsPopout_ddb5b4::after,
|
|
.container_f1c3d9::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.messagesPopoutWrap_ac90a2::before,
|
|
.recentMentionsPopout_ddb5b4::before,
|
|
.container_f1c3d9::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.messagesPopoutWrap_ac90a2::after,
|
|
.recentMentionsPopout_ddb5b4::after,
|
|
.container_f1c3d9::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
#app-mount .messagesPopout_ac90a2 { /* popout innerwrap */
|
|
background-color: transparent;
|
|
}
|
|
|
|
.header_ac90a2 { /* popout header */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
|
|
border: none;
|
|
}
|
|
|
|
.footer_ac90a2 { /* popout footer */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
.messageGroupWrapper_ac90a2 {
|
|
background-color: transparent;
|
|
border: none;
|
|
overflow: visible;
|
|
padding: 11px 10px 10px 10px;
|
|
}
|
|
.messageGroupWrapper_ac90a2 + .messageGroupWrapper_ac90a2::before {
|
|
content: "";
|
|
border-top: 1px solid var(--background-modifier-accent);
|
|
position: absolute;
|
|
top: -3px;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.actionButtons_ac90a2 { /* popout actionbuttonscontainer */
|
|
top: 4px;
|
|
right: 14px;
|
|
}
|
|
.jumpButton_ac3dc2, /* popout jumpbutton (mentions) */
|
|
.jumpButton_ac90a2 { /* popout jumpbutton (pins) */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.jumpButton_ac3dc2:hover,
|
|
.jumpButton_ac90a2:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.jumpButton_ac3dc2 + .jumpButton_ac3dc2,
|
|
.jumpButton_ac90a2 + .jumpButton_ac90a2 {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.image_ac90a2 { /* popout emptyimage */
|
|
opacity: 0.6;
|
|
}
|
|
.image_ac90a2[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] {
|
|
background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important;
|
|
}
|
|
|
|
#app-mount .header_f0cd33 .tabBar_f0cd33 .tab_f0cd33.active_f0cd33 { /* popout active tab */
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.secondary__45d4f, /* popout header button */
|
|
.tertiary_ad6d80, /* popout message button */
|
|
.collapseButton_d09ffd { /* popout collapse button */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.secondary__45d4f:hover,
|
|
.tertiary_ad6d80:hover,
|
|
.collapseButton_d09ffd:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.collapseButton_d09ffd {
|
|
position: static;
|
|
margin-left: 12px;
|
|
border-radius: 32px;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
flex-shrink: 0;
|
|
height: 32px;
|
|
min-height: 32px;
|
|
width: 32px;
|
|
min-width: 32px;
|
|
padding: 8px;
|
|
transform: unset !important;
|
|
}
|
|
.collapseButton_d09ffd.collapsed_d09ffd svg {
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
.channelHeader_f3978e { /* popout channelheader */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
padding-right: 16px;
|
|
border-radius: 5px 5px 0 0;
|
|
position: static;
|
|
}
|
|
.channelHeader_f3978e:only-child {
|
|
border-radius: 0;
|
|
}
|
|
.channelHeader_f3978e {
|
|
margin-left: 8px;
|
|
}
|
|
.channel_d09ffd .channelHeader_f3978e {
|
|
margin-left: 0;
|
|
}
|
|
.messageContainer_ddb5b4 {
|
|
margin-left: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
.messageContainer_ddb5b4, /* popout messagecontainer */
|
|
.messages_c06487 { /* popout messagecontainer (inbox) */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-radius: 0;
|
|
}
|
|
.messageContainer_ddb5b4:last-child,
|
|
.messages_c06487:last-child {
|
|
border-radius: 0 0 5px 5px;
|
|
}
|
|
|
|
.tutorial_f1c3d9 { /* popout tutorial (inbox) */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
.tutorialIcon_f1c3d9 { /* popout tutorial (inbox) */
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
/* ---- 14.5. SEARCHPOPOUT ---- */
|
|
|
|
#app-mount .container_eedf95 { /* popout wrapper */
|
|
background-color: transparent;
|
|
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
border: none;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.container_eedf95::before,
|
|
.container_eedf95::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.container_eedf95::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.container_eedf95::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
#app-mount .queryContainer_eedf95 {
|
|
border-bottom-color: var(--background-modifier-accent);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .queryContainer_eedf95 strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .focused_eedf95 {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .resultsGroup_b0286e::before {
|
|
border-top-color: var(--background-modifier-accent);
|
|
}
|
|
#app-mount .resultsGroup_b0286e .header_b0286e,
|
|
#app-mount .resultsGroup_b0286e .plusIcon_b0286e,
|
|
#app-mount .resultsGroup_b0286e .searchClearHistory_b0286e,
|
|
#app-mount .resultsGroup_b0286e .searchLearnMore_b0286e a {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .resultsGroup_b0286e .header_b0286e,
|
|
#app-mount .resultsGroup_b0286e .plusIcon_b0286e {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .option_b0286e::after {
|
|
display: none;
|
|
}
|
|
#app-mount .option_b0286e:hover,
|
|
#app-mount .option_b0286e[aria-selected=true] {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .option_b0286e:hover::before,
|
|
#app-mount .option_b0286e[aria-selected=true]::before {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
border-radius: 3px;
|
|
width: 34px;
|
|
}
|
|
#app-mount .option_b0286e:hover .plusIcon_b0286e,
|
|
#app-mount .option_b0286e[aria-selected=true] .plusIcon_b0286e {
|
|
color: white;
|
|
opacity: 1;
|
|
}
|
|
#app-mount .option_b0286e .answer_b0286e,
|
|
#app-mount .option_b0286e .nonText_b0286e,
|
|
#app-mount .option_b0286e strong {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .option_b0286e .filter_b0286e {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .option_b0286e.user_b0286e .displayedNick_b0286e {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .option_b0286e.user_b0286e .displayUsername_b0286e {
|
|
color: var(--interactive-muted);
|
|
}
|
|
#app-mount .searchOption_b0286e .filter_b0286e {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .searchOption_b0286e .answer_b0286e {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .searchResultChannelCategory_b0286e,
|
|
#app-mount .searchResultChannelIcon_b0286e {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .calendarPicker_be05cd .react-datepicker {
|
|
background: transparent;
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__day:not(.react-datepicker__day--outside-month) {
|
|
border-color: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__day--outside-month {
|
|
background: rgba(var(--transparencycolor_v), .5);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__header,
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__month-container,
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
|
|
background: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__header {
|
|
padding-bottom: 5px;
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__navigation {
|
|
background: transparent;
|
|
border-color: rgba(var(--textbrightest_v), .5);
|
|
top: 30px;
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__navigation::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) center/6px 12px no-repeat;
|
|
background-color: rgb(var(--textbrightest_v));
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__navigation--previous {
|
|
left: 30px;
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__navigation--next {
|
|
right: 30px;
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__current-month {
|
|
border-color: transparent;
|
|
padding: 10px 0;
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__current-month,
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__day-name,
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
|
|
#app-mount .calendarPicker_be05cd .datePickerHint_b0286e .hint_b0286e,
|
|
#app-mount .calendarPicker_be05cd .datePickerHint_b0286e .hintValue_b0286e {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .calendarPicker_be05cd .react-datepicker__day--outside-month {
|
|
color: var(--text-muted);
|
|
cursor: no-drop;
|
|
}
|
|
#app-mount .datePicker_b0286e .datePickerHint_b0286e {
|
|
margin: 0;
|
|
padding: 20px;
|
|
display: flex;
|
|
justify-content: center;
|
|
border-top-color: var(--background-modifier-accent);
|
|
}
|
|
#app-mount .datePicker_b0286e .datePickerHint_b0286e .hint_b0286e {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .datePicker_b0286e .datePickerHint_b0286e .hintValue_b0286e {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .datePicker_b0286e .datePickerHint_b0286e .hintValue_b0286e:hover {
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
/* ---- 14.6. COLORPICKER ---- */
|
|
|
|
#app-mount .customColorPicker_bbc020 { /* popout wrapper */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
border: none;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
}
|
|
.customColorPicker_bbc020::before,
|
|
.customColorPicker_bbc020::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.customColorPicker_bbc020::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.customColorPicker_bbc020::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
/* ---- 14.7. ADDROLE ---- */
|
|
|
|
#app-mount .container_ac201b, /* popout userpopout */
|
|
#app-mount .container_cf6b7d { /* popout channelsettings */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
border: none;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
width: 300px;
|
|
}
|
|
.container_ac201b::before,
|
|
.container_ac201b::after,
|
|
.container_cf6b7d::before,
|
|
.container_cf6b7d::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.container_ac201b::before,
|
|
.container_cf6b7d::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.container_ac201b::after,
|
|
.container_cf6b7d::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.focused_eef3ef,
|
|
.item_eef3ef:focus:not(.disabled_eef3ef),
|
|
.item_eef3ef:hover:not(.disabled_eef3ef),
|
|
.row_cf6b7d.selected_cf6b7d .rowInner_cf6b7d,
|
|
.row_cf6b7d:focus .rowInner_cf6b7d,
|
|
.row_cf6b7d:hover .rowInner_cf6b7d {
|
|
background: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
#app-mount .container_cf6b7d .header_cf6b7d {
|
|
background: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .container_cf6b7d .input_cf6b7d {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container_cf6b7d .sectionTag_cf6b7d {
|
|
background: transparent;
|
|
}
|
|
.autocompleteShadow_cf6b7d,
|
|
.autocompleteArrowWrapper_cf6b7d,
|
|
.autocompleteHeaderBackground_cf6b7d {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* ---- 14.8. EVERYONEMENTION ---- */
|
|
|
|
.contentWarningPopout_fa823b .animation_fa823b {
|
|
opacity: 0.6;
|
|
}
|
|
#app-mount .footer_fa823b {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 14.9. CHANNELFOLLOW ---- */
|
|
|
|
#app-mount .header_a3e381 {
|
|
background: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .separator_f9a4c9 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .3), 0 1px 2px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.channelContainer_a3e381 {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.channel_a3e381 {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.channelContainer_a3e381 .channel_a3e381 {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* ---- 14.10. CHANNELFOLLOWINFO ---- */
|
|
|
|
#app-mount .guildPopout_cf5d0a { /* popout wrapper */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
border: none;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.guildPopout_cf5d0a::before,
|
|
.guildPopout_cf5d0a::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.guildPopout_cf5d0a::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.guildPopout_cf5d0a::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
/* ---- 14.11. EMOJIINFO ---- */
|
|
|
|
#app-mount .popoutContainer_cf58b5, /* popout wrapper */
|
|
#app-mount .reactionTooltip_fba897 { /* popout wrapper */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
border: none;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.popoutContainer_cf58b5::before,
|
|
.reactionTooltip_fba897::before,
|
|
.popoutContainer_cf58b5::after,
|
|
.reactionTooltip_fba897::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.popoutContainer_cf58b5::before,
|
|
.reactionTooltip_fba897::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.popoutContainer_cf58b5::after,
|
|
.reactionTooltip_fba897::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
.emojiSection_e58351 { /* popout emojisection */
|
|
background-color: transparent;
|
|
}
|
|
|
|
.guildSection_e58351 { /* popout emojisection */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
/* ---- 14.12. STREAMPREVIEW ---- */
|
|
|
|
#app-mount .streamPreview_adbea6 { /* popout wrapper */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
border: none;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.streamPreview_adbea6::before,
|
|
.streamPreview_adbea6::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.streamPreview_adbea6::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.streamPreview_adbea6::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
#app-mount .previewContainer_adbea6 { /* popout preview */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
/* ---- 14.13. STREAMINFO ---- */
|
|
|
|
#app-mount .container__56cd1 { /* modal container */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
overflow: visible !important;
|
|
}
|
|
.container__56cd1::before,
|
|
.container__56cd1::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.container__56cd1::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.container__56cd1::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
/* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */
|
|
|
|
#app-mount .popout_b705bc { /* popout wrapper */
|
|
background-color: transparent;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
border: none;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.popout_b705bc::before,
|
|
.popout_b705bc::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.popout_b705bc::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.popout_b705bc::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
/* ---- 14.15. RTCSTATUSPOPOUT ---- */
|
|
|
|
#app-mount .container__13b2a { /* RTCpopout */
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
color: var(--header-primary);
|
|
position: relative;
|
|
width: 290px;
|
|
}
|
|
.container__13b2a::before,
|
|
.container__13b2a::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.container__13b2a::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.container__13b2a::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
#app-mount .container__13b2a canvas {
|
|
background-color: rgb(var(--transparencycolor_v));
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
#app-mount .container__13b2a section {
|
|
background-color: transparent;
|
|
}
|
|
#app-mount .container__13b2a section p {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container__13b2a section strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .debugButton__83d1b {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .krispLogo_adcaac {
|
|
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.svg) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 14.16. PHONE-/EMAILVALIDATION ---- */
|
|
|
|
#app-mount .input_f89ba0 {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .phoneFieldPopout_ff761b .countryName_ff761b {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .phoneFieldPopout_ff761b .countryCode_ff761b {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .activityInviteEducationArrow_d7ebeb {
|
|
-webkit-mask: url(https://discord.com/assets/6f222b93b4b971e68613.svg) center/contain no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .emailVerificationModal_be7f63 .title_be7f63 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .emailVerificationModal_be7f63 .body_be7f63 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .verification_ce1f6e .title_ce1f6e {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .verification_ce1f6e .body_ce1f6e,
|
|
#app-mount .verification_ce1f6e .footer_ce1f6e {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .verificationBlock__2ee71 {
|
|
background-color: rgba(var(--transparencycolor_v), .1);
|
|
border: 1px solid rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .verificationBlock__2ee71:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-color: rgb(var(--transparencycolor_v));
|
|
}
|
|
#app-mount .verification_ce1f6e .image_ce1f6e {
|
|
background-image: url(https://discord.com/assets/8f8162ee689b2d85996c.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verificationBlock__2ee71 .image_ce1f6e.email__44f2f {
|
|
background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verificationBlock__2ee71 .image_ce1f6e.phone__0b460 {
|
|
background-image: url(https://discord.com/assets/e9802d8cbd4efea22c7f.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verificationBlock__2ee71 .body_ce1f6e {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 14.17. QUICKSELECTPOPOUT ---- */
|
|
|
|
#app-mount .quickSelectPopout_abbf45, /* quickselect */
|
|
#app-mount .popoutList_da8701 { /* listpopout */
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
color: var(--header-primary);
|
|
position: relative;
|
|
}
|
|
.quickSelectPopout_abbf45::before,
|
|
.popoutList_da8701::before,
|
|
.quickSelectPopout_abbf45::after,
|
|
.popoutList_da8701::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.quickSelectPopout_abbf45::before,
|
|
.popoutList_da8701::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.quickSelectPopout_abbf45::after,
|
|
.popoutList_da8701::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
#app-mount .selectableItem_d40acf {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .selectableItem_d40acf:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .quickSelectPopoutOption_b852b1:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .quickSelectPopoutOption_b852b1.selected__683fe {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
#app-mount .popoutListEmpty_da8701 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .quickSelectArrow__5988b {
|
|
-webkit-mask: url(https://discord.com/assets/c4643b70509c385fcc83.svg) 50% no-repeat;
|
|
background: var(--interactive-normal);
|
|
}
|
|
|
|
/* ---- 14.18. WARNINGPOPOUT ---- */
|
|
|
|
#app-mount .contentWarningPopout_fa823b { /* popout */
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
}
|
|
.contentWarningPopout_fa823b::before,
|
|
.contentWarningPopout_fa823b::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.contentWarningPopout_fa823b::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.contentWarningPopout_fa823b::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
#app-mount .body_fa823b {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .header_fa823b {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 14.19. ACTIVETHREADLISTPOPOUT ---- */
|
|
|
|
#app-mount .popout_c5b389 { /* popout */
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
}
|
|
.popout_c5b389::before,
|
|
.popout_c5b389::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.popout_c5b389::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.popout_c5b389::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
/* ---- 14.20. ROLEMEMBERSPOPOUT ---- */
|
|
|
|
#app-mount .rolePopout_f8f345 { /* popout */
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
}
|
|
.rolePopout_f8f345::before,
|
|
.rolePopout_f8f345::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.rolePopout_f8f345::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.rolePopout_f8f345::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
/* ---- 14.21. FORUMFILTERPOPOUT ---- */
|
|
|
|
#app-mount .container_ae4f46 { /* popout */
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
}
|
|
.container_ae4f46::before,
|
|
.container_ae4f46::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.container_ae4f46::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.container_ae4f46::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
/* ---- 14.22. ACTIVITYSHAREPOPOUT ---- */
|
|
|
|
#app-mount .container_b572de { /* popout */
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
}
|
|
.container_b572de::before,
|
|
.container_b572de::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.container_b572de::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.container_b572de::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
/* ---- 14.23. SOUNDBOARD ---- */
|
|
|
|
#app-mount .picker_cd703d { /* popout */
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
}
|
|
.picker_cd703d::before,
|
|
.picker_cd703d::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.picker_cd703d::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.picker_cd703d::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
/* ---- 14.24. SERVERSURVEY ---- */
|
|
|
|
.main_d8215a .prompt_cd377c {
|
|
background: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.main_d8215a .prompt_cd377c .sizeMedium_dd4f85 {
|
|
width: unset;
|
|
}
|
|
.optionButtonWrapper_bd5e1f:hover,
|
|
.optionButtonWrapper_bd5e1f.selected_bd5e1f {
|
|
border-color: rgb(var(--accentcolor_v));
|
|
}
|
|
|
|
/* ---- 14.25. APPPICKER ---- */
|
|
|
|
#app-mount .contentWrapper_f7506e { /* popout */
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
}
|
|
.contentWrapper_f7506e::before,
|
|
.contentWrapper_f7506e::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.contentWrapper_f7506e::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.contentWrapper_f7506e::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.container_e5da8b:hover,
|
|
.keyboard-mode .container_e5da8b:focus {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
|
|
|
|
/* ~~~~ 15. GENERAL ~~~~ */
|
|
|
|
.highlight {
|
|
background: rgba(var(--accentcolor_v), .3);
|
|
}
|
|
|
|
.clickable_d808b0:hover .layout_d808b0 {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
.clickable_d808b0:active .layout_d808b0 {
|
|
background: rgb(var(--accentcolor_v));
|
|
}
|
|
.clickable_d808b0:active .layout_d808b0,
|
|
.selected_d808b0 .layout_d808b0,
|
|
.selected_d808b0:hover .layout_d808b0,
|
|
.selected_d808b0:active .layout_d808b0 {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.clickable_d808b0 .icon_ec85ca {
|
|
color: inherit;
|
|
}
|
|
.clickable_d808b0:active .layout_d808b0 svg,
|
|
.clickable_d808b0.selected_d808b0 .layout_d808b0 svg {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
.clickable_d808b0:active .premiumIcon_a31c43,
|
|
.clickable_d808b0.selected_d808b0 .premiumIcon_a31c43 {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
|
|
#app-mount .elevationLow_ff8688, #app-mount .elevationLow_be38de, .lightElevationLow_b62459{
|
|
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .elevationHigh_ff8688, #app-mount .elevationHigh__08882, .lightElevationHigh_c9beeb {
|
|
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .elevationBorderLow_ff8688, #app-mount .elevationBorderLow_d10573, .lightElevationBorderLow__1e5e8 {
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .elevationBorderHigh_ff8688, #app-mount .elevationBorderHigh__30406, .lightElevationBorderHigh__68386, .darkElevationBorderHigh__4ef1e {
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
#app-mount .breadcrumbWrapper__75797 { /* breadcrumbs wrapper */
|
|
color: rgba(var(--textbrightest_v), .3);
|
|
}
|
|
#app-mount .activeBreadcrumb__56acd { /* breadcrumbs active */
|
|
color: rgba(var(--textbrightest_v), .6);
|
|
}
|
|
|
|
/* ---- 15.1. TEXT ---- */
|
|
|
|
#app-mount h1.title_d1da5f,
|
|
#app-mount h2.title_d1da5f {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount h3.title_d1da5f {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount h4.title_d1da5f,
|
|
#app-mount h5.title_d1da5f,
|
|
#app-mount h6.title_d1da5f {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .text__0e310,
|
|
#app-mount .title__496be {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .title_d1da5f {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .markdown_b97ce2 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .markdown_b97ce2 th {
|
|
background-color: var(--background-tertiary);
|
|
border-color: var(--interactive-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .markdown_b97ce2 td {
|
|
border-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .markdown_b97ce2 tr {
|
|
border-color: var(--interactive-muted);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .markdown_b97ce2 tr:nth-child(2n) {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .markdown_b97ce2 .blockquote_b97ce2 {
|
|
border-left-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .markdown_b97ce2 code {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .markdown_b97ce2 .codeInline_b97ce2 {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 15.2. BUTTONS ---- */
|
|
|
|
.btn__51085.btnPrimary__96a11,
|
|
.lookFilled_dd4f85.hoverBrand__252e8.hasHover_dfa15e:hover,
|
|
.lookFilled_dd4f85.hoverBrandNew__5984d.hasHover_dfa15e:hover,
|
|
.lookFilled_dd4f85.colorBrand_dd4f85:not(.buttonColor_adcaac):not([style*="background-color"]),
|
|
.lookFilled_dd4f85.colorBrandNew__8872c:not(.buttonColor_adcaac):not([style*="background-color"]) {
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.lookFilled_dd4f85.hoverBrand__252e8.hasHover_dfa15e:hover svg,
|
|
.lookFilled_dd4f85.hoverBrandNew__5984d.hasHover_dfa15e:hover svg,
|
|
.lookFilled_dd4f85.colorBrand_dd4f85:not(.buttonColor_adcaac):not([style*="background-color"]) svg,
|
|
.lookFilled_dd4f85.colorBrandNew__8872c:not(.buttonColor_adcaac):not([style*="background-color"]) svg {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
|
|
#app-mount .lookInverted_a299dc.colorPrimary_dd4f85 .spinnerItem_dd4f85 {
|
|
background-color: rgb(var(--textdarkest_v));
|
|
}
|
|
#app-mount .lookOutlined_dd4f85.colorPrimary_dd4f85 .spinnerItem_dd4f85,
|
|
#app-mount .lookLink_dd4f85.colorPrimary_dd4f85 .spinnerItem_dd4f85 {
|
|
background-color: rgb(var(--textdarkest_v));
|
|
}
|
|
|
|
#app-mount .lookFilled_dd4f85.colorPrimary_dd4f85:hover,
|
|
#app-mount .lookFilled_dd4f85.hoverPrimary_c2c623.hasHover_dfa15e:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
#app-mount .lookFilled_dd4f85.colorPrimary_dd4f85:active,
|
|
#app-mount .lookFilled_dd4f85.hoverPrimary_c2c623.hasHover_dfa15e:active {
|
|
background-color: rgba(var(--transparencycolor_v), .6);
|
|
}
|
|
#app-mount .lookFilled_dd4f85.colorPrimary_dd4f85,
|
|
#app-mount .lookFilled_dd4f85.colorPrimary_dd4f85:disabled {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
color: #FFF;
|
|
}
|
|
|
|
#app-mount .lookInverted_a299dc.colorPrimary_dd4f85:hover,
|
|
#app-mount .lookInverted_a299dc.hoverPrimary_c2c623.hasHover_dfa15e:hover {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
|
|
}
|
|
#app-mount .lookInverted_a299dc.colorPrimary_dd4f85:active,
|
|
#app-mount .lookInverted_a299dc.hoverPrimary_c2c623.hasHover_dfa15e:active {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
|
|
}
|
|
#app-mount .lookInverted_a299dc.colorPrimary_dd4f85,
|
|
#app-mount .lookInverted_a299dc.colorPrimary_dd4f85:disabled {
|
|
background-color: #FFF;
|
|
color: rgba(var(--textdarkest_v));
|
|
}
|
|
|
|
#app-mount .lookOutlined_dd4f85.colorPrimary_dd4f85:hover,
|
|
#app-mount .lookOutlined_dd4f85.hoverPrimary_c2c623.hasHover_dfa15e:hover {
|
|
background-color: rgba(var(--textdarkest_v), .05);
|
|
border-color: rgba(var(--textdarkest_v), .6);
|
|
}
|
|
#app-mount .lookOutlined_dd4f85.colorPrimary_dd4f85:active,
|
|
#app-mount .lookOutlined_dd4f85.hoverPrimary_c2c623.hasHover_dfa15e:active {
|
|
background-color: rgba(var(--textdarkest_v), .1);
|
|
border-color: rgb(var(--textdarkest_v));
|
|
}
|
|
#app-mount .lookOutlined_dd4f85.colorPrimary_dd4f85,
|
|
#app-mount .lookOutlined_dd4f85.colorPrimary_dd4f85:disabled {
|
|
border-color: rgba(var(--textdarkest_v), .1);
|
|
color: rgb(var(--textdarkest_v));
|
|
}
|
|
|
|
#app-mount .lookLink_dd4f85.colorPrimary_dd4f85 {
|
|
color: rgb(var(--textdarkest_v));
|
|
}
|
|
#app-mount .lookLink_dd4f85.colorPrimary_dd4f85:hover .contents_dd4f85,
|
|
#app-mount .lookLink_dd4f85.hoverPrimary_c2c623.hasHover_dfa15e:hover .contents_dd4f85 {
|
|
--button--underline-color: rgb(var(--textdarkest_v));
|
|
color: rgb(var(--textdarkest_v));
|
|
}
|
|
|
|
#app-mount .borderPrimary__386cf {
|
|
border-color: rgb(var(--textdarkest_v)) !important;
|
|
}
|
|
|
|
#app-mount .lookInverted_a299dc.colorTransparent_dd4f85 .spinnerItem_dd4f85 {
|
|
background-color: rgba(var(--textbrightest_v), .1);
|
|
}
|
|
#app-mount .lookFilled_dd4f85.colorTransparent_dd4f85 .spinnerItem_dd4f85,
|
|
#app-mount .lookOutlined_dd4f85.colorTransparent_dd4f85 .spinnerItem_dd4f85,
|
|
#app-mount .lookLink_dd4f85.colorTransparent_dd4f85 .spinnerItem_dd4f85 {
|
|
background-color: rgb(var(--textbrightest_v));
|
|
}
|
|
|
|
#app-mount .lookFilled_dd4f85.colorTransparent_dd4f85:hover,
|
|
#app-mount .lookFilled_dd4f85.hoverTransparent__31061.hasHover_dfa15e:hover {
|
|
background-color: rgba(var(--textbrightest_v), .05);
|
|
}
|
|
#app-mount .lookFilled_dd4f85.colorTransparent_dd4f85:active,
|
|
#app-mount .lookFilled_dd4f85.hoverTransparent__31061.hasHover_dfa15e:active {
|
|
background-color: rgba(var(--textbrightest_v), .01);
|
|
}
|
|
#app-mount .lookFilled_dd4f85.colorTransparent_dd4f85,
|
|
#app-mount .lookFilled_dd4f85.colorTransparent_dd4f85:disabled {
|
|
background-color: rgba(var(--textbrightest_v), .1);
|
|
color: rgb(var(--textbrightest_v));
|
|
}
|
|
|
|
#app-mount .lookInverted_a299dc.colorTransparent_dd4f85:hover,
|
|
#app-mount .lookInverted_a299dc.hoverTransparent__31061.hasHover_dfa15e:hover {
|
|
background-color: rgba(var(--textbrightest_v), .05);
|
|
}
|
|
#app-mount .lookInverted_a299dc.colorTransparent_dd4f85:active,
|
|
#app-mount .lookInverted_a299dc.hoverTransparent__31061.hasHover_dfa15e:active {
|
|
background-color: rgba(var(--textbrightest_v), .1);
|
|
}
|
|
#app-mount .lookInverted_a299dc.colorTransparent_dd4f85,
|
|
#app-mount .lookInverted_a299dc.colorTransparent_dd4f85:disabled {
|
|
background-color: rgb(var(--textbrightest_v));
|
|
color: rgba(var(--textbrightest_v), .1);
|
|
}
|
|
|
|
#app-mount .lookOutlined_dd4f85.hoverTransparent__31061.hasHover_dfa15e:hover {
|
|
background-color: rgba(var(--textbrighter_v), .1);
|
|
border-color: rgb(var(--textbrightest_v));
|
|
}
|
|
#app-mount .lookOutlined_dd4f85.hoverTransparent__31061.hasHover_dfa15e:active {
|
|
background-color: rgba(var(--textbrightest_v), .1);
|
|
border-color: rgb(var(--textbrightest_v));
|
|
}
|
|
#app-mount .lookOutlined_dd4f85.colorTransparent_dd4f85,
|
|
#app-mount .lookOutlined_dd4f85.colorTransparent_dd4f85:disabled {
|
|
background-color: transparent;
|
|
color: rgb(var(--textbright_v));
|
|
}
|
|
|
|
#app-mount .lookLink_dd4f85.colorTransparent_dd4f85 {
|
|
color: rgb(var(--textbright_v));
|
|
}
|
|
#app-mount .lookLink_dd4f85.colorTransparent_dd4f85:hover .contents_dd4f85,
|
|
#app-mount .lookLink_dd4f85.hoverTransparent__31061.hasHover_dfa15e:hover .contents_dd4f85 {
|
|
--button--underline-color: rgb(var(--textbright_v));
|
|
color: rgb(var(--textbright_v));
|
|
}
|
|
|
|
#app-mount .borderTransparent_c5801e {
|
|
border-color: rgb(var(--textbrightest_v)) !important;
|
|
}
|
|
|
|
/* ---- 15.3. INPUTS ---- */
|
|
|
|
input.input_f8bc55 { /* valueinput bordered */
|
|
background-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
input.input_f8bc55:hover:not(:focus) {
|
|
border-color: rgb(var(--transparencycolor_v));
|
|
}
|
|
|
|
#app-mount .prefixInput_a6236d {
|
|
background-color: rgba(0,0,0, .1);
|
|
border-color: rgba(0,0,0, .3);
|
|
}
|
|
#app-mount .prefixInput_a6236d:hover {
|
|
border-color: rgba(0,0,0, .6);
|
|
}
|
|
#app-mount .prefixInputInput_a6236d {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .prefixInputInput_a6236d::-webkit-input-placeholder,
|
|
#app-mount .prefixInputInput_a6236d::-moz-placeholder,
|
|
#app-mount .prefixInputInput_a6236d:-ms-input-placeholder,
|
|
#app-mount .prefixInputInput_a6236d::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .prefixInputPrefix_a6236d {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .maxLength_a2b402 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .copyInput_d7e343 {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
}
|
|
#app-mount .copyInputDefault_e19ebf {
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
#app-mount .hiddenMessage_e7355b,
|
|
#app-mount .inputDefault__591c7 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .hiddenMessage_e7355b::placeholder,
|
|
#app-mount .inputDefault__591c7::placeholder {
|
|
color: rgba(var(--textbrightest_v), .3);
|
|
}
|
|
|
|
.container_cebd1c { /* checkboxswitch */
|
|
background-color: rgba(var(--transparencycolor_v), .3) !important;
|
|
}
|
|
.container_cebd1c rect[fill] {
|
|
fill: var(--header-primary) !important;
|
|
}
|
|
.container_cebd1c path[fill] {
|
|
fill: rgb(var(--transparencycolor_v)) !important;
|
|
}
|
|
|
|
#app-mount .item_eb92a8 { /* radiogroup container */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .item_eb92a8:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
#app-mount .item_eb92a8[aria-checked=true] .radioBar_eb92a8 {
|
|
background: rgb(var(--accentcolor_v));
|
|
}
|
|
#app-mount .item_eb92a8[aria-checked=true] .radioBar_eb92a8 .radioIconForeground_eb92a8 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .item_eb92a8 .radioBar_eb92a8[style*="--radio-bar-accent-color"] {
|
|
background: var(--radio-bar-accent-color);
|
|
border: unset;
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .item_eb92a8[aria-checked=false]:hover .radioBar_eb92a8[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));
|
|
}
|
|
|
|
#app-mount .checkboxContainer_cacc4c::before { /* checkbox container */
|
|
background-color: rgba(var(--textdarker_v), .3);
|
|
}
|
|
#app-mount .checkboxMute_cacc4c::before {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
#app-mount .checkbox_f6cde8 { /* checkbox inner */
|
|
border-color: rgb(var(--textdark_v));
|
|
}
|
|
#app-mount .checkbox_f6cde8.checked_f6cde8 { /* checkbox checked */
|
|
background-color: rgb(var(--textbrightest_v));
|
|
border-color: rgb(var(--textbrightest_v));
|
|
}
|
|
#app-mount .checkbox_f6cde8.checked_f6cde8.round_f6cde8 { /* checkbox roundchecked */
|
|
background-color: rgb(var(--accentcolor_v)) !important;
|
|
border-color: rgb(var(--accentcolor_v)) !important;
|
|
}
|
|
#app-mount .checkbox_f6cde8.checked_f6cde8.round_f6cde8 svg {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
#app-mount .checkbox_f6cde8.checked_f6cde8.round_f6cde8 path[fill] {
|
|
fill: #fff;
|
|
}
|
|
|
|
#app-mount .bar_c7a159 { /* slider backgroundbar */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.grabber_c7a159 { /* slider grabber */
|
|
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);
|
|
}
|
|
#app-mount .markValue_c7a159 { /* slider markvalue */
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .defaultValue_c7a159 .markValue_c7a159 {
|
|
color: #43b581;
|
|
}
|
|
#app-mount .markDash_c7a159 {
|
|
background: transparent;
|
|
color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .defaultValue_c7a159 .markDash_c7a159 {
|
|
color: #43b581;
|
|
}
|
|
#app-mount .markDash_c7a159::before,
|
|
#app-mount .markDash_c7a159::after {
|
|
content: "";
|
|
position: absolute;
|
|
background: currentColor;
|
|
height: 8px;
|
|
width: 2px;
|
|
}
|
|
#app-mount .markDash_c7a159::before {
|
|
top: 14px;
|
|
}
|
|
#app-mount .markDash_c7a159::after {
|
|
top: 30px;
|
|
}
|
|
#app-mount .bubble_f7877e { /* slider bubble */
|
|
background-color: rgb(var(--accentcolor_v));
|
|
color: #fff;
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
#app-mount .bubble_f7877e::before {
|
|
border-top-color: rgb(var(--accentcolor_v));
|
|
}
|
|
|
|
#app-mount .container_c67e31 { /* hotkeyinput container */
|
|
background-color: rgba(var(--transparencycolor_v), .1);
|
|
border-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .editIcon_fb7bb2 { /* hotkeyinput editicon */
|
|
-webkit-mask: url(https://discord.com/assets/c87be216431a35927431.svg) center/cover no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
#app-mount .container_e61cfb .button__0982c {
|
|
background-color: rgba(var(--transparencycolor_v), .3) !important;
|
|
color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .container_e61cfb.recording_fb7bb2 .button__0982c {
|
|
background-color: rgba(var(--dangercolor), .1) !important;
|
|
color: rgb(var(--dangercolor)) !important;
|
|
}
|
|
|
|
.select_fb76b2 [class*="css-"][class*="-container"] { /* select container */
|
|
background-color: transparent;
|
|
}
|
|
.lookFilled_f6639d.select_f6639d,
|
|
.select_fb76b2 [class*="css-"][class*="-control"] {
|
|
background-color: rgba(var(--transparencycolor_v), .1);
|
|
border-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--text-normal);
|
|
}
|
|
.lookFilled_f6639d.select_f6639d:hover {
|
|
border-color: rgb(var(--transparencycolor_v));
|
|
}
|
|
.lookFilled_f6639d.select_f6639d:hover.open_f6639d,
|
|
.lookFilled_f6639d.open_f6639d {
|
|
border-color: rgb(var(--transparencycolor_v)) rgb(var(--transparencycolor_v)) rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.lookFilled_f6639d.select_f6639d .searchInput_f6639d {
|
|
background: transparent;
|
|
}
|
|
.select_fb76b2 [class*="css-"][class*="-control"]:hover,
|
|
.select_fb76b2 [class*="css-"][class*="-control"]:not(:last-child) {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
.select_fb76b2.languageSelector_f69601 [class*="css-"][class*="-control"] {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.select_fb76b2 [class*="css-"][class*="-singleValue"],
|
|
.select_fb76b2 [class*="css-"][class*="-placeholder"],
|
|
.select_fb76b2 [class*="css-"][class*="-indicatorContainer"] {
|
|
color: var(--text-normal);
|
|
}
|
|
.option_f6639d,
|
|
.css-1gfjib6-option,
|
|
.css-1yz4bi9-option,
|
|
.css-ru8b0x-option,
|
|
.css-1yz4bi9-option {
|
|
background-color: rgba(var(--transparencycolor_v), .1);
|
|
color: var(--interactive-normal);
|
|
}
|
|
.option_f6639d:hover,
|
|
.css-pkcurw-option,
|
|
.css-rzbxvl-option,
|
|
.css-1qxn4c5-option,
|
|
.css-rzbxvl-option {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--interactive-hover);
|
|
}
|
|
.option_f6639d:focus,
|
|
.option_f6639d.focused_f6639d,
|
|
.option_f6639d.focused_f6639d:hover,
|
|
.option_f6639d[aria-selected=true]:not(.option_f6639d.multi_f6639d),
|
|
.css-1gxgi19-option,
|
|
.css-1ba14n5-option,
|
|
.css-6qzljd-option,
|
|
.css-1ba14n5-option {
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
color: var(--interactive-active);
|
|
}
|
|
.popout_f6639d::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.popout_f6639d,
|
|
.select_fb76b2 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
|
|
background-color: transparent;
|
|
border: 1px solid rgba(var(--transparencycolor_v), .3);
|
|
box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3);
|
|
overflow: hidden;
|
|
}
|
|
.popout_f6639d.scrollerBase_eed6a8 > .option_f6639d {
|
|
position: relative;
|
|
}
|
|
.popout_f6639d::before,
|
|
.popout_f6639d.scrollerBase_eed6a8 > .option_f6639d::before,
|
|
.popout_f6639d.scrollerBase_eed6a8 .content_eed6a8::before,
|
|
.select_fb76b2 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before,
|
|
.popout_f6639d::after,
|
|
.popout_f6639d.scrollerBase_eed6a8 > .option_f6639d::after,
|
|
.popout_f6639d.scrollerBase_eed6a8 .content_eed6a8::after,
|
|
.select_fb76b2 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.popout_f6639d::before,
|
|
.popout_f6639d.scrollerBase_eed6a8 > .option_f6639d::before,
|
|
.popout_f6639d.scrollerBase_eed6a8 .content_eed6a8::before,
|
|
.select_fb76b2 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.popout_f6639d::after,
|
|
.popout_f6639d.scrollerBase_eed6a8 > .option_f6639d::after,
|
|
.popout_f6639d.scrollerBase_eed6a8 .content_eed6a8::after,
|
|
.select_fb76b2 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.popout_f6639d.scrollerBase_eed6a8::before,
|
|
.popout_f6639d.scrollerBase_eed6a8::after {
|
|
display: none;
|
|
}
|
|
|
|
/* ---- 15.4. SEARCHBARS ---- */
|
|
|
|
.container_effbe2, /* searchbar inner */
|
|
.container__33507 {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .searchBox__56feb .searchBoxInput__56498::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .searchIcon_d1a3c1 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .filterLabel__82eb8 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .searchBox__56feb {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
|
|
/* ---- 15.5. TAGS ---- */
|
|
|
|
.botTagRegular_c89c9a:not([style]) { /* bottag regular */
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.botTagRegular_c89c9a:not([style]) svg {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
|
|
.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)"] {
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
.iconBadge__0c126 { /* iconbadge */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
/* ---- 15.6. IMAGES ---- */
|
|
|
|
#app-mount .image_def860 {
|
|
background-image: url(https://discord.com/assets/5420f8fd9d89897c6448.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
#app-mount .invalidPoop_ff31dd {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .sadImage_e78f9e {
|
|
background-image: url(https://discord.com/assets/746284e4cfc7cd6c5e15.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .cancelImage_b1a31b {
|
|
background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
#app-mount .emptyWumpus_f1629a {
|
|
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .authenticationRequiredImage_a6213d {
|
|
background-image: url(https://discord.com/assets/ac36a2fad758d64ffbfb.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .authenticationSuccessImage_a6213d {
|
|
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;
|
|
}
|
|
|
|
#app-mount .searchIndexBackground_e1f40e {
|
|
background-image: url(https://discord.com/assets/1876c6a6db747137a124.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .resultsBlockedImage_a9e225 {
|
|
background-image: url(https://discord.com/assets/83720a1a3ec0963a1f71.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResultsImage_c2b47d {
|
|
background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResultsImage_c2b47d.alt_c2b47d {
|
|
background-image: url(https://discord.com/assets/99d35a435f00582ddf41.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .errorImage_c2b47d {
|
|
background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .emptyStateImage_e8af36 {
|
|
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .wrapper_a2a7b5 { /* crash screen background */
|
|
background-image: url(https://discord.com/assets/14223d22c9628be36fc0.svg);
|
|
}
|
|
#app-mount .image_a2a7b5 { /* crash screen center image */
|
|
background-image: url(https://discord.com/assets/72eaa596042042be6259.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .gameIcon_a9e62c {
|
|
background-color: rgba(var(--textbrightest_v), .1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .noResults_faef29 {
|
|
background-image: url(https://discord.com/assets/c586aac99de98cfb010d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .art_ebefe4 {
|
|
background-image: url(https://discord.com/assets/1a8d1cce8efe66c22c6d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .art_f2f3e8 {
|
|
background-image: url(https://discord.com/assets/29306de8953471954035.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageUnverified_f19fa9 {
|
|
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageUpgrade_fcc792 {
|
|
background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg);
|
|
}
|
|
#app-mount .imageCancel_fcc792 {
|
|
background-image: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
|
|
}
|
|
#app-mount .imageUnclaimed_fcc792 {
|
|
background-image: url(https://discord.com/assets/41675689ca055858e137.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .imageUnverified_fcc792 {
|
|
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .emptyPreviewImage_ed81cc {
|
|
background-image: url(https://discord.com/assets/3a354aac283f909d403d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.fullArt_ae7ad3,
|
|
.fullArt_adc7d0 {
|
|
opacity: .5;
|
|
}
|
|
|
|
.image_ac90a2 {
|
|
opacity: .5;
|
|
}
|
|
.image_ac90a2[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] {
|
|
background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important;
|
|
}
|
|
|
|
.image__08515 {
|
|
opacity: .5;
|
|
}
|
|
.image__08515[style*='url("/assets/d6dfb89ab06b62044dbb.svg")'] {
|
|
background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/75081bdaad2d359c1469.svg")'] {
|
|
background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg) !important;
|
|
}
|
|
|
|
.image__08515[style*='url("/assets/0629e34902ae58f8e4ca.svg")'] {
|
|
background-image: url(https://discord.com/assets/24aa06be5457e66bdd64.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/5741692705ba077f4190.svg")'] {
|
|
background-image: url(https://discord.com/assets/bca918618b884a382ab5.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/a72746e7108167af95c8.svg")'] {
|
|
background-image: url(https://discord.com/assets/01864c39871ce619d855.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/ee4637f8627629dd0da5.svg")'] {
|
|
background-image: url(https://discord.com/assets/532f1d4582d881960783.svg) !important;
|
|
}
|
|
|
|
.image__08515[style*='url("/assets/c8be48745cf680093019.svg")'] {
|
|
background-image: url(https://discord.com/assets/295da3fc92e2adb1b852.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/5e3480eff150b1cb323e.svg")'] {
|
|
background-image: url(https://discord.com/assets/cf8f9096a9322f2ae0d7.svg) !important;
|
|
}
|
|
.emptyStateImage_b363b0 {
|
|
opacity: .5;
|
|
}
|
|
.emptyStateImage_b363b0[src='/assets/39e3f389716400ced39a.svg'] {
|
|
background-image: url(https://discord.com/assets/1bb2be01aece015602f7.svg);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
.image__08515[style*='url("/assets/c65431f185feb7b00749.svg")'] {
|
|
background-image: url(https://discord.com/assets/cdc3f4f6fbf3a0f0766f.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/a1b0a14d2f22c155a2b3.svg")'] {
|
|
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;
|
|
}
|
|
|
|
#app-mount .footerImage_fab929 {
|
|
background-image: url(https://discord.com/assets/a4bee30fe0b5a0f5b3c7.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageError__3af5f {
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .emptyImage_e37a20 {
|
|
background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .missingEntitlementImage_d64cba {
|
|
background-image: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image_a6ea01 {
|
|
background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image_f5cdb8 {
|
|
background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image_fea561 {
|
|
background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image_bbfa4c {
|
|
background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 15.7. SCROLLBARS ---- */
|
|
|
|
::-webkit-scrollbar,
|
|
#app-mount ::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
#app-mount .scroller-3vODG7::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
#app-mount .scroller_b60f40::-webkit-scrollbar,
|
|
#app-mount .scrollbar_c858ce::-webkit-scrollbar,
|
|
#app-mount .scroller-2PSBSf::-webkit-scrollbar {
|
|
width: 4px;
|
|
height: 4px;
|
|
}
|
|
::-webkit-scrollbar,
|
|
::-webkit-scrollbar-track,
|
|
::-webkit-scrollbar-track-piece,
|
|
#app-mount ::-webkit-scrollbar,
|
|
#app-mount ::-webkit-scrollbar-track,
|
|
#app-mount ::-webkit-scrollbar-track-piece {
|
|
border-color: transparent !important;
|
|
background: transparent !important;
|
|
}
|
|
::-webkit-scrollbar-thumb,
|
|
#app-mount ::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
border: none;
|
|
background-color: rgb(var(--accentcolor_v)) !important;
|
|
}
|
|
.none_eed6a8::-webkit-scrollbar-corner,
|
|
.none_eed6a8::-webkit-scrollbar-thumb,
|
|
.none_eed6a8::-webkit-scrollbar-track,
|
|
.none_eed6a8::-webkit-scrollbar,
|
|
.none_c49869::-webkit-scrollbar-corner,
|
|
.none_c49869::-webkit-scrollbar-thumb,
|
|
.none_c49869::-webkit-scrollbar-track,
|
|
.none_c49869::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
/* ---- 15.8. NOTIFICATIONBAR ---- */
|
|
|
|
.base_a4d4d9 .notice__5fd4c powercord-announcement {
|
|
border-radius: 0;
|
|
}
|
|
#app-mount .notice-2FJMB4 {
|
|
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .notice_dd5a33 {
|
|
background-color: rgba(var(--transparencycolor_v), .6);
|
|
}
|
|
|
|
/* ---- 15.9. TOOLTIPS ---- */
|
|
|
|
#app-mount .guildNameText_a6ae3c {
|
|
color: #fff;
|
|
}
|
|
#app-mount .muteText_a6ae3c {
|
|
color: #bbb;
|
|
}
|
|
#app-mount .tooltipPrimary_b6c360,
|
|
#app-mount .tooltipGrey_b6c360,
|
|
#app-mount .tooltipBlack_b6c360 {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
color: #fff;
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
#app-mount .tooltipPrimary_b6c360 .note_e4Jh6_,
|
|
#app-mount .tooltipGrey_b6c360 .note_e4Jh6_,
|
|
#app-mount .tooltipBlack_b6c360 .note_e4Jh6_ {
|
|
color: #bbb;
|
|
}
|
|
#app-mount .tooltipPrimary_b6c360 a,
|
|
#app-mount .tooltipGrey_b6c360 a,
|
|
#app-mount .tooltipBlack_b6c360 a {
|
|
filter: brightness(50%);
|
|
}
|
|
#app-mount .tooltipPrimary_b6c360 .tooltipPointer_b6c360,
|
|
#app-mount .tooltipGrey_b6c360 .tooltipPointer_b6c360,
|
|
#app-mount .tooltipBlack_b6c360 .tooltipPointer_b6c360 {
|
|
border-top-color: rgb(var(--accentcolor_v));
|
|
}
|
|
.emptyUser_d03bba {
|
|
background: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
.moreUsers_d03bba {
|
|
background: rgba(var(--transparencycolor_v), .5);
|
|
}
|
|
|
|
|
|
/* ~~~~ 16. BDSUPPORT ~~~~ */
|
|
|
|
html .bd-toast {
|
|
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);
|
|
color: #fff;
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
html .bd-toast.icon {
|
|
background-image: none !important;
|
|
}
|
|
html .bd-toast.icon::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: #fff !important;
|
|
-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;
|
|
}
|
|
html .bd-toast.toast-danger.icon::before,
|
|
html .bd-toast.toast-error.icon::before {
|
|
-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;
|
|
}
|
|
html .bd-toast.toast-info.icon::before {
|
|
-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;
|
|
}
|
|
html .bd-toast.toast-success.icon::before {
|
|
-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;
|
|
}
|
|
html .bd-toast.toast-warning.icon::before,
|
|
html .bd-toast.toast-warn.icon::before {
|
|
-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;
|
|
}
|
|
|
|
#app-mount .fav {
|
|
background: var(--interactive-active);
|
|
width: 16px;
|
|
height: 16px;
|
|
padding: 0;
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star_empty.svg) center/contain no-repeat;
|
|
}
|
|
#app-mount .fav:hover,
|
|
#app-mount .fav.active {
|
|
background: #faa61a;
|
|
}
|
|
#app-mount .fav.active {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star.svg) center/contain no-repeat;
|
|
}
|
|
|
|
#app-mount .bd-tab-item:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .bd-tab-item.selected {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
color: #fff;
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
#app-mount .bd-server-card { /* pubslayer guildcard */
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
#app-mount .bd-server-icon { /* pubslayer guildicon */
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .bd-server-card:hover,
|
|
#app-mount .bd-server-icon:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
}
|
|
|
|
.bd-switch-body { /* bd switch */
|
|
--switch-color: rgb(var(--transparencycolor_v));
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
|
|
.bd-slider-label { /* bd slider label */
|
|
background-color: rgb(var(--accentcolor_v));
|
|
color: var(--header-primary);
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.bd-slider-input { /* bd slider input */
|
|
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;
|
|
}
|
|
.bd-select .bd-select-options { /* bd select popout */
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 4px;
|
|
box-shadow: rgba(var(--transparencycolor_v), .3) 0px 2px 5px 0px;
|
|
box-sizing: border-box;
|
|
padding: 6px 8px;
|
|
}
|
|
.bd-select .bd-select-options::before,
|
|
.bd-select .bd-select-options::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 4px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.bd-select .bd-select-options::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
.bd-select .bd-select-options::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
.bd-select .bd-select-option { /* bd select popout option */
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 32px;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
color: var(--interactive-normal);
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 18px;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
padding: 0 8px;
|
|
}
|
|
.bd-select .bd-select-option:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
color: var(--interactive-hover);
|
|
}
|
|
.bd-select .bd-select-option.selected {
|
|
background-color: rgba(var(--transparencycolor_v), .3);
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
.bd-pfbtn { /* addonlist folder button */
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
.bd-server-tag { /* addonlist public list tag */
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
|
|
|
|
.bd-error-modal-content {
|
|
padding: 0 10px 16px 10px;
|
|
}
|
|
#app-mount .bd-addon-error {
|
|
background-color: rgba(var(--transparencycolor_v), 0.2);
|
|
border-color: rgba(var(--transparencycolor_v), 0.2);
|
|
}
|
|
#app-mount .bd-addon-error.expanded,
|
|
#app-mount .bd-addon-error:hover {
|
|
background-color: rgba(var(--transparencycolor_v), 0.3);
|
|
}
|
|
|
|
.bd-addon-views .bd-view-button:not(.selected):hover,
|
|
.bd-addon-controls .bd-button:hover,
|
|
.bd-controls-basic .bd-button:hover {
|
|
background: rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
.bd-addon-views .bd-view-button:not(.selected):active,
|
|
.bd-addon-controls .bd-button:active,
|
|
.bd-controls-basic .bd-button:active {
|
|
background: rgba(var(--accentcolor_v), .7);
|
|
}
|
|
.bd-addon-views .bd-view-button.selected svg {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
|
|
.bd-button {
|
|
text-shadow: 1px 1px var(--textshadow_v);
|
|
}
|
|
.bd-button svg {
|
|
filter: drop-shadow(1px 1px var(--textshadow_v));
|
|
}
|
|
.bd-button.bd-button-danger svg {
|
|
filter: unset;
|
|
}
|
|
|
|
.floating-window.resizable { /* customcss editor detached */
|
|
background: rgb(var(--transparencycolor_v));
|
|
}
|
|
html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
|
|
background: rgb(var(--accentcolor_v));
|
|
}
|
|
|
|
|
|
/* ~~~~ 17. POWERCORDSUPPORT ~~~~ */
|
|
|
|
html .powercord-toast {
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
overflow: hidden;
|
|
}
|
|
html .powercord-toast::before,
|
|
html .powercord-toast::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
border-radius: 5px;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
html .powercord-toast::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
html .powercord-toast::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
html .powercord-toast .header {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
|
|
color: var(--header-primary);
|
|
}
|
|
html .powercord-toast .contents .inner {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
border: none;
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 18. PLUGINSUPPORT ~~~~ */
|
|
|
|
/* ---- 18.1. BDFDB ---- */
|
|
|
|
html .colorDefault_XdNdIp .bg_8df5St {
|
|
background: transparent;
|
|
opacity: 1;
|
|
}
|
|
html .colorDefault_XdNdIp .bg_8df5St::before,
|
|
html .colorDefault_XdNdIp .bg_8df5St::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
html .colorDefault_XdNdIp .bg_8df5St::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
html .colorDefault_XdNdIp .bg_8df5St::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
|
|
/* ---- 18.2. DATEVIEWER ---- */
|
|
|
|
#app-mount #dv-mount {
|
|
background: transparent;
|
|
z-index: 1;
|
|
}
|
|
#app-mount #dv-mount::before,
|
|
#app-mount #dv-mount::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
#app-mount #dv-mount::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
#app-mount #dv-mount::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85));
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
#app-mount #dv-main {
|
|
border-top-color: rgba(var(--transparencycolor_v), .2);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount #dv-main .dv-date {
|
|
color: var(--header-secondary);
|
|
opacity: 1;
|
|
}
|
|
|
|
/* ---- 18.3. MEMBERCOUNT ---- */
|
|
|
|
#app-mount #MemberCount {
|
|
background-color: transparent;
|
|
width: calc(100% - 8px);
|
|
margin: 0;
|
|
line-height: 0;
|
|
height: 30px;
|
|
}
|
|
#MemberCount::before,
|
|
#MemberCount::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
#MemberCount::before {
|
|
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
#MemberCount::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85));
|
|
backdrop-filter: blur(var(--backgroundblur_v));
|
|
}
|
|
|
|
/* ---- 18.4. LINENUMBERS ---- */
|
|
|
|
.hljs ol li {
|
|
border-left-color: var(--background-modifier-accent);
|
|
}
|
|
.hljs ol li::before {
|
|
color: rgb(var(--textdarker_v));
|
|
}
|
|
|
|
/* ---- 18.5. PERMISSIONVIEWER ---- */
|
|
|
|
html #permissions-modal-wrapper { /* modal wrapper */
|
|
z-index: 1001;
|
|
}
|
|
html #permissions-modal-wrapper #permissions-modal { /* modal container */
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
html #permissions-modal-wrapper #permissions-modal::before,
|
|
html #permissions-modal-wrapper #permissions-modal::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: unset;
|
|
height: unset;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
html #permissions-modal-wrapper #permissions-modal::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
}
|
|
html #permissions-modal-wrapper #permissions-modal::after {
|
|
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
|
|
backdrop-filter: blur(var(--popoutblur_v));
|
|
}
|
|
html #permissions-modal-wrapper .header {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
|
|
color: var(--header-primary);
|
|
}
|
|
html #permissions-modal-wrapper .modal-body {
|
|
background-color: transparent;
|
|
}
|
|
html #permissions-modal-wrapper .scroller-title {
|
|
border-bottom: 1px solid rgba(var(--transparencycolor_v), .3);
|
|
}
|
|
html #permissions-modal-wrapper .role-side {
|
|
background-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
html #permissions-modal-wrapper .role-item {
|
|
color: var(--text-normal);
|
|
}
|
|
html #permissions-modal-wrapper .role-item:hover {
|
|
background-color: rgba(var(--transparencycolor_v), .1);
|
|
}
|
|
html #permissions-modal-wrapper .role-item.selected {
|
|
background-color: rgba(var(--transparencycolor_v), .2);
|
|
}
|
|
html #permissions-modal-wrapper .perm-side {
|
|
background-color: transparent;
|
|
}
|
|
html #permissions-modal-wrapper .perm-item {
|
|
box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
|
|
}
|
|
html #permissions-modal-wrapper .perm-name {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 18.6. DIRECTDOWNLOAD ---- */
|
|
|
|
#files_directDownload .file {
|
|
background-color: rgba(var(--transparencycolor_v), .4);
|
|
border-color: rgba(var(--accentcolor_v), .2);
|
|
border-radius: 6px 6px 0 0;
|
|
}
|
|
#files_directDownload .file svg {
|
|
fill: var(--interactive-active);
|
|
opacity: 0.5;
|
|
}
|
|
#files_directDownload .file svg:hover {
|
|
opacity: 1;
|
|
}
|
|
#files_directDownload .file span {
|
|
color: var(--header-primary);
|
|
}
|
|
#files_directDownload .file .progress-bar {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
}
|
|
|
|
/* ---- 18.7. BETTERFORMATINGREDUX ---- */
|
|
|
|
.innerDisabled-2mc-iF ~ .bf-toolbar {
|
|
display: none;
|
|
}
|
|
.bf-arrow {
|
|
-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;
|
|
background: var(--interactive-active) !important;
|
|
}
|
|
.bf-toolbar {
|
|
background: transparent;
|
|
overflow: hidden;
|
|
transform: none;
|
|
top: -50px;
|
|
}
|
|
.bf-toolbar::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: calc(100% - 15px);
|
|
pointer-events: none;
|
|
left: 0px;
|
|
top: 5px;
|
|
background-color: rgba(var(--transparencycolor_v), .5);
|
|
border-radius: 3px;
|
|
transform: translate(0, 55px);
|
|
transition: all 200ms ease;
|
|
z-index: 200;
|
|
}
|
|
.bf-toolbar.bf-visible::after,
|
|
.bf-toolbar.bf-hover:hover::after {
|
|
transform: translate(0, 0);
|
|
transition: all 200ms cubic-bezier(0,0,0,1);
|
|
}
|
|
.bf-toolbar::before {
|
|
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
|
|
background-attachment: fixed;
|
|
filter: blur(var(--popoutblur_v));
|
|
z-index: 100;
|
|
}
|
|
.theme-brand .bf-toolbar::after {
|
|
background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important;
|
|
}
|
|
.theme-brand .bf-toolbar::before {
|
|
display: none;
|
|
}
|
|
.bf-toolbar > * {
|
|
z-index: 300;
|
|
}
|
|
.bf-toolbar .format {
|
|
color: var(--text-normal);
|
|
}
|
|
.bf-toolbar .format:hover {
|
|
background-color: rgb(var(--accentcolor_v));
|
|
color: #fff;
|
|
}
|
|
|
|
/* ---- 18.8 CHANNELHISTORY ---- */
|
|
|
|
.channelHistoryButtons {
|
|
top: 4px;
|
|
left: 310px;
|
|
}
|
|
|
|
/* ---- 18.9 CHANNELTABS ---- */
|
|
|
|
html #channelTabs-container {
|
|
background: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 2));
|
|
}
|
|
html #channelTabs-settingsMenu,
|
|
html .channelTabs-tabNav > div,
|
|
html .channelTabs-tab,
|
|
html .channelTabs-fav {
|
|
cursor: pointer;
|
|
}
|
|
html .channelTabs-tab:not(.channelTabs-selected):hover,
|
|
html .channelTabs-fav:hover {
|
|
background: rgba(var(--transparencycolor_v), 0.2);
|
|
}
|
|
html #channelTabs-settingsMenu:hover,
|
|
html .channelTabs-tabContainer .channelTabs-tabNav > div:hover,
|
|
html .channelTabs-tab.channelTabs-selected,
|
|
html .channelTabs-tabContainer .channelTabs-newTab:hover {
|
|
background: rgb(var(--accentcolor_v));
|
|
}
|
|
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);
|
|
}
|
|
html .channelTabs-tabContainer .channelTabs-tabNav > .channelTabs-tabNavClose:hover {
|
|
background: rgb(var(--dangercolor));
|
|
}
|
|
|
|
/* ---- 18.10 TYPINGINDICATOR ---- */
|
|
|
|
html .typingindicator-guild,
|
|
html .typingindicator-dms,
|
|
html .typingindicator-folder {
|
|
background: rgb(var(--transparencycolor_v), .2);
|
|
border: 4px solid rgb(var(--transparencycolor_v), .2);
|
|
box-shadow: unset;
|
|
right: 8px;
|
|
bottom: -5px;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
/* ---- 18.11 CHANNELDMS ---- */
|
|
|
|
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
|
|
background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
|
|
}
|
|
|
|
|
|
/* ~~~~ 19. UPDATENOTICE ~~~~ */
|
|
|
|
html:only-child > head + body div.app_bd26cc > div.app_a01fb1::before {
|
|
content: "Your Version of BasicBackground by DevilBro is outdated. Please download the newest Version: https://mwittrien.github.io/downloader/?theme=BasicBackground" !important;
|
|
display: var(--version1_0_5, block) !important;
|
|
background-color: #4a90e2 !important;
|
|
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3) !important;
|
|
color: var(--header-primary) !important;
|
|
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;
|
|
white-space: pre !important;
|
|
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;
|
|
pointer-events: none !important;
|
|
}
|
|
|
|
|
|
/* ~~~~ 20. WATERMARK ~~~~ */
|
|
|
|
html:only-child > head + body div.typeWindows_a934d8.titleBar_a934d8 > div.wordmark_a934d8 {
|
|
display: block !important;
|
|
position: absolute !important;
|
|
max-width: unset !important;
|
|
min-width: unset !important;
|
|
width: 55px !important;
|
|
max-height: unset !important;
|
|
min-height: unset !important;
|
|
height: 16px !important;
|
|
margin: 0 !important;
|
|
padding: 3px 9px 3px !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
bottom: unset !important;
|
|
right: unset !important;
|
|
opacity: 1 !important;
|
|
visibility: visible !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows_a934d8.titleBar_a934d8 > div.wordmark_a934d8[style*="display: none"] {
|
|
display: none !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows_a934d8.titleBar_a934d8 > div.wordmark_a934d8 > * {
|
|
display: none !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows_a934d8.titleBar_a934d8 > div.wordmark_a934d8::before {
|
|
content: "" !important;
|
|
background: rgb(125,125,125) !important;
|
|
-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;
|
|
width: 55px !important;
|
|
height: 19px !important;
|
|
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;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows_a934d8.titleBar_a934d8 > div.wordmark_a934d8::after {
|
|
content: "" !important;
|
|
background: rgb(125,125,125) !important;
|
|
-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.504,257.000 10.704 C 258.198 11.291,258.196 13.081,256.998 13.659 C 256.517 13.891,256.654 13.884,252.716 13.884 L 249.326 13.884 249.326 15.744 L 249.326 17.605 252.831 17.604 C 256.414 17.604,256.877 17.595,257.522 17.512 C 260.168 17.172,261.703 15.747,262.103 13.259 C 262.394 11.447,261.566 9.707,259.993 8.829 C 259.761 8.699,259.762 8.700,259.877 8.639 C 260.813 8.141,261.456 6.960,261.452 5.744 C 261.445 3.299,259.914 1.508,257.419 1.024 C 256.765 0.897,256.875 0.901,252.959 0.890 L 249.326 0.881 249.326 4.333 M317.842 0.913 C 317.848 0.929,319.202 4.691,320.851 9.273 L 323.849 17.604 325.791 17.604 L 327.733 17.605 330.739 9.259 C 332.392 4.669,333.744 0.907,333.744 0.899 C 333.744 0.891,332.721 0.884,331.471 0.884 L 329.198 0.884 327.877 4.983 L 326.556 9.081 326.185 11.012 C 325.982 12.073,325.815 12.955,325.814 12.971 C 325.814 12.987,325.801 13.000,325.785 13.000 C 325.765 13.000,325.639 12.389,325.380 11.025 L 325.004 9.049 323.695 4.966 L 322.385 0.884 320.109 0.884 C 318.298 0.884,317.834 0.890,317.842 0.913 M354.349 4.333 C 354.349 7.601,354.351 7.786,354.390 7.797 C 354.412 7.803,355.362 8.626,356.500 9.625 C 357.638 10.624,358.578 11.442,358.587 11.442 C 358.597 11.442,358.605 9.871,358.605 7.952 L 358.605 4.462 359.971 4.471 C 361.286 4.479,361.344 4.481,361.519 4.530 C 362.941 4.924,362.976 6.870,361.570 7.343 L 361.384 7.405 360.390 7.414 L 359.395 7.422 359.395 8.954 L 359.395 10.486 360.436 10.494 C 361.613 10.503,361.615 10.504,362.023 10.704 C 363.221 11.291,363.220 13.081,362.021 13.659 C 361.541 13.891,361.678 13.884,357.739 13.884 L 354.349 13.884 354.349 15.744 L 354.349 17.605 357.855 17.604 C 361.438 17.604,361.900 17.595,362.546 17.512 C 365.191 17.172,366.726 15.747,367.126 13.259 C 367.418 11.447,366.589 9.707,365.017 8.829 C 364.784 8.699,364.785 8.700,364.900 8.639 C 365.836 8.141,366.479 6.960,366.475 5.744 C 366.468 3.299,364.938 1.508,362.442 1.024 C 361.788 0.897,361.898 0.901,357.983 0.890 L 354.349 0.881 354.349 4.333 M24.186 4.356 C 24.186 7.624,24.188 7.809,24.227 7.820 C 24.249 7.827,25.199 8.649,26.337 9.648 C 27.476 10.647,28.415 11.465,28.424 11.465 C 28.434 11.465,28.442 9.895,28.442 7.975 L 28.442 4.485 29.808 4.494 C 31.123 4.502,31.181 4.505,31.356 4.553 C 32.778 4.947,32.813 6.893,31.407 7.366 L 31.221 7.429 30.227 7.437 L 29.233 7.445 29.233 8.977 L 29.233 10.509 30.273 10.517 C 31.450 10.527,31.452 10.527,31.860 10.727 C 33.058 11.314,33.057 13.104,31.858 13.682 C 31.378 13.914,31.515 13.907,27.576 13.907 L 24.186 13.907 24.186 15.767 L 24.186 17.628 27.692 17.627 C 31.275 17.627,31.737 17.618,32.383 17.535 C 35.028 17.195,36.564 15.770,36.964 13.282 C 37.255 11.471,36.426 9.731,34.854 8.852 C 34.621 8.722,34.622 8.724,34.738 8.662 C 35.674 8.165,36.316 6.984,36.312 5.767 C 36.305 3.322,34.775 1.531,32.279 1.047 C 31.625 0.921,31.735 0.924,27.820 0.914 L 24.186 0.904 24.186 4.356 M42.922 0.925 C 42.916 0.934,41.608 4.678,40.015 9.244 C 38.423 13.811,37.113 17.565,37.104 17.587 C 37.089 17.626,37.206 17.628,39.368 17.628 C 41.519 17.628,41.649 17.626,41.660 17.587 C 41.667 17.565,41.898 16.817,42.173 15.925 C 42.449 15.034,42.674 14.298,42.674 14.292 C 42.674 14.285,43.673 14.279,44.894 14.279 L 47.114 14.279 47.346 14.994 C 47.474 15.388,47.718 16.141,47.888 16.669 L 48.198 17.628 50.473 17.628 C 52.284 17.628,52.747 17.622,52.739 17.599 C 52.734 17.583,51.390 13.821,49.754 9.238 L 46.779 0.907 44.856 0.907 C 43.798 0.907,42.928 0.915,42.922 0.925 M66.860 9.267 L 66.860 17.628 68.977 17.628 L 71.093 17.628 71.093 9.267 L 71.093 0.907 68.977 0.907 L 66.860 0.907 66.860 9.267 M103.247 9.239 C 101.649 13.821,100.337 17.583,100.331 17.599 C 100.323 17.622,100.786 17.628,102.598 17.628 L 104.875 17.628 105.348 16.099 C 105.609 15.258,105.841 14.504,105.865 14.424 L 105.909 14.279 108.128 14.279 L 110.346 14.279 110.448 14.599 C 110.504 14.775,110.747 15.528,110.989 16.273 L 111.427 17.628 113.704 17.628 C 115.516 17.628,115.980 17.622,115.971 17.599 C 115.965 17.583,114.622 13.821,112.986 9.239 L 110.012 0.908 108.081 0.908 L 106.151 0.908 103.247 9.239 M130.326 9.267 L 130.326 17.628 132.453 17.628 L 134.581 17.628 134.581 14.740 L 134.581 11.851 134.644 11.761 C 134.696 11.686,134.711 11.676,134.731 11.705 C 134.745 11.723,135.703 13.064,136.860 14.683 L 138.965 17.627 141.648 17.627 C 144.025 17.628,144.329 17.624,144.317 17.593 C 144.308 17.568,137.994 9.268,137.789 9.011 C 137.778 8.996,139.071 7.397,141.060 4.969 C 142.869 2.759,144.349 0.941,144.349 0.929 C 144.349 0.915,143.342 0.907,141.715 0.908 L 139.081 0.909 136.837 3.975 L 134.593 7.041 134.587 3.974 L 134.581 0.907 132.453 0.907 L 130.326 0.907 130.326 9.267 M159.116 9.266 L 159.116 17.628 161.256 17.628 L 163.395 17.628 163.395 14.977 L 163.395 12.326 163.762 12.326 L 164.129 12.326 166.058 14.976 L 167.988 17.626 170.625 17.627 C 172.875 17.628,173.259 17.623,173.248 17.595 C 173.241 17.577,172.224 16.288,170.987 14.730 C 169.750 13.172,168.747 11.894,168.759 11.890 C 170.569 11.276,171.641 9.837,171.917 7.651 C 172.346 4.246,170.890 1.873,167.930 1.154 C 166.981 0.924,166.973 0.924,162.785 0.913 L 159.116 0.904 159.116 9.266 M189.767 6.704 C 189.767 12.984,189.763 12.742,189.893 13.354 C 190.564 16.526,194.059 18.450,197.907 17.766 C 200.535 17.299,202.429 15.647,202.943 13.372 C 203.088 12.729,203.079 13.167,203.087 6.750 L 203.094 0.907 200.955 0.907 L 198.815 0.907 198.808 6.599 C 198.801 11.986,198.798 12.299,198.759 12.453 C 198.236 14.492,194.735 14.570,194.112 12.558 L 194.058 12.384 194.052 6.645 L 194.046 0.907 191.907 0.907 L 189.767 0.907 189.767 6.704 M205.558 9.267 L 205.558 17.628 207.674 17.628 L 209.791 17.628 209.790 14.238 L 209.790 10.849 209.526 9.285 C 209.175 7.205,209.135 7.199,210.080 9.366 L 210.797 11.012 212.694 14.320 L 214.591 17.628 216.726 17.628 L 218.860 17.628 218.860 9.267 L 218.860 0.907 216.756 0.907 L 214.651 0.907 214.651 4.682 C 214.651 7.186,214.659 8.500,214.675 8.587 C 214.747 8.973,215.111 11.338,215.102 11.354 C 215.060 11.421,214.969 11.226,214.320 9.692 L 213.610 8.012 211.600 4.465 L 209.590 0.919 207.574 0.913 L 205.558 0.907 205.558 9.267 M221.488 4.334 C 221.488 7.579,221.491 7.763,221.529 7.774 C 221.551 7.780,222.501 8.603,223.640 9.602 C 224.778 10.601,225.717 11.418,225.727 11.418 C 225.736 11.419,225.744 9.948,225.744 8.150 L 225.744 4.881 227.087 4.889 L 228.430 4.897 228.663 4.960 C 229.357 5.146,229.767 5.539,229.922 6.163 C 229.963 6.328,229.965 6.490,229.965 9.244 L 229.965 12.151 229.913 12.349 C 229.704 13.139,229.110 13.560,228.105 13.628 C 227.923 13.641,226.390 13.651,224.634 13.651 L 221.488 13.651 221.488 15.640 L 221.488 17.628 224.738 17.628 C 228.530 17.628,228.747 17.619,229.628 17.442 C 232.189 16.927,233.789 15.382,234.170 13.058 C 234.229 12.694,234.263 6.624,234.209 5.965 C 233.966 2.989,231.727 1.114,228.198 0.930 C 227.951 0.918,226.369 0.907,224.622 0.907 L 221.488 0.907 221.488 4.334 M261.518 0.936 C 261.525 0.952,262.834 3.230,264.428 5.997 L 267.326 11.030 267.326 14.329 L 267.326 17.628 269.453 17.628 L 271.581 17.628 271.581 14.331 L 271.581 11.034 274.491 6.000 C 276.091 3.232,277.406 0.953,277.412 0.937 C 277.421 0.913,276.956 0.907,274.937 0.907 L 272.450 0.907 270.952 3.953 C 270.128 5.629,269.448 7.000,269.442 6.999 C 269.435 6.999,268.756 5.628,267.932 3.953 L 266.435 0.907 263.971 0.907 C 262.009 0.907,261.509 0.913,261.518 0.936 M290.535 4.334 C 290.535 7.579,290.537 7.763,290.576 7.774 C 290.598 7.780,291.548 8.603,292.686 9.602 C 293.824 10.601,294.764 11.418,294.773 11.418 C 294.783 11.419,294.791 9.948,294.791 8.150 L 294.791 4.881 296.134 4.889 L 297.477 4.897 297.709 4.960 C 298.403 5.146,298.814 5.539,298.968 6.163 C 299.009 6.328,299.012 6.490,299.012 9.244 L 299.012 12.151 298.959 12.349 C 298.751 13.139,298.157 13.560,297.151 13.628 C 296.970 13.641,295.436 13.651,293.680 13.651 L 290.535 13.651 290.535 15.640 L 290.535 17.628 293.785 17.628 C 297.577 17.628,297.794 17.619,298.674 17.442 C 301.235 16.927,302.836 15.382,303.216 13.058 C 303.276 12.694,303.310 6.624,303.256 5.965 C 303.013 2.989,300.774 1.114,297.244 0.930 C 296.998 0.918,295.416 0.907,293.669 0.907 L 290.535 0.907 290.535 4.334 M305.512 9.267 L 305.512 17.628 311.337 17.628 L 317.163 17.628 317.163 15.616 L 317.163 13.605 313.488 13.605 L 309.814 13.605 309.814 12.372 L 309.814 11.140 313.186 11.140 L 316.558 11.140 316.558 9.302 L 316.558 7.465 313.186 7.465 L 309.814 7.465 309.814 6.186 L 309.814 4.907 313.488 4.907 L 317.163 4.907 317.163 2.907 L 317.163 0.907 311.337 0.907 L 305.512 0.907 305.512 9.267 M334.814 9.267 L 334.814 17.628 336.942 17.628 L 339.070 17.628 339.070 9.267 L 339.070 0.907 336.942 0.907 L 334.814 0.907 334.814 9.267 M341.674 9.267 L 341.674 17.628 347.198 17.628 L 352.721 17.628 352.721 15.523 L 352.721 13.419 349.326 13.419 L 345.930 13.419 345.930 7.163 L 345.930 0.907 343.802 0.907 L 341.674 0.907 341.674 9.267 M369.070 9.267 L 369.070 17.628 371.221 17.628 L 373.372 17.628 373.372 14.977 L 373.372 12.326 373.738 12.327 L 374.105 12.328 376.034 14.978 L 377.963 17.628 380.598 17.628 C 382.047 17.628,383.232 17.620,383.232 17.610 C 383.232 17.601,382.367 16.505,381.311 15.174 C 380.254 13.844,379.235 12.561,379.047 12.324 L 378.704 11.891 378.916 11.815 C 380.927 11.094,382.015 9.124,381.947 6.327 C 381.871 3.234,380.093 1.352,376.892 0.978 C 376.397 0.920,375.607 0.908,372.424 0.907 L 369.070 0.907 369.070 9.267 M87.395 4.380 C 87.395 7.647,87.398 7.832,87.436 7.843 C 87.458 7.850,88.408 8.672,89.547 9.672 C 90.685 10.671,91.624 11.488,91.634 11.488 C 91.643 11.488,91.651 9.918,91.651 7.998 L 91.651 4.508 93.017 4.517 C 94.332 4.526,94.391 4.528,94.565 4.576 C 95.987 4.971,96.023 6.916,94.616 7.389 L 94.430 7.452 93.436 7.460 L 92.442 7.468 92.442 9.000 L 92.442 10.532 93.483 10.541 C 94.659 10.550,94.662 10.550,95.070 10.750 C 96.268 11.337,96.266 13.127,95.067 13.706 C 94.587 13.937,94.724 13.930,90.785 13.930 L 87.395 13.930 87.395 15.791 L 87.395 17.651 90.901 17.651 C 94.484 17.650,94.947 17.641,95.592 17.558 C 98.238 17.219,99.773 15.793,100.173 13.306 C 100.464 11.494,99.636 9.754,98.063 8.875 C 97.831 8.745,97.832 8.747,97.947 8.686 C 98.883 8.188,99.526 7.007,99.522 5.791 C 99.514 3.345,97.984 1.554,95.488 1.071 C 94.834 0.944,94.944 0.947,91.029 0.937 L 87.395 0.927 87.395 4.380 M181.387 4.605 C 182.483 4.791,183.204 5.337,183.359 6.098 C 183.414 6.371,183.414 12.174,183.358 12.426 C 182.924 14.391,178.570 14.432,178.069 12.475 C 178.004 12.220,177.997 6.370,178.061 6.086 C 178.311 4.984,179.776 4.331,181.387 4.605 M391.352 4.603 C 392.415 4.786,393.110 5.288,393.318 6.023 C 393.384 6.258,393.384 12.254,393.318 12.488 C 392.775 14.411,388.490 14.392,388.036 12.464 C 387.983 12.238,387.982 6.267,388.035 6.057 C 388.309 4.975,389.775 4.332,391.352 4.603 M166.461 4.949 C 168.323 5.517,168.296 8.092,166.423 8.599 L 166.198 8.660 164.797 8.669 L 163.395 8.678 163.395 6.780 L 163.395 4.881 164.843 4.889 C 166.263 4.897,166.294 4.898,166.461 4.949 M376.423 4.947 C 378.081 5.414,378.313 7.706,376.779 8.453 C 376.357 8.659,376.206 8.674,374.634 8.674 L 373.372 8.674 373.372 6.778 L 373.372 4.882 374.808 4.889 C 376.199 4.896,376.250 4.898,376.423 4.947 M44.953 5.669 C 44.953 5.679,45.210 6.770,45.523 8.093 C 45.837 9.416,46.093 10.501,46.093 10.505 C 46.093 10.509,45.538 10.512,44.859 10.512 C 43.881 10.512,43.626 10.506,43.635 10.483 C 43.641 10.467,43.916 9.373,44.247 8.052 C 44.823 5.756,44.851 5.651,44.901 5.651 C 44.930 5.651,44.953 5.659,44.953 5.669 M108.742 8.052 C 109.054 9.373,109.314 10.467,109.320 10.483 C 109.328 10.506,109.073 10.512,108.093 10.512 C 107.113 10.512,106.858 10.506,106.865 10.483 C 106.871 10.467,107.147 9.373,107.478 8.052 C 108.029 5.862,108.085 5.651,108.128 5.651 C 108.171 5.651,108.222 5.849,108.742 8.052 M5.419 9.453 L 5.419 11.465 9.105 11.465 L 12.791 11.465 12.791 9.453 L 12.791 7.442 9.105 7.442 L 5.419 7.442 5.419 9.453"></path></svg>') center/contain no-repeat !important;
|
|
width: 242px !important;
|
|
height: 19px !important;
|
|
display: inline !important;
|
|
position: absolute !important;
|
|
top: unset !important;
|
|
left: 64px !important;
|
|
bottom: unset !important;
|
|
right: unset !important;
|
|
opacity: 0.1 !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
visibility: visible !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
transition: opacity .15s ease !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows_a934d8.titleBar_a934d8:hover > div.wordmark_a934d8::after {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
html:only-child > head + body div.app_bd26cc > div.app_a01fb1 > div.layers_d4b6c5.layers_a01fb1 > div.layer_d4b6c5.baseLayer_d4b6c5 + div.layer_d4b6c5 > div.standardSidebarView_c25c6d::after {
|
|
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,258.196 13.081,256.998 13.659 C 256.517 13.891,256.654 13.884,252.716 13.884 L 249.326 13.884 249.326 15.744 L 249.326 17.605 252.831 17.604 C 256.414 17.604,256.877 17.595,257.522 17.512 C 260.168 17.172,261.703 15.747,262.103 13.259 C 262.394 11.447,261.566 9.707,259.993 8.829 C 259.761 8.699,259.762 8.700,259.877 8.639 C 260.813 8.141,261.456 6.960,261.452 5.744 C 261.445 3.299,259.914 1.508,257.419 1.024 C 256.765 0.897,256.875 0.901,252.959 0.890 L 249.326 0.881 249.326 4.333 M317.842 0.913 C 317.848 0.929,319.202 4.691,320.851 9.273 L 323.849 17.604 325.791 17.604 L 327.733 17.605 330.739 9.259 C 332.392 4.669,333.744 0.907,333.744 0.899 C 333.744 0.891,332.721 0.884,331.471 0.884 L 329.198 0.884 327.877 4.983 L 326.556 9.081 326.185 11.012 C 325.982 12.073,325.815 12.955,325.814 12.971 C 325.814 12.987,325.801 13.000,325.785 13.000 C 325.765 13.000,325.639 12.389,325.380 11.025 L 325.004 9.049 323.695 4.966 L 322.385 0.884 320.109 0.884 C 318.298 0.884,317.834 0.890,317.842 0.913 M354.349 4.333 C 354.349 7.601,354.351 7.786,354.390 7.797 C 354.412 7.803,355.362 8.626,356.500 9.625 C 357.638 10.624,358.578 11.442,358.587 11.442 C 358.597 11.442,358.605 9.871,358.605 7.952 L 358.605 4.462 359.971 4.471 C 361.286 4.479,361.344 4.481,361.519 4.530 C 362.941 4.924,362.976 6.870,361.570 7.343 L 361.384 7.405 360.390 7.414 L 359.395 7.422 359.395 8.954 L 359.395 10.486 360.436 10.494 C 361.613 10.503,361.615 10.504,362.023 10.704 C 363.221 11.291,363.220 13.081,362.021 13.659 C 361.541 13.891,361.678 13.884,357.739 13.884 L 354.349 13.884 354.349 15.744 L 354.349 17.605 357.855 17.604 C 361.438 17.604,361.900 17.595,362.546 17.512 C 365.191 17.172,366.726 15.747,367.126 13.259 C 367.418 11.447,366.589 9.707,365.017 8.829 C 364.784 8.699,364.785 8.700,364.900 8.639 C 365.836 8.141,366.479 6.960,366.475 5.744 C 366.468 3.299,364.938 1.508,362.442 1.024 C 361.788 0.897,361.898 0.901,357.983 0.890 L 354.349 0.881 354.349 4.333 M24.186 4.356 C 24.186 7.624,24.188 7.809,24.227 7.820 C 24.249 7.827,25.199 8.649,26.337 9.648 C 27.476 10.647,28.415 11.465,28.424 11.465 C 28.434 11.465,28.442 9.895,28.442 7.975 L 28.442 4.485 29.808 4.494 C 31.123 4.502,31.181 4.505,31.356 4.553 C 32.778 4.947,32.813 6.893,31.407 7.366 L 31.221 7.429 30.227 7.437 L 29.233 7.445 29.233 8.977 L 29.233 10.509 30.273 10.517 C 31.450 10.527,31.452 10.527,31.860 10.727 C 33.058 11.314,33.057 13.104,31.858 13.682 C 31.378 13.914,31.515 13.907,27.576 13.907 L 24.186 13.907 24.186 15.767 L 24.186 17.628 27.692 17.627 C 31.275 17.627,31.737 17.618,32.383 17.535 C 35.028 17.195,36.564 15.770,36.964 13.282 C 37.255 11.471,36.426 9.731,34.854 8.852 C 34.621 8.722,34.622 8.724,34.738 8.662 C 35.674 8.165,36.316 6.984,36.312 5.767 C 36.305 3.322,34.775 1.531,32.279 1.047 C 31.625 0.921,31.735 0.924,27.820 0.914 L 24.186 0.904 24.186 4.356 M42.922 0.925 C 42.916 0.934,41.608 4.678,40.015 9.244 C 38.423 13.811,37.113 17.565,37.104 17.587 C 37.089 17.626,37.206 17.628,39.368 17.628 C 41.519 17.628,41.649 17.626,41.660 17.587 C 41.667 17.565,41.898 16.817,42.173 15.925 C 42.449 15.034,42.674 14.298,42.674 14.292 C 42.674 14.285,43.673 14.279,44.894 14.279 L 47.114 14.279 47.346 14.994 C 47.474 15.388,47.718 16.141,47.888 16.669 L 48.198 17.628 50.473 17.628 C 52.284 17.628,52.747 17.622,52.739 17.599 C 52.734 17.583,51.390 13.821,49.754 9.238 L 46.779 0.907 44.856 0.907 C 43.798 0.907,42.928 0.915,42.922 0.925 M66.860 9.267 L 66.860 17.628 68.977 17.628 L 71.093 17.628 71.093 9.267 L 71.093 0.907 68.977 0.907 L 66.860 0.907 66.860 9.267 M103.247 9.239 C 101.649 13.821,100.337 17.583,100.331 17.599 C 100.323 17.622,100.786 17.628,102.598 17.628 L 104.875 17.628 105.348 16.099 C 105.609 15.258,105.841 14.504,105.865 14.424 L 105.909 14.279 108.128 14.279 L 110.346 14.279 110.448 14.599 C 110.504 14.775,110.747 15.528,110.989 16.273 L 111.427 17.628 113.704 17.628 C 115.516 17.628,115.980 17.622,115.971 17.599 C 115.965 17.583,114.622 13.821,112.986 9.239 L 110.012 0.908 108.081 0.908 L 106.151 0.908 103.247 9.239 M130.326 9.267 L 130.326 17.628 132.453 17.628 L 134.581 17.628 134.581 14.740 L 134.581 11.851 134.644 11.761 C 134.696 11.686,134.711 11.676,134.731 11.705 C 134.745 11.723,135.703 13.064,136.860 14.683 L 138.965 17.627 141.648 17.627 C 144.025 17.628,144.329 17.624,144.317 17.593 C 144.308 17.568,137.994 9.268,137.789 9.011 C 137.778 8.996,139.071 7.397,141.060 4.969 C 142.869 2.759,144.349 0.941,144.349 0.929 C 144.349 0.915,143.342 0.907,141.715 0.908 L 139.081 0.909 136.837 3.975 L 134.593 7.041 134.587 3.974 L 134.581 0.907 132.453 0.907 L 130.326 0.907 130.326 9.267 M159.116 9.266 L 159.116 17.628 161.256 17.628 L 163.395 17.628 163.395 14.977 L 163.395 12.326 163.762 12.326 L 164.129 12.326 166.058 14.976 L 167.988 17.626 170.625 17.627 C 172.875 17.628,173.259 17.623,173.248 17.595 C 173.241 17.577,172.224 16.288,170.987 14.730 C 169.750 13.172,168.747 11.894,168.759 11.890 C 170.569 11.276,171.641 9.837,171.917 7.651 C 172.346 4.246,170.890 1.873,167.930 1.154 C 166.981 0.924,166.973 0.924,162.785 0.913 L 159.116 0.904 159.116 9.266 M189.767 6.704 C 189.767 12.984,189.763 12.742,189.893 13.354 C 190.564 16.526,194.059 18.450,197.907 17.766 C 200.535 17.299,202.429 15.647,202.943 13.372 C 203.088 12.729,203.079 13.167,203.087 6.750 L 203.094 0.907 200.955 0.907 L 198.815 0.907 198.808 6.599 C 198.801 11.986,198.798 12.299,198.759 12.453 C 198.236 14.492,194.735 14.570,194.112 12.558 L 194.058 12.384 194.052 6.645 L 194.046 0.907 191.907 0.907 L 189.767 0.907 189.767 6.704 M205.558 9.267 L 205.558 17.628 207.674 17.628 L 209.791 17.628 209.790 14.238 L 209.790 10.849 209.526 9.285 C 209.175 7.205,209.135 7.199,210.080 9.366 L 210.797 11.012 212.694 14.320 L 214.591 17.628 216.726 17.628 L 218.860 17.628 218.860 9.267 L 218.860 0.907 216.756 0.907 L 214.651 0.907 214.651 4.682 C 214.651 7.186,214.659 8.500,214.675 8.587 C 214.747 8.973,215.111 11.338,215.102 11.354 C 215.060 11.421,214.969 11.226,214.320 9.692 L 213.610 8.012 211.600 4.465 L 209.590 0.919 207.574 0.913 L 205.558 0.907 205.558 9.267 M221.488 4.334 C 221.488 7.579,221.491 7.763,221.529 7.774 C 221.551 7.780,222.501 8.603,223.640 9.602 C 224.778 10.601,225.717 11.418,225.727 11.418 C 225.736 11.419,225.744 9.948,225.744 8.150 L 225.744 4.881 227.087 4.889 L 228.430 4.897 228.663 4.960 C 229.357 5.146,229.767 5.539,229.922 6.163 C 229.963 6.328,229.965 6.490,229.965 9.244 L 229.965 12.151 229.913 12.349 C 229.704 13.139,229.110 13.560,228.105 13.628 C 227.923 13.641,226.390 13.651,224.634 13.651 L 221.488 13.651 221.488 15.640 L 221.488 17.628 224.738 17.628 C 228.530 17.628,228.747 17.619,229.628 17.442 C 232.189 16.927,233.789 15.382,234.170 13.058 C 234.229 12.694,234.263 6.624,234.209 5.965 C 233.966 2.989,231.727 1.114,228.198 0.930 C 227.951 0.918,226.369 0.907,224.622 0.907 L 221.488 0.907 221.488 4.334 M261.518 0.936 C 261.525 0.952,262.834 3.230,264.428 5.997 L 267.326 11.030 267.326 14.329 L 267.326 17.628 269.453 17.628 L 271.581 17.628 271.581 14.331 L 271.581 11.034 274.491 6.000 C 276.091 3.232,277.406 0.953,277.412 0.937 C 277.421 0.913,276.956 0.907,274.937 0.907 L 272.450 0.907 270.952 3.953 C 270.128 5.629,269.448 7.000,269.442 6.999 C 269.435 6.999,268.756 5.628,267.932 3.953 L 266.435 0.907 263.971 0.907 C 262.009 0.907,261.509 0.913,261.518 0.936 M290.535 4.334 C 290.535 7.579,290.537 7.763,290.576 7.774 C 290.598 7.780,291.548 8.603,292.686 9.602 C 293.824 10.601,294.764 11.418,294.773 11.418 C 294.783 11.419,294.791 9.948,294.791 8.150 L 294.791 4.881 296.134 4.889 L 297.477 4.897 297.709 4.960 C 298.403 5.146,298.814 5.539,298.968 6.163 C 299.009 6.328,299.012 6.490,299.012 9.244 L 299.012 12.151 298.959 12.349 C 298.751 13.139,298.157 13.560,297.151 13.628 C 296.970 13.641,295.436 13.651,293.680 13.651 L 290.535 13.651 290.535 15.640 L 290.535 17.628 293.785 17.628 C 297.577 17.628,297.794 17.619,298.674 17.442 C 301.235 16.927,302.836 15.382,303.216 13.058 C 303.276 12.694,303.310 6.624,303.256 5.965 C 303.013 2.989,300.774 1.114,297.244 0.930 C 296.998 0.918,295.416 0.907,293.669 0.907 L 290.535 0.907 290.535 4.334 M305.512 9.267 L 305.512 17.628 311.337 17.628 L 317.163 17.628 317.163 15.616 L 317.163 13.605 313.488 13.605 L 309.814 13.605 309.814 12.372 L 309.814 11.140 313.186 11.140 L 316.558 11.140 316.558 9.302 L 316.558 7.465 313.186 7.465 L 309.814 7.465 309.814 6.186 L 309.814 4.907 313.488 4.907 L 317.163 4.907 317.163 2.907 L 317.163 0.907 311.337 0.907 L 305.512 0.907 305.512 9.267 M334.814 9.267 L 334.814 17.628 336.942 17.628 L 339.070 17.628 339.070 9.267 L 339.070 0.907 336.942 0.907 L 334.814 0.907 334.814 9.267 M341.674 9.267 L 341.674 17.628 347.198 17.628 L 352.721 17.628 352.721 15.523 L 352.721 13.419 349.326 13.419 L 345.930 13.419 345.930 7.163 L 345.930 0.907 343.802 0.907 L 341.674 0.907 341.674 9.267 M369.070 9.267 L 369.070 17.628 371.221 17.628 L 373.372 17.628 373.372 14.977 L 373.372 12.326 373.738 12.327 L 374.105 12.328 376.034 14.978 L 377.963 17.628 380.598 17.628 C 382.047 17.628,383.232 17.620,383.232 17.610 C 383.232 17.601,382.367 16.505,381.311 15.174 C 380.254 13.844,379.235 12.561,379.047 12.324 L 378.704 11.891 378.916 11.815 C 380.927 11.094,382.015 9.124,381.947 6.327 C 381.871 3.234,380.093 1.352,376.892 0.978 C 376.397 0.920,375.607 0.908,372.424 0.907 L 369.070 0.907 369.070 9.267 M87.395 4.380 C 87.395 7.647,87.398 7.832,87.436 7.843 C 87.458 7.850,88.408 8.672,89.547 9.672 C 90.685 10.671,91.624 11.488,91.634 11.488 C 91.643 11.488,91.651 9.918,91.651 7.998 L 91.651 4.508 93.017 4.517 C 94.332 4.526,94.391 4.528,94.565 4.576 C 95.987 4.971,96.023 6.916,94.616 7.389 L 94.430 7.452 93.436 7.460 L 92.442 7.468 92.442 9.000 L 92.442 10.532 93.483 10.541 C 94.659 10.550,94.662 10.550,95.070 10.750 C 96.268 11.337,96.266 13.127,95.067 13.706 C 94.587 13.937,94.724 13.930,90.785 13.930 L 87.395 13.930 87.395 15.791 L 87.395 17.651 90.901 17.651 C 94.484 17.650,94.947 17.641,95.592 17.558 C 98.238 17.219,99.773 15.793,100.173 13.306 C 100.464 11.494,99.636 9.754,98.063 8.875 C 97.831 8.745,97.832 8.747,97.947 8.686 C 98.883 8.188,99.526 7.007,99.522 5.791 C 99.514 3.345,97.984 1.554,95.488 1.071 C 94.834 0.944,94.944 0.947,91.029 0.937 L 87.395 0.927 87.395 4.380 M181.387 4.605 C 182.483 4.791,183.204 5.337,183.359 6.098 C 183.414 6.371,183.414 12.174,183.358 12.426 C 182.924 14.391,178.570 14.432,178.069 12.475 C 178.004 12.220,177.997 6.370,178.061 6.086 C 178.311 4.984,179.776 4.331,181.387 4.605 M391.352 4.603 C 392.415 4.786,393.110 5.288,393.318 6.023 C 393.384 6.258,393.384 12.254,393.318 12.488 C 392.775 14.411,388.490 14.392,388.036 12.464 C 387.983 12.238,387.982 6.267,388.035 6.057 C 388.309 4.975,389.775 4.332,391.352 4.603 M166.461 4.949 C 168.323 5.517,168.296 8.092,166.423 8.599 L 166.198 8.660 164.797 8.669 L 163.395 8.678 163.395 6.780 L 163.395 4.881 164.843 4.889 C 166.263 4.897,166.294 4.898,166.461 4.949 M376.423 4.947 C 378.081 5.414,378.313 7.706,376.779 8.453 C 376.357 8.659,376.206 8.674,374.634 8.674 L 373.372 8.674 373.372 6.778 L 373.372 4.882 374.808 4.889 C 376.199 4.896,376.250 4.898,376.423 4.947 M44.953 5.669 C 44.953 5.679,45.210 6.770,45.523 8.093 C 45.837 9.416,46.093 10.501,46.093 10.505 C 46.093 10.509,45.538 10.512,44.859 10.512 C 43.881 10.512,43.626 10.506,43.635 10.483 C 43.641 10.467,43.916 9.373,44.247 8.052 C 44.823 5.756,44.851 5.651,44.901 5.651 C 44.930 5.651,44.953 5.659,44.953 5.669 M108.742 8.052 C 109.054 9.373,109.314 10.467,109.320 10.483 C 109.328 10.506,109.073 10.512,108.093 10.512 C 107.113 10.512,106.858 10.506,106.865 10.483 C 106.871 10.467,107.147 9.373,107.478 8.052 C 108.029 5.862,108.085 5.651,108.128 5.651 C 108.171 5.651,108.222 5.849,108.742 8.052"></path></svg>') !important;
|
|
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;
|
|
}
|
|
html:only-child > head + body div.app_bd26cc > div.app_a01fb1 > div.layers_d4b6c5.layers_a01fb1 > div.layer_d4b6c5.baseLayer_d4b6c5 + div.layer_d4b6c5 > div.standardSidebarView_c25c6d > div.sidebarRegion_c25c6d > div.sidebarRegionScroller_c25c6d.thin_eed6a8.scrollerBase_eed6a8.fade_eed6a8 > nav.sidebar_c25c6d > div.side_a0 > div.info_c5a741 {
|
|
position: relative !important;
|
|
}
|
|
html:only-child > head + body div.app_bd26cc > div.app_a01fb1 > div.layers_d4b6c5.layers_a01fb1 > div.layer_d4b6c5.baseLayer_d4b6c5 + div.layer_d4b6c5 > div.standardSidebarView_c25c6d > div.sidebarRegion_c25c6d > div.sidebarRegionScroller_c25c6d.thin_eed6a8.scrollerBase_eed6a8.fade_eed6a8 > nav.sidebar_c25c6d > div.side_a0 > div.info_c5a741::after {
|
|
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;
|
|
}
|
|
html:only-child > head + body div.app_bd26cc > div.app_a01fb1 > div.layers_d4b6c5.layers_a01fb1 > div.layer_d4b6c5.baseLayer_d4b6c5 + div.layer_d4b6c5 > div.standardSidebarView_c25c6d > div.sidebarRegion_c25c6d > div.sidebarRegionScroller_c25c6d.thin_eed6a8.scrollerBase_eed6a8.fade_eed6a8 > nav.sidebar_c25c6d > div.side_a0 > div.info_c5a741::before {
|
|
content: "DevilBro" !important;
|
|
font-size: 12px !important;
|
|
font-weight: 600 !important;
|
|
color: rgb(var(--accentcolor_v)) !important;
|
|
display: inline !important;
|
|
opacity: 1 !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
cursor: pointer !important;
|
|
visibility: visible !important;
|
|
position: absolute !important;
|
|
top: unset !important;
|
|
left: 117px !important;
|
|
bottom: 8px !important;
|
|
right: unset !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
}
|