@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 ~~~~ */
svg [style*="stroke: rgb(114, 118, 125)"],
svg [style*="stroke: #72767d"],
svg [style*="stroke: #72767D"],
svg [stroke="rgb(114, 137, 218)"],
svg [stroke="#72767d"],
svg [stroke="#72767D"] {
stroke: var(--text-muted) !important;
}
svg [style*="fill: rgb(114, 118, 125)"],
svg [style*="fill: #72767d"],
svg [style*="fill: #72767D"],
svg [fill="rgb(114, 137, 218)"],
svg [fill="#72767d"],
svg [fill="#72767D"] {
fill: var(--text-muted) !important;
}
svg [style*="stroke: rgb(79, 84, 92)"],
svg [style*="stroke: #4f545c"],
svg [style*="stroke: #4F545C"],
svg [stroke="rgb(79, 84, 92)"],
svg [stroke="#4f545c"],
svg [stroke="#4F545C"] {
stroke: var(--interactive-muted) !important;
}
svg [style*="fill: rgb(79, 84, 92)"],
svg [style*="fill: #4f545c"],
svg [style*="fill: #4F545C"],
svg [fill="rgb(79, 84, 92)"],
svg [fill="#4f545c"],
svg [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));
color: #fff;
}
#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 .categoryHeader-O1zU94 {
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 rgb(91,67,240),0 0 0 2px rgba(91,67,240,.6),0 0 0 3px rgba(91,67,240,.3);
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 {
--text-color: var(--user-background, var(--header-primary));
background: var(--user-background, var(--background-tertiary)) center/cover no-repeat;
border-color: #fff;
color: #fff;
text-shadow: 1px 1px var(--background-tertiary);
}
#app-mount .topSectionNormal-2-vo2m .username-3gJmXY {
color: var(--text-color);
}
#app-mount .topSectionNormal-2-vo2m .discriminator-xUhQkU {
color: var(--text-color);
opacity: .7;
}
#app-mount .topSectionNormal-2-vo2m .date-YN6TCS {
color: var(--text-color);
opacity: .7;
}
#app-mount .topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE {
color: var(--text-color);
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(--text-color);
}
#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;
}
.input--jS-j2 {
background: transparent;
}
.inputInner-2akrSS {
border: 1px solid var(--deprecated-text-input-border);
}
/* ---- 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);
}
#app-mount .tabButton-1n4gNP {
background-color: var(--text-muted);
border: 1px solid var(--background-tertiary);
border-radius: 4px;
box-shadow: inset 0 -4px 0 rgba(var(--vbackgroundtertiary),.6);
color: var(--header-primary);
}
#app-mount .tabButton-1n4gNP rect[fill="#4F545C"],
#app-mount .tabButton-1n4gNP path[fill="#36393F"] {
display: none;
}
/* ---- 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 .popout-xwjvsX.popoutRight-1veHKi.arrowAlignmentMiddle-NBGtsX:before {
border-right-color: var(--background-secondary) !important;
}
#app-mount .popout-xwjvsX.popoutLeft-3aViER.arrowAlignmentMiddle-NBGtsX:before {
border-left-color: var(--background-secondary) !important;
}
#app-mount .popout-xwjvsX.popoutBottom-2GAFPg.arrowAlignmentMiddle-NBGtsX:before,
#app-mount .popout-xwjvsX.popoutBottom-2GAFPg.arrowAlignmentTop-1yftWI:before,
#app-mount .popout-xwjvsX.popoutBottomLeft-1pG8B4.arrowAlignmentMiddle-NBGtsX:before,
#app-mount .popout-xwjvsX.popoutBottomLeft-1pG8B4.arrowAlignmentTop-1yftWI:before,
#app-mount .popout-xwjvsX.popoutBottomRight-2Rno5S.arrowAlignmentMiddle-NBGtsX:before,
#app-mount .popout-xwjvsX.popoutBottomRight-2Rno5S.arrowAlignmentTop-1yftWI:before {
border-bottom-color: var(--background-secondary) !important;
}
#app-mount .popout-xwjvsX.popoutTop-3WSJtH:after,
#app-mount .popout-xwjvsX.popoutTopLeft-3B0mFf:after,
#app-mount .popout-xwjvsX.popoutTopRight-1lc8Mq:after {
border-top-color: var(--background-secondary) !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 {
--text-color: var(--user-background, var(--header-primary));
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(--text-color);
text-shadow: 1px 1px var(--background-tertiary);
}
#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(--text-color);
}
#app-mount .headerNormal-T_seeN .headerTag-2pZJzA {
color: var(--text-color);
}
#app-mount .headerNormal-T_seeN .headerActivityText-gcopRr {
color: var(--text-color);
opacity: .7;
}
#app-mount .headerNormal-T_seeN .date-YN6TCS {
color: var(--text-color);
opacity: .7;
}
#app-mount .headerNormal-T_seeN .customStatus-1bh2V9 {
color: var(--text-color);
}
#app-mount .headerNormal-T_seeN .text-AOoUen {
color: var(--text-color);
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(--text-color);
}
#app-mount .headerNormal-T_seeN .activityName-1IaRLn,
#app-mount .headerNormal-T_seeN .nameNormal-2lqVQK,
#app-mount .headerNormal-T_seeN .nameWrap-3Z4G_9 {
color: var(--text-color);
}
#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 ~~~~ */
html .toast,
html .bd-toast {
background-color: var(--background-floating);
box-shadow: var(--elevation-medium);
color: var(--header-primary);
}
#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, ') 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, ') 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 .minimap,
html .monaco-editor .decorationsOverviewRuler {
display: none;
}
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;
}