4611 lines
139 KiB
CSS
4611 lines
139 KiB
CSS
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/BetterDocsBlock.css);
|
|
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.css);
|
|
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css);
|
|
@import url(https://discord-custom-covers.github.io/usrbg/dist/usrbg.css);
|
|
|
|
:root {
|
|
--daccentcolor: 114,137,218;
|
|
--dlinkcolor: 0,176,244;
|
|
--dmentioncolor: 250,166,26;
|
|
|
|
--dtextbrightest: 255,255,255;
|
|
--dtextbrighter: 220,221,222;
|
|
--dtextbright: 185,187,190;
|
|
--dtextdark: 142,146,151;
|
|
--dtextdarker: 114,118,125;
|
|
--dtextdarkest: 79,84,92;
|
|
|
|
--dbackgroundaccent: 64,68,75;
|
|
--dbackgroundprimary: 54,57,63;
|
|
--dbackgroundsecondary: 47,49,54;
|
|
--dbackgroundsecondaryalt: 41,43,47;
|
|
--dbackgroundtertiary: 32,34,37;
|
|
--dbackgroundfloating: 24,25,28;
|
|
|
|
--vaccentcolor: var(--accentcolor, var(--daccentcolor));
|
|
--vlinkcolor: var(--linkcolor, var(--dlinkcolor));
|
|
--vmentioncolor: var(--mentioncolor, var(--dmentioncolor));
|
|
|
|
--vtextbrightest: var(--textbrightest, var(--dtextbrightest));
|
|
--vtextbrighter: var(--textbrighter, var(--dtextbrighter));
|
|
--vtextbright: var(--textbright, var(--dtextbright));
|
|
--vtextdark: var(--textdark, var(--dtextdark));
|
|
--vtextdarker: var(--textdarker, var(--dtextdarker));
|
|
--vtextdarkest: var(--textdarkest, var(--dtextdarkest));
|
|
|
|
--vbackgroundaccent: var(--backgroundaccent, var(--dbackgroundaccent));
|
|
--vbackgroundprimary: var(--backgroundprimary, var(--dbackgroundprimary));
|
|
--vbackgroundsecondary: var(--backgroundsecondary, var(--dbackgroundsecondary));
|
|
--vbackgroundsecondaryalt: var(--backgroundsecondaryalt, var(--dbackgroundsecondaryalt));
|
|
--vbackgroundtertiary: var(--backgroundtertiary, var(--dbackgroundtertiary));
|
|
--vbackgroundfloating: var(--backgroundfloating, var(--dbackgroundfloating));
|
|
}
|
|
|
|
.theme-dark, .theme-light {
|
|
--header-primary: rgb(var(--vtextbrightest));
|
|
--header-secondary: rgb(var(--vtextbright));
|
|
--text-normal: rgb(var(--vtextbrighter));
|
|
--text-muted: rgb(var(--vtextdarker));
|
|
--text-link: rgb(var(--vlinkcolor));
|
|
--channels-default: rgb(var(--vtextdark));
|
|
--interactive-normal: rgb(var(--vtextbright));
|
|
--interactive-hover: rgb(var(--vtextbrighter));
|
|
--interactive-active: rgb(var(--vtextbrightest));
|
|
--interactive-muted: rgb(var(--vtextdarkest));
|
|
--background-primary: rgb(var(--vbackgroundprimary));
|
|
--background-secondary: rgb(var(--vbackgroundsecondary));
|
|
--background-secondary-alt: rgb(var(--vbackgroundsecondaryalt));
|
|
--background-tertiary: rgb(var(--vbackgroundtertiary));
|
|
--background-accent: rgb(var(--vbackgroundaccent));
|
|
--background-floating: rgb(var(--vbackgroundfloating));
|
|
--background-mobile-primary: rgb(var(--vbackgroundprimary));
|
|
--background-mobile-secondary: rgb(var(--vbackgroundsecondary));
|
|
--background-modifier-hover: rgba(var(--vbackgroundaccent),.3);
|
|
--background-modifier-active: rgba(var(--vbackgroundaccent),.4);
|
|
--background-modifier-selected: rgba(var(--vbackgroundaccent),.6);
|
|
--background-modifier-accent: rgba(var(--vtextdark),.1);
|
|
--background-mentioned: rgba(var(--vmentioncolor),.05);
|
|
--background-mentioned-hover: rgba(var(--vmentioncolor),.08);
|
|
--background-message-hover: rgba(var(--vbackgroundfloating),.15);
|
|
--background-help-warning: rgba(var(--vmentioncolor),.1);
|
|
--background-help-info: rgba(var(--vlinkcolor),.1);
|
|
--scrollbar-thin-thumb: rgb(var(--vbackgroundtertiary));
|
|
--scrollbar-thin-track: transparent;
|
|
--scrollbar-auto-thumb: rgb(var(--vbackgroundtertiary));
|
|
--scrollbar-auto-track: rgb(var(--vbackgroundsecondary));
|
|
--scrollbar-auto-scrollbar-color-thumb: rgb(var(--vbackgroundtertiary));
|
|
--scrollbar-auto-scrollbar-color-track: rgb(var(--vbackgroundsecondary));
|
|
--elevation-stroke: 0 0 0 1px rgba(6,6,7,.08);
|
|
--elevation-low: 0 1px 0 rgba(6,6,7,.1),0 1.5px 0 rgba(6,6,7,.25),0 2px 0 rgba(6,6,7,.025);
|
|
--elevation-medium: 0 4px 4px rgba(0,0,0,.08);
|
|
--elevation-high: 0 8px 16px rgba(0,0,0,.16);
|
|
--logo-primary: rgb(var(--vaccentcolor));
|
|
--focus-primary: rgb(var(--vlinkcolor));
|
|
--guild-header-text-shadow: 0 1px 1px rgba(var(--vbackgroundfloating),.5);
|
|
--channeltextarea-background: rgba(var(--vbackgroundaccent), 0.8);
|
|
--activity-card-background: rgb(var(--vbackgroundtertiary));
|
|
--textbox-markdown-syntax: rgb(var(--vtextdark));
|
|
--deprecated-card-bg: rgba(var(--vbackgroundtertiary),.6);
|
|
--deprecated-card-editable-bg: rgba(var(--vbackgroundtertiary),.3);
|
|
--deprecated-store-bg: rgb(var(--vbackgroundprimary));
|
|
--deprecated-quickswitcher-input-background: rgb(var(--vbackgroundaccent));
|
|
--deprecated-quickswitcher-input-placeholder: rgb(var(--vtextdarker));
|
|
--deprecated-text-input-bg: rgba(0,0,0,.1);
|
|
--deprecated-text-input-border: rgba(0,0,0,.3);
|
|
--deprecated-text-input-border-hover: #040405;
|
|
--deprecated-text-input-border-disabled: #202225;
|
|
--deprecated-text-input-prefix: rgb(var(--vtextbrighter));
|
|
}
|
|
|
|
html {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
|
|
/*
|
|
1. GENERAL
|
|
1. TEXT
|
|
2. BUTTONS
|
|
3. INPUTS
|
|
4. SEARCHBARS
|
|
5. IMAGES
|
|
2. CHANNELLIST
|
|
1. GUILDHEADER
|
|
2. CHANNELS
|
|
3. ACCOUNT/VOICE/GOLIVE
|
|
3. CHAT
|
|
1. CHANNELHEADER
|
|
2. MESSAGES
|
|
1. MESSAGE
|
|
2. EMBEDS
|
|
3. NITROGIFT
|
|
4. INVITE
|
|
3. TEXTAREA
|
|
4. AUTOCOMPLETEMENU
|
|
5. MEMBERLIST
|
|
6. CALL
|
|
4. PEOPLES
|
|
5. STORE/NITRO
|
|
6. LIBRARY
|
|
7. DISCOVERY
|
|
8. USERSETTINGS
|
|
9. GUILDSETTINGS
|
|
10. MODALS
|
|
1. USERMODAL
|
|
2. GUILDADD/CREATION
|
|
3. REGIONSELECTMODAL
|
|
4. UPLOADMODAL
|
|
5. KEYBOARDSHORTCUTSMODAL
|
|
6. QUICKSWITCHER
|
|
7. INVITEMODAL/GROUPCREATE
|
|
8. LOGINSCREEN
|
|
9. TERMACCEPTMODAL
|
|
10. DOWNLOADAPPMODAL
|
|
11. GUILDBOOSTMODAL
|
|
12. REACTIONSMODAL
|
|
13. RATEMODAL
|
|
14. CHANGELOG
|
|
15. NOTIFICATIONSMODAL
|
|
16. PAYMENTMODAL
|
|
17. CHANNELCREATIONMODAL
|
|
18. CLOUDSYNCRESOLUTION
|
|
19. APPLICATIONINSTALLATIONMODAL
|
|
20. SPECIALMARKDOWNMODAL
|
|
21. REPORTPROBLEM
|
|
22. DISPATCHERROR
|
|
23. HYPESQUADQUIZ
|
|
11. POPOUTS
|
|
1. USERPOPOUT
|
|
2. EMOJIPICKER
|
|
3. SEARCHPOPOUT
|
|
4. ADDROLE
|
|
5. EVERYONEMENTION
|
|
6. CHANNELFOLLOW
|
|
7. CHANNELFOLLOWINFO
|
|
8. STREAMPREVIEW
|
|
9. ROLEOVERFLOW
|
|
10. PUBLICGUILDANNOUNCEMENT
|
|
11. QUICKSELECTPOPOUT
|
|
12. RTCSTATUSPOPOUT
|
|
13. PHONE-/EMAILVALIDATION
|
|
12. BDSUPPORT
|
|
13. POWERCORDSUPPORT
|
|
14. PLUGINSUPPORT
|
|
1. MEMBERCOUNT
|
|
2. CHANNELTABS
|
|
*/
|
|
|
|
|
|
/* ~~~~ 1. GENERAL ~~~~ */
|
|
|
|
[style*="stroke: rgb(114, 118, 125)"],
|
|
[style*="stroke: #72767d"],
|
|
[style*="stroke: #72767D"],
|
|
[stroke="rgb(114, 137, 218)"],
|
|
[stroke="#72767d"],
|
|
[stroke="#72767D"] {
|
|
stroke: var(--text-muted) !important;
|
|
}
|
|
[style*="fill: rgb(114, 118, 125)"],
|
|
[style*="fill: #72767d"],
|
|
[style*="fill: #72767D"],
|
|
[fill="rgb(114, 137, 218)"],
|
|
[fill="#72767d"],
|
|
[fill="#72767D"] {
|
|
fill: var(--text-muted) !important;
|
|
}
|
|
[style*="stroke: rgb(79, 84, 92)"],
|
|
[style*="stroke: #4f545c"],
|
|
[style*="stroke: #4F545C"],
|
|
[stroke="rgb(79, 84, 92)"],
|
|
[stroke="#4f545c"],
|
|
[stroke="#4F545C"] {
|
|
stroke: var(--interactive-muted) !important;
|
|
}
|
|
[style*="fill: rgb(79, 84, 92)"],
|
|
[style*="fill: #4f545c"],
|
|
[style*="fill: #4F545C"],
|
|
[fill="rgb(79, 84, 92)"],
|
|
[fill="#4f545c"],
|
|
[fill="#4F545C"] {
|
|
fill: var(--interactive-muted) !important;
|
|
}
|
|
|
|
::selection {
|
|
background: rgb(var(--vmentioncolor));
|
|
}
|
|
.highlight {
|
|
background: rgba(var(--vmentioncolor),.3);
|
|
}
|
|
|
|
#app-mount .elevationLow-2lY09M, #app-mount .elevationLow-126AxN, .lightElevationLow-3_Ybxi, .darkElevationLow-DABD7i {
|
|
box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .elevationHigh-3A9Xbf, #app-mount .elevationHigh-1PneE4, .lightElevationHigh-3usmGv, .darkElevationHigh-6iWpWi {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .elevationBorderLow-2qgTRQ, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow-3APXjz, .darkElevationBorderLow-39dDV7 {
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .elevationBorderHigh-2WYJ09, #app-mount .elevationBorderHigh-2_BGCd, .lightElevationBorderHigh-2T98IF, .darkElevationBorderHigh-2U1nXW {
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .tooltipBlack-PPG47z,
|
|
#app-mount .tooltipGrey-1hnvTt {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tooltipBlack-PPG47z .tooltipPointer-3ZfirK,
|
|
#app-mount .tooltipGrey-1hnvTt .tooltipPointer-3ZfirK {
|
|
border-top-color: var(--background-floating);
|
|
}
|
|
|
|
#app-mount .bubble-3qRl2J {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bubble-3qRl2J::before {
|
|
border: 5px solid transparent;
|
|
border-top-color: var(--background-floating);
|
|
}
|
|
|
|
#app-mount .card-FDVird::before {
|
|
background-color: var(--background-primary);
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .button-2CgfFz {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6), 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .button-2CgfFz:hover {
|
|
background-color: var(--background-accent);
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .text-2sI5Sd {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .editIcon-13gaox {
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discordapp.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg);
|
|
}
|
|
|
|
#app-mount .path2-1q7bG_ { /* loading icons spinning circles */
|
|
stroke: var(--background-modifier-selected);
|
|
}
|
|
#app-mount .path3-2l9TIX { /* loading icons spinning circles */
|
|
stroke: var(--background-modifier-active);
|
|
}
|
|
|
|
#app-mount .scrollbarGhost-2F9Zj2::-webkit-scrollbar-thumb {/* scrollers old scrollers */
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .scrollbarGhost-2F9Zj2::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-thin-track);
|
|
border-color: transparent;
|
|
border-width: initial;
|
|
}
|
|
#app-mount .scrollbarGhostHairline-1mSOM1::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
border-radius: 2px;
|
|
cursor: move;
|
|
}
|
|
#app-mount .scrollbarDefault-3COgCQ::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-auto-thumb);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .scrollbarDefault-3COgCQ::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-auto-track);
|
|
border-color: transparent;
|
|
}
|
|
|
|
#app-mount .breadcrumbWrapper-WmDjgG { /* breadcrumbs wrapper */
|
|
color: rgba(var(--vtextbrightest),.3);
|
|
}
|
|
#app-mount .activeBreadcrumb-p6aw-F { /* breadcrumbs active */
|
|
color: rgba(var(--vtextbrightest),.6);
|
|
}
|
|
|
|
html .backgroundaccent-349kuI {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
html .iconBadge-2wi9r4 {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 1.1. TEXT ---- */
|
|
|
|
.description-1u9Qui {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount h1.title-3KTIjF,
|
|
#app-mount h2.title-3KTIjF {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount h3.title-3KTIjF {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount h4.title-3KTIjF,
|
|
#app-mount h5.title-3KTIjF,
|
|
#app-mount h6.title-3KTIjF {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .text-GwUZgS,
|
|
#app-mount .title-2BxgL2 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .title-3pjxZQ {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .markdown-11q6EU {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .markdown-11q6EU th {
|
|
background-color: var(--background-tertiary);
|
|
border-color: var(--interactive-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .markdown-11q6EU td {
|
|
border-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .markdown-11q6EU tr {
|
|
border-color: var(--interactive-muted);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .markdown-11q6EU tr:nth-child(2n) {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .markdown-11q6EU .blockquote-2-nEPK {
|
|
border-left-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .markdown-11q6EU code {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .markdown-11q6EU .codeInline-1FHKS7 {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 1.2. BUTTONS ---- */
|
|
|
|
#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
|
|
#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
|
|
#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,
|
|
#app-mount .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
|
|
background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
|
|
}
|
|
#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
|
|
#app-mount .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
|
|
background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
|
|
}
|
|
#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6,
|
|
#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled {
|
|
background-color: var(--background-accent);
|
|
color: #FFF;
|
|
}
|
|
|
|
#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6:hover,
|
|
#app-mount .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
|
|
}
|
|
#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6:active,
|
|
#app-mount .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
|
|
}
|
|
#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6,
|
|
#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled {
|
|
background-color: #FFF;
|
|
color: var(--background-accent);
|
|
}
|
|
|
|
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
|
|
#app-mount .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
|
|
border-color: rgba(var(--vtextbrightest), 0.6);
|
|
}
|
|
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
|
|
#app-mount .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
|
|
background-color: rgba(var(--vtextbrightest), 0.1);
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
|
|
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled {
|
|
border-color: rgba(var(--vtextbrightest), 0.1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6:hover,
|
|
#app-mount .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
|
|
background-color: rgba(var(--vtextbrightest), 0.15);
|
|
}
|
|
#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active,
|
|
#app-mount .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
|
|
background-color: rgba(var(--vtextbrightest), 0.2);
|
|
}
|
|
#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6,
|
|
#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled {
|
|
background-color: rgba(var(--vtextbrightest), 0.1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp,
|
|
#app-mount .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp {
|
|
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--vtextbrightest)) 0, rgb(var(--vtextbrightest)) 2px, transparent 0);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
|
|
background-color: rgba(var(--vtextbrightest),.1);
|
|
}
|
|
#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
|
|
#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
|
|
#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
|
|
#app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover,
|
|
#app-mount .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
|
|
background-color: rgba(var(--vtextbrightest),.05);
|
|
}
|
|
#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:active,
|
|
#app-mount .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
|
|
background-color: rgba(var(--vtextbrightest),.01);
|
|
}
|
|
#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9,
|
|
#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled {
|
|
background-color: rgba(var(--vtextbrightest),.1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover,
|
|
#app-mount .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
|
|
background-color: rgba(var(--vtextbrightest),.05);
|
|
}
|
|
#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:active,
|
|
#app-mount .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
|
|
background-color: rgba(var(--vtextbrightest),.1);
|
|
}
|
|
#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9,
|
|
#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled {
|
|
background-color: var(--header-primary);
|
|
color: rgba(var(--vtextbrightest),.1);
|
|
}
|
|
|
|
#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:hover,
|
|
#app-mount .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
|
|
background-color: rgba(var(--vtextbrighter),.1);
|
|
border-color: var(--interactive-hover);
|
|
}
|
|
#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active,
|
|
#app-mount .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
|
|
background-color: rgba(var(--vtextbrightest),.1);
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9,
|
|
#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled {
|
|
background-color: transparent;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
|
|
#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9:active,
|
|
#app-mount .lookGhost-2Fn_0-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
|
|
background-color: rgba(var(--vtextbrighter),.2);
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9,
|
|
#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9:disabled {
|
|
background-color: rgba(var(--vtextbrighter),.1);
|
|
}
|
|
|
|
#app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp,
|
|
#app-mount .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp {
|
|
background-image: linear-gradient(0deg,transparent,transparent 1px,rgb(var(--vtextbrighter)) 0,rgb(var(--vtextbrighter)) 2px,transparent 0);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 1.3. INPUTS ---- */
|
|
|
|
#app-mount .prefixInput-14nUik {
|
|
background-color: rgba(0,0,0,.1);
|
|
border-color: rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .prefixInput-14nUik:hover {
|
|
border-color: rgba(0,0,0,.6);
|
|
}
|
|
#app-mount .prefixInputInput-cqxbLV {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .prefixInputInput-cqxbLV::-webkit-input-placeholder,
|
|
#app-mount .prefixInputInput-cqxbLV::-moz-placeholder,
|
|
#app-mount .prefixInputInput-cqxbLV:-ms-input-placeholder,
|
|
#app-mount .prefixInputInput-cqxbLV::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .prefixInputPrefix-2IUJ4X {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- {
|
|
background: rgb(var(--vaccentcolor));
|
|
}
|
|
#app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- .radioIconForeground-XwlXQN {
|
|
color: #fff;
|
|
}
|
|
#app-mount .item-26Dhrx .radioBar-bMNUI-[style*="--radio-bar-accent-color"] {
|
|
background: var(--radio-bar-accent-color);
|
|
border: unset;
|
|
color: #fff;
|
|
}
|
|
#app-mount .item-26Dhrx[aria-checked=false]:hover .radioBar-bMNUI-[style*="--radio-bar-accent-color"] {
|
|
background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
|
|
}
|
|
|
|
#app-mount .container-1nZlH6 {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
#app-mount .container-1nZlH6:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
#app-mount .container-1nZlH6 .lookGhost-2Fn_0-.colorGrey-2DXtkV {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .container-OI6I9q {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .selected-P8xTeN {
|
|
border-bottom: 2px solid var(--header-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .checkbox-1ix_J3 {
|
|
border-color: var(--text-muted);
|
|
}
|
|
#app-mount .checked-3_4uQ9[style*="border-color: rgb(79, 84, 92)"],
|
|
#app-mount .checked-3_4uQ9:not([style*="border-color:"]):not([style*="background-color:"]) {
|
|
background-color: rgb(var(--vaccentcolor)) !important;
|
|
border-color: rgb(var(--vaccentcolor)) !important;
|
|
}
|
|
#app-mount .checked-3_4uQ9[style*="border-color: rgb(79, 84, 92)"] path,
|
|
#app-mount .checked-3_4uQ9:not([style*="border-color:"]):not([style*="background-color:"]) path {
|
|
fill: #fff;
|
|
}
|
|
|
|
#app-mount .checkbox-3kaeSU .checkboxInner-3yjcPe span {
|
|
border-color: var(--text-muted);
|
|
}
|
|
#app-mount .checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span::after {
|
|
border-color: #fff !important;
|
|
}
|
|
#app-mount .checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:disabled + span {
|
|
filter: grayscale(0.5);
|
|
}
|
|
#app-mount .checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span {
|
|
background-color: rgb(var(--vaccentcolor)) !important;
|
|
border-color: rgb(var(--vaccentcolor)) !important;
|
|
}
|
|
#app-mount .checkbox-3kaeSU .checkboxInner-3yjcPe.alt-6FvZrq .checkboxElement-1qV33p + span {
|
|
background-color: #fff !important;
|
|
border-color: #fff !important;
|
|
}
|
|
#app-mount .checkbox-3kaeSU .checkboxInner-3yjcPe.alt-6FvZrq .checkboxElement-1qV33p:checked + span::after {
|
|
border-color: rgb(var(--vaccentcolor)) !important;
|
|
}
|
|
|
|
#app-mount .maxLength-39QFBo {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .copyInput-2rOSt7 {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
}
|
|
#app-mount .copyInputDefault-21sXtF {
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
#app-mount .hiddenMessage-1iiFV5,
|
|
#app-mount .inputDefault-A2ud2y {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .hiddenMessage-1iiFV5::-webkit-input-placeholder,
|
|
#app-mount .inputDefault-A2ud2y::-webkit-input-placeholder,
|
|
#app-mount .hiddenMessage-1iiFV5::-moz-placeholder,
|
|
#app-mount .inputDefault-A2ud2y::-moz-placeholder,
|
|
#app-mount .hiddenMessage-1iiFV5:-ms-input-placeholder,
|
|
#app-mount .inputDefault-A2ud2y:-ms-input-placeholder,
|
|
#app-mount .hiddenMessage-1iiFV5::placeholder,
|
|
#app-mount .inputDefault-A2ud2y::placeholder {
|
|
color: rgba(var(--vtextbrightest),.3);
|
|
}
|
|
|
|
#app-mount .grabber-3mFHz2 {
|
|
background-color: #fff;
|
|
border-color: var(--background-accent);
|
|
}
|
|
#app-mount .bar-2Qqk5Z {
|
|
background: var(--background-accent);
|
|
}
|
|
#app-mount .markValue-2DwdXI {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .markDash-3hAolZ {
|
|
background: var(--background-accent);
|
|
}
|
|
|
|
.select-2TCrqx [class*="css-"][class*="-control"] {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
color: var(--text-normal);
|
|
}
|
|
.select-2TCrqx [class*="css-"][class*="-control"]:hover,
|
|
.select-2TCrqx [class*="css-"][class*="-control"]:not(:last-child) {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
.select-2TCrqx.languageSelector-LEtpHP [class*="css-"][class*="-control"] {
|
|
background-color: var(--background-tertiary);
|
|
border: none;
|
|
}
|
|
.select-2TCrqx [class*="css-"][class*="-singleValue"],
|
|
.select-2TCrqx [class*="css-"][class*="-placeholder"],
|
|
.select-2TCrqx [class*="css-"][class*="-indicatorContainer"] {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .optionNormal-12VR9V,
|
|
.css-1gfjib6-option,
|
|
.css-1yz4bi9-option,
|
|
.css-ru8b0x-option,
|
|
.css-1yz4bi9-option {
|
|
background-color: rgba(var(--vtransparencycolor), 0.1);
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .optionNormal-12VR9V:hover,
|
|
.css-pkcurw-option,
|
|
.css-rzbxvl-option,
|
|
.css-1qxn4c5-option,
|
|
.css-rzbxvl-option {
|
|
background-color: var(--background-secondary);
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .optionActive-KkAdqq,
|
|
.css-1gxgi19-option,
|
|
.css-1ba14n5-option,
|
|
.css-6qzljd-option,
|
|
.css-1ba14n5-option {
|
|
background-color: var(--background-primary);
|
|
color: var(--interactive-active);
|
|
}
|
|
.select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
|
|
background-color: var(--background-tertiary);
|
|
border-color: var(--background-tertiary);
|
|
box-shadow: var(--elevation-high);
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
#app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm {
|
|
border-color: rgba(var(--vtextbrightest),.1);
|
|
}
|
|
#app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm .colorPickerDropperFg-3jYKWI {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .colorPickerCustom-2CWBn2 {
|
|
background: var(--background-primary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* ---- 1.4. SEARCHBARS ---- */
|
|
|
|
#app-mount .searchBox-3Y2Vi7 {
|
|
background-color: var(--background-accent);
|
|
box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-webkit-input-placeholder,
|
|
#app-mount .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::-moz-placeholder,
|
|
#app-mount .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv:-ms-input-placeholder,
|
|
#app-mount .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .searchIcon-1a1-yA {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .filterLabel-2yQNPl {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 1.5. IMAGES ---- */
|
|
|
|
#app-mount .art-1qgogX {
|
|
background-image: url(https://discordapp.com/assets/62361315d5e35b7a6b5f0f0833dac5db.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
#app-mount .successImage-2Tgulb {
|
|
background-image:url(https://discordapp.com/assets/15bc6312ff83991a86d4eb9be19094d6.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .searchIndexBackground-HQa_J9 {
|
|
background-image: url(https://discordapp.com/assets/e695cb4a18202a6053674a346e6ba4c2.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .resultsBlockedImage-2aDVMx {
|
|
background-image: url(https://discordapp.com/assets/7490848d1fcddf075abeb71e2d1aaff3.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResultsImage-3Y0eCI {
|
|
background-image: url(https://discordapp.com/assets/af4424ffab53593f696947192ff1854a.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResultsImage-3Y0eCI.alt-3EpRdH {
|
|
background-image: url(https://discordapp.com/assets/f0a2cc54695a7064a1f02e5ca8b95ccc.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .errorImage-12Q43V {
|
|
background-image: url(https://discordapp.com/assets/29462d0b6c33d2ed874aa982f6f99326.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .wrapper-1prNyd { /* crash screen background */
|
|
background-image: url(https://discordapp.com/assets/da840b1a6c5d073ca1c6710f8967502a.svg);
|
|
}
|
|
#app-mount .image-3zK3Wt { /* crash screen center image */
|
|
background-image: url(https://discordapp.com/assets/e9baf4b505eb54129f832556ea16538e.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .noResults-3LFG4E {
|
|
background: transparent;
|
|
}
|
|
#app-mount .noResults-3LFG4E::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: url(https://discordapp.com/assets/0b298968e0a756e25677771fd6b58b34.svg) no-repeat 50% 40%;
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .noResults-24KNHj {
|
|
background-image: url(https://discordapp.com/assets/0b298968e0a756e25677771fd6b58b34.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.fullArt-2zAZvG {
|
|
opacity: .5;
|
|
}
|
|
#app-mount .art-RyCKMR {
|
|
background-image: url(https://discordapp.com/assets/9f670a7821c663913c393f5df62e63d7.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageUnverified-1QCPtJ {
|
|
background-image: url(https://discordapp.com/assets/e260177e5165e6789e30b9592df75424.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.fullArt-2izgMA {
|
|
opacity: .5;
|
|
}
|
|
|
|
.image-2JDb81 {
|
|
opacity: .5;
|
|
}
|
|
.image-2JDb81[style*='url("/assets/03c7541028afafafd1a9f6a81cb7f149.svg")'] {
|
|
background-image: url(https://discordapp.com/assets/6793e022dc1b065b21f12d6df02f91bd.svg) !important;
|
|
}
|
|
.image-2JDb81[style*='url("/assets/9b0d90147f7fab54f00dd193fe7f85cd.svg")'] {
|
|
background-image: url(https://discordapp.com/assets/308e587f3a68412f137f7317206e92c2.svg) !important;
|
|
}
|
|
|
|
.image-1GzsFd {
|
|
opacity: .5;
|
|
}
|
|
.image-1GzsFd[style*='url("/assets/c84361b810ca7c10d6e8ddb6ea722ebe.svg")'] {
|
|
background-image: url(https://discordapp.com/assets/b669713872b43ca42333264abf9c858e.svg) !important;
|
|
}
|
|
.image-1GzsFd[style*='url("/assets/857c505aafbe092e4f6efecebcad0bc8.svg")'] {
|
|
background-image: url(https://discordapp.com/assets/712a0fd4d14a1caadd31cb0745e91238.svg) !important;
|
|
}
|
|
|
|
img[src='/assets/9ad4d437577c5569dc231a787a5377f6.svg'],
|
|
img[src='/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg'] {
|
|
background-image: url(https://discordapp.com/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg);
|
|
opacity: .5;
|
|
object-position: -9999999px -9999999px;
|
|
}
|
|
|
|
.emptyStateImage-3SXmVX {
|
|
opacity: .5;
|
|
}
|
|
.emptyStateImage-3SXmVX[src='/assets/38defe07899a762bfc301ddddd206116.svg'] {
|
|
background-image: url(https://discordapp.com/assets/446a060321730a318ca1649b0cc40d44.svg);
|
|
object-position: -9999999px -9999999px;
|
|
}
|
|
|
|
#app-mount .image-3wZlK5 {
|
|
background-image: url(https://discordapp.com/assets/97e866482f43d3ebd2496641cd934904.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageError-2OefUi {
|
|
background-image: url(https://discordapp.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image-3bKszV {
|
|
background-image: url(https://discordapp.com/assets/cefc9c14adce616059f519c581331b32.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .emptyImage-1ABqhB {
|
|
background-image: url(https://discordapp.com/assets/4bb32037d9d2e8240d1315ddaf4e4b85.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .errorImage-1StK2r {
|
|
background-image: url(https://discordapp.com/assets/cdc3daf6fc982fef1df502912b682ada.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .missingEntitlementImage-15q-cx {
|
|
background-image: url(https://discordapp.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
|
|
/* ~~~~ 2. CHANNELLIST ~~~~ */
|
|
|
|
/* ---- 2.1. GUILDHEADER ---- */
|
|
|
|
.channelNotice-1-XFjC.guildMFAWarning-3GEzs8,
|
|
.channelNotice-1-XFjC.invite-OjTXrW,
|
|
.channelNotice-1-XFjC.publicUpsell-31ZSJ8,
|
|
.channelNotice-1-XFjC.quickswitcher-35bYg4,
|
|
.channelNotice-1-XFjC.premiumGuildSubscription-3oKecP,
|
|
.channelNotice-1-XFjC.maxMembersCount-3E4zND,
|
|
.channelNotice-3DDmsB,
|
|
#app-mount .channelNotice-3hkOiI {
|
|
background: transparent;
|
|
}
|
|
.channelNotice-1-XFjC.guildMFAWarning-3GEzs8::before,
|
|
.channelNotice-1-XFjC.invite-OjTXrW::before,
|
|
.channelNotice-1-XFjC.publicUpsell-31ZSJ8::before,
|
|
.channelNotice-1-XFjC.quickswitcher-35bYg4::before,
|
|
.channelNotice-1-XFjC.premiumGuildSubscription-3oKecP::before,
|
|
.channelNotice-1-XFjC.maxMembersCount-3E4zND::before,
|
|
.channelNotice-3DDmsB::before,
|
|
#app-mount .channelNotice-3hkOiI::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: .5;
|
|
}
|
|
.channelNotice-1-XFjC.guildMFAWarning-3GEzs8::before {
|
|
background: url(https://discordapp.com/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) no-repeat center 20px;
|
|
}
|
|
.channelNotice-1-XFjC.invite-OjTXrW::before {
|
|
background: url(https://discordapp.com/assets/bf625d222187f542b9d7179109422e2c.svg) no-repeat center 20px;
|
|
}
|
|
.channelNotice-1-XFjC.publicUpsell-31ZSJ8::before {
|
|
background: url(https://discordapp.com/assets/3c60587d692de83d0352a0596cc3baa7.svg) no-repeat 50% 12px;
|
|
}
|
|
.channelNotice-1-XFjC.quickswitcher-35bYg4::before {
|
|
background: url(https://discordapp.com/assets/8fdb69b7684b8e1ecb3fdde909daca41.svg) no-repeat center 35px;
|
|
}
|
|
.channelNotice-1-XFjC.premiumGuildSubscription-3oKecP::before {
|
|
background: url(https://discordapp.com/assets/ccd6ad0b6897a9f4fb5cc82de4c26317.svg) no-repeat center 23px;
|
|
}
|
|
.channelNotice-1-XFjC.maxMembersCount-3E4zND::before {
|
|
background: url(https://discordapp.com/assets/01f60394adffda20dc7270a1e3c727df.svg) no-repeat center 16px;
|
|
}
|
|
.channelNotice-3DDmsB::before {
|
|
background: url(https://discordapp.com/assets/1858873f28bdc62dfb3a1f4b67d459bf.svg) center top 20px/153px no-repeat;
|
|
}
|
|
#app-mount .channelNotice-3hkOiI::before {
|
|
background: url(https://discordapp.com/assets/7065587bd42fd829925bf6aa4b36f5e2.svg) center top 22px/220px no-repeat;
|
|
}
|
|
|
|
/* ---- 2.2. CHANNELS ---- */
|
|
|
|
#app-mount .icon-2s94H- {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyUser-3FRJaF {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .moreUsers-1s5Her {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 2.3. ACCOUNT/VOICE/GOLIVE ---- */
|
|
|
|
#app-mount .userList-1kLH8B::before {
|
|
background-color: var(--background-secondary);
|
|
border-color: transparent #202225 #202225 transparent;
|
|
}
|
|
#app-mount .header-2B7Ri8 {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .content-2KAjC9 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .username-2lEtrk {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .discriminator-1fGEDN {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
|
|
/* ~~~~ 3. CHAT ~~~~ */
|
|
|
|
/* ---- 3.1. CHANNELHEADER ---- */
|
|
|
|
#app-mount .container-1r6BKw.themed-ANHk51 {
|
|
box-shadow: var(--elevation-low);
|
|
}
|
|
|
|
#app-mount .children-19S4PO::after {
|
|
background: linear-gradient(90deg,transparent 0,var(--background-primary));
|
|
}
|
|
|
|
#app-mount .back-38bAq5 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .back-38bAq5:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .back-38bAq5:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .cloud-31LAb8 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 3.2. MESSAGES ---- */
|
|
|
|
.content-yTz4x3::before {
|
|
display: none;
|
|
}
|
|
|
|
#app-mount .noResultIcon-1bkvDZ {
|
|
background-image: url(https://discordapp.com/assets/1eed0d895df6e35f164d8ed5e84037d2.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .scrollSeparator-2w4X2o {
|
|
box-shadow: 0 1px 0 0 rgba(var(--vbackgroundfloating),.3),0 1px 2px 0 rgba(var(--vbackgroundfloating),.3);
|
|
}
|
|
|
|
#app-mount .image-2LqJex {
|
|
background-image: url(https://discordapp.com/assets/a36505883459aecf5df0ae54c6d7495f.svg);
|
|
opacity: .75;
|
|
}
|
|
#app-mount .title-1VcOOr {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .description-2ydcYn {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyChannelIcon-cc932w {
|
|
position: relative;
|
|
background: var(--background-accent);
|
|
overflow: hidden;
|
|
}
|
|
#app-mount .emptyChannelIcon-cc932w::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discordapp.com/assets/a9847a74a2dac6e2b2958b195a8dad96.svg) center no-repeat;
|
|
}
|
|
|
|
/* ==== 3.2.1. MESSAGE ==== */
|
|
|
|
#app-mount .message-2qRu38 {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .ephemeralMessage-1fEWtQ,
|
|
#app-mount .operations-36ENbA {
|
|
color: var(--channels-default);
|
|
}
|
|
|
|
.icon-2Po-VO[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] {
|
|
-webkit-mask: url(https://discordapp.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat;
|
|
background: var(--header-secondary) !important;
|
|
}
|
|
.icon-2Po-VO[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] {
|
|
-webkit-mask: url(https://discordapp.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat;
|
|
background: var(--header-secondary) !important;
|
|
}
|
|
|
|
#app-mount .wrapper-2TxpI8 {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .videoControls-2kcYic {
|
|
color: #fff;
|
|
}
|
|
|
|
#app-mount .spoilerText-3p6IlD {
|
|
background-color: rgba(var(--vtextbrightest),.1);
|
|
}
|
|
#app-mount .spoilerText-3p6IlD.hidden-HHr2R9 {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .spoilerText-3p6IlD.hidden-HHr2R9:hover {
|
|
background-color: rgba(var(--vbackgroundtertiary),.8);
|
|
}
|
|
|
|
/* ==== 3.2.2. EMBEDS ==== */
|
|
|
|
#app-mount .description-1RsfgZ {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tagline-2nvxi0 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tile-2OwFgW {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 0 0 rgba(var(--vbackgroundtertiary),.15);
|
|
}
|
|
#app-mount .tile-2OwFgW:hover {
|
|
background-color: var(--background-floating);
|
|
}
|
|
|
|
#app-mount .progress-3Rbvu0 {
|
|
background-color: rgba(var(--vtextdarker),.3);
|
|
}
|
|
#app-mount .metadata-3WGS0M {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .loadingBackground-3sVOML {
|
|
background-image: linear-gradient(90deg,var(--background-primary),var(--background-accent),var(--background-primary));
|
|
}
|
|
#app-mount .loadingImage-2ouGtu {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .embedHorizontal-WknQ2-,
|
|
#app-mount .embedVertical-W5-T0m {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.lookMinimal-2OMO3G .arrow-2KJjTM {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .svgContentRight-VRT04v {
|
|
fill: var(--interactive-muted);
|
|
}
|
|
#app-mount .svgContentLeft-i3sITr {
|
|
fill: var(--interactive-muted);
|
|
}
|
|
#app-mount .svgContentLines-3hGvN4,
|
|
#app-mount .svgDots-2tp4yT {
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .svgTag-3iksEu {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .infoLink-3363PK {
|
|
color: var(--header-secondary) !important
|
|
}
|
|
#app-mount .copyLink-2thG89::before {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .buildDetails-2mYzfS,
|
|
#app-mount .copyLink-2thG89:hover,
|
|
#app-mount .infoLink-3363PK:hover {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .barLoader-2pDp68,
|
|
#app-mount .buttonLoader-2kPem2 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .disabledButtonOverride-3Ntxjs {
|
|
background-color: var(--background-tertiary) !important
|
|
}
|
|
|
|
/* ==== 3.2.3. NITROGIFT ==== */
|
|
|
|
/* ==== 3.2.4. INVITE ==== */
|
|
|
|
#app-mount .guildIconImage-3qTk45 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .guildIconExpired-2Qcq05 {
|
|
background-image: url(https://discordapp.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .resolvingBackground-351jK_ {
|
|
background-image: linear-gradient(90deg,var(--background-primary),var(--background-accent),var(--background-primary));
|
|
}
|
|
|
|
#app-mount .invite-18yqGF {
|
|
background: rgba(var(--vbackgroundsecondary),.6);
|
|
border-color: rgba(var(--vbackgroundsecondary),.9);
|
|
}
|
|
#app-mount .artworkSpotifySessionEnded-11d_If {
|
|
background-image: url(https://discordapp.com/assets/fb6a21ef85b63dec6e7c01c683904e8f.svg);
|
|
}
|
|
#app-mount .header-Hg_qNF {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .name-GG2Mcs,
|
|
#app-mount .partyStatus-6AjDud {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .moreUsers-1sZP3U {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .partyMemberEmpty-2iyh5g {
|
|
background: var(--background-accent);
|
|
}
|
|
#app-mount .helpIcon-2EyVTp {
|
|
background-color: var(--header-primary);
|
|
}
|
|
#app-mount .helpIcon-2EyVTp [fill] {
|
|
fill: var(--background-secondary);
|
|
}
|
|
#app-mount .textLink-3aPthL,
|
|
#app-mount .message-group .textLink-3aPthL {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .subHeader-27gFHC {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .preview-yX6Nx7 {
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* ---- 3.3. TEXTAREA ---- */
|
|
|
|
#app-mount .form-2fGMdU::before {
|
|
background: linear-gradient(180deg,rgba(var(--vbackgroundprimary),0) 0,var(--background-primary));
|
|
}
|
|
|
|
#app-mount .error-1M5Do5 {
|
|
color: #f36c6c;
|
|
}
|
|
|
|
#app-mount .toolbar-2bjZV7 {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .toolbar-2bjZV7::before {
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
border-top: 8px solid var(--background-floating);
|
|
}
|
|
#app-mount .divider-24xeUg {
|
|
border-left: 1px solid rgba(var(--vtextbrightest),.06);
|
|
}
|
|
#app-mount .icon-KgGMGo {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .active-2HPddW .icon-KgGMGo,
|
|
#app-mount .hover-28QbSq:hover .icon-KgGMGo {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
#app-mount .cooldownWrapper-3joyFc[style*="color: rgb(79, 84, 92)"] {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
|
|
/* ---- 3.4. AUTOCOMPLETEMENU ---- */
|
|
|
|
#app-mount .autocomplete-1vrmpx {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .selected-1Tbx07 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .divider-23swzi {
|
|
background-color: rgba(var(--vtextdarker),.6);
|
|
}
|
|
#app-mount .contentTitle-2tG_sM {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .contentTitle-2tG_sM strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .content-Qb0rXO {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .iconForeground-1w5n7R {
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .description-11DmNu,
|
|
#app-mount .descriptionUsername-J_75O8 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .descriptionDiscriminator-3vUOCc {
|
|
color: rgba(var(--vtextdarker),.6);
|
|
}
|
|
|
|
/* ---- 3.5. MEMBERLIST ---- */
|
|
|
|
#app-mount .memberListItem-2ZX2pl:not(.popoutDisabled-xucru2):hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* ---- 3.6. CALL ---- */
|
|
|
|
.wrapper-2qzCYF {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.root-217Brm {
|
|
color: var(--header-primary);
|
|
}
|
|
.gradientContainer-10lXLB {
|
|
display: none;
|
|
}
|
|
.divider-36-9JI {
|
|
background: var(--background-modifier-accent);
|
|
}
|
|
.playingText-3KIkt6 {
|
|
color: var(--header-secondary);
|
|
}
|
|
.controlIcon-35oS15 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
.controlIcon-35oS15:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
.controlIcon-35oS15.active-1QRrIS,
|
|
.controlIcon-35oS15:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
.pictureInPictureVideo-2iKsGg .controlIcon-35oS15 {
|
|
color: #b9bbbe;
|
|
}
|
|
.pictureInPictureVideo-2iKsGg .controlIcon-35oS15:hover {
|
|
color: #dcddde;
|
|
}
|
|
.pictureInPictureVideo-2iKsGg .controlIcon-35oS15.active-1QRrIS,
|
|
.pictureInPictureVideo-2iKsGg .controlIcon-35oS15:active {
|
|
color: #fff;
|
|
}
|
|
.colorable-1bkp8v.primaryDark-3mSFDl {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
.colorable-1bkp8v.primaryDark-3mSFDl,
|
|
.colorable-1bkp8v.primaryDark-3mSFDl .centerIcon-2G6o-T {
|
|
color: var(--header-primary);
|
|
}
|
|
.colorable-1bkp8v.primaryDark-3mSFDl.active-1QRrIS,
|
|
.colorable-1bkp8v.primaryDark-3mSFDl:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
.root-2VTZPJ {
|
|
color: var(--header-primary);
|
|
}
|
|
.root-217Brm {
|
|
color: var(--header-primary);
|
|
}
|
|
.tile-2naSqK {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
.header-2Zv56X {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .regionSelectName-c5qL8O {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .quickSelectPopoutOption-opKBx9:hover .regionSelectName-c5qL8O {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .video-1FfuMD {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .video-1FfuMD.minimum-1pRSEN {
|
|
background-color: var(--background-floating);
|
|
box-shadow: inset 0 -1px 0 var(--background-tertiary);
|
|
}
|
|
#app-mount .video-1FfuMD.noChat-3nt48u .videoBackgroundTransition-3wpOSl {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .video-1FfuMD.noChat-3nt48u .videoTop-eOkSPq,
|
|
#app-mount .video-1FfuMD.normal-1jW0uq .videoTop-eOkSPq {
|
|
background-image: linear-gradient(0deg,transparent,rgba(0,0,0,.9));
|
|
}
|
|
|
|
#app-mount .item-30Gz8g {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .itemValue-JNy0LV {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .videoPreview-22khDR {
|
|
background-color: var(--background-secondary);
|
|
border: 1px solid var(--background-tertiary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 4. PEOPLES ~~~~ */
|
|
|
|
#app-mount .container-1D34oG {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .sectionHeader-20RGqu {
|
|
border-bottom: 1px solid rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .moreMutualGuildsBtn-2jTflt:hover {
|
|
border-color: rgba(var(--vtextbrightest),.6);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container-1D34oG {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .wrapper-1vl07G {
|
|
background-color: rgba(4,4,5,.8);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .header-jCWbCG {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .text-GwUZgS,
|
|
#app-mount .title-2BxgL2 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .outer-1AjyKL.active-1xchHY,
|
|
#app-mount .outer-1AjyKL.interactive-3B9GmY:hover {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .inset-3sAvek {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .emptyPreviewImage-IBznSI {
|
|
background-image: url(https://discordapp.com/assets/b93ef52d62a513a4f2127a6ca0c3208c.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .partyMemberOverflow-lXnzvu {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .partyMemberBackground-3XOgDv,
|
|
#app-mount .partyMemberUnknown-fwK2DC {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .partyMemberUnknownIcon-1eDbV6 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .partyMemberUnknown-EEivAl {
|
|
background-image: url(https://discordapp.com/assets/c2e09a95e595bfb12fa040d56ca27db5.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .popout-38lTFE {
|
|
background-color: var(--background-floating);
|
|
border-color: var(--background-tertiary);
|
|
box-shadow: 0 8px 16px rgba(0,0,0,.24);
|
|
}
|
|
#app-mount .enabled-1t_Gxm:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .memberListHeader-543n-J {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .memberListItem-31QoHj:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .multipleIconWrapper-DfGWrz,
|
|
#app-mount .separator-XqIyoz {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .body-1ld4H7 .separator-XqIyoz {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .voiceSectionNoGuildImageWrapper-TicZR3 {
|
|
background: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .voiceSectionIconWrapper-FO7UEY {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .voiceSectionIcon-1b3cOo,
|
|
#app-mount .xboxSectionIcon-1Y8MqF {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .applicationStreamingPreviewWrapper-8QqvVY {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
/* ~~~~ 5. STORE/NITRO ~~~~ */
|
|
|
|
#app-mount .header-1fmANI {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .blurb-143skT,
|
|
#app-mount .storeTerms-3G4Jo7,
|
|
#app-mount .subtext-2QfZHv {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .divider-2rujXH {
|
|
background-color: rgba(var(--vbackgroundsecondary),.6);
|
|
}
|
|
|
|
#app-mount .iconWrapper-3LVgIo {
|
|
background: var(--background-accent);
|
|
}
|
|
|
|
#app-mount .directoryHeroPrice-1_MqzA,
|
|
#app-mount .directoryHeroPricePremium-tR0nU8 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .directorySearchPrice-2Spatv {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .listingPrice-2GiDSc {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .originalAmount-3RtnBh {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .embedPrice-Xy8zoS {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .embedPrice-Xy8zoS .salePercentage-TXZz3H {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .loadingContainer-138F59 {
|
|
background-color: rgba(0,0,0,.4);
|
|
}
|
|
#app-mount .libraryLink-21lIRu {
|
|
color: rgba(var(--vtextbrightest),.6);
|
|
}
|
|
#app-mount .invalidPoop-pnUbq7 {
|
|
background-color: rgba(var(--vbackgroundaccent),.6);
|
|
background-image: url(https://discordapp.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .metadata-IJDhwB {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .cancelImage-BuMJnt {
|
|
background: url(https://discordapp.com/assets/03863b539aec443327ca2ffc51a89dac.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
#app-mount .container-2Zlzt0 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .xboxLogo-3uO7iP {
|
|
-webkit-mask: url(https://discordapp.com/assets/7f267bbf7d7569d790f9f6ab97d04044.svg) center no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .feature-2w65J5 {
|
|
background-color: var(--background-secondary-alt);
|
|
border: 1px solid var(--background-modifier-accent);
|
|
box-shadow: var(--elevation-medium);
|
|
}
|
|
|
|
#app-mount .sectionAccountCredit-1uNhnJ,
|
|
#app-mount .subscriptionDetails-1dUmjl {
|
|
border-color: rgba(var(--vtextdarker),.3);
|
|
}
|
|
#app-mount .background-3NP2Rg {
|
|
background-image: url(https://discordapp.com/assets/00be7f6ca68f1915a80ae01f061718e5.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .tier1Banner-1BTgv0 {
|
|
background: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tier1Banner-1BTgv0::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discordapp.com/assets/cb89c31c79a62ae99ec12351c1efb277.svg) center/cover no-repeat;
|
|
}
|
|
|
|
#app-mount .categoryHeader-1D7Tqy,
|
|
#app-mount .premiumApplicationsHeader-Zmkm5e {
|
|
border-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .viewAllGames-3LNpt1 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .divider-21LyPb {
|
|
border-color: rgba(var(--vbackgroundsecondary),.6);
|
|
}
|
|
|
|
#app-mount .content-1zhNsr {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .blurb-1iBKJy {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .description-1AwRKJ {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .row-1bU71H {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .featureIcon-1f78KU {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .content-3FEARf {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .themedPagination-3v0Dnu .arrow-vOpU7R {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .themedPagination-3v0Dnu .dot-2Q_mMZ {
|
|
background-color: var(--header-primary);
|
|
}
|
|
#app-mount .matureListing-3tyHbV {
|
|
background-color: transparent;
|
|
}
|
|
#app-mount h3.contentHeader-1R8tQ_ {
|
|
color: #dcddde;
|
|
}
|
|
|
|
#app-mount .circle-1nK_79 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .iconCircle-1dlYo0 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .smallHeader-2h-9-U {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .text-1Z3P6i {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .description-2Ifi6N {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .playerOverflow-2Hf77M {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .description-2Ifi6N strong,
|
|
#app-mount .discriminator-2q6SFg strong,
|
|
#app-mount .username-2gp_Xw {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .label-2zCFFs {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .username-Ga9-tM {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .notes-3hkVr0 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .root-1bFE0x {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .header-3HFF3R {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .section-7tu4tu {
|
|
border-bottom-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .breadcrumb-22XhB5:hover {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .separator-1tvx79 {
|
|
background-color: rgba(var(--vbackgroundsecondary),.6);
|
|
}
|
|
#app-mount .tabNotSelectedColor-3P16F- {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tabNotSelectedColor-3P16F-:hover,
|
|
#app-mount .tabSelectedColor-2b3xO9 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tabSelected-3IK-Xf {
|
|
border-bottom-color: var(--header-primary);
|
|
}
|
|
#app-mount .sectionTitle-Zi_w7u {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .requirementKey-14DT2D {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .requirements-dEriwm {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#app-mount .content-35aVm0 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .buttonColorInGuild-2hfayS {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .name-3TBxUq {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .memberInfo-1TAaKC {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .dotOffline-1PVTuj {
|
|
background-color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .listing-2nUQ4d {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .link-2T7oYD {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .applicationName-2QbFHn {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .price-1ynJAt {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 6. LIBRARY ~~~~ */
|
|
|
|
#app-mount .headerCellSorted-1JR4Ny {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .emptyWumpus-12J3jI {
|
|
background: url(https://discordapp.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .rate-1Gat8e {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .background-yZEZik {
|
|
stroke: var(--background-accent);
|
|
}
|
|
#app-mount .usageInfo-2WQAwr {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .installationPath-3cStrB {
|
|
box-shadow: 0 1px 0 0 var(--background-accent);
|
|
}
|
|
#app-mount .rowTitle-1KYtY7 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .rowBody-3dJTTZ {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .defaultLocationCheckbox-3HMIPO {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .defaultIndicator-3WqGFB {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .applicationName-2toV6z {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .applicationSubText-2V8LSK {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .hiddenLibraryApplication-T6N3U1 {
|
|
border-color: var(--background-accent);
|
|
}
|
|
#app-mount .hiddenLibraryApplication-T6N3U1::before {
|
|
background: rgba(var(--vbackgroundtertiary),.3);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .restoreButton-3jU0Z6 {
|
|
background: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .restoreButton-3jU0Z6:hover {
|
|
background: var(--background-secondary);
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .card-3DjzTQ {
|
|
box-shadow: var(--elevation-medium);
|
|
}
|
|
#app-mount .card-3DjzTQ:focus,
|
|
#app-mount .card-3DjzTQ:hover {
|
|
box-shadow: var(--elevation-high);
|
|
}
|
|
|
|
|
|
/* ~~~~ 7. DISCOVERY ~~~~ */
|
|
|
|
#app-mount .pageWrapper-1PgVDX {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
.footerImage-1CwWjz {
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO {
|
|
background-color: #fff;
|
|
}
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO:focus,
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO:focus-within {
|
|
box-shadow: 0 0 0 1px #5b43f0,0 0 0 2px #bdb3f9,0 0 0 3px #bdb3f9;
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng {
|
|
color: #2e3338;
|
|
}
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng::-webkit-input-placeholder,
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng::-moz-placeholder,
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng:-ms-input-placeholder,
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng::placeholder {
|
|
color: #72767d;
|
|
}
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1 {
|
|
color: #4f5660;
|
|
}
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1:hover {
|
|
color: #2e3338;
|
|
}
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO .closeIcon-2WLZc1:focus {
|
|
color: #060607;
|
|
}
|
|
#app-mount .search-1iTphC .searchBox-2_mAlO .searchIcon-6ljH-4 {
|
|
color: rgba(79,84,92,.6);
|
|
}
|
|
|
|
|
|
/* ~~~~ 8. USERSETTINGS ~~~~ */
|
|
|
|
#app-mount .customContainer-1RHXqt::before {
|
|
box-shadow: 0 1px 4px rgba(0,0,0,.2);
|
|
border-bottom: 1px solid rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .notice-2mjo_8 {
|
|
background: rgba(var(---vbackgroundtertiary),.95);
|
|
}
|
|
#app-mount .container-2VW0UT[style*="background-color: rgba(248, 249, 249"],
|
|
#app-mount .container-2VW0UT[style*="background-color: rgba(32, 34, 37"] {
|
|
background-color: rgba(var(--vbackgroundfloating), .9) !important;
|
|
}
|
|
#app-mount .container-2VW0UT[style*="background-color: rgba(248, 249, 249"] .message-c9-HCF,
|
|
#app-mount .container-2VW0UT[style*="background-color: rgba(32, 34, 37"] .message-c9-HCF {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .message-c9-HCF {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .streamerModeEnabledImage-3vynUz {
|
|
background-image: url(https://discordapp.com/assets/5b7e23080bfec53f966b806abcde8def.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .closeButton-1tv5uR {
|
|
border-color: var(--text-muted);
|
|
}
|
|
#app-mount .closeButton-1tv5uR path[fill] {
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .closeButton-1tv5uR:hover {
|
|
background-color: rgba(var(--vbackgroundaccent),.3);
|
|
border-color: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButton-1tv5uR:hover path[fill] {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButton-1tv5uR:active {
|
|
border-color: var(--text-normal);
|
|
}
|
|
#app-mount .closeButton-1tv5uR:active path[fill] {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .keybind-KpFkfr {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .closeButtonBold-8kKURP {
|
|
border-color: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButtonBold-8kKURP path[fill] {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButtonBold-8kKURP:hover {
|
|
background-color: rgba(var(--vbackgroundaccent),.6);
|
|
border-color: var(--text-normal);
|
|
}
|
|
#app-mount .closeButtonBold-8kKURP:hover path[fill] {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .closeButtonBold-8kKURP:active {
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .closeButtonBold-8kKURP:active path[fill] {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .keybindBold-1942Wp {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .avatarUploader-3XDtmn .sizeInfo-SKMPPw {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .avatarUploader-3XDtmn .removeButton-1hcZyG {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .avatarUploader-3XDtmn .removeButton-1hcZyG:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .avatarUploader-3XDtmn .removeButton-1hcZyG:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .avatarUploaderIndicator-2G-aIZ {
|
|
background: var(--background-floating);
|
|
}
|
|
#app-mount .avatarUploaderIndicator-2G-aIZ::after {
|
|
content: "";
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discordapp.com/assets/d5c25e76af04cea8997e4a060572feae.svg) center no-repeat;
|
|
}
|
|
#app-mount .userSettingsAccount-3wUMIP .viewBody-1l56Sd {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .userSettingsSecurityImage-2_okeh {
|
|
background: url(https://discordapp.com/assets/cdea41ede63f61153e4a3c0531fa3873.svg) center/cover no-repeat;
|
|
opacity: .5;
|
|
object-position: -9999999px -9999999px;
|
|
}
|
|
|
|
#app-mount .authedApp-mj2Hmd {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .emptyStateHeader-248f_b {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .emptyStateSubtext-2hdA9c {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyStateImage-2MrSNs {
|
|
background: url(https://discordapp.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .subText-2Zhkkh {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .codeRedemptionRedirect-1wVR4b {
|
|
background-color: var(--background-secondary);
|
|
border-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .subTextHeader-1m8dpJ {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .subTextRow-2vP_Z7 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .giftCodeRow-24nTuI {
|
|
border-color: rgba(var(--vtextdarkest),.6);
|
|
}
|
|
#app-mount .bodyButtonColor-ptbdFu {
|
|
background: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bodyButtonColor-ptbdFu:hover {
|
|
background: var(--background-secondary);
|
|
}
|
|
#app-mount .bodyButtonColor-ptbdFu:active {
|
|
background: var(--background-primary);
|
|
}
|
|
#app-mount .card-7JP0BX {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .splashArt-3yFzRe {
|
|
background-image: url(https://discordapp.com/assets/976b56da8d86af63aef4f55afb553a9f.png);
|
|
}
|
|
#app-mount .confirmTitle-1K9S8K {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .confirmBlurb-2LiLkM {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .item-3eFBNF {
|
|
box-shadow: inset 0 -1px 0 0 var(--background-accent);
|
|
}
|
|
#app-mount .gemIndicatorContainer-2jdECl {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .gemWithoutLabel-7-ZvB_ {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierLabel-39IsmN {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .guildHeaderBackground-1G51bM {
|
|
background-image: url(https://discordapp.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg);
|
|
opacity: .75;
|
|
}
|
|
#app-mount .emptyGuilds-14hOr4 {
|
|
background-image: url(https://discordapp.com/assets/e500b2fe39bd0080b48e740d9d96e240.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
.container-3PXSwK {
|
|
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzM2MzkzZiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAyYTIgMiAwIDAgMC0yIDJ2MTJhMiAyIDAgMSAwIDQgMFY0YTIgMiAwIDAgMC0yLTJ6Ii8+PC9zdmc+');
|
|
}
|
|
.notches-1sAcEM {
|
|
background: transparent !important;
|
|
}
|
|
#app-mount .progress-1IcQ3A {
|
|
background-color: var(--text-muted);
|
|
}
|
|
.icon-4lJsMQ[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"],
|
|
.icon-4lJsMQ[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] {
|
|
-webkit-mask: url(https://discordapp.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
object-position: -9999999px -9999999px;
|
|
}
|
|
.icon-4lJsMQ[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"],
|
|
.icon-4lJsMQ[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] {
|
|
-webkit-mask: url(https://discordapp.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
object-position: -9999999px -9999999px;
|
|
}
|
|
#app-mount .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
|
|
background-color: var(--background-secondary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
|
|
#app-mount .row-2okwlC {
|
|
box-shadow: inset 0 -1px 0 rgba(var(--vtextdarker),.3);
|
|
}
|
|
|
|
.disabled-3I9jyo {
|
|
color: var(--interactive-muted);
|
|
}
|
|
.option-n0icdO {
|
|
background-color: var(--interactive-muted);
|
|
}
|
|
|
|
.overlayWarningIcon-3fZsZE {
|
|
background: url(https://discordapp.com/assets/afc17a02f2ea7406b0ee518c28414f7c.svg) no-repeat;
|
|
}
|
|
#app-mount .game-1ipmAa {
|
|
box-shadow: 0 1px 0 0 var(--background-tertiary);
|
|
}
|
|
#app-mount .gameNameInput-385LoS:focus,
|
|
#app-mount .gameNameInput-385LoS:hover {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
#app-mount .lastPlayed-3bQ7Bo,
|
|
#app-mount .overlayStatusText-L2IACa {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .overlayToggleIconOn-3UNmty .fill-1ugeBG {
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .addGamePopout-2RY8Ju {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .addGamePopout-2RY8Ju .cancelButton-10XRsm {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .nowPlayingAdd-1Kdmh_ {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .nowPlaying-284llR .gameName-1RiWHm {
|
|
color: #fff;
|
|
}
|
|
#app-mount .nowPlaying-284llR .lastPlayed-3bQ7Bo,
|
|
#app-mount .nowPlaying-284llR .overlayStatusText-L2IACa {
|
|
color: #b4e1cd;
|
|
}
|
|
#app-mount .nowPlaying-284llR .overlayToggleIconOff-1kT42w .fill-1ugeBG,
|
|
#app-mount .nowPlaying-284llR .overlayToggleIconOn-3UNmty .fill-1ugeBG {
|
|
fill: #b4e1cd;
|
|
}
|
|
#app-mount .notDetected-33MY4s {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .notDetected-33MY4s .lastPlayed-3bQ7Bo {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .activeGame-14JI7o .removeGame-2JFGPn {
|
|
background-image: none;
|
|
}
|
|
#app-mount .activeGame-14JI7o .removeGame-2JFGPn::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discordapp.com/assets/eb69ec9fdd30653a3ade1ab501a7cd3d.svg) center no-repeat;
|
|
}
|
|
|
|
#app-mount .row-2o2DzQ {
|
|
box-shadow: inset 0 -1px 0 rgba(var(--vtextdarker),.3);
|
|
}
|
|
|
|
#app-mount .foreground-26ym5y {
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .link-1IoFq-:hover .foreground-26ym5y {
|
|
fill: var(--header-primary);
|
|
}
|
|
|
|
/* ~~~~ 9. GUILDSETTINGS ~~~~ */
|
|
|
|
#app-mount .guildSettingsOverviewNotice-2VluqV {
|
|
background-color: rgba(var(--vbackgroundtertiary),.95);
|
|
}
|
|
#app-mount .avatarUploader-2yeaMv .avatarUploaderInner-3SDRO_,
|
|
#app-mount .avatarUploaderDisabled-310UAf .avatarUploaderInner-3SDRO_ {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .avatarUploader-2yeaMv .avatarUploaderInner-3SDRO_:hover {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),inset 0 0 120px rgba(0,0,0,.6);
|
|
}
|
|
#app-mount .avatarUploaderDisabled-310UAf .avatarUploaderInner-3SDRO_:hover {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .divider-3wNib3 {
|
|
border-color: rgba(var(--vtextdarker),.3);
|
|
}
|
|
|
|
.addRoleIcon-3YjErH {
|
|
-webkit-mask: url(https://discordapp.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg);
|
|
background: var(--header-secondary);
|
|
object-position: -9999999px -9999999px;
|
|
}
|
|
#app-mount .dragged-2XvZ89 {
|
|
-webkit-mask: url(https://discordapp.com/assets/a8564dac0d728add0025be388f5ad7a2.svg) center/contain no-repeat;
|
|
background: var(--background-tertiary);
|
|
}
|
|
|
|
#app-mount .item-3T2z1R {
|
|
border-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .passthroughSelected-1Eq0Kl {
|
|
background: var(--interactive-muted);
|
|
}
|
|
#app-mount .icon-17zDF5 {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .notAllowedIcon-3j9AKY {
|
|
fill: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border: 1px solid var(--deprecated-text-input-border);
|
|
}
|
|
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse:focus {
|
|
border-color: rgb(var(--vaccentcolor));
|
|
}
|
|
#app-mount .emojiAliasPlaceholder-3H_iZA {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .emojiRow-zIc7ZX {
|
|
box-shadow: 0 1px 0 0 rgba(var(--vtextbrightest),.04);
|
|
}
|
|
|
|
#app-mount .auditLog-3jNbM6 {
|
|
border-color: var(--background-tertiary);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .auditLog-3jNbM6 strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .auditLog-3jNbM6:hover .expandForeground-1nZ4VR {
|
|
stroke: var(--header-primary);
|
|
}
|
|
#app-mount .headerClickable-2IVFo9,
|
|
#app-mount .headerDefault-1wrJcN {
|
|
background-color: rgba(var(--vbackgroundtertiary),.3);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .headerExpanded-CUEwZ5 {
|
|
background-color: rgba(var(--vbackgroundtertiary),.6);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .divider-1pnAR2 {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .userHook-3AdCBF {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .expandForeground-1nZ4VR {
|
|
stroke: rgba(var(--vtextbrightest),.6);
|
|
}
|
|
#app-mount .timestamp-1mruiI {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .changeDetails-bk98pu {
|
|
background-color: rgba(var(--vbackgroundtertiary),.3);
|
|
}
|
|
#app-mount .auditLogMembersIconFg-2dfgB- {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .selected-38kUfI .auditLogMembersIconFg-2dfgB- {
|
|
fill: #fff;
|
|
}
|
|
.themeOverrideLight-3bx_5B.icon-RTGJu3,
|
|
.themeOverrideDark-1u5Vo0.icon-RTGJu3,
|
|
#app-mount .icon-RTGJu3 {
|
|
background: none !important;
|
|
}
|
|
.icon-RTGJu3::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: var(--header-primary);
|
|
}
|
|
.icon-RTGJu3.targetAll-13V3n6::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/fc3f5f9be1a4db14b02336b7cb02e6ce.svg);
|
|
}
|
|
.icon-RTGJu3.targetBan-3mbIPL::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/edb23a53ea40ac60f212ebae66e5c5c7.svg);
|
|
}
|
|
.icon-RTGJu3.targetChannel-TrRFlx::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/343c9ff4c775c66a7d4af1f8691c34e0.svg);
|
|
}
|
|
.icon-RTGJu3.targetGuild-mDWfAV::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/30af96a386520760ad107c5b77ba002a.svg);
|
|
}
|
|
.icon-RTGJu3.targetEmoji-3vhPhM::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/7a9bf92329dad473ef0383ae75367215.svg);
|
|
}
|
|
.icon-RTGJu3.targetInvite-1RQBlr::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/4b33371531a1a89f99296a73fc9ef588.svg);
|
|
}
|
|
.icon-RTGJu3.targetMemberRole-jowY3I::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/a9098042cb36b955c5021259f1d48f91.svg);
|
|
}
|
|
.icon-RTGJu3.targetMember-2iuwxX::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/af043346e036ef7b1aac1cf42cd1e699.svg);
|
|
}
|
|
.icon-RTGJu3.targetPermission-ZRUN5n::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/2a37995eb832bae805190a93ba043857.svg);
|
|
}
|
|
.icon-RTGJu3.targetRole-2MoUny::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/0176a91b4c44ed05c05af68784e78da8.svg);
|
|
}
|
|
.icon-RTGJu3.targetVanityUrl-3OpsYX::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/84215a5fec3d9de9960a225143238d74.svg);
|
|
}
|
|
.icon-RTGJu3.targetWebhook-1xS7Z7::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/a6975850d800aa86162b4aa5f18c41ac.svg);
|
|
}
|
|
.icon-RTGJu3.targetWidget-3hFVSM::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/4ac0e382cc7b8aa0cb1d6d074b0e8ba5.svg);
|
|
}
|
|
.icon-RTGJu3.targetMessage-2kBYMT::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/8c85e30795486caa8caacd829703459d.svg);
|
|
}
|
|
.icon-RTGJu3.targetIntegration-3rnyMN::before {
|
|
-webkit-mask: url(https://discordapp.com/assets/da8463a04b4a289801d2516f50eb4c19.svg);
|
|
}
|
|
|
|
#app-mount .rolePills-32B_DQ {
|
|
color: rgba(var(--vtextbrightest),.8);
|
|
}
|
|
#app-mount .footerImage-4UrEF0 {
|
|
background-image: url(https://discordapp.com/assets/36d0e0bb009fa362c2533003c0af67b5.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .card-1o0mns {
|
|
border-color: var(--background-secondary-alt);
|
|
}
|
|
#app-mount .card-3IImnr {
|
|
border-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
#app-mount .card-3_CqkU {
|
|
box-shadow: var(--elevation-high);
|
|
}
|
|
.splashImage-352DQ1[src="/assets/7b6ed225050df29a07cb5db712d35a73.svg"],
|
|
.splashImage-352DQ1[src="/assets/d03d90cb6f12a7ea06274b278dfa4160.svg"] {
|
|
background: url(https://discordapp.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg) center/cover no-repeat;
|
|
opacity: .75;
|
|
object-position: -9999999px -9999999px;
|
|
}
|
|
#app-mount .avatarUploaderInnerSquare-2wsxgt {
|
|
background-image: url(https://discordapp.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.exampleContainerLight-2cIJFB,
|
|
.exampleContainerDark-yyX7sl {
|
|
background-image: url(https://discordapp.com/assets/579d8c1aa51bd06391c5ac19c654cb5e.png);
|
|
}
|
|
|
|
#app-mount .background-3xPPFc {
|
|
color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierInProgress-3mBoXq {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .moreSubscribers-1cuWDE {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary)
|
|
}
|
|
#app-mount .subscriberCount-27QHc5 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .subscriberCount-27QHc5 strong {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .subscribersPopout-2CP6Ln {
|
|
background: var(--background-floating);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .subscribersPopoutUser-3rC75S {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tierHeaderLocked-1a2opw {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tierHeaderUnlocked-2RhWqn {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierCloseClose-2z5dSa {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierBody-x9kBBp {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .tierCurrent-Lw7-4E {
|
|
box-shadow: 0 4px 8px rgba(0,0,0,.24);
|
|
}
|
|
#app-mount .currentTierIcon-EGY5eG {
|
|
color: #fff;
|
|
}
|
|
#app-mount .tooltipMuted-26IcoY {
|
|
color: #72767d;
|
|
}
|
|
#app-mount .tierUnlocked-27DwHo {
|
|
background-color: #fff;
|
|
}
|
|
#app-mount .tierCloseHint-380zIA {
|
|
color: #fff;
|
|
}
|
|
#app-mount .tierHeaderUnlocked-2RhWqn {
|
|
color: #fff;
|
|
}
|
|
|
|
#app-mount .member-1q7VfX {
|
|
box-shadow: 0 1px 0 0 rgba(var(--vtextbrightest),.04);
|
|
}
|
|
#app-mount .member-1q7VfX .name-8yzEIY {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .member-1q7VfX .tag-1YGWN9 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .member-1q7VfX .roleWrapper-1Hde_V {
|
|
color: rgba(var(--vtextbrightest),.8);
|
|
}
|
|
#app-mount .member-1q7VfX .overflowIconFg-QMRRFI {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .member-1q7VfX .ownerHelpIcon-3ItaBx {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .to-2819fF {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: 0 0 0 4px var(--background-secondary);
|
|
}
|
|
#app-mount .fromToWrapper-LEJK5w {
|
|
background: transparent;
|
|
}
|
|
#app-mount .fromToWrapper-LEJK5w::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-mask: url(https://discordapp.com/assets/7d74fde5c67e7d6dd17ebefedce42c74.svg) 50% 0 no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .inviteSettingsInviteRow-3p2O-N {
|
|
box-shadow: 0 1px 0 0 rgba(var(--vtextbrightest),.04);
|
|
}
|
|
#app-mount .row-35Mhio {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .row-35Mhio::after {
|
|
background-color: rgba(var(--vtextbrightest),.04);
|
|
}
|
|
|
|
#app-mount .bannedUser-1IalTM {
|
|
box-shadow: 0 1px 0 0 rgba(var(--vtextbrightest),.04);
|
|
}
|
|
#app-mount .bannedUser-1IalTM .username-1b3MVI {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO,
|
|
#app-mount .bannedUserModal-3RJCOV .reason-YbfGC6,
|
|
#app-mount .bannedUserModal-3RJCOV .userDiscrim-1D2NlF {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .bannedUserModal-3RJCOV .reasonHeader-2etdjy {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
|
|
/* ~~~~ 10. MODALS ~~~~ */
|
|
|
|
#app-mount .root-1gCeng,
|
|
#app-mount .modal-yWgWj- {
|
|
background-color: var(--background-primary);
|
|
border: none;
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.3),0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .separator-2-RRj_ {
|
|
box-shadow: 0 1px 0 0 rgba(var(--vbackgroundtertiary),.3),0 1px 2px 0 rgba(var(--vbackgroundtertiary),.3);
|
|
}
|
|
#app-mount .footer-2gL1pp,
|
|
#app-mount .footer-3rDWdC {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: inset 0 1px 0 rgba(var(--vbackgroundsecondary),.6);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .modal-6GHvdM .tabBarContainer-1s1u-z {
|
|
background: rgba(0,0,0,.2);
|
|
box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
|
|
}
|
|
|
|
#app-mount .separator-19P9q2 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--vbackgroundfloating),.3),0 1px 2px 0 rgba(var(--vbackgroundfloating),.3);
|
|
}
|
|
#app-mount .divider-3WKGWk {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .subHeader-3TFIST {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .sectionBody-DUrZPU,
|
|
#app-mount .subHeader-3FXnUc {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .message-1F58Gs {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .secondaryButton-197mr8 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .imageUpgrade-moI_hv {
|
|
background-image: url(https://discordapp.com/assets/81ded87ebac6f9d55e8624a3e5167c8f.svg);
|
|
}
|
|
#app-mount .imageCancel-2x4k_k {
|
|
background: url(https://discordapp.com/assets/03863b539aec443327ca2ffc51a89dac.svg);
|
|
}
|
|
#app-mount .imageUnclaimed-5nJyYs {
|
|
background-image: url(https://discordapp.com/assets/3b65c741e596bc0979f7ba0c42de6fff.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .imageUnverified-2NLnW6 {
|
|
background-image: url(https://discordapp.com/assets/e260177e5165e6789e30b9592df75424.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .paginator-2CA79G {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .pageIndicator-1gAbyA {
|
|
border-color: var(--interactive-muted);
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .pageButtonNext-V2kUq0,
|
|
#app-mount .pageButtonPrev-1Y-47D {
|
|
border-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .pageButtonNext-V2kUq0:hover,
|
|
#app-mount .pageButtonPrev-1Y-47D:hover {
|
|
border-color: var(--interactive-hover);
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .disabled-BrLY9Y:hover {
|
|
border-color: var(--interactive-muted);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .divider-1que2t {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .backButtonColor-N09dXJ {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .checkboxLabel-3WoD3k {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .backdrop-1wrmKB,
|
|
#app-mount .backdropWithLayer-3_uhz4 {
|
|
background-color: rgb(0, 0, 0) !important;
|
|
}
|
|
|
|
/* ---- 10.1. USERMODAL ---- */
|
|
|
|
#app-mount .topSectionNormal-2-vo2m {
|
|
background: var(--user-background, var(--background-tertiary)) center/cover no-repeat;
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
#app-mount .topSectionNormal-2-vo2m .username-3gJmXY {
|
|
color: var(--user-background, var(--header-primary));
|
|
}
|
|
#app-mount .topSectionNormal-2-vo2m .discriminator-xUhQkU {
|
|
color: var(--user-background, var(--header-primary));
|
|
opacity: .7;
|
|
}
|
|
#app-mount .topSectionNormal-2-vo2m .date-YN6TCS {
|
|
color: var(--user-background, var(--header-primary));
|
|
opacity: .7;
|
|
}
|
|
#app-mount .topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE {
|
|
color: var(--user-background, var(--header-primary));
|
|
opacity: .7;
|
|
}
|
|
#app-mount .topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE:hover {
|
|
opacity: 1;
|
|
}
|
|
#app-mount .topSectionNormal-2-vo2m .activityHeader-1PExlk,
|
|
#app-mount .topSectionNormal-2-vo2m .customStatusText-39gdCI {
|
|
color: var(--user-background, var(--header-primary));
|
|
}
|
|
#app-mount .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z {
|
|
border-top-color: var(--user-background, var(--background-secondary));
|
|
}
|
|
#app-mount .topSectionNormal-2-vo2m .themed-OHr7kt.item-PXvHYJ {
|
|
color: var(--user-background, var(--interactive-active));
|
|
opacity: .5;
|
|
}
|
|
#app-mount .topSectionNormal-2-vo2m .themed-OHr7kt.item-PXvHYJ:hover {
|
|
border-bottom-color: var(--user-background, var(--interactive-active));
|
|
opacity: .7;
|
|
}
|
|
#app-mount .topSectionNormal-2-vo2m .selected-3s45Ha.themed-OHr7kt.item-PXvHYJ,
|
|
#app-mount .topSectionNormal-2-vo2m .themed-OHr7kt.item-PXvHYJ:active {
|
|
border-bottom-color: var(--user-background, var(--interactive-active));
|
|
color: var(--user-background, var(--interactive-active));
|
|
opacity: 1;
|
|
}
|
|
|
|
#app-mount .emptyIconStreamerMode-3RfWOW {
|
|
background-image: url(https://discordapp.com/assets/e18336bc1141d8a5e88379e41e91cacb.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .emptyIconGuilds-3OViNh {
|
|
background-image: url(https://discordapp.com/assets/87ad02315e38924402c7fb5017cf11ab.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .emptyIconFriends-BrjhY9 {
|
|
background-image: url(https://discordapp.com/assets/ca3f5ec71bb86c6aeb015bb0d54a10fa.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 10.2. GUILDADD/CREATION ---- */
|
|
|
|
.container-UC8Ug1 {
|
|
background-color: var(--background-secondary);
|
|
border: none;
|
|
}
|
|
.container-UC8Ug1:hover {
|
|
background-color: var(--background-secondary-alt);
|
|
border: none;
|
|
}
|
|
.arrow-hynWUl {
|
|
-webkit-mask: url(https://discordapp.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat;
|
|
background: var(--text-normal);
|
|
object-position: -9999999px -9999999px;
|
|
}
|
|
|
|
/* ---- 10.3. REGIONSELECTMODAL ---- */
|
|
|
|
#app-mount .regionSelect-3lf4eE.regionSelectLoading-34I21m {
|
|
border: 1px solid var(--header-secondary);
|
|
}
|
|
#app-mount .regionSelect-3lf4eE button {
|
|
border: 1px solid var(--header-secondary);
|
|
}
|
|
#app-mount .regionSelect-3lf4eE .regionSelectInner-24f4Ce {
|
|
border: 1px solid var(--header-secondary);
|
|
}
|
|
#app-mount .regionSelectModal-12e-57 {
|
|
background: var(--background-primary) !important;
|
|
}
|
|
#app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
|
|
border: 2px solid var(--background-secondary);
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .regionSelectName-2-2FWh {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover .regionSelectName-2-2FWh {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .regionSelect-3lf4eE:hover button {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container-1s4HBn.hover-2AGf5p {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
#app-mount .flag-16iIBd.vip-3pFIN8::after {
|
|
border-color: var(--background-primary);
|
|
}
|
|
|
|
/* ---- 10.4. UPLOADMODAL ---- */
|
|
|
|
#app-mount .uploadModal-2ifh8j {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .footer-3mqk7D {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: inset 0 1px 0 rgba(var(--vbackgroundsecondary),.6);
|
|
}
|
|
|
|
/* ---- 10.5. KEYBOARDSHORTCUTSMODAL ---- */
|
|
|
|
#app-mount .keyboardShortcutsModal-3piNz7 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .modalTitle-37O4n6 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .modalSubtitle-1Pj5nv {
|
|
border: none;
|
|
box-shadow: var(--elevation-low);
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w .keybindDescription-2RDbC2 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .keybindShortcut-1BD6Z1 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .keybindShortcut-1BD6Z1 span {
|
|
background-color: var(--text-muted);
|
|
border: 1px solid var(--background-tertiary);
|
|
box-shadow: inset 0 -4px 0 rgba(var(--vbackgroundtertiary),.6);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom g {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .keybindShortcut-1BD6Z1 span:active {
|
|
box-shadow: inset 0 -2px 0 var(--background-tertiary);
|
|
border: 1px solid #000;
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .keybindShortcut-1BD6Z1 span:active .bindArrow-2X3Aom g {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .keybindShortcutTipsSelect-HDyfe8:last-of-type::before {
|
|
background-color: var(--interactive-muted);
|
|
}
|
|
|
|
/* ---- 10.6. QUICKSWITCHER ---- */
|
|
|
|
#app-mount .emptyState-2gL-9T {
|
|
background: transparent;
|
|
}
|
|
#app-mount .emptyState-2gL-9T::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: url(https://discordapp.com/assets/0b298968e0a756e25677771fd6b58b34.svg) center/100px no-repeat;
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 10.7. INVITEMODAL/GROUPCREATE ---- */
|
|
|
|
#app-mount .contentWrapper-3WC1ID {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .friendSelected-1sa4bG,
|
|
#app-mount .inviteRow-2L02ae:hover {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .friend-3KALPe,
|
|
#app-mount .inviteRowName-1tVaxu {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .footer-1eyGBa,
|
|
#app-mount .footer-1FPmkC {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: inset 0 1px 0 rgba(var(--vbackgroundsecondary),.6);
|
|
}
|
|
.footerSeparator-M9dQY1,
|
|
#app-mount .content-3CCvMx::before {
|
|
display: none;
|
|
}
|
|
#app-mount .subtitle-2P4u9v,
|
|
#app-mount .footerText-3w69ae,
|
|
#app-mount .checkBoxLabel-4PWfpk,
|
|
#app-mount .footerText-2a7NxZ,
|
|
#app-mount .subText-bCySlS {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .errorState-KkUH_2 {
|
|
color: var(--text-muted:)
|
|
}
|
|
#app-mount .notFriends-SkjxV- .errorStateIcon-3fNXE5 {
|
|
background-image: url(https://discordapp.com/assets/4f86d7f58df32580164fc595377c0169.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noFriends-1fVUuM .errorStateIcon-3fNXE5 {
|
|
background-image: url(https://discordapp.com/assets/16bd6f7e8c2feedd7fa44d25013e687f.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .partyFull-35IpOX .errorStateIcon-3fNXE5 {
|
|
background-image: url(https://discordapp.com/assets/f690b8a9cd33cda18e431d4717fff5ab.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResults-ZTbl5V .errorStateIcon-3fNXE5 {
|
|
background-image: url(https://discordapp.com/assets/1eed0d895df6e35f164d8ed5e84037d2.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 10.8. LOGINSCREEN ---- */
|
|
|
|
.theme-dark.authBox-hW6HRx,
|
|
.theme-light.authBox-hW6HRx {
|
|
color: var(--text-muted);
|
|
background: var(--background-mobile-primary);
|
|
}
|
|
.theme-dark.authBox-hW6HRx::before,
|
|
.theme-light.authBox-hW6HRx::before {
|
|
background-image: url(https://discordapp.com/assets/4f004ac9be168ac6ee18fc442a52ab53.svg);
|
|
}
|
|
.subText-1XkjIB strong {
|
|
color: rgba(var(--vtextbright),.9);
|
|
}
|
|
#app-mount .authBoxWithMobileBanner-1Iy9y7 {
|
|
color: var(--text-muted);
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
/* ---- 10.9. TERMACCEPTMODAL ---- */
|
|
|
|
#app-mount .modal-DRZfgq {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.3),0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .modal-DRZfgq [style*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"],
|
|
#app-mount .modal-DRZfgq [src*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"] {
|
|
filter: brightness(85%) invert(100%);
|
|
opacity: .7;
|
|
}
|
|
#app-mount .modal-DRZfgq .checked-3_4uQ9 {
|
|
background-color: rgb(var(--vaccentcolor));
|
|
}
|
|
#app-mount .modal-DRZfgq .checkbox-1ix_J3 [stroke="#7289da"] {
|
|
stroke: #fff !important;
|
|
}
|
|
#app-mount .ack-2yIUvY {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .buttonContainer-3S_miP {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
/* ---- 10.10. DOWNLOADAPPMODAL ---- */
|
|
|
|
.downloadApps-wbBFdZ {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.3),0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
.downloadApps-wbBFdZ .inner-2LETmR {
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.downloadApps-wbBFdZ .header-nJMe-Q {
|
|
color: var(--text-normal);
|
|
}
|
|
.downloadApps-wbBFdZ .footer-1nkeBm {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 10.11. GUILDBOOSTMODAL ---- */
|
|
|
|
#app-mount .perksModal-fSYqOq {
|
|
background: var(--background-primary);
|
|
}
|
|
#app-mount .perksModal-fSYqOq::before {
|
|
content: "";
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: var(--header-primary);
|
|
-webkit-mask: url(https://discordapp.com/assets/c486dc65ce2877eeb18e4c39bb49507a.svg) bottom/100% no-repeat;
|
|
}
|
|
#app-mount .headerLogo--hLLAk {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierHeaderLocked-1s2JJz {
|
|
background-color: var(--background-floating);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .tierLock-3CSxSX {
|
|
color: var(--interactive-muted);
|
|
}
|
|
#app-mount .tierBody-16Chc9 {
|
|
background-color: var(--background-tertiary);
|
|
border-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .tierHeaderUnlocked-1n-OTI {
|
|
color: #fff;
|
|
}
|
|
#app-mount .tierUnlocked-25K6Kv {
|
|
background-color: #fff;
|
|
}
|
|
|
|
#app-mount .barBackground-2EEiLw {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierMarkerBackground-3q29am {
|
|
background-color: var(--background-primary) !important;
|
|
}
|
|
#app-mount .tierMarkerInProgress-24LMzJ {
|
|
background-color: var(--background-tertiary) !important;
|
|
}
|
|
#app-mount .currentTierIcon-2gcTCn {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .selectedTier-1JkO7i .tierMarkerLabelText-F_zS1F {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .ctaBar-2UsjF2 {
|
|
position: relative;
|
|
background-image: none;
|
|
}
|
|
#app-mount .ctaBar-2UsjF2::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: var(--text-normal);
|
|
-webkit-mask: url(https://discordapp.com/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg);
|
|
}
|
|
#app-mount .giftIcon-ZxlWk5 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .badgeIconWithoutSubscribers-3A9Xol {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .tierPill-1yRO48 {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierPillStar-34rvoJ {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierPillGem-3zcO2T {
|
|
color: var(--interactive-muted);
|
|
}
|
|
#app-mount .confirmImage-2pGr87 {
|
|
background-image: url(https://discordapp.com/assets/19298ddf142a1ceaf0adaeda2f224490.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .transferConfirmImage-1SYwXp {
|
|
background-image: url(https://discordapp.com/assets/da122e6ea7c85ec7db00cf1949dad206.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .tierPill-3gJ0eN {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .perk-2WeBWW {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .tierMarkerAccomplished-2MiXeg .currentTierIcon-2gcTCn {
|
|
color: #fff;
|
|
}
|
|
|
|
/* ---- 10.12. REACTIONSMODAL ---- */
|
|
|
|
#app-mount .container-1If-HZ,
|
|
#app-mount .reactors-Blmlhw {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .remove-3V-yj8 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .remove-3V-yj8:hover {
|
|
color: var(--interactive-hover);
|
|
background: transparent;
|
|
}
|
|
#app-mount .remove-3V-yj8:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .scroller-1-nKid {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .reactionSelected-1pqISm {
|
|
background-color: rgba(var(--vbackgroundaccent),.8);
|
|
}
|
|
#app-mount .reactionDefault-GBA58K:hover {
|
|
background-color: rgba(var(--vbackgroundaccent),.4);
|
|
}
|
|
#app-mount .reactorDefault-1IUqMZ {
|
|
box-shadow: inset 0 -1px 0 rgba(var(--vbackgroundaccent),.3);
|
|
}
|
|
#app-mount .discriminator-byOsvi {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 10.13. RATEMODAL ---- */
|
|
|
|
#app-mount .header-sJd8D7 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 10.14. CHANGELOG ---- */
|
|
|
|
#app-mount .date-1k6kG2 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .content-s2SEQO ol,
|
|
#app-mount .content-s2SEQO p,
|
|
#app-mount .content-s2SEQO ul li {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .content-s2SEQO ul li::before {
|
|
background-color: var(--text-normal);
|
|
}
|
|
#app-mount .video-1FESK- {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .socialLink-3n2n25 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .socialLink-3n2n25:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .socialLink-3n2n25:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
/* ---- 10.15. NOTIFICATIONSMODAL ---- */
|
|
|
|
#app-mount .channelName-28iMRJ {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .guildName-3WI6ml,
|
|
#app-mount .override-2YgiXd,
|
|
#app-mount .overrideHighlight-YPcBxt {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .override-2YgiXd:hover {
|
|
background-color: rgba(var(--vbackgroundtertiary),.1);
|
|
}
|
|
#app-mount .overrideHighlight-YPcBxt,
|
|
#app-mount .overrideHighlight-YPcBxt:hover {
|
|
background-color: rgba(var(--vbackgroundtertiary),.3);
|
|
}
|
|
#app-mount .checkboxContainer-2vV9zd::before {
|
|
background-color: rgba(var(--vbackgroundtertiary),.6);
|
|
}
|
|
#app-mount .overridePlaceholder-14_rPI {
|
|
border: 1px dashed var(--background-floating);
|
|
}
|
|
|
|
/* ---- 10.16. PAYMENTMODAL ---- */
|
|
|
|
#app-mount .sectionHeader-1068cF {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .paypalInput-3MddcM,
|
|
#app-mount .paypalInput-3MddcM:focus,
|
|
#app-mount .paypalInput-3MddcM:hover {
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
|
|
#app-mount .description-HxwDO4 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .descriptionWrapper-1YBY_J {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .defaultIndicator-G3c16x {
|
|
background-color: var(--text-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .premiumIndicator-1XvbfM {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .invalidIndicator-3Buq_- {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .summaryInfo-2QFKUg {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .payment-xT17Mq {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .hoverablePayment-Yc6mK7:hover {
|
|
background-color: var(--background-vbackgroundtertiary);
|
|
}
|
|
#app-mount .paymentHeader-3QlZQi {
|
|
color: var(--header-primary);
|
|
border-color: var(--text-muted);
|
|
}
|
|
#app-mount .expandedInfo-3kfShd {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .paymentText-2vaF7U {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .giftIcon-3DRGI6 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .paymentPane-3bwJ6A {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .paginator-166-09 {
|
|
background: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .bottomDivider-1K9Gao {
|
|
border-bottom-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tab-1kx2RU {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .externalRowHeader-2-8cG6 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .authenticationRequiredImage-2I6f-O {
|
|
background-image: url(https://discordapp.com/assets/8923d313e1704c4bc45025fc8463affd.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .authenticationSuccessImage-1-XUab {
|
|
background-image: url(https://discordapp.com/assets/0c840f9cc846705b725bd89aec58f994.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .authenticationFailImage-9Wmybq {
|
|
background-image: url(https://discordapp.com/assets/42c81194eaf9128b942adc5d2a6fd66e.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 10.17. CHANNELCREATIONMODAL ---- */
|
|
|
|
#app-mount .cloneInfo-1OC_Ee strong,
|
|
#app-mount .subtitle-3csUrC {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 10.18. CLOUDSYNCRESOLUTION ---- */
|
|
|
|
#app-mount .modal-1XR4nE {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .conflictButton-2TEeJu {
|
|
background-color: var(--background-secondary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .conflictButton-2TEeJu:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .title-1ao9Am {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .conflictUploadArt-3V4Em_ {
|
|
background-image: url(https://discordapp.com/assets/9fefebe24085efe085629513732efd08.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .conflictDownloadArt-36cpxM {
|
|
background-image: url(https://discordapp.com/assets/ec92991091f67ad3984517478f7a16e4.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .errorArt-3qzArg {
|
|
background-image: url(https://discordapp.com/assets/5ad409a997b726652a95dba012336127.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .buttonBody-3cgCL5 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .choiceLine-BbJN0b {
|
|
background-color: rgba(var(--vtextdarkest),.6);
|
|
}
|
|
|
|
/* ---- 10.19. APPLICATIONINSTALLATIONMODAL ---- */
|
|
|
|
#app-mount .gameName-3S4nBI {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .installSize-1eXbBX {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .divider-38zUJA {
|
|
background-color: rgba(var(--vbackgroundsecondary),.6);
|
|
}
|
|
#app-mount .premiumTerms-QoMVGx {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 10.20. SPECIALMARKDOWNMODAL ---- */
|
|
|
|
#app-mount .modal-3SaIF0 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .content-RXzE-X ul li::before {
|
|
background-color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 10.21. REPORTPROBLEM ---- */
|
|
|
|
#app-mount .art-clkMXs {
|
|
background-image: url(https://discordapp.oom/assets/2ceb472e89545af8543aa44b072b910d.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .description-FLRtPT {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 10.22. DISPATCHERROR ---- */
|
|
|
|
#app-mount .body-3AvtFJ {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .errorLabel-7OAe-A {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .errorDetails-qKU8eS {
|
|
background: var(--background-secondary);
|
|
border-color: rgba(var(--vbackgroundsecondary),.3);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .closeLink-2MRAUp {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 10.23. HYPESQUADQUIZ ---- */
|
|
|
|
#app-mount .prompt-kcCNXs {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .selectYourAnswer-2lDJj_ {
|
|
color: var(--channels-default);
|
|
}
|
|
#app-mount .separator-PE-_y1 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
|
|
|
|
/* ~~~~ 11. POPOUTS ~~~~ */
|
|
|
|
#app-mount .popout-2iWAc- {
|
|
box-shadow: 0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
|
|
}
|
|
#app-mount .popoutRight-1veHKi.arrowAlignmentMiddle-NBGtsX::before {
|
|
border-right-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .popoutLeft-3aViER.arrowAlignmentMiddle-NBGtsX::before {
|
|
border-left-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX::before,
|
|
#app-mount .popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI::before,
|
|
#app-mount .popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX::before,
|
|
#app-mount .popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI::before,
|
|
#app-mount .popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX::before,
|
|
#app-mount .popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI::before {
|
|
border-bottom-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .popoutTop-3WSJtH::before,
|
|
#app-mount .popoutTopLeft-3B0mFf::before,
|
|
#app-mount .popoutTopRight-1lc8Mq::before {
|
|
border-top-color: rgba(0,0,0,.1) !important;
|
|
}
|
|
#app-mount .popoutTop-3WSJtH::after,
|
|
#app-mount .popoutTopLeft-3B0mFf::after,
|
|
#app-mount .popoutTopRight-1lc8Mq::after {
|
|
border-top-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .content-1nP7fx {
|
|
background-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .leftArrow-fNTiNn::before {
|
|
border-right-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .rightArrow-1u-p-_::before {
|
|
border-left-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .contentNarrowNoMedia-Il01H1.topArrow-1B63md::before,
|
|
#app-mount .contentWideNoMedia-22TIu6.topArrow-1B63md::before {
|
|
border-bottom-color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .background-2lsEHp {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
|
|
#app-mount .popoutLoadingForeground-2mZT61 {
|
|
background-image: linear-gradient(90deg,var(--background-tertiary),var(--background-accent),var(--background-tertiary));
|
|
}
|
|
|
|
/* ---- 11.1. USERPOPOUT ---- */
|
|
|
|
#app-mount .userPopout-3XzG_A {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(var(--vbackgroundtertiary),.6);
|
|
color: #fff;
|
|
}
|
|
#app-mount .headerNormal-T_seeN {
|
|
background: var(--user-background, var(--background-tertiary)) center/cover no-repeat;
|
|
color: var(--user-background, var(--header-primary));
|
|
}
|
|
#app-mount .userPopout-3XzG_A .username-2b1r56 + span {
|
|
opacity: .7;
|
|
}
|
|
#app-mount .headerNormal-T_seeN .headerName-fajvi9,
|
|
#app-mount .headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881 {
|
|
color: var(--user-background, var(--header-primary));
|
|
}
|
|
#app-mount .headerNormal-T_seeN .headerTag-2pZJzA {
|
|
color: var(--user-background, var(--header-primary));
|
|
}
|
|
#app-mount .headerNormal-T_seeN .headerActivityText-gcopRr {
|
|
color: var(--user-background, var(--header-primary));
|
|
opacity: .7;
|
|
}
|
|
#app-mount .headerNormal-T_seeN .date-YN6TCS {
|
|
color: var(--user-background, var(--header-primary));
|
|
opacity: .7;
|
|
}
|
|
#app-mount .headerNormal-T_seeN .customStatus-1bh2V9 {
|
|
color: var(--user-background, var(--header-primary));
|
|
}
|
|
#app-mount .headerNormal-T_seeN .text-AOoUen {
|
|
color: var(--user-background, var(--header-primary));
|
|
opacity: .7;
|
|
}
|
|
#app-mount .headerNormal-T_seeN .bar-3urHkF {
|
|
background-color: rgba(var(--vtextdarkest),.2);
|
|
}
|
|
#app-mount .headerNormal-T_seeN .barInner-3NDaY_ {
|
|
background-color: var(--user-background, var(--header-primary));
|
|
}
|
|
#app-mount .headerNormal-T_seeN .activityName-1IaRLn,
|
|
#app-mount .headerNormal-T_seeN .nameNormal-2lqVQK,
|
|
#app-mount .headerNormal-T_seeN .nameWrap-3Z4G_9 {
|
|
color: var(--user-background, var(--header-primary));
|
|
}
|
|
#app-mount .body-3iLsc4,
|
|
#app-mount .footer-1fjuF6 {
|
|
background-color: var(--background-secondary-alt);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .footer-1fjuF6 {
|
|
border-color: rgba(var(--vbackgroundtertiary),.3);
|
|
}
|
|
|
|
#app-mount .wumpusTooltip-65YlMT {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .wumpusTooltip-65YlMT::after {
|
|
border-color: transparent var(--background-floating) transparent transparent;
|
|
}
|
|
|
|
.role-2irmRk[style*="border-color: rgba(185, 187, 190, 0.6)"],
|
|
.role-3paDXR[style*="border-color: rgba(185, 187, 190, 0.6)"] {
|
|
border-color: rgba(var(--vtextbrighter), 0.6) !important;
|
|
}
|
|
.role-2irmRk .roleCircle-3xAZ1j[style*="background-color: rgb(185, 187, 190)"],
|
|
.role-3paDXR .roleCircle-3DE8xJ[style*="background-color: rgb(185, 187, 190)"] {
|
|
background-color: rgb(var(--vtextbrighter)) !important;
|
|
}
|
|
.role-2irmRk .roleCircle-3xAZ1j[style*="background-color: rgb(185, 187, 190)"] path[fill],
|
|
.role-3paDXR .roleCircle-3DE8xJ[style*="background-color: rgb(185, 187, 190)"] path[fill] {
|
|
fill: rgb(var(--vtextdarkest)) !important;
|
|
}
|
|
|
|
/* ---- 11.2. EMOJIPICKER ---- */
|
|
|
|
#app-mount .wrapper-1GJGVj {
|
|
color: var(--text-muted);
|
|
}
|
|
.categoryItemDefaultCategory-aBZ6nJ:first-child,
|
|
.categoryItemDefaultCategory-aBZ6nJ:first-child + .categoryItemDefaultCategory-aBZ6nJ {
|
|
margin-bottom: 8px;
|
|
}
|
|
#app-mount .sadImage-2ph8SI {
|
|
background-image: url(https://discordapp.com/assets/e25713e4eba8c1e069ceac8f90262f62.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .imageLoading-bpSr0M {
|
|
background: var(--background-tertiary);
|
|
border-radius: 10px;
|
|
}
|
|
.premiumPromoClose-1w65km {
|
|
-webkit-mask: url(https://discordapp.com/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat;
|
|
background: var(--interactive-normal);
|
|
}
|
|
.premiumPromoClose-1w65km:hover {
|
|
background: var(--interactive-hover);
|
|
}
|
|
.premiumPromoClose-1w65km:active {
|
|
background: var(--interactive-active);
|
|
}
|
|
#app-mount .categoryItemDefaultCategorySelected-_HCKoz .categoryIcon-1SvUHG,
|
|
#app-mount .categoryItemDefaultCategorySelected-_HCKoz:hover .categoryIcon-1SvUHG {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
#app-mount .focused-1En8bG,
|
|
#app-mount .result-3w1ZcL:hover {
|
|
box-shadow: 0 11px 22px 1px rgba(4,4,5,.3);
|
|
}
|
|
#app-mount .focused-1En8bG::after,
|
|
#app-mount .result-3w1ZcL:hover::after {
|
|
box-shadow: inset 0 0 0 2px ,inset 0 0 0 3px var(--background-secondary);
|
|
}
|
|
#app-mount .placeholder-1kJjXI {
|
|
background: rgba(var(--vtextdarkest),.6);
|
|
}
|
|
#app-mount .endContainer-1ZDW8j::after {
|
|
background-image: url(https://discordapp.com/assets/2052722a3703f91daba4979d8c2effb7.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .endText-3SrwuD {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyHintCard-2mUdMe {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .container-3ISnnM {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .header-1TOWci {
|
|
box-shadow: 0 1px 0 0 rgba(var(--vbackgroundfloating),.3),0 1px 2px 0 rgba(var(--vbackgroundfloating),.3);
|
|
}
|
|
#app-mount .backButton-JyKGC1 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .backButton-JyKGC1:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .backButton-JyKGC1:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .content-ySCtCx::after {
|
|
background: rgba(var(--vbackgroundaccent),.3);
|
|
}
|
|
|
|
/* ---- 11.3. SEARCHPOPOUT ---- */
|
|
|
|
.DraftEditor-editorContainer {
|
|
background-color: transparent;
|
|
border-left: .1px solid transparent;
|
|
}
|
|
.public-DraftEditorPlaceholder-root {
|
|
color: var(--channels-default);
|
|
}
|
|
.public-DraftEditorPlaceholder-hasFocus {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .searchAnswer-3Dz2-q,
|
|
#app-mount .searchFilter-2ESiM3 {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .container-3ayLPN {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .queryContainer-RKFJW- {
|
|
border-bottom-color: rgba(var(--vbackgroundtertiary),.3);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .queryContainer-RKFJW- strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .focused-2bY0OD {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .resultsGroup-r_nuzN::before {
|
|
border-top: 1px solid rgba(var(--vbackgroundtertiary),.3);
|
|
}
|
|
#app-mount .resultsGroup-r_nuzN .header-2N-gMV,
|
|
#app-mount .resultsGroup-r_nuzN .plusIcon-v0BTrL,
|
|
#app-mount .resultsGroup-r_nuzN .searchClearHistory-2cSSMO,
|
|
#app-mount .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .option-96V44q::after {
|
|
background: linear-gradient(90deg,transparent,var(--background-primary) 80%);
|
|
}
|
|
#app-mount .option-96V44q.selected-rZcOL- {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .option-96V44q.selected-rZcOL-::after {
|
|
background: linear-gradient(90deg,transparent,var(--background-tertiary) 50%);
|
|
}
|
|
#app-mount .option-96V44q .answer-1n6g43,
|
|
#app-mount .option-96V44q .nonText-3CRkO0,
|
|
#app-mount .option-96V44q strong {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .option-96V44q .filter-3Y_im- {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .option-96V44q.user-O3Czj0 .displayUsername-Qekxml {
|
|
color: var(--interactive-muted);
|
|
}
|
|
#app-mount .searchOption-zQ-1l6 .filter-3Y_im- {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .searchOption-zQ-1l6 .answer-1n6g43 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw {
|
|
border-top: 1px solid rgba(var(--vbackgroundtertiary),.3);
|
|
}
|
|
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .searchResultChannelCategory-1l0lSn,
|
|
#app-mount .searchResultChannelIcon-1DnTme {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__header {
|
|
background-color: var(--background-primary);
|
|
border-color: rgba(var(--vbackgroundfloating),.2);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__current-month {
|
|
border-bottom-color: rgba(var(--vbackgroundfloating),.3);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next,
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous {
|
|
-webkit-mask: url(https://discordapp.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) 50%/6px 12px no-repeat;
|
|
background: var(--interactive-normal);
|
|
border-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next:hover,
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous:hover {
|
|
background: var(--interactive-hover);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next:active,
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous:active {
|
|
background: var(--interactive-active);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type .react-datepicker__day {
|
|
border-bottom-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__week .react-datepicker__day:last-of-type {
|
|
border-right-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day-name {
|
|
color: rgba(var(--vtextbrightest),.6);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day {
|
|
border-top-color: var(--background-floating);
|
|
border-left-color: var(--background-floating);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover,
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day:hover {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled,
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled:hover {
|
|
background-color: var(--background-secondary);
|
|
color: rgba(var(--vtextbrightest),.3);
|
|
}
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day--disabled,
|
|
#app-mount .calendarPicker-2yf6Ci .react-datepicker__day--outside-month {
|
|
background-color: var(--background-secondary);
|
|
color: rgba(var(--vtextbrightest),.3);
|
|
}
|
|
|
|
/* ---- 11.4. ADDROLE ---- */
|
|
|
|
#app-mount .container-VSDcQc .input-1ppKdn {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container-VSDcQc .input-1ppKdn::-webkit-input-placeholder,
|
|
#app-mount .container-VSDcQc .input-1ppKdn::-moz-placeholder,
|
|
#app-mount .container-VSDcQc .input-1ppKdn:-ms-input-placeholder,
|
|
#app-mount .container-VSDcQc .input-1ppKdn::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .container-VSDcQc .sectionTag-pXyto9 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .autocompleteArrow-Zxoy9H,
|
|
#app-mount .autocompleteShadow-iiGWFU {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(var(--vbackgroundtertiary),.6);
|
|
}
|
|
#app-mount .autocompleteArrow-Zxoy9H,
|
|
#app-mount .header-2bNvm4 {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .empty-3hoe1g .noResultsHeader-pqW4H- {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .empty-3hoe1g p {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 11.5. EVERYONEMENTION ---- */
|
|
|
|
#app-mount .everyonePopout-nEbJY3 {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(var(--vbackgroundtertiary),.6);
|
|
}
|
|
#app-mount .header-3_S6dz {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .body-2iXqIL {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .body-2iXqIL .animation-3GofIz {
|
|
opacity: .5;
|
|
}
|
|
#app-mount .buttonHint-2OxJB8 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .buttonHint-2OxJB8 strong {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .footer-2aTx0s {
|
|
background-color: rgba(var(--vbackgroundtertiary),.4);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .footer-2aTx0s strong {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.6. CHANNELFOLLOW ---- */
|
|
|
|
#app-mount .header-1pGpFt {
|
|
background: var(--background-tertiary);
|
|
}
|
|
#app-mount .header-1pGpFt::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discordapp.com/assets/cb89c31c79a62ae99ec12351c1efb277.svg) center/cover no-repeat;
|
|
}
|
|
|
|
/* ---- 11.7. CHANNELFOLLOWINFO ---- */
|
|
|
|
#app-mount .guildPopout-3CgKqR {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(var(--vbackgroundtertiary),.6);
|
|
}
|
|
#app-mount .guildName-vhRkcC {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .dotOffline-3gYNLJ {
|
|
background-color: var(--header-secondary);
|
|
}
|
|
#app-mount .placeholderSkeleton-2WHb-r {
|
|
background: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 11.8. STREAMPREVIEW ---- */
|
|
|
|
#app-mount .streamPreview-2-WUWT {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .previewContainer-12UlHl {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
#app-mount .applicationName-31eLkz {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .watchButton-2SbJEo {
|
|
border-color: var(--text-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .watchButton-2SbJEo:not([disabled]):hover {
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .previewHover-1tGzfF {
|
|
background: rgba(0,0,0,.6);
|
|
}
|
|
|
|
/* ---- 11.9. ROLEOVERFLOW ---- */
|
|
|
|
#app-mount .overflowRolesPopoutHeaderText-1SW-y3 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .actionButton-VzECiy {
|
|
border-color: var(--header-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .overflowRolesPopout-140n9i {
|
|
color: rgba(var(--vtextbrightest),.8);
|
|
}
|
|
#app-mount .overflowRolesPopout-140n9i,
|
|
#app-mount .overflowRolesPopoutArrow-2O66oH {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(var(--vbackgroundtertiary),.6);
|
|
}
|
|
|
|
/* ---- 11.10. PUBLICGUILDANNOUNCEMENT ---- */
|
|
|
|
#app-mount .popout-6p6fkZ {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),0 0 0 1px rgba(var(--vbackgroundtertiary),.6);
|
|
}
|
|
#app-mount .popout-6p6fkZ {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 11.11. QUICKSELECTPOPOUT ---- */
|
|
|
|
#app-mount .selectableItem-1MP3MQ {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .selectableItem-1MP3MQ:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .popoutList-T9CKZQ {
|
|
background: var(--background-primary);
|
|
}
|
|
#app-mount .popoutListEmpty-voOEBJ {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .quickSelectArrow-1QublR {
|
|
-webkit-mask: url(https://discordapp.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat;
|
|
background: var(--interactive-normal);
|
|
}
|
|
#app-mount .quickSelectPopout-X1hvgV {
|
|
background: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .quickSelectPopoutOption-opKBx9:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
|
|
/* ---- 11.12. RTCSTATUSPOPOUT ---- */
|
|
|
|
#app-mount .container-2x5lvQ{
|
|
width: 260px;
|
|
}
|
|
#app-mount .container-2x5lvQ .header-2C89wJ {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container-2x5lvQ canvas {
|
|
background-color: #36393f;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
#app-mount .container-2x5lvQ section {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .container-2x5lvQ section p {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container-2x5lvQ section strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .debugButton-1Zec0y {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .krispLogo-a9msDI {
|
|
-webkit-mask: url(https://discordapp.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 11.13. PHONE-/EMAILVALIDATION ---- */
|
|
|
|
#app-mount .input-3yHnCz {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .phoneFieldPopout-h7c9mt .countryName-3dA1Xv {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .phoneFieldPopout-h7c9mt .countryCode-2TeNMX {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .activityInviteEducationArrow-3DEpKU {
|
|
-webkit-mask: url(https://discordapp.com/assets/ba018cf9baa19824316dc4c2beb080a4.svg) center/contain no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .emailVerificationModal-3cfLjL .title-38uBel {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .emailVerificationModal-3cfLjL .body-1_Foxn {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .verification-3RfWYC .image-2LVZ_j {
|
|
background-image: url(https://discordapp.com/assets/c290235278e128e94ae5ac37e58c5cbb.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verification-3RfWYC .title-wZCcDo {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .verification-3RfWYC .body-3ROqbj,
|
|
#app-mount .verification-3RfWYC .footer-1eZumv {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .verificationBlock-1Chfpc {
|
|
border: 1px solid var(--background-tertiary);
|
|
}
|
|
#app-mount .verificationBlock-1Chfpc:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .verificationBlock-1Chfpc .image-2LVZ_j.email-1MPDs- {
|
|
background-image: url(https://discordapp.com/assets/cefc9c14adce616059f519c581331b32.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verificationBlock-1Chfpc .image-2LVZ_j.phone-27MBJz {
|
|
background-image: url(https://discordapp.com/assets/ca452f5271ebcc7132db59f60a2a9cfe.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verificationBlock-1Chfpc .body-3ROqbj {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 12. BDSUPPORT ~~~~ */
|
|
|
|
#bd-pub-button {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
html .bd-settings-group.collapsible .bd-settings-title:hover {
|
|
color: var(--text-normal);
|
|
cursor: pointer;
|
|
}
|
|
html .bd-settings-group.collapsible .bd-settings-title::before {
|
|
background-color: currentColor;
|
|
opacity: 0.2;
|
|
}
|
|
html .bd-settings-group.collapsible .bd-settings-title::after {
|
|
background-color: currentColor;
|
|
}
|
|
|
|
#app-mount .fav {
|
|
background: var(--header-primary);
|
|
width: 16px;
|
|
height: 16px;
|
|
padding: 0;
|
|
-webkit-mask: url('data:image/svg+xml;utf8, <svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M19.6, 9l-4.2-0.4c-0.4, 0-0.7-0.3-0.8-0.6l-1.6-3.9c-0.3-0.8-1.5-0.8-1.8, 0L9.4, 8.1C9.3, 8.4, 9, 8.6, 8.6, 8.7L4.4, 9 c-0.9, 0.1-1.2, 1.2-0.6, 1.8L7, 13.6c0.3, 0.2, 0.4, 0.6, 0.3, 1l-1, 4.1c-0.2, 0.9, 0.7, 1.5, 1.5, 1.1l3.6-2.2c0.3-0.2, 0.7-0.2, 1, 0l3.6, 2.2 c0.8, 0.5, 1.7-0.2, 1.5-1.1l-1-4.1c-0.1-0.4, 0-0.7, 0.3-1l3.2-2.8C20.9, 10.2, 20.5, 9.1, 19.6, 9z M12, 15.4l-3.8, 2.3l1-4.3l-3.3-2.9 l4.4-0.4l1.7-4l1.7, 4l4.4, 0.4l-3.3, 2.9l1, 4.3L12, 15.4z"></path></svg>') center/contain no-repeat;
|
|
}
|
|
#app-mount .fav:hover,
|
|
#app-mount .fav.active {
|
|
background: #faa61a;
|
|
}
|
|
#app-mount .fav.active {
|
|
-webkit-mask: url('data:image/svg+xml;utf8, <svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M0, 0H24V24H0Z" fill="none"></path><path fill="currentColor" d="M12.5, 17.6l3.6, 2.2a1, 1, 0, 0, 0, 1.5-1.1l-1-4.1a1, 1, 0, 0, 1, .3-1l3.2-2.8A1, 1, 0, 0, 0, 19.5, 9l-4.2-.4a.87.87, 0, 0, 1-.8-.6L12.9, 4.1a1.05, 1.05, 0, 0, 0-1.9, 0l-1.6, 4a1, 1, 0, 0, 1-.8.6L4.4, 9a1.06, 1.06, 0, 0, 0-.6, 1.8L7, 13.6a.91.91, 0, 0, 1, .3, 1l-1, 4.1a1, 1, 0, 0, 0, 1.5, 1.1l3.6-2.2A1.08, 1.08, 0, 0, 1, 12.5, 17.6Z"></path></svg>') center/contain no-repeat;
|
|
}
|
|
|
|
#app-mount .bd-modal-wrapper .bd-modal-inner {
|
|
background-color: var(--background-primary);
|
|
border: none;
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.3),0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .bd-modal-wrapper .header,
|
|
#app-mount .bd-modal-wrapper .bd-modal-body {
|
|
background: transparent;
|
|
box-shadow: none;
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bd-modal-wrapper .tab-bar-container {
|
|
background: rgba(0,0,0,.2);
|
|
box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
|
|
}
|
|
#app-mount .bd-modal-wrapper .tab-bar-container .tab-bar-item {
|
|
border-bottom-color: transparent !important;
|
|
color: var(--interactive-normal) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
#app-mount .bd-modal-wrapper .tab-bar-container .tab-bar-item:hover {
|
|
border-bottom-color: var(--interactive-hover) !important;
|
|
color: var(--interactive-hover) !important;
|
|
}
|
|
#app-mount .bd-modal-wrapper .tab-bar-container .tab-bar-item:active,
|
|
#app-mount .bd-modal-wrapper .tab-bar-container .tab-bar-item.selected {
|
|
border-bottom-color: var(--interactive-active) !important;
|
|
color: var(--interactive-active) !important;
|
|
cursor: default;
|
|
}
|
|
#app-mount .bd-modal-wrapper .table-header {
|
|
border: none;
|
|
color: var(--header-primary);
|
|
cursor: default;
|
|
}
|
|
#app-mount .bd-modal-wrapper .table-column {
|
|
border-right: 1px solid transparent;
|
|
margin-right: 20px;
|
|
min-width: 20%;
|
|
}
|
|
#app-mount .bd-modal-wrapper .table-column.column-error {
|
|
margin-right: 0;
|
|
min-width: 50%;
|
|
}
|
|
#app-mount .bd-modal-wrapper .table-header .table-column:not(:last-child) {
|
|
border-right-color: var(--background-modifier-accent);
|
|
}
|
|
#app-mount .bd-modal-wrapper .error {
|
|
border-top: 1px solid var(--background-modifier-accent);
|
|
border-bottom: none;
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount #pubslayer .ui-tab-bar-header,
|
|
#app-mount #bd-settings-sidebar .ui-tab-bar-header {
|
|
color: var(--channels-default);
|
|
}
|
|
#app-mount #bd-settings-sidebar .ui-tab-bar-header .bd-changelog-button .bd-icon {
|
|
fill: var(--channels-default);
|
|
}
|
|
#app-mount #bd-settings-sidebar .ui-tab-bar-header .bd-changelog-button:hover .bd-icon {
|
|
fill: var(--interactive-hover);
|
|
}
|
|
#app-mount #bd-settings-sidebar .ui-tab-bar-header .bd-changelog-button:active .bd-icon {
|
|
fill: var(--interactive-active);
|
|
}
|
|
#app-mount #pubslayer .ui-tab-bar-item,
|
|
#bd-settings-sidebar .ui-tab-bar-item {
|
|
margin-bottom: 2px;
|
|
}
|
|
#app-mount #pubslayer .ui-tab-bar-item,
|
|
#app-mount #bd-settings-sidebar .ui-tab-bar-item {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount #pubslayer .ui-tab-bar-item:hover,
|
|
#app-mount #bd-settings-sidebar .ui-tab-bar-item:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount #pubslayer .ui-tab-bar-item.selected,
|
|
#app-mount #bd-settings-sidebar .ui-tab-bar-item.selected {
|
|
background-color: var(--background-modifier-selected);
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
#app-mount #pubslayer input {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount #pubslayer input:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
|
|
#app-mount #bd-settingspane-container h2.ui-form-title {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount #bd-settingspane-container .ui-switch-item h3 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount #bd-settingspane-container .ui-switch-item .style-description {
|
|
border-bottom: thin solid var(--background-modifier-accent);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .bd-search-wrapper {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .bd-search {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bd-search::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .bd-search-wrapper svg {
|
|
fill: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .bd-select-wrapper .bd-label {
|
|
color: var(--text-muted);
|
|
opacity: 1;
|
|
}
|
|
#app-mount .bd-select {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .bd-select.bd-select-transparent {
|
|
align-items: center;
|
|
}
|
|
#app-mount .bd-select-arrow {
|
|
fill: var(--interactive-normal);
|
|
}
|
|
#app-mount .bd-select .bd-select-options {
|
|
background: var(--background-floating);
|
|
border: none;
|
|
border-radius: 4px;
|
|
box-shadow: var(--elevation-high);
|
|
box-sizing: border-box;
|
|
padding: 6px 8px;
|
|
margin-left: -9px;
|
|
}
|
|
#app-mount .bd-select .bd-select-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;
|
|
}
|
|
#app-mount .bd-select .bd-select-option:hover,
|
|
#app-mount .bd-select .bd-select-option.selected {
|
|
background-color: rgb(var(--vaccentcolor));
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
#app-mount .bd-addon-list .bd-addon-card {
|
|
background-color: var(--deprecated-card-bg);
|
|
border-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
max-height: unset;
|
|
}
|
|
#app-mount .bd-addon-list .bd-addon-header {
|
|
border-bottom-color: var(--background-modifier-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bd-addon-list .bd-addon-header > .bd-icon {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .bd-addon-card .bd-description::-webkit-scrollbar-track {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
#app-mount .bd-addon-button .bd-icon {
|
|
fill: var(--interactive-normal);
|
|
}
|
|
#app-mount .bd-addon-button .bd-icon:hover {
|
|
fill: var(--interactive-hover);
|
|
}
|
|
#app-mount .bd-addon-button .bd-icon:active {
|
|
fill: var(--interactive-active);
|
|
}
|
|
#app-mount .bd-addon-list .bd-description {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .bd-addon-card .bd-description::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
#app-mount .bd-addon-card .bd-description::-webkit-scrollbar-thumb {
|
|
background-color: var(--background-tertiary);
|
|
min-height: 40px;
|
|
}
|
|
#app-mount .bd-addon-card .bd-description::-webkit-scrollbar-thumb,
|
|
#app-mount .bd-addon-card .bd-description::-webkit-scrollbar-track {
|
|
border: 2px solid transparent;
|
|
background-clip: padding-box;
|
|
border-radius: 18px;
|
|
}
|
|
#app-mount .bd-addon-list .bd-footer {
|
|
border-top-color: var(--background-modifier-accent);
|
|
}
|
|
#app-mount .bd-addon-card.settings-open svg .fill {
|
|
fill: var(--interactive-normal);
|
|
}
|
|
#app-mount .bd-addon-card.settings-open svg:hover .fill {
|
|
fill: var(--interactive-hover);
|
|
}
|
|
#app-mount .bd-addon-card.settings-open svg:active .fill {
|
|
fill: var(--interactive-active);
|
|
}
|
|
#app-mount .bd-addon-card.settings-open::-webkit-scrollbar {
|
|
width: 16px;
|
|
}
|
|
#app-mount .bd-addon-card.settings-open::-webkit-scrollbar-thumb {
|
|
background-color: var(--background-tertiary);
|
|
min-height: 40px;
|
|
}
|
|
#app-mount .bd-addon-card.settings-open::-webkit-scrollbar-thumb,
|
|
#app-mount .bd-addon-card.settings-open::-webkit-scrollbar-track {
|
|
border: 4px solid transparent;
|
|
background-clip: padding-box;
|
|
border-radius: 8px;
|
|
}
|
|
#app-mount .bd-addon-card.settings-open::-webkit-scrollbar-track {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
#bd-customcss-attach-controls {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: none;
|
|
border-radius: 0 0 5px 5px;
|
|
}
|
|
.contentRegion-3nDuYy #bd-customcss-attach-controls,
|
|
#bd-customcss-detach-container #bd-customcss-attach-controls {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
.standardSidebarView-3F1I7i #bd-customcss-attach-controls button,
|
|
.bd-detached-css-editor #bd-customcss-attach-controls button {
|
|
background-color: var(--background-secondary);
|
|
border: none !important;
|
|
border-radius: 3px !important;
|
|
color: var(--header-secondary);
|
|
margin: 5px 5px 0 0;
|
|
transition: background-color 0.1s ease;
|
|
}
|
|
.standardSidebarView-3F1I7i #bd-customcss-attach-controls button:hover,
|
|
.bd-detached-css-editor #bd-customcss-attach-controls button:hover {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
.standardSidebarView-3F1I7i #editor-detached h3 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#bd-customcss-attach-controls .help-text .inline {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
html .floating-window.resizable {
|
|
background: var(--background-tertiary);
|
|
border-radius: 3px;
|
|
}
|
|
html .floating-window-titlebar {
|
|
background: var(--background-tertiary);
|
|
border-bottom-color: var(--background-modifier-hover);
|
|
color: var(--header-primary);
|
|
width: unset;
|
|
height: 32px;
|
|
padding: 0;
|
|
}
|
|
html .floating-window-buttons,
|
|
html .floating-window-buttons .button {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0;
|
|
}
|
|
html .floating-window-buttons .button {
|
|
width: 32px;
|
|
}
|
|
html .floating-window-buttons .button:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--interactive-hover);
|
|
}
|
|
html .floating-window-buttons .close-button:hover {
|
|
background-color: #f04747;
|
|
color: var(--interactive-hover);
|
|
}
|
|
html .floating-window-buttons .button svg {
|
|
margin: 0;
|
|
}
|
|
html .floating-window-buttons .close-button svg path.fill,
|
|
html .floating-window-buttons .button:not(.close-button) svg path:not([fill]) {
|
|
fill: var(--interactive-normal);
|
|
}
|
|
html .floating-window-buttons .button:not(.close-button):hover svg path:not([fill]) {
|
|
fill: var(--interactive-hover);
|
|
}
|
|
html .floating-window-buttons .close-button:hover svg path.fill {
|
|
fill: #fff;
|
|
}
|
|
html .floating-window-content {
|
|
background: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
html #bd-editor-controls,
|
|
html .floating-window #bd-editor-controls {
|
|
box-shadow: unset;
|
|
height: 32px;
|
|
padding: 0;
|
|
}
|
|
html .controls-section,
|
|
html #bd-editor-controls button {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0;
|
|
}
|
|
html #bd-editor-controls button {
|
|
color: var(--interactive-normal);
|
|
border-radius: 0;
|
|
margin: 0;
|
|
width: 32px;
|
|
}
|
|
html #bd-editor-controls button:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--interactive-hover);
|
|
}
|
|
html #bd-editor-controls button path:not([fill]) {
|
|
fill: currentColor;
|
|
}
|
|
|
|
html #bd-editor-panel #bd-editor-controls {
|
|
background-color: var(--background-tertiary);
|
|
border-radius: 5px 5px 0 0;
|
|
overflow: hidden;
|
|
}
|
|
html #bd-editor-panel .editor-wrapper {
|
|
background-color: var(--background-secondary);
|
|
border-radius: 0 0 5px 5px;
|
|
overflow: hidden;
|
|
}
|
|
html .floating-window #bd-editor-panel .editor-wrapper:last-child {
|
|
border-radius: 0;
|
|
}
|
|
|
|
html .monaco-editor,
|
|
html .monaco-editor-background,
|
|
html .monaco-editor .inputarea.ime-input,
|
|
html .monaco-editor .margin {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
html .monaco-editor,
|
|
html .monaco-editor .inputarea.ime-input {
|
|
color: var(--text-normal);
|
|
}
|
|
html .mtk9 {
|
|
color: var(--text-normal);
|
|
}
|
|
html .monaco-editor .line-numbers {
|
|
color: var(--channels-default);
|
|
}
|
|
html .monaco-editor .bracket-match {
|
|
border-color: var(--channels-default);
|
|
}
|
|
html .monaco-editor .lines-content .cigr {
|
|
box-shadow: 1px 0 0 0 var(--interactive-muted) inset;
|
|
}
|
|
html .monaco-editor .view-overlays .current-line {
|
|
border-color: var(--interactive-muted);
|
|
}
|
|
|
|
html .monaco-editor .selected-text {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
html .monaco-editor .focused .selected-text {
|
|
background-color: rgb(var(--vmentioncolor));
|
|
}
|
|
|
|
html .monaco-editor.rename-box {
|
|
background-color: var(--background-secondary) !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-editor.rename-box .rename-input {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--text-normal) !important;
|
|
}
|
|
html .monaco-editor .find-widget {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 2px 10px 0 rgba(0,0,0,.2);
|
|
color: var(--header-secondary);
|
|
}
|
|
html .monaco-editor .find-widget .monaco-sash {
|
|
background-color: var(--background-accent);
|
|
}
|
|
html .monaco-editor .find-widget .monaco-inputbox,
|
|
html .monaco-editor .find-widget .monaco-inputbox textarea {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--text-normal) !important;
|
|
}
|
|
html .monaco-editor .find-widget .button:not(.disabled):hover,
|
|
html .monaco-editor.hc-black .find-widget .button:not(.disabled):hover,
|
|
html .monaco-editor.vs-dark .find-widget .button:not(.disabled):hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
html .monaco-editor .monaco-editor-hover {
|
|
background-color: var(--background-secondary) !important;
|
|
border: unset !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-editor .monaco-editor-hover .hover-row:not(:first-child):not(:empty) {
|
|
border-color: var(--background-modifier-accent);
|
|
}
|
|
html .monaco-editor .monaco-editor-hover .hover-row .actions {
|
|
background-color: var(--background-floating);
|
|
}
|
|
html .monaco-editor .monaco-editor-hover .monaco-editor-hover-content[style*="max-height"] {
|
|
max-height: 300px !important;
|
|
}
|
|
|
|
html .monaco-quick-open-widget {
|
|
background-color: var(--background-secondary) !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-quick-open-widget input {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--text-normal) !important;
|
|
}
|
|
html .monaco-quick-open-widget .results-group {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
html .monaco-tree[class*="monaco-tree-instance"] .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-tree[class*="monaco-tree-instance"] .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) .results-group {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
|
|
html .monaco-editor .findOptionsWidget {
|
|
background-color: var(--background-secondary) !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
|
|
html .monaco-editor .peekview-widget .head {
|
|
background: var(--background-tertiary) !important;
|
|
}
|
|
html .monaco-editor .peekview-widget .head .peekview-title .filename {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-editor .peekview-widget .head .peekview-title .dirname {
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-editor .reference-zone-widget .ref-tree {
|
|
background: var(--background-secondary) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-list[class*="list_id"] .monaco-list-rows {
|
|
background: var(--background-secondary) !important;
|
|
}
|
|
html .monaco-list[class*="list_id"] .monaco-list-row {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
html .monaco-drag-image,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused:hover,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected:hover,
|
|
html .monaco-list[class*="list_id"]:focus .monaco-list-row.selected.focused,
|
|
html .monaco-list[class*="list_id"]:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused:hover,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected:hover,
|
|
html .monaco-list[class*="list_id"]:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) {
|
|
background: var(--background-primary) !important;
|
|
}
|
|
html .monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
|
|
background: var(--background-secondary) linear-gradient(0deg, rgba(var(--vaccentcolor), 0.1), rgba(var(--vaccentcolor), 0.1));
|
|
}
|
|
html .monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
|
|
html .monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
|
|
background: var(--background-secondary) linear-gradient(0deg, rgba(var(--vaccentcolor), 0.1), rgba(var(--vaccentcolor), 0.1));
|
|
}
|
|
html .monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
|
|
background: var(--background-primary) !important;
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
|
|
background: rgb(var(--vmentioncolor));
|
|
}
|
|
html .codicon-close,
|
|
html .codicon-remove-close,
|
|
html .codicon-x {
|
|
color: var(--interactive-normal) !important;
|
|
}
|
|
html .codicon-close:hover,
|
|
html .codicon-remove-close:hover,
|
|
html .codicon-x:hover {
|
|
color: var(--interactive-hover) !important;
|
|
}
|
|
|
|
html .monaco-menu .monaco-action-bar.vertical {
|
|
cursor: default;
|
|
background: var(--background-floating) !important;
|
|
border-radius: 4px;
|
|
box-shadow: var(--elevation-high);
|
|
box-sizing: border-box;
|
|
color: var(--text-normal) !important;
|
|
padding: 8px 6px;
|
|
height: auto;
|
|
max-height: calc(100vh - 32px);
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-label.separator {
|
|
border-bottom: 1px solid var(--background-modifier-accent) !important;
|
|
box-sizing: border-box;
|
|
margin: 4px;
|
|
padding: 0;
|
|
opacity: 1;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-color: var(--interactive-normal) !important;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
color: var(--interactive-normal) !important;
|
|
cursor: pointer;
|
|
margin: 2px 0;
|
|
padding: 6px 8px;
|
|
line-height: 18px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
box-sizing: border-box;
|
|
min-height: 32px;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item[style*="color: rgb(255, 255, 255)"],
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover {
|
|
border-color: #ffffff !important;
|
|
color: #ffffff !important;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item > * {
|
|
border-color: currentColor !important;
|
|
color: currentColor !important;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-label {
|
|
flex: 1 1 auto;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
font-size: unset;
|
|
line-height: unset;
|
|
text-overflow: ellipsis;
|
|
padding: unset;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .keybinding,
|
|
html .monaco-menu .monaco-action-bar.vertical .submenu-indicator {
|
|
font-size: unset;
|
|
line-height: unset;
|
|
padding-left: unset;
|
|
flex: 0 0 auto;
|
|
max-height: 18px;
|
|
margin-left: 8px;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .submenu-indicator.codicon::before {
|
|
margin-left: 0;
|
|
margin-right: -4px;
|
|
flex: 2 1 auto;
|
|
}
|
|
|
|
|
|
/* ~~~~ 13. POWERCORDSUPPORT ~~~~ */
|
|
|
|
.powercord-toast .header {
|
|
background-color: var(--background-floating);
|
|
box-shadow: var(--elevation-medium);
|
|
}
|
|
|
|
.powercord-pc-icon {
|
|
margin-right: 4px;
|
|
}
|
|
.powercord-pc-icon svg {
|
|
padding-right: 0;
|
|
width: 28px;
|
|
}
|
|
.powercord-pc-icon::before {
|
|
background: var(--interactive-normal);
|
|
-webkit-mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcEAAAHBAgMAAABs1eh7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURQAAAK2trf///xHpVx0AAAACdFJOUwAQayTdXAAABbVJREFUeNrt3UFy8jgQQGFVL2aho+iUqjmJalYqnXISYAgmwbjVrcfkp30Av5I/2RhHMSnZtzx6QrcyPjYyKJ9BdJTjvFUsmC/Fziqikv8FR4MPKndYrwcVO6xfQWi2yk2xwYwU5A0jBDnoomyKFWZkpk7Bi5sgMVkFL2a8uGUkTo9BFwUv5vtipRnXFwddFLyY8WLBi9+Cqy/lghczXix4cdDFHxgXz9WMFwteHHRR8GLGiz8xDpxx4IwDZ+w4Y8cZG87YaMalp2PBi4M+OX5m7DhjC8ZgfFfGMmBGuUpRjPk6DIqxXKkoxus4QMaLFch4GQjJeMYiGU8jQRlPWijjaSgs4ycXy/gxFpjxwwtm/BgMzfhooz6DCcYH20LGB1swBmMw/rmMGWcsNOOzYsOLFS8mutjx4oqv/3mScd44zzEakGWKMVuUZxjFdO6UCUbbcsg8wWg7XUXPKLazR/SMxuWQWc9oXA5ZDIxzs9XCOAVpYpyCtDHOFG2MM1PHxjgxdYyME0Uj48RktTLqi1ZG9WQ1M6qLZkb16WFmVBfNjNqinVFbdGBUXgIcGJVF/W2ccTmk6G9Vjcshs/523Lgcsui/chi/0+q/VomtKPqvjtlWzPqvx8VWnHgEYHw2oX9aZVwOOfFEzrgc8tnzsX7Mobox/gRpfMb0LPh9X2J7xiRPi+2Qgx/jD5DG5ZBPGb/vzPjk7nnwHlJsT+7kQLEdcOiOjN/2VmzPCg8w3hsZn04eCW4hxfaQWQ4V23OH6sl4B1lsJ8chxu3+jI+1jwVvj5lxrYAcLLZnDs2XcTME41qBg4y3kMa/hxwNfo0BYrxxghhvBkExfkFRjNdRYIxeyyGzothpRqflkJqgy3JIURUbzOizHFLF6LIcUhd0WA4pymKDGT2WQyoZHZZDaoPm5ZCiLjaY0b4cUs1oXvLhFVzIaF3ykb2KwRiMwRiMwRiMfwij4IwZZyw0o1ux4VO14sVET9WOF48zZpwx04xeJ0fHiw0vev4Z15sx4YwJZ0w4o+CMgjMKzig0o1Mx0cWOFxterHgxvcEY2xvMVf58fME1p73BZ4cKEr8H+LX3Ofy9nAaSvyf/td87FMWMTx3+GytflDcopncoFvzCyhczfc15wb1VoieOT1H3z4AFZvSZOipGl6mTEgyp/Z/OAjN6QFZlUWhGO6T+P9cLzGiHrOqi0IxWyJl3VxSY0QpZJ4pCM9og597sMgn5zyzjNGSdZZyGvHnxLQPZb17uy0C2mxcYM5D189jUyaJMnogyO8QpSOPbwgpzPbVBVltRoOupBdL80rcCM05AVnyMiXY0M0owBmMwBmMwBmMwBmMw/kbGjDMWmlFdbHix4sVEFztebHix4kV7cOZlBOh11YFx5qUSKKRHcOblICCkC+PMS158If9ezngPmZYz3kH2vbnrxLiFbDPvtTWNse7N3bSiuDd33X5II9/ttCxnLHc7zasZN8W6dxFKK6bq3kWoryj2vU+TtmKqtr1Pk7qiWPc+TdKKk2Pv06SvKPa92wI3xtPu23aneSnjqVjLZqeylPH8M6h5u9OljKe9n0fV9+7vmnMxbXeaVzLKuL6fqu7d3yXvYt7udCXjpSjbnZaFjHLZ3XaneR3jad/nz+HdG/XkW6xPb9T7+mJZxviomJcxPirKMsaHy3qWMT4s5lWMD4uy6qA+XixVFh3Ux8W8ZqbuFNOiIe4UZc0Q9xa9lQUTdb94Trr//OLuwj5Z9QOzCd2iGEXXT+Qo/sJiQ4vykmKPovc28IvOa4rsCVleUmRPyIxP1vySE3LwxYqfHg0vdvz0GHyx0qcHCyk4pAwccuCQBYfMbwApPOTAIQsOmQMyIAMyIAMyIAMyIAMyIP/3kH8FZJyRARmQARmQARmQARmQARmQIORb/OEs4ZAJh0w4ZMIhEw6ZaEh45ZXgxY/D2hJ9WB139i9DGxh/HluS1wAAAABJRU5ErkJggg==") left/18px 18px no-repeat;
|
|
}
|
|
.powercord-pc-icon:hover::before {
|
|
background: var(--interactive-hover);
|
|
}
|
|
.powercord-pc-icon:active::before {
|
|
background: var(--interactive-active);
|
|
}
|
|
|
|
|
|
/* ~~~~ 14. PLUGINSUPPPORT ~~~~ */
|
|
|
|
/* ---- 14.1. MEMBERCOUNT ---- */
|
|
|
|
#app-mount #MemberCount {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
/* ---- 14.2. CHANNELTABS ---- */
|
|
|
|
html .channelTabs-tabContainer,
|
|
html .channelTabs-favContainer {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
min-height: 28px;
|
|
height: unset;
|
|
overflow: hidden;
|
|
transition: height 0.3s linear;
|
|
}
|
|
html .channelTabs-tabContainer {
|
|
background-color: var(--background-secondary-alt);
|
|
border-bottom: 3px solid var(--background-tertiary);
|
|
padding-top: 6px;
|
|
padding-left: 4px;
|
|
}
|
|
html .channelTabs-favContainer {
|
|
background-color: var(--background-tertiary);
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
padding-left: 2px;
|
|
}
|
|
html .channelTabs-noFavs {
|
|
background: transparent;
|
|
padding: 0 6px;
|
|
}
|
|
|
|
html .channelTabs-tab,
|
|
html .channelTabs-fav {
|
|
display: flex;
|
|
align-items: center;
|
|
color: var(--interactive-normal);
|
|
height: 28px;
|
|
padding: 0 4px;
|
|
cursor: pointer;
|
|
}
|
|
html .channelTabs-tab {
|
|
border-radius: 5px 5px 0 0;
|
|
margin: 0 2px;
|
|
}
|
|
html .channelTabs-fav {
|
|
border-radius: 5px;
|
|
margin: 0 4px;
|
|
}
|
|
html .channelTabs-tab:not(.channelTabs-selected):hover,
|
|
html .channelTabs-fav:hover {
|
|
background-color: var(--background-secondary);
|
|
color: var(--interactive-hover);
|
|
}
|
|
html .channelTabs-tab.channelTabs-selected,
|
|
html .channelTabs-fav:active {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--interactive-active);
|
|
z-index: 2 !important;
|
|
}
|
|
html .channelTabs-tab > *,
|
|
html .channelTabs-fav > *,
|
|
html .channelTabs-tab .channelTabs-mentionBadge,
|
|
html .channelTabs-fav .channelTabs-mentionBadge,
|
|
html .channelTabs-tab .channelTabs-unreadBadge,
|
|
html .channelTabs-fav .channelTabs-unreadBadge {
|
|
position: static !important;
|
|
transform: unset !important;
|
|
float: unset !important;
|
|
z-index: 3 !important;
|
|
}
|
|
html .channelTabs-tab::before,
|
|
html .channelTabs-tab::after {
|
|
content: "";
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 20px;
|
|
bottom: 0;
|
|
}
|
|
html .channelTabs-tab::before {
|
|
left: -20px;
|
|
border-radius: 0 0 8px 0;
|
|
}
|
|
html .channelTabs-tab::after {
|
|
right: -20px;
|
|
border-radius: 0 0 0 8px;
|
|
}
|
|
html .channelTabs-tab:not(.channelTabs-selected):hover::before {
|
|
box-shadow: 8px 0 0 0 var(--background-secondary);
|
|
}
|
|
html .channelTabs-tab:not(.channelTabs-selected):hover::after {
|
|
box-shadow: -8px 0 0 0 var(--background-secondary);
|
|
}
|
|
html .channelTabs-tab.channelTabs-selected::after {
|
|
box-shadow: -8px 0 0 0 var(--background-tertiary);
|
|
}
|
|
html .channelTabs-tab.channelTabs-selected::before {
|
|
box-shadow: 8px 0 0 0 var(--background-tertiary);
|
|
}
|
|
html .channelTabs-tabIcon,
|
|
html .channelTabs-favIcon {
|
|
margin-right: 6px !important;
|
|
}
|
|
html .channelTabs-tabName,
|
|
html .channelTabs-favName {
|
|
margin: 0 !important;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
}
|
|
html .channelTabs-tab .channelTabs-tabName ~ *,
|
|
html .channelTabs-fav .channelTabs-favName ~ * {
|
|
margin: 0 0 0 4px !important;
|
|
}
|
|
html .channelTabs-closeTab,
|
|
html .channelTabs-tab.channelTabs-selected .channelTabs-closeTab {
|
|
background-color: transparent;
|
|
color: var(--interactive-hover);
|
|
border-radius: 50%;
|
|
width: 14px;
|
|
height: 14px;
|
|
min-width: 14px;
|
|
min-height: 14px;
|
|
font-size: 14px;
|
|
line-height: unset;
|
|
}
|
|
html .channelTabs-closeTab:hover,
|
|
html .channelTabs-tab.channelTabs-selected .channelTabs-closeTab:hover {
|
|
background: #f04747;
|
|
color: var(--interactive-active);
|
|
}
|
|
html .channelTabs-newTab {
|
|
position: static;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--background-secondary);
|
|
color: var(--interactive-hover);
|
|
padding: 0;
|
|
width: 22px;
|
|
height: 22px;
|
|
transition: background-color 0.3s linear, color 0.3s linear;
|
|
}
|
|
html .channelTabs-newTab:hover {
|
|
background-color: var(--background-primary);
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
|
|
/* ~~~~ 14. WATERMARK ~~~~ */
|
|
|
|
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT {
|
|
position: relative !important;
|
|
}
|
|
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT::after {
|
|
content: "DiscordRecolor 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-mount.appMount-3lHmkl > div.app-1q1i1E > div.app-2rEoOp > div.layers-3iHuyZ.layers-3q14ss > div.layer-3QrUeG.baseLayer-35bLyl + div.layer-3QrUeG > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.sidebarRegionScroller-3MXcoP.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 > nav.sidebar-CFHs9e > div.side-8zPYf6 > div.info-1VyQPT::before {
|
|
content: "DevilBro" !important;
|
|
font-size: 12px !important;
|
|
color: rgb(var(--vaccentcolor)) !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: 106px !important;
|
|
bottom: 9px !important;
|
|
right: unset !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
} |