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