@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css); @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css); :root { --font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; --mentioncolor: 250,166,26; --successcolor: 59,165,92; --warningcolor: 250,166,26; --dangercolor: 237,66,69; --textbrightest: 255,255,255; --textbrighter: 220,221,222; --textbright: 185,187,190; --textdark: 142,146,151; --textdarker: 114,118,125; --textdarkest: 79,84,92; --backgroundaccent: 64,68,75; --backgroundprimary: 54,57,63; --backgroundsecondary: 47,49,54; --backgroundsecondaryalt: 41,43,47; --backgroundtertiary: 32,34,37; --backgroundfloating: 24,25,28; } .theme-light:not(.userProfileOuterThemed-2BgJCM), .theme-dark:not(.userProfileOuterThemed-2BgJCM), .theme-amoled:not(.userProfileOuterThemed-2BgJCM) { --text-positive: rgb(var(--successcolor)); --text-warning: rgb(var(--warningcolor)); --text-danger: rgb(var(--dangercolor)); --info-positive-background: rgba(var(--successcolor),.1); --info-positive-foreground: rgb(var(--successcolor)); --info-positive-text: #fff; --info-warning-background: rgba(var(--warningcolor),.1); --info-warning-foreground: rgb(var(--warningcolor)); --info-warning-text: #fff; --info-danger-background: rgba(var(--dangercolor),.1); --info-danger-foreground: rgb(var(--dangercolor)); --info-danger-text: #fff; --status-positive: rgb(var(--successcolor)); --status-positive-background: rgb(var(--successcolor)); --status-positive-text: #fff; --status-warning: rgb(var(--warningcolor)); --status-warning-background: rgb(var(--warningcolor)); --status-warning-text: #fff; --status-danger: rgb(var(--dangercolor)); --status-danger-background: rgb(var(--dangercolor)); --status-danger-text: #fff; --button-positive-background: rgba(var(--successcolor),.8); --button-positive-background-hover: rgba(var(--successcolor),.9); --button-positive-background-active: rgb(var(--successcolor)); --button-positive-background-disabled: rgba(var(--successcolor),.2); --button-warning-background: rgba(var(--warningcolor),.8); --button-warning-background-hover: rgba(var(--warningcolor),.9); --button-warning-background-active: rgb(var(--warningcolor)); --button-warning-background-disabled: rgba(var(--warningcolor),.2); --button-danger-background: rgba(var(--dangercolor),.8); --button-danger-background-hover: rgba(var(--dangercolor),.9); --button-danger-background-active: rgb(var(--dangercolor)); --button-danger-background-disabled: rgba(var(--dangercolor),.2); --button-secondary-background: rgb(var(--textdarkest)); --button-secondary-background-hover: rgb(var(--textdarker)); --button-secondary-background-active: rgb(var(--textdark)); --button-secondary-background-disabled: rgb(var(--textdarkest)); --button-outline-positive-text: rgb(var(--successcolor)) !important; --button-outline-positive-text-hover: rgb(var(--successcolor)) !important; --button-outline-positive-text-active: rgb(var(--successcolor)) !important; --button-outline-positive-background: transparent !important; --button-outline-positive-background-hover: transparent !important; --button-outline-positive-background-active: rgba(var(--successcolor),.1) !important; --button-outline-positive-border: rgba(var(--successcolor),.1) !important; --button-outline-positive-border-hover: rgba(var(--successcolor),.6) !important; --button-outline-positive-border-active: rgb(var(--successcolor)) !important; --button-outline-warning-text: rgb(var(--warningcolor)) !important; --button-outline-warning-text-hover: rgb(var(--warningcolor)) !important; --button-outline-warning-text-active: rgb(var(--warningcolor)) !important; --button-outline-warning-background: transparent !important; --button-outline-warning-background-hover: transparent !important; --button-outline-warning-background-active: rgba(var(--warningcolor),.1) !important; --button-outline-warning-border: rgba(var(--warningcolor),.1) !important; --button-outline-warning-border-hover: rgba(var(--warningcolor),.6) !important; --button-outline-warning-border-active: rgb(var(--warningcolor)) !important; --button-outline-danger-text: rgb(var(--dangercolor)) !important; --button-outline-danger-text-hover: rgb(var(--dangercolor)) !important; --button-outline-danger-text-active: rgb(var(--dangercolor)) !important; --button-outline-danger-background: transparent !important; --button-outline-danger-background-hover: transparent !important; --button-outline-danger-background-active: rgba(var(--dangercolor),.1) !important; --button-outline-danger-border: rgba(var(--dangercolor),.1) !important; --button-outline-danger-border-hover: rgba(var(--dangercolor),.6) !important; --button-outline-danger-border-active: rgb(var(--dangercolor)) !important; --button-outline-primary-text: rgb(var(--textbrightest)) !important; --button-outline-primary-text-hover: rgb(var(--textbrightest)) !important; --button-outline-primary-text-active: rgb(var(--textbrightest)) !important; --button-outline-primary-background: transparent !important; --button-outline-primary-background-hover: transparent !important; --button-outline-primary-background-active: rgba(var(--textbrightest),.1) !important; --button-outline-primary-border: rgba(var(--textbrightest),.1) !important; --button-outline-primary-border-hover: rgba(var(--textbrightest),.6) !important; --button-outline-primary-border-active: rgb(var(--textbrightest)) !important; --header-primary: rgb(var(--textbrightest)); --header-secondary: rgb(var(--textbright)); --text-normal: rgb(var(--textbrighter)); --text-muted: rgb(var(--textdarker)); --channels-default: rgb(var(--textdark)); --channel-icon: rgb(var(--textdark)); --interactive-normal: rgb(var(--textbright)); --interactive-hover: rgb(var(--textbrighter)); --interactive-active: rgb(var(--textbrightest)); --interactive-muted: rgb(var(--textdarkest)); --home-background: rgb(var(--backgroundprimary)); --modal-background: rgb(var(--backgroundprimary)); --modal-footer-background: rgb(var(--backgroundsecondary)); --background-primary: rgb(var(--backgroundprimary)); --background-secondary: rgb(var(--backgroundsecondary)); --background-secondary-alt: rgb(var(--backgroundsecondaryalt)); --background-tertiary: rgb(var(--backgroundtertiary)); --background-accent: rgb(var(--backgroundaccent)); --background-floating: rgb(var(--backgroundfloating)); --background-mobile-primary: rgb(var(--backgroundprimary)); --background-mobile-secondary: rgb(var(--backgroundsecondary)); --background-modifier-hover: rgba(var(--backgroundaccent),.3); --background-modifier-active: rgba(var(--backgroundaccent),.4); --background-modifier-selected: rgba(var(--backgroundaccent),.6); --background-modifier-accent: rgba(var(--textdark),.1); --background-mentioned: rgba(var(--mentioncolor, --warningcolor),.05); --background-mentioned-hover: rgba(var(--mentioncolor, --warningcolor),.08); --background-mentioned-accent: rgb(var(--mentioncolor, --warningcolor)); --background-message-hover: rgba(var(--backgroundfloating),.15); --background-message-automod: rgba(var(--dangercolor),.05); --background-message-automod-hover: rgba(var(--dangercolor),.1); --scrollbar-thin-thumb: rgb(var(--backgroundtertiary)); --scrollbar-thin-track: transparent; --scrollbar-auto-thumb: rgb(var(--backgroundtertiary)); --scrollbar-auto-track: rgb(var(--backgroundsecondary)); --scrollbar-auto-scrollbar-color-thumb: rgb(var(--backgroundtertiary)); --scrollbar-auto-scrollbar-color-track: rgb(var(--backgroundsecondary)); --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(--accentcolor)); --focus-primary: rgb(var(--linkcolor)); --guild-header-text-shadow: 0 1px 1px rgba(var(--backgroundfloating),.5); --channeltextarea-background: rgba(var(--backgroundaccent),.8); --channel-text-area-placeholder: rgb(var(--textdarker)); --input-background: rgb(var(--backgroundtertiary)); --activity-card-background: rgb(var(--backgroundtertiary)); --textbox-markdown-syntax: rgb(var(--textdark)); --search-popout-option-fade: linear-gradient(90deg,transparent,var(--background-floating) 80%); --search-popout-option-fade-hover: linear-gradient(90deg,transparent,var(--background-primary) 50%); --search-popout-option-user-nickname: var(--text-normal); --search-popout-option-user-username: var(--text-muted); --search-popout-option-filter-text: var(--text-muted); --search-popout-option-non-text-color: var(--text-normal); --search-popout-option-filter-color: var(--text-normal); --search-popout-option-answer-color: var(--text-normal); --search-popout-date-picker-border: 1px solid hsla(214,calc(var(--saturation-factor, 1)*9.1%),15.1%,0.3); --search-popout-date-picker-hint-text: var(--text-normal); --search-popout-date-picker-hint-value-text: #fff; --deprecated-card-bg: rgba(var(--backgroundtertiary),.6); --deprecated-card-editable-bg: rgba(var(--backgroundtertiary),.3); --deprecated-store-bg: rgb(var(--backgroundprimary)); --deprecated-quickswitcher-input-background: rgb(var(--backgroundaccent)); --deprecated-quickswitcher-input-placeholder: rgb(var(--textdarker)); --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(--textbrighter)); --font-primary: var(--font) !important; --font-display: var(--font) !important; } html { color: var(--header-primary); } /* ~~~~ 0. TABLE OF CONTENTS ~~~~ */ /* 1. GENERAL 1. TEXT 2. BUTTONS 3. INPUTS 4. SEARCHBARS 5. IMAGES 2. GUILDLIST 3. CHANNELLIST 1. GUILDHEADER 2. CHANNELS 3. DMCHANNELS 4. ACCOUNT/VOICE/GOLIVE 4. CHAT 1. CHANNELHEADER 2. MESSAGES 1. MESSAGE 2. EMBEDS 3. NITROGIFT 4. INVITE 3. TEXTAREA 4. AUTOCOMPLETEMENU 5. MEMBERLIST 6. CALL 5. PEOPLES 6. STORE/NITRO 1. BIRTHDAY PAGE 7. LIBRARY 8. DISCOVERY 9. USERSETTINGS 10. GUILDSETTINGS 11. 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 24. NITROFEATUREMODAL 25. DIRECTORYMODAL 12. POPOUTS 1. USERPOPOUT 2. EMOJIPICKER 3. SEARCHPOPOUT 4. EVERYONEMENTION 5. CHANNELFOLLOW 6. CHANNELFOLLOWINFO 7. STREAMPREVIEW 8. ROLEOVERFLOW 9. PUBLICGUILDANNOUNCEMENT 10. QUICKSELECTPOPOUT 11. RTCSTATUSPOPOUT 12. PHONE-/EMAILVALIDATION 13. WARNINGPOPOUT 14. ADDROLE 13. BDSUPPORT 14. POWERCORDSUPPORT 15. PLUGINSUPPORT 1. MEMBERCOUNT 2. CHANNELTABS 3. TYPINGINDICATOR 16. WATERMARK */ /* ~~~~ 1. GENERAL ~~~~ */ svg [style*="stroke: rgb(114, 118, 125)"], svg [style*="stroke: #72767d"], svg [style*="stroke: #72767D"], svg [stroke="rgb(114, 118, 125)"], svg [stroke="#72767d"], svg [stroke="#72767D"] { stroke: var(--text-muted) !important; } svg [style*="fill: rgb(114, 118, 125)"], svg [style*="fill: #72767d"], svg [style*="fill: #72767D"], svg [fill="rgb(114, 118, 125)"], svg [fill="#72767d"], svg [fill="#72767D"] { fill: var(--text-muted) !important; } svg [style*="stroke: rgb(79, 84, 92)"], svg [style*="stroke: #4f545c"], svg [style*="stroke: #4F545C"], svg [stroke="rgb(79, 84, 92)"], svg [stroke="#4f545c"], svg [stroke="#4F545C"] { stroke: var(--interactive-muted) !important; } svg [style*="fill: rgb(79, 84, 92)"], svg [style*="fill: #4f545c"], svg [style*="fill: #4F545C"], svg [fill="rgb(79, 84, 92)"], svg [fill="#4f545c"], svg [fill="#4F545C"] { fill: var(--interactive-muted) !important; } .highlight { background: rgba(var(--mentioncolor, --warningcolor),.3); } #app-mount .elevationLow-26BbEG, #app-mount .elevationLow-3aiJPL, .lightElevationLow-1QzqDT, .darkElevationLow-2LO4eN { box-shadow: 0 1px 5px 0 rgba(0,0,0,.3); } #app-mount .elevationHigh-3KUiqj, #app-mount .elevationHigh-28Pty4, .lightElevationHigh-3gER0h, .darkElevationHigh-1BaD2i { box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .elevationBorderLow-3_3rXL, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow-2Ysl3H, .darkElevationBorderLow-34oHrM { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 1px 5px 0 rgba(0,0,0,.3); } #app-mount .elevationBorderHigh-3drnJX, #app-mount .elevationBorderHigh-1s5JCj, .lightElevationBorderHigh-3wutCI, .darkElevationBorderHigh-8ZYNYM { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .tooltip-16UpTB, #app-mount .tooltip-1_vJJI { background-color: var(--background-floating); color: var(--text-normal); } #app-mount .tooltipPointer-1KkjI2, #app-mount .tooltipPointer-1awMxk { border-right-color: var(--background-floating); } #app-mount .bubble-3XikHF { background-color: var(--background-floating); color: var(--text-normal); } #app-mount .bubble-3XikHF::before { border: 5px solid transparent; border-top-color: var(--background-floating); } #app-mount .card-2ART2V::before { background-color: var(--background-primary); border-color: var(--background-secondary); } #app-mount .button-1yVL_7 { background-color: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 1px 5px 0 rgba(0,0,0,.3); } #app-mount .button-1yVL_7:hover { background-color: var(--background-accent); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .text-1SHFy0 { color: var(--header-primary); } #app-mount .editIcon-e7sZ3b { -webkit-mask: url(https://discord.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg); background: var(--header-primary); } #app-mount .path2-F-M5gP { /* loading icons spinning circles */ stroke: var(--background-modifier-selected); } #app-mount .path3-3tVOpU { /* loading icons spinning circles */ stroke: var(--background-modifier-active); } #app-mount .scrollbarGhost-dCZKgZ::-webkit-scrollbar-thumb {/* scrollers old scrollers */ background-color: var(--scrollbar-thin-thumb); border-color: transparent; } #app-mount .scrollbarGhost-dCZKgZ::-webkit-scrollbar-track { background-color: var(--scrollbar-thin-track); border-color: transparent; border-width: initial; } #app-mount .scrollbarGhostHairline-2LpzZ9::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thin-thumb); border-radius: 2px; cursor: move; } #app-mount .scrollbarDefault-2w-Dyz::-webkit-scrollbar-thumb { background-color: var(--scrollbar-auto-thumb); border-color: transparent; } #app-mount .scrollbarDefault-2w-Dyz::-webkit-scrollbar-track { background-color: var(--scrollbar-auto-track); border-color: transparent; } #app-mount .breadcrumbWrapper-3rpYiO { /* breadcrumbs wrapper */ color: rgba(var(--textbrightest),.3); } #app-mount .activeBreadcrumb-2xVic0 { /* breadcrumbs active */ color: rgba(var(--textbrightest),.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-338goq, #app-mount h2.title-338goq { color: var(--header-primary); } #app-mount h3.title-338goq { color: var(--text-normal); } #app-mount h4.title-338goq, #app-mount h5.title-338goq, #app-mount h6.title-338goq { color: var(--header-secondary); } #app-mount .text-27cdrj, #app-mount .title-2CL_z0 { color: var(--text-muted); } #app-mount .title-338goq { color: var(--header-secondary); } #app-mount .markdown-19oyJN { color: var(--text-normal); } #app-mount .markdown-19oyJN th { background-color: var(--background-tertiary); border-color: var(--interactive-muted); color: var(--header-primary); } #app-mount .markdown-19oyJN td { border-color: var(--interactive-muted); } #app-mount .markdown-19oyJN tr { border-color: var(--interactive-muted); color: var(--header-secondary); } #app-mount .markdown-19oyJN tr:nth-child(2n) { background-color: var(--background-secondary); } #app-mount .markdown-19oyJN .blockquote-2mppuN { border-left-color: var(--interactive-muted); } #app-mount .markdown-19oyJN code { background-color: var(--background-secondary); } #app-mount .markdown-19oyJN .codeInline-1RFl81 { color: var(--text-normal); } /* ---- 1.2. BUTTONS ---- */ #app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz .spinnerItem-3Y5NsU { background-color: var(--background-accent); } #app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz .spinnerItem-3Y5NsU, #app-mount .lookLink-13iF2K.colorPrimary-2-Lusz .spinnerItem-3Y5NsU { background-color: var(--header-primary); } #app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover, #app-mount .lookFilled-1H2Jvj.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover { background-image: linear-gradient(0deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .15)); } #app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:active, #app-mount .lookFilled-1H2Jvj.hoverPrimary-3dWXRY.hasHover-3y7IPU:active { background-image: linear-gradient(0deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)); } #app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz, #app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:disabled { background-color: var(--background-accent); color: #FFF; } #app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:hover, #app-mount .lookInverted-2GrLaB.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover { background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); } #app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:active, #app-mount .lookInverted-2GrLaB.hoverPrimary-3dWXRY.hasHover-3y7IPU:active { background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); } #app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz, #app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:disabled { background-color: #FFF; color: var(--background-accent); } #app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:hover, #app-mount .lookOutlined-3RTC7c.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover { border-color: rgba(var(--textbrightest), .6); } #app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:active, #app-mount .lookOutlined-3RTC7c.hoverPrimary-3dWXRY.hasHover-3y7IPU:active { background-color: rgba(var(--textbrightest), .1); border-color: var(--header-primary); } #app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz, #app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:disabled { border-color: rgba(var(--textbrightest), .1); color: var(--header-primary); } #app-mount .lookLink-13iF2K.colorPrimary-2-Lusz { color: var(--header-primary); } #app-mount .lookLink-13iF2K.colorPrimary-2-Lusz:hover .contents-3NembX, #app-mount .lookLink-13iF2K.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover .contents-3NembX { background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--textbrightest)) 0, rgb(var(--textbrightest)) 2px, transparent 0); color: var(--header-primary); } #app-mount .borderPrimary-1ygM7_ { border-color: var(--header-primary) !important; } #app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU { background-color: rgba(var(--textbrightest),.1); } #app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU, #app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU, #app-mount .lookLink-13iF2K.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU { background-color: var(--header-primary); } #app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:hover, #app-mount .lookFilled-1H2Jvj.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover { background-color: rgba(var(--textbrightest),.05); } #app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:active, #app-mount .lookFilled-1H2Jvj.hoverTransparent-2WkMPh.hasHover-3y7IPU:active { background-color: rgba(var(--textbrightest),.01); } #app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-, #app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:disabled { background-color: rgba(var(--textbrightest),.1); color: var(--header-primary); } #app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:hover, #app-mount .lookInverted-2GrLaB.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover { background-color: rgba(var(--textbrightest),.05); } #app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:active, #app-mount .lookInverted-2GrLaB.hoverTransparent-2WkMPh.hasHover-3y7IPU:active { background-color: rgba(var(--textbrightest),.1); } #app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-, #app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:disabled { background-color: var(--header-primary); color: rgba(var(--textbrightest),.1); } #app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-:hover, #app-mount .lookOutlined-3RTC7c.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover { background-color: rgba(var(--textbrighter),.1); border-color: var(--interactive-hover); } #app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-:active, #app-mount .lookOutlined-3RTC7c.hoverTransparent-2WkMPh.hasHover-3y7IPU:active { background-color: rgba(var(--textbrightest),.1); border-color: var(--header-primary); } #app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-, #app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-:disabled { background-color: transparent; color: var(--text-normal); } #app-mount .lookLink-13iF2K.colorTransparent-2SBJ8- { color: var(--text-normal); } #app-mount .lookLink-13iF2K.colorTransparent-2SBJ8-:hover .contents-3NembX, #app-mount .lookLink-13iF2K.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover .contents-3NembX { background-image: linear-gradient(0deg, transparent,transparent 1px,rgb(var(--textbrighter)) 0,rgb(var(--textbrighter)) 2px,transparent 0); color: var(--text-normal); } #app-mount .borderTransparent-2adzs- { border-color: var(--text-normal) !important; } /* ---- 1.3. INPUTS ---- */ .container-1QtPKm { background-color: var(--text-muted) !important; } .container-1QtPKm path[fill] { fill: var(--text-muted) !important; } #app-mount .prefixInput-w72mM6 { background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.3); } #app-mount .prefixInput-w72mM6:hover { border-color: rgba(0,0,0,.6); } #app-mount .prefixInputInput-yS14_1 { color: var(--header-primary); } #app-mount .prefixInputInput-yS14_1::-webkit-input-placeholder, #app-mount .prefixInputInput-yS14_1::-moz-placeholder, #app-mount .prefixInputInput-yS14_1:-ms-input-placeholder, #app-mount .prefixInputInput-yS14_1::placeholder { color: var(--text-muted); } #app-mount .prefixInputPrefix-20KCc9 { color: var(--text-muted); } #app-mount .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD { background: rgb(var(--accentcolor)); color: #fff; } #app-mount .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD .radioIconForeground-3wH3aU { color: #fff; } #app-mount .item-1TA5qI .radioBar-1XgZqD[style*="--radio-bar-accent-color"] { background: var(--radio-bar-accent-color); border: unset; color: #fff; } #app-mount .item-1TA5qI[aria-checked=false]:hover .radioBar-1XgZqD[style*="--radio-bar-accent-color"] { background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)); } .lookFilled-Zz0IcO.select-Zz0IcO { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); } .searchInput-3pIoTy { background-color: transparent; } .lookFilled-Zz0IcO.select-Zz0IcO:hover { border-color: var(--deprecated-text-input-border-hover); } #app-mount .container-30qY7E { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); } #app-mount .container-30qY7E:hover { border-color: var(--deprecated-text-input-border-hover); } #app-mount .container-2zEtSe { color: var(--header-secondary); } #app-mount .selected-2xa993 { border-bottom: 2px solid var(--header-primary); color: var(--header-primary); } #app-mount .checkbox-1LuCGM { border-color: var(--text-muted); } #app-mount .checkbox-1LuCGM.checked-22NTbO[style*="border-color: rgb(79, 84, 92)"], #app-mount .checkbox-1LuCGM.checked-22NTbO:not([style*="border-color:"]):not([style*="background-color:"]) { background-color: rgb(var(--accentcolor)) !important; border-color: rgb(var(--accentcolor)) !important; } #app-mount .checkbox-1LuCGM.checked-22NTbO[style*="border-color: rgb(79, 84, 92)"] path, #app-mount .checkbox-1LuCGM.checked-22NTbO:not([style*="border-color:"]):not([style*="background-color:"]) path { fill: #fff; } #app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d span { border-color: var(--text-muted); } #app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:checked + span::after { border-color: #fff !important; } #app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:disabled + span { filter: grayscale(0.5); } #app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:checked + span { background-color: rgb(var(--accentcolor)) !important; border-color: rgb(var(--accentcolor)) !important; } #app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d.alt-20KvgT .checkboxElement-uwAa9F + span { background-color: #fff !important; border-color: #fff !important; } #app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d.alt-20KvgT .checkboxElement-uwAa9F:checked + span::after { border-color: rgb(var(--accentcolor)) !important; } #app-mount .maxLength-IdVNmX { color: var(--text-muted); } #app-mount .copyInput-3AbKWB { background-color: var(--deprecated-text-input-bg); } #app-mount .copyInputDefault-3jiMHw { border-color: var(--deprecated-text-input-border); } #app-mount .hiddenMessage-3QNvPt, #app-mount .inputDefault-1AaKiD { color: var(--header-primary); } #app-mount .hiddenMessage-3QNvPt::placeholder, #app-mount .inputDefault-1AaKiD::placeholder { color: rgba(var(--textbrightest),.3); } #app-mount .grabber-3R-Rx9 { background-color: #fff; border-color: var(--background-accent); } #app-mount .bar-2H7Q9u { background: var(--background-accent); } #app-mount .markValue-21gAVC { color: var(--text-muted); } #app-mount .markDash-1ATsxA { background: var(--background-accent); } .select-1YfRS9 [class*="css-"][class*="-control"] { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); color: var(--text-normal); } .select-1YfRS9 [class*="css-"][class*="-control"]:hover, .select-1YfRS9 [class*="css-"][class*="-control"]:not(:last-child) { border-color: var(--deprecated-text-input-border-hover); } .select-1YfRS9.languageSelector-1hjSyO [class*="css-"][class*="-control"] { background-color: var(--background-tertiary); border: none; } .select-1YfRS9 [class*="css-"][class*="-singleValue"], .select-1YfRS9 [class*="css-"][class*="-placeholder"], .select-1YfRS9 [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(--transparencycolor), .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-1YfRS9 > [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; } .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover:not(.disabled-2G98Nl), .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover:not(.disabled-2G98Nl) { background-color: var(--background-modifier-selected); } #app-mount .customColorPicker-C_jddW { background: var(--background-primary); border-color: var(--background-tertiary); } /* ---- 1.4. SEARCHBARS ---- */ #app-mount .searchBox-pyIJJj { background-color: var(--background-accent); box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); } #app-mount .searchBox-pyIJJj .searchBoxInput-P0mWHW::placeholder { color: var(--text-muted); } #app-mount .searchIcon-34RNw9 { color: var(--text-muted); } #app-mount .filterLabel-3-eQ3i { color: var(--header-secondary); } /* ---- 1.5. IMAGES ---- */ #app-mount .successImage-1Ld6xy { background-image:url(https://discord.com/assets/15bc6312ff83991a86d4eb9be19094d6.svg); opacity: .5; } #app-mount .searchIndexBackground-2pbSFD { background-image: url(https://discord.com/assets/e695cb4a18202a6053674a346e6ba4c2.svg); opacity: .5; } #app-mount .resultsBlockedImage--tkTSD { background-image: url(https://discord.com/assets/7490848d1fcddf075abeb71e2d1aaff3.svg); opacity: .5; } #app-mount .noResultsImage-1-dP2n { background-image: url(https://discord.com/assets/af4424ffab53593f696947192ff1854a.svg); opacity: .5; } #app-mount .noResultsImage-1-dP2n.alt-3_Cl_W { background-image: url(https://discord.com/assets/f0a2cc54695a7064a1f02e5ca8b95ccc.svg); opacity: .5; } #app-mount .errorImage-19HeaA { background-image: url(https://discord.com/assets/29462d0b6c33d2ed874aa982f6f99326.svg); opacity: .5; } #app-mount .wrapper-3AZUiP { /* crash screen background */ background-image: url(https://discord.com/assets/da840b1a6c5d073ca1c6710f8967502a.svg); } #app-mount .image-35kDIs { /* crash screen center image */ background-image: url(https://discord.com/assets/e9baf4b505eb54129f832556ea16538e.svg); opacity: .5; } #app-mount .gameIcon-1mDo1J { background-color: rgba(var(--textbrightest), .1); color: var(--header-primary); } #app-mount .noResults-1nD_92 { background: transparent; } #app-mount .noResults-1nD_92::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(https://discord.com/assets/0b298968e0a756e25677771fd6b58b34.svg) no-repeat 50% 40%; opacity: .5; } #app-mount .noResults-24KNHj { background-image: url(https://discord.com/assets/0b298968e0a756e25677771fd6b58b34.svg); opacity: .5; } .fullArt-KDeDyg { opacity: .5; } #app-mount .art-1bAcVF { background-image: url(https://discord.com/assets/9f670a7821c663913c393f5df62e63d7.svg); opacity: .5; } #app-mount .imageUnverified-1QCPtJ { background-image: url(https://discord.com/assets/e260177e5165e6789e30b9592df75424.svg); opacity: .5; } .fullArt-3CUkwC { opacity: .5; } .image-t6rLT3 { opacity: .5; } .image-t6rLT3[style*='url("/assets/03c7541028afafafd1a9f6a81cb7f149.svg")'] { background-image: url(https://discord.com/assets/6793e022dc1b065b21f12d6df02f91bd.svg) !important; } .image-t6rLT3[style*='url("/assets/9b0d90147f7fab54f00dd193fe7f85cd.svg")'] { background-image: url(https://discord.com/assets/308e587f3a68412f137f7317206e92c2.svg) !important; } .image-20MDYu { opacity: .5; } .image-20MDYu[style*='url("/assets/c84361b810ca7c10d6e8ddb6ea722ebe.svg")'] { background-image: url(https://discord.com/assets/b669713872b43ca42333264abf9c858e.svg) !important; } .image-20MDYu[style*='url("/assets/857c505aafbe092e4f6efecebcad0bc8.svg")'] { background-image: url(https://discord.com/assets/712a0fd4d14a1caadd31cb0745e91238.svg) !important; } img[src='/assets/9ad4d437577c5569dc231a787a5377f6.svg'], img[src='/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg'] { background-image: url(https://discord.com/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg); opacity: .5; object-position: -999999px -999999px; } img[src='/assets/c2c982c416a67d43d72d182f079a8d22.svg'], img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { background-image: url(https://discord.com/assets/58957d928db6fb9d4658eb882f33d7bc.svg); opacity: .5; object-position: -999999px -999999px; } .emptyStateImage-3SXmVX { opacity: .5; } .emptyStateImage-3SXmVX[src='/assets/38defe07899a762bfc301ddddd206116.svg'] { background-image: url(https://discord.com/assets/446a060321730a318ca1649b0cc40d44.svg); object-position: -999999px -999999px; } #app-mount .image-3wZlK5 { background-image: url(https://discord.com/assets/97e866482f43d3ebd2496641cd934904.svg); opacity: .5; } #app-mount .imageError-dy476I { background-image: url(https://discord.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg); opacity: .5; } #app-mount .image-1REvn0 { background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg); opacity: .5; } #app-mount .emptyImage-2pCD2j { background-image: url(https://discord.com/assets/4bb32037d9d2e8240d1315ddaf4e4b85.svg); opacity: .5; } #app-mount .errorImage-1n5rtg { background-image: url(https://discord.com/assets/cdc3daf6fc982fef1df502912b682ada.svg); opacity: .5; } #app-mount .missingEntitlementImage-112ztW { background-image: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg); opacity: .5; } /* ~~~~ 2. GUIDLIST ~~~~ */ #app-mount .folder-241Joy.hover-3m7-WT, #app-mount .childWrapper-1j_1ub, #app-mount .circleIconButton-1VxDrg { background-color: var(--background-primary); } #app-mount .folder-241Joy, #app-mount .expandedFolderBackground-1kSAf6 { background-color: var(--background-secondary); } #app-mount .wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, #app-mount .wrapper-3kah-n:hover .childWrapper-1j_1ub { background-color: var(--brand-experiment); } #app-mount .circleIconButton-1VxDrg.selected-2r1Hvo { background-color: var(--green-360); } /* ~~~~ 3. CHANNELLIST ~~~~ */ /* ---- 3.1. GUILDHEADER ---- */ .channelNotice-tO6Tus.invite-OjTXrW, .channelNotice-tO6Tus.guildMFAWarning-3GEzs8, .channelNotice-tO6Tus.maxMembersCount-3E4zND, .channelNotice-3DDmsB, #app-mount .channelNotice-3hkOiI { background: transparent; } .channelNotice-tO6Tus.invite-OjTXrW::before { opacity: 0.6; background: url(https://discord.com/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat; } .channelNotice-tO6Tus.guildMFAWarning-3GEzs8::before { opacity: 0.6; background: url(https://discord.com/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat; } .channelNotice-tO6Tus.quickswitcher-35bYg4::before { opacity: 0.6; } .channelNotice-tO6Tus.maxMembersCount-3E4zND::before { opacity: 0.6; background: url(https://discord.com/assets/01f60394adffda20dc7270a1e3c727df.svg) center 16px no-repeat; } .channelNotice-3DDmsB::before { opacity: 0.6; background: url(https://discord.com/assets/1858873f28bdc62dfb3a1f4b67d459bf.svg) center top 20px/153px no-repeat; } #app-mount .channelNotice-3hkOiI::before { opacity: 0.6; background: url(https://discord.com/assets/7065587bd42fd829925bf6aa4b36f5e2.svg) center top 22px/220px no-repeat; } /* ---- 3.2. CHANNELS ---- */ #app-mount .icon-3sfeom { color: var(--header-secondary); } #app-mount .emptyUser-13SMCb { background-color: var(--background-accent); } #app-mount .moreUsers-Gej0iV { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .streamPreview-I7itZ6 { background-color: var(--background-tertiary); color: var(--header-secondary); } #app-mount .previewContainer-35LFgt { background-color: var(--background-floating); } #app-mount .watchButton-2YRKxv { border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .watchButton-2YRKxv:not([disabled]):hover { border-color: var(--header-primary); color: var(--header-primary); } /* ---- 3.3. DMCHANNELS ---- */ .selected-26oxtA, .selected-26oxtA:focus-within, .selected-26oxtA:hover, .snowsgivingLink-1TZi3c:hover { background-color: var(--background-modifier-hover); color: var(--header-primary); } .snowsgivingLink-1TZi3c { border-radius: 4px; } /* ---- 3.4. ACCOUNT/VOICE/GOLIVE ---- */ #app-mount .userList-3HrI62::before { background-color: var(--background-secondary); border-color: transparent var(--background-tertiary) var(--background-tertiary) transparent; } #app-mount .header-yw2_Tb { background-color: var(--background-tertiary); color: var(--header-primary); } #app-mount .content-2GcAts { background-color: var(--background-secondary); } #app-mount .username-3NpL24 { color: var(--text-normal); } #app-mount .discriminator-15aR1s { color: var(--text-muted); } /* ~~~~ 4. CHAT ~~~~ */ /* ---- 4.1. CHANNELHEADER ---- */ #app-mount .container-ZMc96U.themed-Hp1KC_ { box-shadow: var(--elevation-low); } #app-mount .children-3xh0VB::after { background: linear-gradient(90deg, transparent 0,var(--background-primary)); } #app-mount .back-2UeP6M { color: var(--interactive-normal); } #app-mount .back-2UeP6M:hover { color: var(--interactive-hover); } #app-mount .back-2UeP6M:active { color: var(--interactive-active); } #app-mount .cloud-PaJUGP { color: var(--text-muted); } /* ---- 4.2. MESSAGES ---- */ .noChannel-1GDIAZ { background-color: var(--background-primary); } .content-1jQy2l::before { display: none; } #app-mount .background-fkKrXt, #app-mount .container-3wLKDe, #app-mount .container-2IKOsH, #app-mount .header-3xB4vB, #app-mount .container-1um7CU { background-color: var(--background-primary); } #app-mount .background-fkKrXt .container-2Hi7Km, #app-mount .background-fkKrXt .container-xwOzwi, #app-mount .background-fkKrXt .container-3rZ3XA, #app-mount .background-fkKrXt .icon-2IDTxf, #app-mount .background-fkKrXt .containerCard-2kwJKN, #app-mount .background-fkKrXt .containerCard-2kwJKN:hover, #app-mount .background-fkKrXt .interactiveCard-2iMtdk, #app-mount .background-fkKrXt .emptyStateContainer-xWOMPJ, #app-mount .background-fkKrXt .card-3x20HF, #app-mount .container-3wLKDe .mainCard-3KBsBI, #app-mount .container-3wLKDe .sidebarCard-1Gn1ch, #app-mount .container-2IKOsH .channelRow-4X_3fi { background-color: var(--background-secondary); } #app-mount .action-3oG-si, #app-mount .row--LCpto { background-color: var(--background-secondary); } #app-mount .background-fkKrXt .icon-2IDTxf { border-color: var(--background-secondary); } @media (max-width: 1300px) { .container-xwOzwi, .container-3rZ3XA { background: none !important; } } #app-mount .background-fkKrXt .containerCard-2kwJKN { border-color: var(--background-secondary); } #app-mount .background-fkKrXt .container-3HMTms:hover, #app-mount .container-3wLKDe .pill-3pRQlO, #app-mount .container-2IKOsH .channelRow-4X_3fi:hover { background: var(--background-tertiary); } #app-mount .textContentFooter-2JnNv8 { background: linear-gradient(0deg, rgba(var(--backgroundsecondary), 1), rgba(var(--backgroundsecondary), .97) 36px, rgba(var(--backgroundsecondary), .4)); } #app-mount .reaction-3vwAF2.reactionMe-1PwQAc { background-color: var(--brand-experiment-15a); border-color: var(--brand-experiment); } #app-mount .reaction-3vwAF2.reactionMe-1PwQAc .reactionCount-26U4As { color: var(--brand-experiment-200); } #app-mount .noResultIcon-3o4K-b { background-image: url(https://discord.com/assets/1eed0d895df6e35f164d8ed5e84037d2.svg); opacity: .5; } #app-mount .scrollSeparator-37GFe9 { box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating),.3), 0 1px 2px 0 rgba(var(--backgroundfloating),.3); } #app-mount .image-3HC6rC { background-image: url(https://discord.com/assets/a36505883459aecf5df0ae54c6d7495f.svg); opacity: .75; } #app-mount .title-FyH9jw { color: var(--header-primary); } #app-mount .description-fPkcPm { color: var(--header-secondary); } #app-mount .emptyChannelIcon-1YdEz2 { position: relative; background: var(--background-accent); overflow: hidden; } #app-mount .emptyChannelIcon-1YdEz2::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--header-primary); -webkit-mask: url(https://discord.com/assets/a9847a74a2dac6e2b2958b195a8dad96.svg) center no-repeat; } /* ==== 4.2.1. MESSAGE ==== */ #app-mount .message-G6O-Wv { background-color: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .mentioned-Tre-dv::before { background-color: rgb(var(--mentioncolor, --warningcolor)); } #app-mount .ephemeralMessage-11q8XZ, #app-mount .operations-3q3u6E { color: var(--channels-default); } .icon-JRJzJz[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { -webkit-mask: url(https://discord.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat; background: var(--header-secondary) !important; } .icon-JRJzJz[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { -webkit-mask: url(https://discord.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat; background: var(--header-secondary) !important; } #app-mount .wrapper-1FP9YQ { background-color: var(--background-tertiary); color: var(--header-primary); } #app-mount .videoControls-2NzHnF { color: #fff; } #app-mount .spoilerContent-32CqO- { background-color: rgba(var(--textbrightest),.1); } #app-mount .spoilerContent-32CqO-.hidden-2lQZ5q { background-color: var(--background-tertiary); } #app-mount .spoilerContent-32CqO-.hidden-2lQZ5q:hover { background-color: rgba(var(--backgroundtertiary),.8); } /* ==== 4.2.2. EMBEDS ==== */ #app-mount .description-X8_53U { color: var(--header-primary); } #app-mount .tagline-3DhQWg { color: var(--header-secondary); } #app-mount .tile-2mmK5T { background-color: var(--background-tertiary); box-shadow: 0 0 0 rgba(var(--backgroundtertiary),.15); } #app-mount .tile-2mmK5T:hover { background-color: var(--background-floating); } #app-mount .progress-xNqAjK { background-color: rgba(var(--textdarker),.3); } #app-mount .metadata-1E7Z4i { color: var(--text-muted); } #app-mount .loadingBackground-26IZRN { background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary)); } #app-mount .loadingImage-3R-Yue { background-color: var(--background-secondary); } #app-mount .embedHorizontal-2GF6zV, #app-mount .embedVertical-2vpt72 { background-color: var(--background-primary); } .lookMinimal-2OMO3G .arrow-2KJjTM { color: var(--header-secondary); } #app-mount .svgContentRight-3MSzvF { fill: var(--interactive-muted); } #app-mount .svgContentLeft-2HZqab { fill: var(--interactive-muted); } #app-mount .svgContentLines-1kG7d4, #app-mount .svgDots-eHVkRM { fill: var(--text-muted); } #app-mount .svgTag-pnwduA { fill: var(--text-normal); } #app-mount .infoLink-3jBZ_6 { color: var(--header-secondary) !important } #app-mount .copyLink-1bBHaR::before { background-color: var(--background-accent); } #app-mount .buildDetails-15XTIW, #app-mount .copyLink-1bBHaR:hover, #app-mount .infoLink-3jBZ_6:hover { color: var(--header-primary) !important; } #app-mount .barLoader-WCIKN8, #app-mount .buttonLoader-1CeBCI { background-color: var(--background-accent); } #app-mount .disabledButtonOverride-3gcwQC { background-color: var(--background-tertiary) !important } /* ==== 4.2.3. NITROGIFT ==== */ /* ==== 4.2.4. INVITE ==== */ #app-mount .guildIconImage-74OdmM { background-color: var(--background-primary); } #app-mount .guildIconExpired-2BFmZC { background-image: url(https://discord.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg); opacity: .5; } #app-mount .resolvingBackground-1MSH01 { background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary)); } #app-mount .invite-3uuHYQ { background: rgba(var(--backgroundsecondary),.6); border-color: rgba(var(--backgroundsecondary),.9); } #app-mount .artworkSpotifySessionEnded-D18iXB { background-image: url(https://discord.com/assets/fb6a21ef85b63dec6e7c01c683904e8f.svg); } #app-mount .header-1Fx4D1 { color: var(--text-muted); } #app-mount .name-QjR4Jk, #app-mount .partyStatus-2-VcyG { color: var(--header-primary); } #app-mount .moreUsers-3PdGZN { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .partyMemberEmpty-GtlQ_s { background: var(--background-accent); } #app-mount .helpIcon-24pk1Z { background-color: var(--header-primary); } #app-mount .helpIcon-24pk1Z [fill] { fill: var(--background-secondary); } #app-mount .textLink-_PElWP, #app-mount .message-group .textLink-_PElWP { color: var(--header-primary); } #app-mount .subHeader-2XPj0v { color: var(--text-muted); } #app-mount .preview-3GfI5V { border-color: var(--background-tertiary); } /* ---- 4.3. TEXTAREA ---- */ #app-mount .form-3gdLxP::before { background: linear-gradient(180deg, transparent 0, var(--background-primary)); } #app-mount .error-3_o9DA { color: #f36c6c; } #app-mount .toolbar-37BrJ5 { background-color: var(--background-floating); } #app-mount .toolbar-37BrJ5::before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid var(--background-floating); } #app-mount .divider-3NY7PF { border-left: 1px solid rgba(var(--textbrightest),.06); } #app-mount .icon-3g7qdA { color: var(--interactive-normal); } #app-mount .active-136ioF .icon-3g7qdA, #app-mount .hover-3OQb9Y:hover .icon-3g7qdA { color: var(--interactive-active); } #app-mount .cooldownWrapper-2k1jHK[style*="color: rgb(79, 84, 92)"] { color: var(--text-muted) !important; } /* ---- 4.4. AUTOCOMPLETEMENU ---- */ #app-mount .autocomplete-3NRXG8 { background-color: var(--background-secondary); } #app-mount .categoryHeader-OpJ1Ly { background-color: var(--background-secondary); } #app-mount .selected-3H3-RC { background-color: var(--background-primary); } /* ---- 4.5. MEMBERLIST ---- */ #app-mount .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover { background-color: var(--background-tertiary); } /* ---- 4.6. CALL ---- */ .wrapper-1gVUIN { background-color: var(--background-primary); } .root-22AK9z { color: var(--header-primary); } .gradientContainer-phMG8d { display: none; } .divider-LwO6Dl { background: var(--background-modifier-accent); } .playingText-16QsYy { color: var(--header-secondary); } .controlIcon-10O-4h { color: var(--interactive-normal); } .controlIcon-10O-4h:hover { color: var(--interactive-hover); } .controlIcon-10O-4h.active-3D763s, .controlIcon-10O-4h:active { color: var(--interactive-active); } .pictureInPictureVideo-2puO2Q .controlIcon-10O-4h { color: #b9bbbe; } .pictureInPictureVideo-2puO2Q .controlIcon-10O-4h:hover { color: #dcddde; } .pictureInPictureVideo-2puO2Q .controlIcon-10O-4h.active-3D763s, .pictureInPictureVideo-2puO2Q .controlIcon-10O-4h:active { color: #fff; } .colorable-3rVGna.primaryDark-2UJt1G { background-color: var(--background-secondary); } .colorable-3rVGna.primaryDark-2UJt1G, .colorable-3rVGna.primaryDark-2UJt1G .centerIcon-JYpTUi { color: var(--header-primary); } .colorable-3rVGna.primaryDark-2UJt1G.active-3D763s, .colorable-3rVGna.primaryDark-2UJt1G:hover { background-color: var(--background-tertiary); } .root-u9h3Ui { color: var(--header-primary); } .root-22AK9z { color: var(--header-primary); } .tile-2TcwiO { background-color: var(--background-tertiary); } .header-1BxQhu { color: var(--header-primary); } #app-mount .regionSelectName-1Tj9C9 { color: var(--header-secondary); } #app-mount .quickSelectPopoutOption-2E2UmS:hover .regionSelectName-1Tj9C9 { color: var(--header-primary); } #app-mount .video-eAcneW { background-color: var(--background-floating); } #app-mount .video-eAcneW.minimum-1n7zHF { background-color: var(--background-floating); box-shadow: inset 0 -1px 0 var(--background-tertiary); } #app-mount .video-eAcneW.noChat-3QkBOE .videoBackgroundTransition-Pn9nCS { box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .video-eAcneW.noChat-3QkBOE .videoTop-18vrXm, #app-mount .video-eAcneW.normal-1O1dfs .videoTop-18vrXm { background-image: linear-gradient(0deg, transparent,rgba(0,0,0,.9)); } #app-mount .item-2ppWEc { color: var(--header-primary); } #app-mount .itemValue-3eCU6u { color: var(--header-secondary); } #app-mount .videoPreview-2MGkOA { background-color: var(--background-secondary); border: 1px solid var(--background-tertiary); } /* ~~~~ 5. PEOPLES ~~~~ */ #app-mount .container-2cd8Mz { background-color: var(--background-primary); } #app-mount .scroller-hE2gWq { border: none; } #app-mount .sectionHeader-20RGqu { border-bottom: 1px solid rgba(0,0,0,.2); } #app-mount .moreMutualGuildsBtn-3jEzPC:hover { border-color: rgba(var(--textbrightest),.6); color: var(--header-primary); } #app-mount .wrapper-1nP9W7 { background-color: rgba(4,4,5,.8); color: var(--header-secondary); } #app-mount .header-1bHP7r { color: var(--header-primary); } #app-mount .outer-2JOHae.active-1W_Gl9, #app-mount .outer-2JOHae.interactive-2zD88a:hover { background-color: var(--background-floating); } #app-mount .inset-SbsSFp { background-color: var(--background-secondary); } #app-mount .emptyPreviewImage-3LUxKH { background-image: url(https://discord.com/assets/b93ef52d62a513a4f2127a6ca0c3208c.svg); opacity: .5; } #app-mount .partyMemberOverflow-3G1oZz { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .partyMemberBackground-35PUxI, #app-mount .partyMemberUnknown-3RMTbX { background-color: var(--background-accent); } #app-mount .partyMemberUnknownIcon-3HapjE { color: var(--text-muted); } #app-mount .partyMemberUnknown-EEivAl { background-image: url(https://discord.com/assets/c2e09a95e595bfb12fa040d56ca27db5.svg); opacity: .5; } #app-mount .popout-3Zw0qN { 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-2YHnS6, #app-mount .separator-2OaeRP { background-color: var(--background-secondary); } #app-mount .body-16rSsp .separator-2OaeRP { background-color: var(--background-primary); } #app-mount .voiceSectionNoGuildImageWrapper-17kLyh { background: var(--background-tertiary); color: var(--header-primary); } #app-mount .voiceSectionIconWrapper-4yoj76 { background-color: var(--background-floating); } #app-mount .voiceSectionIcon-1_4-an, #app-mount .xboxSectionIcon-1xiv4J { color: var(--header-secondary); } #app-mount .applicationStreamingPreviewWrapper-7j27t8 { background-color: var(--background-secondary-alt); } /* ~~~~ 6. STORE/NITRO ~~~~ */ #app-mount .header-2cF-SF { color: var(--header-primary); } #app-mount .blurb-3d5FqU, #app-mount .storeTerms-229iaC, #app-mount .subtext-3JuUCk { color: var(--header-secondary); } #app-mount .divider-3IBpTV { background-color: rgba(var(--backgroundsecondary),.6); } #app-mount .iconWrapper-2_MXbk { background: var(--background-accent); } #app-mount .directoryHeroPrice-1mL8NS, #app-mount .directoryHeroPricePremium-cNEUik { color: var(--header-primary); } #app-mount .directorySearchPrice-3X8YHl { color: var(--header-secondary); } #app-mount .listingPrice-3Byrq9 { color: var(--header-primary); } #app-mount .originalAmount-fVSHy9 { color: var(--header-secondary); } #app-mount .embedPrice-2cAoWE { color: var(--header-primary); } #app-mount .embedPrice-2cAoWE .salePercentage-1mi7hp { background-color: var(--background-secondary); } #app-mount .loadingContainer-2dRvxT { background-color: rgba(0,0,0,.4); } #app-mount .libraryLink-t3ekoU { color: rgba(var(--textbrightest),.6); } #app-mount .invalidPoop--w1123 { background-color: rgba(var(--backgroundaccent),.6); background-image: url(https://discord.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg); opacity: .5; } #app-mount .metadata-3MqUp5 { color: var(--text-muted); } #app-mount .cancelImage-T807tN { background: url(https://discord.com/assets/03863b539aec443327ca2ffc51a89dac.svg); opacity: .75; } #app-mount .container-2Zlzt0 { background-color: var(--background-secondary); } #app-mount .xboxLogo-3uO7iP { -webkit-mask: url(https://discord.com/assets/7f267bbf7d7569d790f9f6ab97d04044.svg) center no-repeat; background: var(--header-primary); } #app-mount .feature-2IUcBI { background-color: var(--background-secondary-alt); border: 1px solid var(--background-modifier-accent); box-shadow: var(--elevation-medium); } #app-mount .sectionAccountCredit-1lZtoH, #app-mount .subscriptionDetails-3u1CML { border-color: rgba(var(--textdarker),.3); } #app-mount .background-HqNWlb { background-image: url(https://discord.com/assets/00be7f6ca68f1915a80ae01f061718e5.svg); opacity: .5; } #app-mount .tier1Banner-LvpkWu { background: var(--background-secondary); color: var(--header-primary); } #app-mount .tier1Banner-LvpkWu::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--header-primary); -webkit-mask: url(https://discord.com/assets/cb89c31c79a62ae99ec12351c1efb277.svg) center/cover no-repeat; } #app-mount .categoryHeader-93jmyE, #app-mount .premiumApplicationsHeader-3K67Qe { border-color: var(--background-accent); color: var(--header-primary); } #app-mount .viewAllGames-1jwiR_ { color: var(--header-primary); } #app-mount .divider-3y7HAB { border-color: rgba(var(--backgroundsecondary),.6); } #app-mount .content-3N5BG9 { color: var(--text-muted); } #app-mount .blurb-btvBEJ { color: var(--text-normal); } #app-mount .description-BzYBA2 { color: var(--header-secondary); } #app-mount .row-2qQ--F { background-color: var(--background-secondary); color: var(--header-secondary); } #app-mount .featureIcon-3GwsEQ { color: var(--header-secondary); } #app-mount .content-26qlhD { color: var(--text-muted); } #app-mount .themedPagination-3jclKS .arrow-2PTaaz { color: var(--header-primary); } #app-mount .themedPagination-3jclKS .dot-1xabNQ { background-color: var(--header-primary); } #app-mount .matureListing-aNebPc { background-color: transparent; } #app-mount h3.contentHeader-2mKb-r { color: #dcddde; } #app-mount .circle-1ceChx { color: var(--header-primary); } #app-mount .iconCircle-3CMTjB { background-color: var(--background-accent); } #app-mount .smallHeader--lYkq9 { color: var(--header-secondary); } #app-mount .text-3UzHA4 { color: var(--header-primary); } #app-mount .description-hC8iQf { color: var(--header-secondary); } #app-mount .playerOverflow-GbSZQs { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .description-hC8iQf strong, #app-mount .discriminator-2EHIDr strong, #app-mount .username-pDGZS1 { color: var(--header-primary); } #app-mount .label-2txsEl { color: var(--text-muted); } #app-mount .username-3gwMST { color: var(--header-primary); } #app-mount .notes-2clhZY { color: var(--header-secondary); } #app-mount .root-3mkK8X { background-color: var(--background-secondary); } #app-mount .header-13C7x6 { color: var(--header-primary); } #app-mount .section-3Et6MX { border-bottom-color: var(--background-primary); } #app-mount .breadcrumb-2tlXzO:hover { color: var(--header-primary); } #app-mount .separator-dn0u3Y { background-color: rgba(var(--backgroundsecondary),.6); } #app-mount .tabNotSelectedColor-2f2hRe { color: var(--header-secondary); } #app-mount .tabNotSelectedColor-2f2hRe:hover, #app-mount .tabSelectedColor-2MQNM- { color: var(--header-primary); } #app-mount .tabSelected-2OMwNX { border-bottom-color: var(--header-primary); } #app-mount .sectionTitle-26b5ZR { color: var(--header-secondary); } #app-mount .requirementKey-3Mlwzf { color: var(--text-muted); } #app-mount .requirements-2IwVy6 { color: var(--text-normal); } #app-mount .content-1W9-9i { background-color: var(--background-secondary); } #app-mount .buttonColorInGuild-1OoSt7 { color: var(--header-primary); } #app-mount .name-22c6Wk { color: var(--header-secondary); } #app-mount .memberInfo-QIpngr { color: var(--text-muted); } #app-mount .dotOffline-LfSWc8 { background-color: var(--text-muted); } #app-mount .listing-gF29cM { color: var(--header-primary); } #app-mount .link-1DS2h_ { color: var(--header-primary); } #app-mount .applicationName-1iS9zb { color: var(--text-normal); } #app-mount .price-1PvQ0u { background-color: var(--background-accent); color: var(--header-primary); } /* ---- 6.1. BIRTHDAY PAGE ---- */ #app-mount .outerContainer-2qLQSo { background-color: var(--background-primary); } #app-mount .outerContainer-2qLQSo .heroWrapper-20MPew { overflow: hidden; border-radius: 10px; } #app-mount .outerContainer-2qLQSo .birthdayExplanationWrapper-c5wg5T, #app-mount .outerContainer-2qLQSo .flipCardOpened-hiYLHX, #app-mount .outerContainer-2qLQSo .activityCard-3EABg3, #app-mount .outerContainer-2qLQSo .celebrateCardContainer-MAdnBa { background-color: var(--background-secondary); } /* ~~~~ 7. LIBRARY ~~~~ */ #app-mount .headerCellSorted-1bg4Lp { color: var(--header-primary); } #app-mount .emptyWumpus-11kRB0 { background: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg); opacity: .5; } #app-mount .rate-1lw2ml { color: var(--text-muted); } #app-mount .background-3laMJt { stroke: var(--background-accent); } #app-mount .usageInfo-2CQ9c7 { color: var(--header-secondary); } #app-mount .installationPath-2PbaRC { box-shadow: 0 1px 0 0 var(--background-accent); } #app-mount .rowTitle-2MoCno { color: var(--text-normal); } #app-mount .rowBody-uWDd7Y { color: var(--text-muted); } #app-mount .defaultLocationCheckbox-1Y3dSI { color: var(--header-primary); } #app-mount .defaultIndicator-1AxErs { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .applicationName-1uqOrC { color: var(--header-primary); } #app-mount .applicationSubText-2SBEgj { color: var(--text-muted); } #app-mount .hiddenLibraryApplication-lfw1ab { border-color: var(--background-accent); } #app-mount .hiddenLibraryApplication-lfw1ab::before { background: rgba(var(--backgroundtertiary),.3); border-color: var(--background-tertiary); } #app-mount .restoreButton-17sRw1 { background: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 1px 5px 0 rgba(0,0,0,.3); } #app-mount .restoreButton-17sRw1:hover { background: var(--background-secondary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .card-2TuZPZ { box-shadow: var(--elevation-medium); } #app-mount .card-2TuZPZ:focus, #app-mount .card-2TuZPZ:hover { box-shadow: var(--elevation-high); } /* ~~~~ 8. DISCOVERY ~~~~ */ #app-mount .pageWrapper-2PwDoS { background-color: var(--background-primary); color: var(--header-primary); } .footerImage-3DpC_8 { opacity: .5; } #app-mount .search-25t1e9 .searchBox-31Zv9h { background-color: #fff; } #app-mount .search-25t1e9 .searchBox-31Zv9h:focus, #app-mount .search-25t1e9 .searchBox-31Zv9h:focus-within { box-shadow: 0 0 0 1px rgb(91,67,240), 0 0 0 2px rgba(91,67,240,.6), 0 0 0 3px rgba(91,67,240,.3); border-color: transparent; } #app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz { color: #2e3338; } #app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::-webkit-input-placeholder, #app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::-moz-placeholder, #app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz:-ms-input-placeholder, #app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::placeholder { color: #72767d; } #app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0 { color: #4f5660; } #app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:hover { color: #2e3338; } #app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:focus { color: #060607; } #app-mount .search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL { color: rgba(79,84,92,.6); } /* ~~~~ 9. USERSETTINGS ~~~~ */ #app-mount .customContainer-dK1ozq::before { box-shadow: 0 1px 4px rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.2); } #app-mount .notice-3jw7ld { background: rgba(var(--backgroundtertiary),.95); } #app-mount .container-20TyK0[style*="background-color: rgba(248, 249, 249"], #app-mount .container-20TyK0[style*="background-color: rgba(32, 34, 37"] { background-color: rgba(var(--backgroundfloating), .9) !important; } #app-mount .container-20TyK0[style*="background-color: rgba(248, 249, 249"] .message-3C6JQ1, #app-mount .container-20TyK0[style*="background-color: rgba(32, 34, 37"] .message-3C6JQ1 { color: var(--header-primary) !important; } #app-mount .message-3C6JQ1 { color: var(--header-primary); } #app-mount .streamerModeEnabledImage-2EveVD { background-image: url(https://discord.com/assets/5b7e23080bfec53f966b806abcde8def.svg); opacity: .5; } .contentRegion-3HkfJJ div[role="tabpanel"] { width: 100%; } .toolsContainer-25FL6V { margin-right: 37px; } #app-mount .closeButton-PCZcma { border-color: var(--channels-default); } #app-mount .closeButton-PCZcma path[fill] { fill: var(--channels-default); } #app-mount .closeButton-PCZcma:hover { background-color: rgba(var(--backgroundaccent),.3); border-color: var(--header-secondary); } #app-mount .closeButton-PCZcma:hover path[fill] { fill: var(--header-secondary); } #app-mount .closeButton-PCZcma:active { border-color: var(--text-normal); } #app-mount .closeButton-PCZcma:active path[fill] { fill: var(--text-normal); } #app-mount .keybind-13vtq8 { color: var(--channels-default); } #app-mount .closeButtonBold-2Wgbg8 { border-color: var(--header-secondary); } #app-mount .closeButtonBold-2Wgbg8 path[fill] { fill: var(--header-secondary); } #app-mount .closeButtonBold-2Wgbg8:hover { background-color: rgba(var(--backgroundaccent),.6); border-color: var(--text-normal); } #app-mount .closeButtonBold-2Wgbg8:hover path[fill] { fill: var(--text-normal); } #app-mount .closeButtonBold-2Wgbg8:active { border-color: var(--header-primary); } #app-mount .closeButtonBold-2Wgbg8:active path[fill] { fill: var(--header-primary); } #app-mount .keybindBold-1U6HoA { color: var(--header-secondary); } #app-mount .avatarUploader-AF-hm- .sizeInfo-Wk0Ksj { color: var(--text-muted); } #app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg { color: var(--interactive-normal); } #app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg:hover { color: var(--interactive-hover); } #app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg: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://discord.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://discord.com/assets/cdea41ede63f61153e4a3c0531fa3873.svg) center/cover no-repeat; opacity: .5; object-position: -999999px -999999px; } .colorSwatch-3g4qA8 { display: flex; justify-content: center; align-items: center; } .colorSwatch-3g4qA8 > [role="radio"] { display: flex; flex-direction: column; align-items: center; } .colorSwatch-3g4qA8 > .dropperIconButton-2shYII { width: 69px; margin: auto; } #app-mount .authedApp-1tw-eT { background-color: var(--background-secondary); } #app-mount .emptyStateHeader-2qdbzr { color: var(--header-primary); } #app-mount .emptyStateSubtext-1nMe5m { color: var(--header-secondary); } #app-mount .emptyStateImage-2qGUMK { background: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg); opacity: .5; } #app-mount .codeRedemptionRedirect-2hYMSQ { background: var(--background-modifier-selected); border-color: var(--background-modifier-selected); color: var(--header-primary); } #app-mount .subText-2zL_27 { color: var(--text-muted); } #app-mount .subTextHeader-2TGlBa { color: var(--text-muted); } #app-mount .subTextRow-2c7SIq { color: var(--header-secondary); } #app-mount .giftCodeRow-3pI-zz { border-color: rgba(var(--textdarkest),.6); } #app-mount .bodyButtonColor-1j4G6V { background: var(--background-tertiary); color: var(--header-primary); } #app-mount .bodyButtonColor-1j4G6V:hover { background: var(--background-secondary); } #app-mount .bodyButtonColor-1j4G6V:active { background: var(--background-primary); } #app-mount .card-1j9yy6 { color: var(--header-primary); } #app-mount .splashArt-175LCr { background-image: url(https://discord.com/assets/976b56da8d86af63aef4f55afb553a9f.png); } #app-mount .confirmTitle-3WHs3k { color: var(--header-primary); } #app-mount .confirmBlurb-2gfQ_7 { color: var(--header-secondary); } #app-mount .item-3eFBNF { box-shadow: inset 0 -1px 0 0 var(--background-accent); } #app-mount .gemIndicatorContainer-PqApbX { background-color: var(--background-floating); } #app-mount .gemWithoutLabel-1od40y { color: var(--header-primary); } #app-mount .tierLabel-3MVAnX { color: var(--header-primary); } #app-mount .guildHeaderBackground-1G51bM { background-image: url(https://discord.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg); opacity: .75; } #app-mount .emptyGuilds-1cEt2M { background-image: url(https://discord.com/assets/e500b2fe39bd0080b48e740d9d96e240.svg); opacity: .75; } .container-3NTP7o { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg); } .notches-2w7UZJ { background: transparent !important; } #app-mount .progress-1S-TDF { background-color: var(--text-muted); } .icon-1fWS75[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"], .icon-1fWS75[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] { -webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } .icon-1fWS75[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"], .icon-1fWS75[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { -webkit-mask: url(https://discord.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } #app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf { background-color: var(--background-secondary); border-color: var(--background-tertiary); } #app-mount .row-3nMNOy { box-shadow: inset 0 -1px 0 rgba(var(--textdarker),.3); } .disabled-35mc5w { color: var(--interactive-muted); } .option-1QI4c9 { background-color: var(--interactive-muted); } .overlayWarningIcon-B1Xv81 { background: url(https://discord.com/assets/afc17a02f2ea7406b0ee518c28414f7c.svg) no-repeat; } #app-mount .game-2f2vPC { box-shadow: var(--elevation-low); } #app-mount .gameName-zbZetm { color: var(--header-primary); } #app-mount .gameNameInput-2wbDJ9:focus, #app-mount .gameNameInput-2wbDJ9:hover { background-color: var(--background-primary); border-color: rgba(var(--textdark),.3); } #app-mount .lastPlayed-1jum9A, #app-mount .overlayStatusText-In0YrK { color: var(--text-muted); } #app-mount .overlayToggleIconOn-21NN2N .fill-297bdf { fill: var(--text-muted); } #app-mount .addGamePopout-2SKNIV { background-color: var(--background-primary); } #app-mount .addGamePopout-2SKNIV .cancelButton-1_3Ix7 { color: var(--header-primary); } #app-mount .nowPlayingAdd-3I4RbE { color: var(--header-secondary); } #app-mount .nowPlaying-3UpuKc { background-color: var(--status-positive-background); } #app-mount .nowPlaying-3UpuKc .gameName-zbZetm { color: var(--status-positive-text); } #app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:focus, #app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:hover { background-color: transparent; border-color: var(--status-positive-text); } #app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9 { position: relative; z-index: 3; } #app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9 + * { position: relative; } #app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:focus + *::before, #app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:hover + *::before { content: ""; display: block; position: absolute; top: -24px; left: -5px; width: 240px; height: 24px; border-radius: 3px; background-color: var(--status-positive-text); opacity: 0.3; pointer-events: none; z-index: 2; } #app-mount .nowPlaying-3UpuKc .lastPlayed-1jum9A, #app-mount .nowPlaying-3UpuKc .overlayStatusText-In0YrK { color: var(--status-positive-text); } #app-mount .nowPlaying-3UpuKc .overlayToggleIconOff-ps4gGp .fill-297bdf, #app-mount .nowPlaying-3UpuKc .overlayToggleIconOn-21NN2N .fill-297bdf { fill: var(--status-positive-text); } #app-mount .notDetected-M3Ghh2 { background-color: var(--background-secondary); } #app-mount .notDetected-M3Ghh2 .gameName-zbZetm { color: var(--interactive-active); } #app-mount .notDetected-M3Ghh2 .lastPlayed-1jum9A { color: var(--text-muted); } #app-mount .row-2ooh_3 { box-shadow: inset 0 -1px 0 rgba(var(--textdarker),.3); } #app-mount .foreground-2hyALB { background: var(--interactive-normal); } #app-mount .link-39xJu3:hover .foreground-2hyALB { background: var(--interactive-active); } .bd-social-link[title="BD" i] .bd-social-logo, .bd-social-link[title="BetterDiscord" i] .bd-social-logo, .bd-social-link[title="BBD" i] .bd-social-logo, .bd-social-link[title="BandagedBD" i] .bd-social-logo { background: var(--interactive-normal); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat; opacity: 1; transition: background .15s ease; } .bd-social-link[title="BD" i]:hover .bd-social-logo, .bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo, .bd-social-link[title="BBD" i]:hover .bd-social-logo, .bd-social-link[title="BandagedBD" i]:hover .bd-social-logo { background: var(--interactive-active); } .bd-social-link[title="BD" i] .bd-social-logo > *, .bd-social-link[title="BetterDiscord" i] .bd-social-logo > *, .bd-social-link[title="BBD" i] .bd-social-logo > *, .bd-social-link[title="BandagedBD" i] .bd-social-logo > * { display: none; } /* ~~~~ 10. GUILDSETTINGS ~~~~ */ #app-mount .guildSettingsOverviewNotice-2VluqV { background-color: rgba(var(--backgroundtertiary),.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(--textdarker),.3); } .addRoleIcon-3YjErH { -webkit-mask: url(https://discord.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg); background: var(--header-secondary); object-position: -999999px -999999px; } #app-mount .dragged-S44x-A { -webkit-mask: url(https://discord.com/assets/a8564dac0d728add0025be388f5ad7a2.svg) center/contain no-repeat; background: var(--background-tertiary); } .theme-light .messageContainer-3a6gLR { display: none; } #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(--accentcolor)); } #app-mount .emojiAliasPlaceholder-3H_iZA { color: var(--header-primary); } #app-mount .emojiRow-zIc7ZX { box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.04); } #app-mount .auditLog-1NVAY0 { border-color: var(--background-tertiary); color: var(--text-muted); } #app-mount .auditLog-1NVAY0 strong { color: var(--header-primary); } #app-mount .auditLog-1NVAY0:hover .expandForeground-1nZ4VR { stroke: var(--header-primary); } #app-mount .headerClickable-zGQJz3, #app-mount .headerDefault-1e6yjj { background-color: rgba(var(--backgroundtertiary),.3); color: var(--header-secondary); } #app-mount .headerExpanded-1-zwDr { background-color: rgba(var(--backgroundtertiary),.6); color: var(--header-secondary); } #app-mount .divider-M3saWq { background-color: var(--background-tertiary); } #app-mount .userHook-3R3zjr { color: var(--header-primary); } #app-mount .expandForeground-1nZ4VR { stroke: rgba(var(--textbrightest),.6); } #app-mount .timestamp-147bcs { color: var(--text-muted); } #app-mount .changeDetails-1kMZqI { background-color: rgba(var(--backgroundtertiary),.3); } #app-mount .auditLogMembersIconFg-2dfgB- { fill: var(--header-primary); } #app-mount .selected-38kUfI .auditLogMembersIconFg-2dfgB- { fill: #fff; } .themeOverrideLight-bdYR2N.icon-2PiQ65, .themeOverrideDark-3-xxHI.icon-2PiQ65, #app-mount .icon-2PiQ65 { background: none !important; } .icon-2PiQ65::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--header-primary); } .icon-2PiQ65.applicationCommand-3YMgNf::before { -webkit-mask: url(https://discord.com/assets/561a626f671b8fd8f0c2e85c97df9b04.svg); } .icon-2PiQ65.autoModerationBlockMessage-97cbNX::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } .icon-2PiQ65.autoModerationRule-2pc9PC::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } .icon-2PiQ65.targetAll-21RPfg::before { -webkit-mask: url(https://discord.com/assets/22fd0ab3562af24ea964465bb65531aa.svg); } .icon-2PiQ65.targetBan-qwvck2::before { -webkit-mask: url(https://discord.com/assets/fd541825b6853aaae233ad9d83e05a18.svg); } .icon-2PiQ65.targetChannel-1NWbC5::before { -webkit-mask: url(https://discord.com/assets/528ae525a9823affbcd2a35bd20573b0.svg); } .icon-2PiQ65.targetEmoji-2T6Ze4::before { -webkit-mask: url(https://discord.com/assets/858ab2bdee17ca226df85e23263bcf3a.svg); } .icon-2PiQ65.targetGuild-pvPVWS::before { -webkit-mask: url(https://discord.com/assets/448b698d906ab4d93b609282595a1c9d.svg); } .icon-2PiQ65.targetGuildHome-3LSyOg::before { -webkit-mask: url(https://discord.com/assets/eeaa7c1199e8f4cdb46de98c9b924edf.svg); } .icon-2PiQ65.targetGuildScheduledEvent-330pb3::before { -webkit-mask: url(https://discord.com/assets/7093e58edcd5202a129a6e4fbf427c6d.svg); } .icon-2PiQ65.targetIntegration-j5Mnwy::before { -webkit-mask: url(https://discord.com/assets/993b5f52b8bd8d1c1c34cac05015c331.svg); } .icon-2PiQ65.targetInvite-2hFskc::before { -webkit-mask: url(https://discord.com/assets/d0dc8a4c8ea55b119c5c2cccf69b031f.svg); } .icon-2PiQ65.targetMember-2pI3Cu::before { -webkit-mask: url(https://discord.com/assets/e2c0846875f889524e3d60e7d25afa55.svg); } .icon-2PiQ65.targetMemberRole-jNaX-k::before { -webkit-mask: url(https://discord.com/assets/00124e254d0d86c37f6d02ec0c5b1e02.svg); } .icon-2PiQ65.targetMessage-WgF9Dt::before { -webkit-mask: url(https://discord.com/assets/aa9f9c29b51e414f0476d4388031aaf4.svg); } .icon-2PiQ65.targetPermission-2fNNaU::before { -webkit-mask: url(https://discord.com/assets/35de2007bfe0db9821881321d8b7c1fe.svg); } .icon-2PiQ65.targetRole-24Nm1S::before { -webkit-mask: url(https://discord.com/assets/9aa6e9df74888ec09885bb08341800be.svg); } .icon-2PiQ65.targetStageInstance-2ljqjY::before { -webkit-mask: url(https://discord.com/assets/dfad85fc7c072498298077f68cf006ca.svg); } .icon-2PiQ65.targetSticker-2BoYB9::before { -webkit-mask: url(https://discord.com/assets/da5f0aa4b5ccf0165b4220ba9929ea59.svg); } .icon-2PiQ65.targetVanityUrl-1KGkGd::before { -webkit-mask: url(https://discord.com/assets/bef4eebd4f9e00aabbfa7de1949c8565.svg); } .icon-2PiQ65.targetWebhook-3gzYYG::before { -webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); } .icon-2PiQ65.targetWidget-3g4NqJ::before { -webkit-mask: url(https://discord.com/assets/03f717eddad9ac74a1900254625657cf.svg); } .icon-2PiQ65.thread-P4cm8D::before { -webkit-mask: url(https://discord.com/assets/c254ffdde9bc5c90c5ec5d9e11dbf382.svg); } #app-mount .rolePills-32B_DQ { color: rgba(var(--textbrightest),.8); } #app-mount .footerImage-4UrEF0 { background-image: url(https://discord.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://discord.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg) center/cover no-repeat; opacity: .75; object-position: -999999px -999999px; } #app-mount .avatarUploaderInnerSquare-2wsxgt { background-image: url(https://discord.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg); opacity: .5; } .exampleContainerLight-2cIJFB, .exampleContainerDark-yyX7sl { background-image: url(https://discord.com/assets/579d8c1aa51bd06391c5ac19c654cb5e.png); } #app-mount .background-3xJH_4 { color: var(--background-tertiary); } #app-mount .tierInProgress-1vFUnw { background-color: var(--background-tertiary); } #app-mount .moreSubscribers-2FZuij { background-color: var(--background-tertiary); color: var(--header-primary) } #app-mount .subscriberCount-3iRh_w { color: var(--header-secondary); } #app-mount .subscriberCount-3iRh_w strong { color: var(--text-normal); } #app-mount .subscribersPopout-3lkZNO { background: var(--background-floating); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .subscribersPopoutUser-3Az2Dc { color: var(--header-secondary); } #app-mount .tierHeaderLocked-30MLlO { background-color: var(--background-tertiary); color: var(--header-secondary); } #app-mount .tierHeaderUnlocked-1OpOLf { background-color: var(--background-tertiary); } #app-mount .tierCloseClose-T256RA { color: var(--header-primary); } #app-mount .tierBody-1d3UiS { background-color: var(--background-secondary); color: var(--header-secondary); } #app-mount .tierCurrent-2nowYi { box-shadow: 0 4px 8px rgba(0,0,0,.24); } .exampleContainer-2O-nVK, .exampleContainer-25sB-A { background: transparent; position: relative; } .exampleContainer-2O-nVK > *, .exampleContainer-25sB-A > * { z-index: 1; } .exampleContainer-2O-nVK .exampleModal-1lRfuE, .exampleContainer-25sB-A .exampleModal-2X2Vf8 { position: relative; box-shadow: 2 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2); } .exampleContainer-2O-nVK::after, .exampleContainer-25sB-A::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--background-tertiary); -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/discord_window_placeholder.svg) 0 0/cover no-repeat; } #app-mount .member-1q7VfX { box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.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(--textbrightest),.8); } #app-mount .member-1q7VfX .overflowIconFg-QMRRFI { fill: var(--header-primary); } #app-mount .member-1q7VfX .ownerHelpIcon-3ItaBx { color: var(--header-primary); } #app-mount .to-9AOSH0 { background-color: var(--background-secondary); box-shadow: 0 0 0 4px var(--background-secondary); } #app-mount .fromToWrapper-7A2MIP { background: transparent; } #app-mount .fromToWrapper-7A2MIP::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-mask: url(https://discord.com/assets/7d74fde5c67e7d6dd17ebefedce42c74.svg) 50% 0 no-repeat; background: var(--header-primary); } #app-mount .inviteSettingsInviteRow-1rZeIM { box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.04); } #app-mount .row-1oTw_K { color: var(--header-primary); } #app-mount .row-1oTw_K::after { background-color: rgba(var(--textbrightest),.04); } #app-mount .bannedUser-1IalTM { box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.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); } /* ~~~~ 11. MODALS ~~~~ */ #app-mount .root-1CAIjD, #app-mount .modal-2RrUKJ { background-color: var(--background-primary); border: none; box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .rootWithShadow-2hdL2J { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .zoomedCarouselModalRoot-beLNhM { background: transparent !important; } #app-mount .separator-2lLxgC { box-shadow: 0 1px 0 0 rgba(var(--backgroundtertiary),.3), 0 1px 2px 0 rgba(var(--backgroundtertiary),.3); } #app-mount .footer-IubaaS, #app-mount .footer-1Ip3Sd { background-color: var(--background-secondary); color: var(--header-secondary); } #app-mount .footerSeparator-3U8YsT { box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary),.6); } .header-1zd7se > .wrapper-1HSdhi:first-child { flex: 1 0 auto; } #app-mount .modal-6GHvdM .tabBarContainer-sCZC4w { background: rgba(0,0,0,.2); box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); } #app-mount .separator-3TK_-B { box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating),.3), 0 1px 2px 0 rgba(var(--backgroundfloating),.3); } #app-mount .divider-3APUjw { border-color: var(--background-secondary); } #app-mount .subHeader-2z6h5Z { color: var(--header-secondary); } #app-mount .sectionBody-7I2eAN, #app-mount .subHeader-1mr1LG { 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://discord.com/assets/81ded87ebac6f9d55e8624a3e5167c8f.svg); } #app-mount .imageCancel-2x4k_k { background: url(https://discord.com/assets/03863b539aec443327ca2ffc51a89dac.svg); } #app-mount .imageUnclaimed-5nJyYs { background-image: url(https://discord.com/assets/3b65c741e596bc0979f7ba0c42de6fff.svg); opacity: .5; } #app-mount .imageUnverified-2NLnW6 { background-image: url(https://discord.com/assets/e260177e5165e6789e30b9592df75424.svg); opacity: .5; } #app-mount .divider-MRAL1L { border-color: var(--background-secondary); } #app-mount .backButtonColor-5k5ViL { color: var(--header-primary); } #app-mount .checkboxLabel-NbUiJx { color: var(--header-secondary); } #app-mount .backdrop-1BR_bn, #app-mount .backdrop-2ByYRN { background-color: rgb(0, 0, 0) !important; } /* ---- 11.1. USERMODAL ---- */ .emptyIcon-uKVxYR { opacity: .5; } /* ---- 11.2. GUILDADD/CREATION ---- */ .container-x8Y1ix { background-color: var(--background-secondary); border: none; } .container-x8Y1ix:hover { background-color: var(--background-secondary-alt); border: none; } .arrow-2yY1Tm { -webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat; background: var(--text-normal); object-position: -999999px -999999px; } .input-m1-Y7Q { background: transparent; } .inputInner-1Z3Tui { border: 1px solid var(--deprecated-text-input-border); } /* ---- 11.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 { background-color: var(--background-secondary); border: 2px solid 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); } /* ---- 11.4. UPLOADMODAL ---- */ #app-mount .uploadModal-2ie9O_ { background-color: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .footer-VCsJQY { background-color: var(--background-secondary); box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary),.6); } /* ---- 11.5. KEYBOARDSHORTCUTSMODAL ---- */ #app-mount .keyboardShortcutsModal-2CRmCm { background-color: var(--background-primary); } #app-mount .modalTitle-2skSKy { color: var(--header-primary); } #app-mount .modalSubtitle-2lx7qk { border: none; box-shadow: var(--elevation-low); color: var(--text-normal); } #app-mount .keyboardShortcutList-3VFAYS .keybindGroup-39HP2U .keybindDescription-oXh6w_ { color: var(--header-secondary); } #app-mount .keybindShortcut-3zF1P9 { color: var(--header-primary); } #app-mount .keybindShortcut-3zF1P9 span { background-color: var(--text-muted); border: 1px solid var(--background-tertiary); box-shadow: inset 0 -4px 0 rgba(var(--backgroundtertiary),.6); color: var(--header-primary); } #app-mount .keybindShortcut-3zF1P9 span .bindArrow-EmK4SC g { fill: var(--header-primary); } #app-mount .keybindShortcut-3zF1P9 span:active { box-shadow: inset 0 -2px 0 var(--background-tertiary); border: 1px solid #000; color: var(--header-secondary); } #app-mount .keybindShortcut-3zF1P9 span:active .bindArrow-EmK4SC g { fill: var(--header-secondary); } #app-mount .keybindShortcutTipsSelect-2FpxFp:last-of-type::before { background-color: var(--interactive-muted); } #app-mount .tabButton-1hJ4oW { background-color: var(--text-muted); border: 1px solid var(--background-tertiary); border-radius: 4px; box-shadow: inset 0 -4px 0 rgba(var(--backgroundtertiary),.6); color: var(--header-primary); } #app-mount .tabButton-1hJ4oW rect[fill="#4F545C"], #app-mount .tabButton-1hJ4oW path[fill="#36393F"] { display: none; } /* ---- 11.6. QUICKSWITCHER ---- */ #app-mount .emptyState-1OLqEw { background: transparent; } #app-mount .emptyState-1OLqEw::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(https://discord.com/assets/0b298968e0a756e25677771fd6b58b34.svg) center/100px no-repeat; opacity: .5; } /* ---- 11.7. INVITEMODAL/GROUPCREATE ---- */ #app-mount .contentWrapper-3oy4Xo { background-color: var(--background-primary); } #app-mount .friendSelected-3cwmD7, #app-mount .inviteRow-3vmB7i:hover { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .friend-8ZraY7, #app-mount .inviteRowName-3H4s_c { color: var(--header-secondary); } #app-mount .footer-C9oLp9, #app-mount .footer-1hTRRZ { background-color: var(--background-secondary); box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary),.6); } .footerSeparator-b6VH1V, #app-mount .content-3nJg0c::before { display: none; } #app-mount .subtitle-3v29zT, #app-mount .footerText-30uH1h, #app-mount .checkBoxLabel-16BK2g, #app-mount .footerText-2QLGHU, #app-mount .subText-1CcYgq { color: var(--header-secondary); } #app-mount .errorState-1R6bBt { color: var(--text-muted); } #app-mount .notFriends-lSusTz .errorStateIcon-3y6XWh { background-image: url(https://discord.com/assets/4f86d7f58df32580164fc595377c0169.svg); opacity: .5; } #app-mount .noFriends-1Y8EWR .errorStateIcon-3y6XWh { background-image: url(https://discord.com/assets/16bd6f7e8c2feedd7fa44d25013e687f.svg); opacity: .5; } #app-mount .partyFull-kwAvJT .errorStateIcon-3y6XWh { background-image: url(https://discord.com/assets/f690b8a9cd33cda18e431d4717fff5ab.svg); opacity: .5; } #app-mount .noResults-1ceiMB .errorStateIcon-3y6XWh { background-image: url(https://discord.com/assets/1eed0d895df6e35f164d8ed5e84037d2.svg); opacity: .5; } /* ---- 11.8. LOGINSCREEN ---- */ .theme-dark.authBox-1HR6Ha, .theme-light.authBox-1HR6Ha { background: var(--background-mobile-primary); color: var(--text-muted); } .theme-dark.authBox-1HR6Ha::before, .theme-light.authBox-1HR6Ha::before { background-image: url(https://discord.com/assets/4f004ac9be168ac6ee18fc442a52ab53.svg); } .theme-dark.navRow-dG-XX8, .theme-light.navRow-dG-XX8 { background: var(--background-secondary); } .subText-1fpEGH strong { color: rgba(var(--textbright),.9); } #app-mount .authBoxWithMobileBanner-cYSkMm { background: var(--background-primary); color: var(--text-muted); } /* ---- 11.9. TERMACCEPTMODAL ---- */ #app-mount .modal-DRZfgq { background-color: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.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 .ack-3sCuAV { color: var(--header-secondary); } #app-mount .buttonContainer-28osRq { background-color: var(--background-secondary); } /* ---- 11.10. DOWNLOADAPPMODAL ---- */ .downloadApps-14IgKV { background-color: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2); } .downloadApps-14IgKV .inner-2b28EM { height: 100%; width: 100%; overflow: hidden; } .downloadApps-14IgKV .header-1lOVWt { color: var(--text-normal); } .downloadApps-14IgKV .footer-2TRYcZ { color: var(--text-muted); } .downloadApps-14IgKV .header-1lOVWt { color: var(--text-normal); } .downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu { border-color: var(--header-secondary); } .downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu p { color: var(--header-secondary); } .downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu .downloadButton-2XskEc { background-color: var(--header-secondary); } /* ---- 11.11. GUILDBOOSTMODAL ---- */ #app-mount .perksModal-CLcR1c { background: var(--background-primary); } #app-mount .perksModal-CLcR1c::before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--header-primary); -webkit-mask: url(https://discord.com/assets/c486dc65ce2877eeb18e4c39bb49507a.svg) bottom/100% no-repeat; pointer-events: none; } #app-mount .headerLogo-2M4f14 { color: var(--header-primary); } #app-mount .tierHeaderLocked-3ItHYn { background-color: var(--background-floating); color: var(--text-muted); } #app-mount .tierLock-1uBqZ0 { color: var(--interactive-muted); } #app-mount .tierBody-3ju-rc { background-color: var(--background-tertiary); border-color: var(--background-secondary); } #app-mount .barBackground-unEPDT { background-color: var(--background-tertiary); } #app-mount .tierMarkerBackground-G8FoN4 { background-color: var(--background-primary) !important; } #app-mount .tierMarkerInProgress-2Tdxjz { background-color: var(--background-tertiary) !important; } #app-mount .currentTierIcon-2rq-bv { color: var(--header-secondary); } #app-mount .selectedTier-24Xj0k .tierMarkerLabelText-1wk8KK { color: var(--header-primary); } #app-mount .ctaBar-Nhk8yY { position: relative; background-image: none; } #app-mount .ctaBar-Nhk8yY::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--text-normal); -webkit-mask: url(https://discord.com/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg); } #app-mount .giftIcon-2kmx1K { color: var(--header-secondary); } #app-mount .button-f2h6uQ .giftIcon-2kmx1K { color: currentColor; } #app-mount .badgeIconWithoutSubscribers-1hjTfX { 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 .tierPill-3gJ0eN { background-color: var(--background-primary); color: var(--header-primary); } #app-mount .perk-19D_HN { background-color: var(--background-secondary); } #app-mount .tierMarkerAccomplished-1SkbEJ .currentTierIcon-2rq-bv { color: #fff; } /* ---- 11.12. REACTIONSMODAL ---- */ #app-mount .container-KM8BU6, #app-mount .reactors-1VXca7 { background-color: var(--background-primary); } #app-mount .remove-19AQn_ { color: var(--interactive-normal); } #app-mount .remove-19AQn_:hover { color: var(--interactive-hover); background: transparent; } #app-mount .remove-19AQn_:active { color: var(--interactive-active); } #app-mount .scroller-2GkvCq { background-color: var(--background-secondary); } #app-mount .reactionSelected-1aMb2K { background-color: rgba(var(--backgroundaccent),.8); } #app-mount .reactionDefault-1Sjj1f:hover { background-color: rgba(var(--backgroundaccent),.4); } #app-mount .reactorDefault-3GSyaV { box-shadow: inset 0 -1px 0 rgba(var(--backgroundaccent),.3); } #app-mount .discriminator-1DCM-o { color: var(--text-muted); } /* ---- 11.13. RATEMODAL ---- */ #app-mount .header-sJd8D7 { color: var(--header-primary); } /* ---- 11.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); } /* ---- 11.15. NOTIFICATIONSMODAL ---- */ #app-mount .channelName-IPB6B3 { color: var(--header-primary); } #app-mount .guildName-1kreI8, #app-mount .override-1sK4r0, #app-mount .overrideHighlight-3f-yyO { color: var(--header-secondary); } #app-mount .override-1sK4r0:hover { background-color: rgba(var(--backgroundtertiary),.1); } #app-mount .overrideHighlight-3f-yyO, #app-mount .overrideHighlight-3f-yyO:hover { background-color: rgba(var(--backgroundtertiary),.3); } #app-mount .checkboxContainer-1NbL2v::before { background-color: rgba(var(--backgroundtertiary),.6); } #app-mount .overridePlaceholder-1nDEsX { border: 1px dashed var(--background-floating); } /* ---- 11.16. PAYMENTMODAL ---- */ #app-mount .sectionHeader-1tIM9Z { color: var(--header-secondary); } #app-mount .paypalInput-2to8vl, #app-mount .paypalInput-2to8vl:focus, #app-mount .paypalInput-2to8vl:hover { border-color: var(--deprecated-text-input-border); } #app-mount .description-1pzois { color: var(--text-normal); } #app-mount .descriptionWrapper-eOmU90 { color: var(--text-muted); } #app-mount .defaultIndicator-2ndWks { background-color: var(--text-muted); color: var(--header-primary); } #app-mount .premiumIndicator-22GgcZ { color: var(--header-primary); } #app-mount .invalidIndicator-3iumEX { color: var(--header-primary); } #app-mount .summaryInfo-3hcuop { color: var(--header-primary); } #app-mount .payment-2bOh4k { background-color: var(--background-secondary); color: var(--header-secondary); } #app-mount .hoverablePayment-lE1s4t:hover { background-color: var(--background-vbackgroundtertiary); } #app-mount .paymentHeader-2o7Phd { color: var(--header-primary); border-color: var(--text-muted); } #app-mount .expandedInfo-1W31i3 { background-color: var(--background-primary); } #app-mount .paymentText-BPrx01 { color: var(--header-secondary); } #app-mount .giftIcon-U9wStf { color: var(--header-primary); } #app-mount .paymentPane-ut5qKZ { background-color: var(--background-secondary); color: var(--header-primary); } #app-mount .paginator-1eqD2g { background: var(--background-secondary); color: var(--text-muted); } #app-mount .bottomDivider-ZmTm-j { border-bottom-color: var(--background-tertiary); } #app-mount .tab-2hobIk { color: var(--text-muted); } #app-mount .externalRowHeader-LT6-4N { color: var(--header-secondary); } #app-mount .authenticationRequiredImage-2E6TQE { background-image: url(https://discord.com/assets/8923d313e1704c4bc45025fc8463affd.svg); opacity: .5; } #app-mount .authenticationSuccessImage-tBBeV0 { background-image: url(https://discord.com/assets/0c840f9cc846705b725bd89aec58f994.svg); opacity: .5; } #app-mount .authenticationFailImage-3DXXvB { background-image: url(https://discord.com/assets/42c81194eaf9128b942adc5d2a6fd66e.svg); opacity: .5; } /* ---- 11.17. CHANNELCREATIONMODAL ---- */ #app-mount .cloneInfo-1J6F5H strong, #app-mount .subtitle-3Lv1uG { color: var(--header-secondary); } /* ---- 11.18. CLOUDSYNCRESOLUTION ---- */ #app-mount .modal-2EjvcX { color: var(--text-normal); } #app-mount .conflictButton-Nfx9ta { background-color: var(--background-secondary); border-color: var(--background-tertiary); } #app-mount .conflictButton-Nfx9ta:hover { background-color: var(--background-accent); } #app-mount .title-11Fgm0 { color: var(--text-normal); } #app-mount .conflictUploadArt-21GcRD { background-image: url(https://discord.com/assets/9fefebe24085efe085629513732efd08.svg); opacity: .5; } #app-mount .conflictDownloadArt-3TkINu { background-image: url(https://discord.com/assets/ec92991091f67ad3984517478f7a16e4.svg); opacity: .5; } #app-mount .errorArt-1eXOnd { background-image: url(https://discord.com/assets/5ad409a997b726652a95dba012336127.svg); opacity: .5; } #app-mount .buttonBody-3UZ8dc { color: var(--header-primary); } #app-mount .choiceLine-2u6VP4 { background-color: rgba(var(--textdarkest),.6); } /* ---- 11.19. APPLICATIONINSTALLATIONMODAL ---- */ #app-mount .gameName-2emMU_ { color: var(--text-normal); } #app-mount .installSize-3az1nt { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .divider-2L-ojc { background-color: rgba(var(--backgroundsecondary),.6); } #app-mount .premiumTerms-2Xoh9K { color: var(--text-normal); } /* ---- 11.20. SPECIALMARKDOWNMODAL ---- */ #app-mount .modal-1-Gg9c { background-color: var(--background-primary); } #app-mount .content-1tc9sG ul li::before { background-color: var(--text-normal); } /* ---- 11.21. REPORTPROBLEM ---- */ #app-mount .art-_juKdZ { background-image: url(https://discordapp.oom/assets/2ceb472e89545af8543aa44b072b910d.svg); opacity: .5; } #app-mount .description-AZsW3X { color: var(--header-primary); } /* ---- 11.22. DISPATCHERROR ---- */ #app-mount .body-1Y7X6A { color: var(--text-normal); } #app-mount .errorLabel-1DizPW { color: var(--header-secondary); } #app-mount .errorDetails-3_kds7 { background: var(--background-secondary); border-color: rgba(var(--backgroundsecondary),.3); color: var(--header-primary); } #app-mount .closeLink-4nhVgG { color: var(--header-primary); } /* ---- 11.23. HYPESQUADQUIZ ---- */ #app-mount .prompt-SAnibq { color: var(--header-primary); } #app-mount .selectYourAnswer-MqT8vm { color: var(--channels-default); } #app-mount .separator-3Yurpx { background-color: var(--background-accent); } /* ---- 11.24. NITROFEATUREMODAL ---- */ #app-mount .cardImageBackground-1zqQ8d { background: #000; opacity: 0.5; } #app-mount .cardInfo-62VDSb { background: var(--background-floating); } /* ---- 11.25. DIRECTORYMODAL ---- */ #app-mount .directoryModal-YJsOMv { background: var(--background-primary); } /* ~~~~ 12. POPOUTS ~~~~ */ #app-mount .content-i-YmzK { background-color: var(--background-floating) !important; } #app-mount .leftArrow-2gmK1H::before { border-right-color: var(--background-floating) !important; } #app-mount .rightArrow-3ywFUF::before { border-left-color: var(--background-floating) !important; } #app-mount .contentNarrowNoMedia-1240OZ.topArrow-2uZYE3::before, #app-mount .contentWideNoMedia-35VjDc.topArrow-2uZYE3::before { border-bottom-color: var(--header-primary) !important; } #app-mount .background-1O4oOj { color: var(--header-primary) !important; } #app-mount .popoutLoadingForeground-3xnRkg { background-image: linear-gradient(90deg, var(--background-tertiary),var(--background-accent),var(--background-tertiary)); } /* ---- 12.1. USERPOPOUT ---- */ #app-mount .userPopoutOuter-1OHwPL { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); } .profileColors-2AgAV4 .mask-1y0tyc circle { fill: transparent; } #app-mount .userProfileOuterThemed-2BgJCM ::-webkit-scrollbar-thumb { background-color: var(--profile-gradient-secondary-color) !important; } #app-mount .wumpusTooltip-15kPrN { background-color: var(--background-tertiary); color: var(--header-primary); } #app-mount .wumpusTooltip-15kPrN::after { border-color: transparent var(--background-tertiary) transparent transparent; } .role-2TIOKu[style*="border-color: rgba(185, 187, 190, .6)"], .role-2mCo-N[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter), .6) !important; } .role-2TIOKu .roleCircle-1EgnFN[style*="background-color: rgb(185, 187, 190)"], .role-2mCo-N .roleCircle-1ER2zO[style*="background-color: rgb(185, 187, 190)"] { background-color: rgb(var(--textbrighter)) !important; } .role-2TIOKu .roleCircle-1EgnFN[style*="background-color: rgb(185, 187, 190)"] path[fill], .role-2mCo-N .roleCircle-1ER2zO[style*="background-color: rgb(185, 187, 190)"] path[fill] { fill: rgb(var(--textdarkest)) !important; } /* ---- 12.2. EMOJIPICKER ---- */ #app-mount .wrapper-2g4olo { color: var(--text-muted); } .categoryItemDefaultCategory-3haEDq:first-child, .categoryItemDefaultCategory-3haEDq:first-child + .categoryItemDefaultCategory-3haEDq { margin-bottom: 8px; } #app-mount .sadImage-2_mw0p { background-image: url(https://discord.com/assets/e25713e4eba8c1e069ceac8f90262f62.svg); opacity: .5; } #app-mount .imageLoading-2uloYN { background: var(--background-tertiary); border-radius: 10px; } .premiumPromoClose-Nuntxy { -webkit-mask: url(https://discord.com/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat; background: var(--interactive-normal); } .premiumPromoClose-Nuntxy:hover { background: var(--interactive-hover); } .premiumPromoClose-Nuntxy:active { background: var(--interactive-active); } #app-mount .categoryItemDefaultCategorySelected-2YeRUu .categoryIcon-2cYeku, #app-mount .categoryItemDefaultCategorySelected-2YeRUu:hover .categoryIcon-2cYeku { color: var(--interactive-active); } #app-mount .focused-16Owih, #app-mount .result-pzZrwj:hover { box-shadow: 0 11px 22px 1px rgba(4,4,5,.3); } #app-mount .focused-16Owih::after, #app-mount .result-pzZrwj:hover::after { box-shadow: inset 0 0 0 2px ,inset 0 0 0 3px var(--background-secondary); } #app-mount .placeholder-T1Tuu8 { background: rgba(var(--textdarkest),.6); } #app-mount .endContainer-22e-US::after { background-image: url(https://discord.com/assets/be5f088125f778701a7e4fad471a45da.svg); opacity: .5; } #app-mount .endText-3Ps2ZN { color: var(--header-secondary); } #app-mount .emptyHintCard-2A7Tng { background-color: var(--background-primary); color: var(--header-secondary); } #app-mount .container-23gRWx { background-color: var(--background-secondary); } #app-mount .header-JHwfVI { box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating),.3), 0 1px 2px 0 rgba(var(--backgroundfloating),.3); } #app-mount .backButton-bSKWLe { color: var(--interactive-normal); } #app-mount .backButton-bSKWLe:hover { color: var(--interactive-hover); } #app-mount .backButton-bSKWLe:active { color: var(--interactive-active); } #app-mount .content-1CboaJ::after { background: rgba(var(--backgroundaccent),.3); } /* ---- 12.3. SEARCHPOPOUT ---- */ #app-mount .searchAnswer-23w-CH, #app-mount .searchFilter-2UfsDk { background-color: var(--background-primary); color: var(--header-primary); } .option-ayUoaq:hover { background-color: var(--background-primary); } #app-mount .queryContainer-ZunrLZ { border-bottom-color: var(--background-modifier-accent); color: var(--header-secondary); } #app-mount .queryContainer-ZunrLZ strong { color: var(--header-primary); } #app-mount .focused-2FU0YH { background-color: var(--background-modifier-active); } #app-mount .calendarPicker-sDhzdi .react-datepicker { background: transparent; } #app-mount .calendarPicker-sDhzdi .react-datepicker__header { background-color: var(--background-floating); border-color: rgba(var(--backgroundfloating),.2); } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation { background: transparent; border-color: rgba(var(--textbrightest), .5); top: 30px; } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat; background-color: rgb(var(--textbrightest)); } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation--previous { left: 30px; } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation--next { right: 30px; } #app-mount .calendarPicker-sDhzdi .react-datepicker__current-month { border-bottom-color: rgba(var(--backgroundfloating),.3); color: var(--header-primary); } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next, #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous { -webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) 50%/6px 12px no-repeat; background: var(--interactive-normal); border-color: var(--background-floating); } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next:hover, #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous:hover { background: var(--interactive-hover); } #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next:active, #app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous:active { background: var(--interactive-active); } #app-mount .calendarPicker-sDhzdi .react-datepicker__week:last-of-type .react-datepicker__day { border-bottom-color: var(--background-floating); } #app-mount .calendarPicker-sDhzdi .react-datepicker__week .react-datepicker__day:last-of-type { border-right-color: var(--background-floating); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day-name { color: rgba(var(--textbrightest),.6); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day { border-top-color: var(--background-floating); border-left-color: var(--background-floating); color: var(--header-primary); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:hover, #app-mount .calendarPicker-sDhzdi .react-datepicker__day:hover { color: var(--header-primary); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day { background-color: var(--background-secondary); } #app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled, #app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover { background-color: var(--background-floating); color: rgba(var(--textbrightest),.3); cursor: no-drop; } #app-mount .calendarPicker-sDhzdi .react-datepicker__day--outside-month { background-color: var(--background-tertiary); color: rgba(var(--textbrightest),.3); } /* ---- 12.4. 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(--backgroundtertiary),.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(--backgroundtertiary),.4); color: var(--text-muted); } #app-mount .footer-2aTx0s strong { color: var(--header-secondary); } /* ---- 12.5. CHANNELFOLLOW ---- */ #app-mount .header-13P3fr { background: var(--background-tertiary); } #app-mount .header-13P3fr::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--header-primary); -webkit-mask: url(https://discord.com/assets/cb89c31c79a62ae99ec12351c1efb277.svg) center/cover no-repeat; } /* ---- 12.6. CHANNELFOLLOWINFO ---- */ #app-mount .guildPopout-G6M0fK { background-color: var(--background-tertiary); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6); } #app-mount .guildName-31Kpwt { color: var(--header-primary); } #app-mount .dotOffline-19zUSS { background-color: var(--header-secondary); } #app-mount .placeholderSkeleton-2EfCME { background: var(--text-muted); } /* ---- 12.7. STREAMPREVIEW ---- */ #app-mount .streamPreview-3qoMP4 { background-color: var(--background-tertiary); } #app-mount .previewContainer-21fFBz { background-color: var(--background-secondary-alt); } #app-mount .applicationName-16TISz { color: var(--header-primary); } #app-mount .watchButton-2v6cPT { border-color: var(--text-muted); color: var(--header-primary); } #app-mount .watchButton-2v6cPT:not([disabled]):hover { border-color: var(--header-primary); } #app-mount .previewHover-MxPmU1 { background: rgba(0,0,0,.6); } /* ---- 12.8. ROLEOVERFLOW ---- */ #app-mount .overflowRolesPopoutHeaderText-3HyHGv { color: var(--text-muted); } #app-mount .actionButton-1YKTU0 { border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .overflowRolesPopout-1Puiuq { color: rgba(var(--textbrightest),.8); } #app-mount .overflowRolesPopout-1Puiuq, #app-mount .overflowRolesPopoutArrow-2R7g3K { background-color: var(--background-tertiary); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6); } /* ---- 12.9. PUBLICGUILDANNOUNCEMENT ---- */ #app-mount .popout-AVsFMl { background-color: var(--background-tertiary); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6); } #app-mount .popout-AVsFMl { color: var(--header-primary); } /* ---- 12.10. QUICKSELECTPOPOUT ---- */ #app-mount .selectableItem-3-fmiM { color: var(--header-primary); } #app-mount .selectableItem-3-fmiM:hover { background-color: var(--background-accent); } #app-mount .popoutList-10IFAa { background: var(--background-primary); } #app-mount .popoutListEmpty-3MWXtE { color: var(--header-primary); } #app-mount .quickSelectArrow-1dOOHb { -webkit-mask: url(https://discord.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat; background: var(--interactive-normal); } #app-mount .quickSelectPopout-2F0PXw { background: var(--background-secondary); color: var(--header-primary); } #app-mount .quickSelectPopoutOption-2E2UmS:hover { background-color: var(--background-accent); } /* ---- 12.11. RTCSTATUSPOPOUT ---- */ #app-mount .container-1ILvLB { width: 260px; } #app-mount .container-1ILvLB .header-2C89wJ { background-color: var(--background-secondary); color: var(--header-primary); } #app-mount .container-1ILvLB canvas { background-color: #36393f; padding: 5px; border-radius: 5px; } #app-mount .container-1ILvLB section { background-color: var(--background-primary); } #app-mount .container-1ILvLB section p { color: var(--header-primary); } #app-mount .container-1ILvLB section strong { color: var(--header-primary); } #app-mount .debugButton-OTfjlB { color: var(--header-secondary); } #app-mount .krispLogo-aWHaan { -webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat; background-color: var(--header-primary); } /* ---- 12.12. PHONE-/EMAILVALIDATION ---- */ #app-mount .input-3NIgDw { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .phoneFieldPopout-h7c9mt .countryName-3dA1Xv { color: var(--header-secondary); } #app-mount .phoneFieldPopout-h7c9mt .countryCode-2RFA3i { color: var(--header-primary); } #app-mount .activityInviteEducationArrow-1Avyhe { -webkit-mask: url(https://discord.com/assets/ba018cf9baa19824316dc4c2beb080a4.svg) center/contain no-repeat; background: var(--header-primary); } #app-mount .emailVerificationModal-D8InhA .title-3Z7qoP { color: var(--header-primary); } #app-mount .emailVerificationModal-D8InhA .body-2WAVf7 { color: var(--text-muted); } #app-mount .verification-2oQUwN .image-cLINxN { background-image: url(https://discord.com/assets/c290235278e128e94ae5ac37e58c5cbb.svg); opacity: .5; } #app-mount .verification-2oQUwN .title-rdZnFE { color: var(--header-primary); } #app-mount .verification-2oQUwN .body-2IbMjQ, #app-mount .verification-2oQUwN .footer-3YDDp6 { color: var(--header-secondary); } #app-mount .verificationBlock-xhj3fR { border: 1px solid var(--background-tertiary); } #app-mount .verificationBlock-xhj3fR:hover { background-color: var(--background-tertiary); } #app-mount .verificationBlock-xhj3fR .image-cLINxN.email-1Zyyoj { background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg); opacity: .5; } #app-mount .verificationBlock-xhj3fR .image-cLINxN.phone-2wue_- { background-image: url(https://discord.com/assets/ca452f5271ebcc7132db59f60a2a9cfe.svg); opacity: .5; } #app-mount .verificationBlock-xhj3fR .body-2IbMjQ { color: var(--header-secondary); } /* ---- 12.13. WARNINGPOPOUT ---- */ #app-mount .contentWarningPopout-WKdbDG { background-color: var(--background-primary); box-shadow: 0 2px 10px 0 rgba(var(--backgroundtertiary),.2); } #app-mount .body-2rDNbs { color: var(--header-secondary); } #app-mount .header-DRA95Q { color: var(--header-primary); } /* ---- 12.14. ADDROLE ---- */ #app-mount .container-1S70rv { width: 300px; } #app-mount .autocompleteArrow-jJE9TQ, #app-mount .header-3i_Csh { background-color: var(--background-tertiary); } #app-mount .container-1S70rv .input-2lpFVz { color: var(--header-primary); } #app-mount .container-1S70rv .sectionTag-28mLyE { background-color: var(--background-secondary); color: var(--header-secondary); } /* ~~~~ 13. BDSUPPORT ~~~~ */ html .toast, html .bd-toast { background-color: var(--background-floating); box-shadow: var(--elevation-medium); color: var(--header-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; } .bd-tab-item.selected:hover { background-color: var(--background-modifier-selected); } .bd-error-modal-content { padding: 0 10px 16px 10px; } #app-mount .fav { background: var(--interactive-active); width: 16px; height: 16px; padding: 0; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star_empty.svg) center/contain no-repeat; } #app-mount .fav:hover, #app-mount .fav.active { background: #faa61a; } #app-mount .fav.active { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star.svg) center/contain no-repeat; } 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: rgb(var(--dangercolor)); color: var(--interactive-hover); } html .floating-window-buttons .button svg { margin: 0; } html .floating-window-buttons .close-button svg path.fill, html .floating-window-buttons .button:not(.close-button) svg path:not([fill]) { fill: var(--interactive-normal); } html .floating-window-buttons .button:not(.close-button):hover svg path:not([fill]) { fill: var(--interactive-hover); } html .floating-window-buttons .close-button:hover svg path.fill { fill: #fff; } html .floating-window-content { background: var(--background-tertiary); color: var(--header-primary); } html #bd-editor-controls, html .floating-window #bd-editor-controls { box-shadow: unset; height: 32px; padding: 0; } html .controls-section, html #bd-editor-controls button { display: flex; justify-content: center; align-items: center; height: 100%; padding: 0; } html #bd-editor-controls button { color: var(--interactive-normal); border-radius: 0; margin: 0; width: 32px; } html #bd-editor-controls button:hover { background-color: var(--background-modifier-hover); color: var(--interactive-hover); } html #bd-editor-controls button path:not([fill]) { fill: currentColor; } html #bd-editor-panel #bd-editor-controls { background-color: var(--background-tertiary); border-radius: 5px 5px 0 0; overflow: hidden; } html #bd-editor-panel .editor-wrapper { background-color: var(--background-secondary); border-radius: 0 0 5px 5px; overflow: hidden; } html .floating-window #bd-editor-panel .editor-wrapper:last-child { border-radius: 0; } html .monaco-editor .minimap, html .monaco-editor .decorationsOverviewRuler { display: none; } html .monaco-editor, html .monaco-editor-background, html .monaco-editor .inputarea.ime-input, html .monaco-editor .margin { background-color: var(--background-secondary); } html .monaco-editor, html .monaco-editor .inputarea.ime-input { color: var(--text-normal); } html .mtk9 { color: var(--text-normal); } html .monaco-editor .line-numbers { color: var(--channels-default); } html .monaco-editor .bracket-match { border-color: var(--channels-default); } html .monaco-editor .lines-content .cigr { box-shadow: 1px 0 0 0 var(--interactive-muted) inset; } html .monaco-editor .view-overlays .current-line { border-color: var(--interactive-muted); } html .monaco-editor .selected-text { background-color: var(--background-tertiary); } html .monaco-editor .focused .selected-text { background-color: rgb(var(--mentioncolor, --warningcolor)); } html .monaco-editor.rename-box { background-color: var(--background-secondary) !important; box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.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(--backgroundtertiary),.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(--backgroundtertiary),.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(--backgroundtertiary),.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(--backgroundtertiary),.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(--accentcolor), .1), rgba(var(--accentcolor), .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(--accentcolor), .1), rgba(var(--accentcolor), .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(--mentioncolor, --warningcolor)); } 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; } /* ~~~~ 14. POWERCORDSUPPORT ~~~~ */ html .powercord-toast-container { --toast-background: var(--background-secondary); --toast-header: var(--background-tertiary); --toast-contents: var(--background-primary); --toast-box-shadow: var(--elevation-stroke),var(--elevation-high); --toast-border: transparent; } html .powercord-pc-icon { margin-right: 4px; } html .powercord-pc-icon svg { padding-right: 0; width: 28px; } html .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; } html .powercord-pc-icon:hover::before { background: var(--interactive-hover); } html .powercord-pc-icon:active::before { background: var(--interactive-active); } /* ~~~~ 15. PLUGINSUPPORT ~~~~ */ /* ---- 15.1. MEMBERCOUNT ---- */ #app-mount #MemberCount { background-color: var(--background-secondary); } /* ---- 15.2. CHANNELTABS ---- */ html #channelTabs-settingsMenu, html .channelTabs-tabNav > div, html .channelTabs-tab, html .channelTabs-fav { cursor: pointer; } html #channelTabs-settingsMenu:hover [fill]:not([fill="none"]), html .channelTabs-tabContainer .channelTabs-tabNav > div:hover [fill]:not([fill="none"]), html .channelTabs-tabContainer .channelTabs-newTab:hover [fill]:not([fill="none"]) { fill: var(--header-primary); } html .channelTabs-tabContainer .channelTabs-tabNav > .channelTabs-tabNavClose:hover { background: rgb(var(--dangercolor)); } /* ---- 15.3. TYPINGINDICATOR ---- */ html .typingindicator-guild, html .typingindicator-dms, html .typingindicator-folder { background: var(--background-tertiary); border: 4px solid var(--background-tertiary); border-right: unset; box-shadow: unset; right: 12px; bottom: -5px; padding: 2px 0; } html .wrapper-38slSD .typingindicator-guild, html .typingindicator-folder { background: var(--background-secondary); border-color: var(--background-secondary); } /* ~~~~ 16. WATERMARK ~~~~ */ html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB { display: block !important; position: absolute !important; max-width: unset !important; min-width: unset !important; width: 55px !important; max-height: unset !important; min-height: unset !important; height: 16px !important; margin: 0 !important; padding: 3px 9px 3px !important; top: 0 !important; left: 0 !important; bottom: unset !important; right: unset !important; opacity: 1 !important; visibility: visible !important; transform: unset !important; animation: unset !important; } html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB[style*="display: none"] { display: none !important; } html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB > * { display: none !important; } html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::before, html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::after { content: "" !important; -webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important; width: 55px !important; height: 19px !important; display: inline !important; position: absolute !important; top: unset !important; left: unset !important; bottom: unset !important; right: unset !important; padding: 0 !important; margin: 0 !important; visibility: visible !important; transform: unset !important; animation: unset !important; } html:only-child > head + body > div#app-mount.appMount-2yBXZl > div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::before { background: rgb(125,125,125) !important; opacity: 0.5 !important; } html:only-child > head + body > div#app-mount.appMount-2yBXZl > div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::after { background: var(--text-muted) !important; opacity: 1 !important; } html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb { position: relative !important; } html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb::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-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb::before { content: "DevilBro" !important; font-size: 12px !important; font-weight: 600 !important; color: rgb(var(--accentcolor)) !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: 108px !important; bottom: 8px !important; right: unset !important; transform: unset !important; animation: unset !important; }