@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"; --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; --font_v: var(--font_s, var(--font)); --mentioncolor_v: var(--mentioncolor_s, var(--mentioncolor)); --successcolor_v: var(--successcolor_s, var(--successcolor)); --warningcolor_v: var(--warningcolor_s, var(--warningcolor)); --dangercolor_v: var(--dangercolor_s, var(--dangercolor)); --textbrightest_v: var(--textbrightest_s, var(--textbrightest)); --textbrighter_v: var(--textbrighter_s, var(--textbrighter)); --textbright_v: var(--textbright_s, var(--textbright)); --textdark_v: var(--textdark_s, var(--textdark)); --textdarker_v: var(--textdarker_s, var(--textdarker)); --textdarkest_v: var(--textdarkest_s, var(--textdarkest)); --backgroundaccent_v: var(--backgroundaccent_s, var(--backgroundaccent)); --backgroundprimary_v: var(--backgroundprimary_s, var(--backgroundprimary)); --backgroundsecondary_v: var(--backgroundsecondary_s, var(--backgroundsecondary)); --backgroundsecondaryalt_v: var(--backgroundsecondaryalt_s, var(--backgroundsecondaryalt)); --backgroundtertiary_v: var(--backgroundtertiary_s, var(--backgroundtertiary)); --backgroundfloating_v: var(--backgroundfloating_s, var(--backgroundfloating)); } .theme-light:not(.userProfileOuterThemed_a425f3), .theme-dark:not(.userProfileOuterThemed_a425f3), .theme-amoled:not(.userProfileOuterThemed_a425f3) { --text-positive: rgb(var(--successcolor_v)); --text-warning: rgb(var(--warningcolor_v)); --text-danger: rgb(var(--dangercolor_v)); --info-positive-background: rgba(var(--successcolor_v),.1); --info-positive-foreground: rgb(var(--successcolor_v)); --info-positive-text: #fff; --info-warning-background: rgba(var(--warningcolor_v),.1); --info-warning-foreground: rgb(var(--warningcolor_v)); --info-warning-text: #fff; --info-danger-background: rgba(var(--dangercolor_v),.1); --info-danger-foreground: rgb(var(--dangercolor_v)); --info-danger-text: #fff; --status-positive: rgb(var(--successcolor_v)); --status-positive-background: rgb(var(--successcolor_v)); --status-positive-text: #fff; --status-warning: rgb(var(--warningcolor_v)); --status-warning-background: rgb(var(--warningcolor_v)); --status-warning-text: #fff; --status-danger: rgb(var(--dangercolor_v)); --status-danger-background: rgb(var(--dangercolor_v)); --status-danger-text: #fff; --button-positive-background: rgba(var(--successcolor_v),.8); --button-positive-background-hover: rgba(var(--successcolor_v),.9); --button-positive-background-active: rgb(var(--successcolor_v)); --button-positive-background-disabled: rgba(var(--successcolor_v),.2); --button-warning-background: rgba(var(--warningcolor_v),.8); --button-warning-background-hover: rgba(var(--warningcolor_v),.9); --button-warning-background-active: rgb(var(--warningcolor_v)); --button-warning-background-disabled: rgba(var(--warningcolor_v),.2); --button-danger-background: rgba(var(--dangercolor_v),.8); --button-danger-background-hover: rgba(var(--dangercolor_v),.9); --button-danger-background-active: rgb(var(--dangercolor_v)); --button-danger-background-disabled: rgba(var(--dangercolor_v),.2); --button-secondary-background: rgb(var(--textdarkest_v)); --button-secondary-background-hover: rgb(var(--textdarker_v)); --button-secondary-background-active: rgb(var(--textdark_v)); --button-secondary-background-disabled: rgb(var(--textdarkest_v)); --button-outline-positive-text: rgb(var(--successcolor_v)) !important; --button-outline-positive-text-hover: rgb(var(--successcolor_v)) !important; --button-outline-positive-text-active: rgb(var(--successcolor_v)) !important; --button-outline-positive-background: transparent !important; --button-outline-positive-background-hover: transparent !important; --button-outline-positive-background-active: rgba(var(--successcolor_v),.1) !important; --button-outline-positive-border: rgba(var(--successcolor_v),.1) !important; --button-outline-positive-border-hover: rgba(var(--successcolor_v),.6) !important; --button-outline-positive-border-active: rgb(var(--successcolor_v)) !important; --button-outline-warning-text: rgb(var(--warningcolor_v)) !important; --button-outline-warning-text-hover: rgb(var(--warningcolor_v)) !important; --button-outline-warning-text-active: rgb(var(--warningcolor_v)) !important; --button-outline-warning-background: transparent !important; --button-outline-warning-background-hover: transparent !important; --button-outline-warning-background-active: rgba(var(--warningcolor_v),.1) !important; --button-outline-warning-border: rgba(var(--warningcolor_v),.1) !important; --button-outline-warning-border-hover: rgba(var(--warningcolor_v),.6) !important; --button-outline-warning-border-active: rgb(var(--warningcolor_v)) !important; --button-outline-danger-text: rgb(var(--dangercolor_v)) !important; --button-outline-danger-text-hover: rgb(var(--dangercolor_v)) !important; --button-outline-danger-text-active: rgb(var(--dangercolor_v)) !important; --button-outline-danger-background: transparent !important; --button-outline-danger-background-hover: transparent !important; --button-outline-danger-background-active: rgba(var(--dangercolor_v),.1) !important; --button-outline-danger-border: rgba(var(--dangercolor_v),.1) !important; --button-outline-danger-border-hover: rgba(var(--dangercolor_v),.6) !important; --button-outline-danger-border-active: rgb(var(--dangercolor_v)) !important; --button-outline-primary-text: rgb(var(--textbrightest_v)) !important; --button-outline-primary-text-hover: rgb(var(--textbrightest_v)) !important; --button-outline-primary-text-active: rgb(var(--textbrightest_v)) !important; --button-outline-primary-background: transparent !important; --button-outline-primary-background-hover: transparent !important; --button-outline-primary-background-active: rgba(var(--textbrightest_v),.1) !important; --button-outline-primary-border: rgba(var(--textbrightest_v),.1) !important; --button-outline-primary-border-hover: rgba(var(--textbrightest_v),.6) !important; --button-outline-primary-border-active: rgb(var(--textbrightest_v)) !important; --header-primary: rgb(var(--textbrightest_v)); --header-secondary: rgb(var(--textbright_v)); --text-normal: rgb(var(--textbrighter_v)); --text-muted: rgb(var(--textdarker_v)); --channels-default: rgb(var(--textdark_v)); --channel-icon: rgb(var(--textdark_v)); --interactive-normal: rgb(var(--textbright_v)); --interactive-hover: rgb(var(--textbrighter_v)); --interactive-active: rgb(var(--textbrightest_v)); --interactive-muted: rgb(var(--textdarkest_v)); --home-background: rgb(var(--backgroundprimary_v)); --modal-background: rgb(var(--backgroundprimary_v)); --modal-footer-background: rgb(var(--backgroundsecondary_v)); --background-primary: rgb(var(--backgroundprimary_v)); --background-secondary: rgb(var(--backgroundsecondary_v)); --background-secondary-alt: rgb(var(--backgroundsecondaryalt_v)); --background-tertiary: rgb(var(--backgroundtertiary_v)); --background-accent: rgb(var(--backgroundaccent_v)); --background-floating: rgb(var(--backgroundfloating_v)); --background-mobile-primary: rgb(var(--backgroundprimary_v)); --background-mobile-secondary: rgb(var(--backgroundsecondary_v)); --background-modifier-hover: rgba(var(--backgroundaccent_v),.3); --background-modifier-active: rgba(var(--backgroundaccent_v),.4); --background-modifier-selected: rgba(var(--backgroundaccent_v),.6); --background-modifier-accent: rgba(var(--textdark_v),.1); --background-mentioned: rgba(var(--mentioncolor, --warningcolor_v),.05); --background-mentioned-hover: rgba(var(--mentioncolor, --warningcolor_v),.08); --background-mentioned-accent: rgb(var(--mentioncolor, --warningcolor_v)); --background-message-hover: rgba(var(--backgroundfloating_v),.15); --background-message-automod: rgba(var(--dangercolor_v),.05); --background-message-automod-hover: rgba(var(--dangercolor_v),.1); --scrollbar-thin-thumb: rgb(var(--backgroundtertiary_v)); --scrollbar-thin-track: transparent; --scrollbar-auto-thumb: rgb(var(--backgroundtertiary_v)); --scrollbar-auto-track: rgb(var(--backgroundsecondary_v)); --scrollbar-auto-scrollbar-color-thumb: rgb(var(--backgroundtertiary_v)); --scrollbar-auto-scrollbar-color-track: rgb(var(--backgroundsecondary_v)); --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_v)); --focus-primary: rgb(var(--focuscolor, var(--linkcolor_v))) !important; --guild-header-text-shadow: 0 1px 1px rgba(var(--backgroundfloating_v),.5); --channeltextarea-background: rgba(var(--backgroundaccent_v),.8); --channel-text-area-placeholder: rgb(var(--textdarker_v)); --input-background: rgb(var(--backgroundtertiary_v)); --activity-card-background: rgb(var(--backgroundtertiary_v)); --textbox-markdown-syntax: rgb(var(--textdark_v)); --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_v),.6); --deprecated-card-editable-bg: rgba(var(--backgroundtertiary_v),.3); --deprecated-store-bg: rgb(var(--backgroundprimary_v)); --deprecated-quickswitcher-input-background: rgb(var(--backgroundaccent_v)); --deprecated-quickswitcher-input-placeholder: rgb(var(--textdarker_v)); --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_v)); --font-primary: var(--font_v) !important; --font-display: var(--font_v) !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 1. SHOP 2. FAMILY CENTER 6. STORE/NITRO 1. BIRTHDAY PAGE 7. LIBRARY 8. DISCOVERY 9. USERSETTINGS 10. GUILDSETTINGS 11. MODALS 1. USERMODAL 2. GUILDADD/CREATION 3. UPLOADMODAL 4. KEYBOARDSHORTCUTSMODAL 5. QUICKSWITCHER 6. INVITEMODAL/GROUPCREATE 7. LOGINSCREEN 8. DOWNLOADAPPMODAL 9. GUILDBOOSTMODAL 10. REACTIONSMODAL 11. CHANGELOG 12. NOTIFICATIONSMODAL 13. PAYMENTMODAL 14. CLOUDSYNCRESOLUTION 15. APPLICATIONINSTALLATIONMODAL 16. DISPATCHERROR 17. HYPESQUADQUIZ 18. SERVERAPPMODAL 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_v),.3); } #app-mount .elevationLow__41429, #app-mount .elevationLow_be38de, .lightElevationLow_b62459 { box-shadow: 0 1px 5px 0 rgba(0,0,0,.3); } #app-mount .elevationHigh__31684, #app-mount .elevationHigh__08882, .lightElevationHigh_c9beeb { box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .elevationBorderLow_c257e1, #app-mount .elevationBorderLow_d10573, .lightElevationBorderLow__1e5e8 { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 1px 5px 0 rgba(0,0,0,.3); } #app-mount .elevationBorderHigh__24051, #app-mount .elevationBorderHigh__30406, .lightElevationBorderHigh__68386, .darkElevationBorderHigh__4ef1e { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .bubble_f48089 { background-color: var(--background-floating); color: var(--text-normal); } #app-mount .bubble_f48089::before { border: 5px solid transparent; border-top-color: var(--background-floating); } #app-mount .card_dc88cd::before { background-color: var(--background-primary); border-color: var(--background-secondary); } #app-mount .button_e1ac5c { background-color: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 1px 5px 0 rgba(0,0,0,.3); } #app-mount .button_e1ac5c:hover { background-color: var(--background-accent); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .text__1e9c5 { color: var(--header-primary); } #app-mount .editIcon__570b4 { -webkit-mask: url(https://discord.com/assets/c87be216431a35927431.svg); background: var(--header-primary); } #app-mount .scrollbarGhost__299c1::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thin-thumb); border-color: transparent; } #app-mount .scrollbarGhost__299c1::-webkit-scrollbar-track { background-color: var(--scrollbar-thin-track); border-color: transparent; border-width: initial; } #app-mount .scrollbarGhostHairline__00100::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thin-thumb); border-radius: 2px; cursor: move; } #app-mount .scrollbarDefault__3545a::-webkit-scrollbar-thumb { background-color: var(--scrollbar-auto-thumb); border-color: transparent; } #app-mount .scrollbarDefault__3545a::-webkit-scrollbar-track { background-color: var(--scrollbar-auto-track); border-color: transparent; } #app-mount .breadcrumbWrapper__75797 { color: rgba(var(--textbrightest_v),.3); } #app-mount .activeBreadcrumb__56acd { color: rgba(var(--textbrightest_v),.6); } html .iconBadge__0c126 { background-color: var(--background-floating); color: var(--header-primary); } /* ---- 1.1. TEXT ---- */ #app-mount h1.title__4a7a9, #app-mount h2.title__4a7a9 { color: var(--header-primary); } #app-mount h3.title__4a7a9 { color: var(--text-normal); } #app-mount h4.title__4a7a9, #app-mount h5.title__4a7a9, #app-mount h6.title__4a7a9 { color: var(--header-secondary); } #app-mount .text__0e310, #app-mount .title__496be { color: var(--text-muted); } #app-mount .title__4a7a9 { color: var(--header-secondary); } #app-mount .markdown__8e519 { color: var(--text-normal); } #app-mount .markdown__8e519 th { background-color: var(--background-tertiary); border-color: var(--interactive-muted); color: var(--header-primary); } #app-mount .markdown__8e519 td { border-color: var(--interactive-muted); } #app-mount .markdown__8e519 tr { border-color: var(--interactive-muted); color: var(--header-secondary); } #app-mount .markdown__8e519 tr:nth-child(2n) { background-color: var(--background-secondary); } #app-mount .markdown__8e519 .blockquote__6a8b8 { border-left-color: var(--interactive-muted); } #app-mount .markdown__8e519 code { background-color: var(--background-secondary); } #app-mount .markdown__8e519 .codeInline_f5630b { color: var(--text-normal); } /* ---- 1.2. BUTTONS ---- */ #app-mount .lookInverted_a299dc.colorPrimary_ebe632 .spinnerItem_a87807 { background-color: var(--background-accent); } #app-mount .lookOutlined__014b5.colorPrimary_ebe632 .spinnerItem_a87807, #app-mount .lookLink_a2da25.colorPrimary_ebe632 .spinnerItem_a87807 { background-color: var(--header-primary); } #app-mount .lookFilled__950dd.colorPrimary_ebe632:hover, #app-mount .lookFilled__950dd.hoverPrimary_c2c623.hasHover_dfa15e:hover { background-image: linear-gradient(0deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .15)); } #app-mount .lookFilled__950dd.colorPrimary_ebe632:active, #app-mount .lookFilled__950dd.hoverPrimary_c2c623.hasHover_dfa15e:active { background-image: linear-gradient(0deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)); } #app-mount .lookFilled__950dd.colorPrimary_ebe632, #app-mount .lookFilled__950dd.colorPrimary_ebe632:disabled { background-color: var(--background-accent); color: #FFF; } #app-mount .lookInverted_a299dc.colorPrimary_ebe632:hover, #app-mount .lookInverted_a299dc.hoverPrimary_c2c623.hasHover_dfa15e:hover { background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); } #app-mount .lookInverted_a299dc.colorPrimary_ebe632:active, #app-mount .lookInverted_a299dc.hoverPrimary_c2c623.hasHover_dfa15e:active { background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); } #app-mount .lookInverted_a299dc.colorPrimary_ebe632, #app-mount .lookInverted_a299dc.colorPrimary_ebe632:disabled { background-color: #FFF; color: var(--background-accent); } #app-mount .lookOutlined__014b5.colorPrimary_ebe632:hover, #app-mount .lookOutlined__014b5.hoverPrimary_c2c623.hasHover_dfa15e:hover { border-color: rgba(var(--textbrightest_v), .6); } #app-mount .lookOutlined__014b5.colorPrimary_ebe632:active, #app-mount .lookOutlined__014b5.hoverPrimary_c2c623.hasHover_dfa15e:active { background-color: rgba(var(--textbrightest_v), .1); border-color: var(--header-primary); } #app-mount .lookOutlined__014b5.colorPrimary_ebe632, #app-mount .lookOutlined__014b5.colorPrimary_ebe632:disabled { border-color: rgba(var(--textbrightest_v), .1); color: var(--header-primary); } #app-mount .lookLink_a2da25.colorPrimary_ebe632 { color: var(--header-primary); } #app-mount .lookLink_a2da25.colorPrimary_ebe632:hover .contents__322f4, #app-mount .lookLink_a2da25.hoverPrimary_c2c623.hasHover_dfa15e:hover .contents__322f4 { --button--underline-color: var(--header-primary); color: var(--header-primary); } #app-mount .borderPrimary__386cf { border-color: var(--header-primary) !important; } #app-mount .lookInverted_a299dc.colorTransparent__3e3c7 .spinnerItem_a87807 { background-color: rgba(var(--textbrightest_v),.1); } #app-mount .lookFilled__950dd.colorTransparent__3e3c7 .spinnerItem_a87807, #app-mount .lookOutlined__014b5.colorTransparent__3e3c7 .spinnerItem_a87807, #app-mount .lookLink_a2da25.colorTransparent__3e3c7 .spinnerItem_a87807 { background-color: var(--header-primary); } #app-mount .lookFilled__950dd.colorTransparent__3e3c7:hover, #app-mount .lookFilled__950dd.hoverTransparent__31061.hasHover_dfa15e:hover { background-color: rgba(var(--textbrightest_v),.05); } #app-mount .lookFilled__950dd.colorTransparent__3e3c7:active, #app-mount .lookFilled__950dd.hoverTransparent__31061.hasHover_dfa15e:active { background-color: rgba(var(--textbrightest_v),.01); } #app-mount .lookFilled__950dd.colorTransparent__3e3c7, #app-mount .lookFilled__950dd.colorTransparent__3e3c7:disabled { background-color: rgba(var(--textbrightest_v),.1); color: var(--header-primary); } #app-mount .lookInverted_a299dc.colorTransparent__3e3c7:hover, #app-mount .lookInverted_a299dc.hoverTransparent__31061.hasHover_dfa15e:hover { background-color: rgba(var(--textbrightest_v),.05); } #app-mount .lookInverted_a299dc.colorTransparent__3e3c7:active, #app-mount .lookInverted_a299dc.hoverTransparent__31061.hasHover_dfa15e:active { background-color: rgba(var(--textbrightest_v),.1); } #app-mount .lookInverted_a299dc.colorTransparent__3e3c7, #app-mount .lookInverted_a299dc.colorTransparent__3e3c7:disabled { background-color: var(--header-primary); color: rgba(var(--textbrightest_v),.1); } #app-mount .lookOutlined__014b5.colorTransparent__3e3c7:hover, #app-mount .lookOutlined__014b5.hoverTransparent__31061.hasHover_dfa15e:hover { background-color: rgba(var(--textbrighter_v),.1); border-color: var(--interactive-hover); } #app-mount .lookOutlined__014b5.colorTransparent__3e3c7:active, #app-mount .lookOutlined__014b5.hoverTransparent__31061.hasHover_dfa15e:active { background-color: rgba(var(--textbrightest_v),.1); border-color: var(--header-primary); } #app-mount .lookOutlined__014b5.colorTransparent__3e3c7, #app-mount .lookOutlined__014b5.colorTransparent__3e3c7:disabled { background-color: transparent; color: var(--text-normal); } #app-mount .lookLink_a2da25.colorTransparent__3e3c7 { color: var(--text-normal); } #app-mount .lookLink_a2da25.colorTransparent__3e3c7:hover .contents__322f4, #app-mount .lookLink_a2da25.hoverTransparent__31061.hasHover_dfa15e:hover .contents__322f4 { --button--underline-color: var(--text-normal); color: var(--text-normal); } #app-mount .borderTransparent_c5801e { border-color: var(--text-normal) !important; } /* ---- 1.3. INPUTS ---- */ .container__2ed72 { background-color: var(--text-muted) !important; } .container__2ed72 path[fill] { fill: var(--text-muted) !important; } #app-mount .prefixInput_e78a57 { background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.3); } #app-mount .prefixInput_e78a57:hover { border-color: rgba(0,0,0,.6); } #app-mount .prefixInputInput_f59287 { color: var(--header-primary); } #app-mount .prefixInputInput_f59287::-webkit-input-placeholder, #app-mount .prefixInputInput_f59287::-moz-placeholder, #app-mount .prefixInputInput_f59287:-ms-input-placeholder, #app-mount .prefixInputInput_f59287::placeholder { color: var(--text-muted); } #app-mount .prefixInputPrefix_fa0059 { color: var(--text-muted); } #app-mount .item_b7fb7e[aria-checked=true] .radioBar__70669 { background: rgb(var(--accentcolor_v)); color: #fff; } #app-mount .item_b7fb7e[aria-checked=true] .radioBar__70669 .radioIconForeground__9ca1e { color: #fff; } #app-mount .item_b7fb7e .radioBar__70669[style*="--radio-bar-accent-color"] { background: var(--radio-bar-accent-color); border: unset; color: #fff; } #app-mount .item_b7fb7e[aria-checked=false]:hover .radioBar__70669[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__9c1ef.select_fe2671 { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); } .searchInput_d31046 { background-color: transparent; } .lookFilled__9c1ef.select_fe2671:hover { border-color: var(--deprecated-text-input-border-hover); } #app-mount .container__8267c { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); } #app-mount .container__8267c:hover { border-color: var(--deprecated-text-input-border-hover); } #app-mount .checkbox_fcf2ad { border-color: var(--text-muted); } #app-mount .checkbox_fcf2ad.checked__16f88[style*="border-color: rgb(79, 84, 92)"], #app-mount .checkbox_fcf2ad.checked__16f88:not([style*="border-color:"]):not([style*="background-color:"]) { background-color: rgb(var(--accentcolor_v)) !important; border-color: rgb(var(--accentcolor_v)) !important; } #app-mount .checkbox_fcf2ad.checked__16f88[style*="border-color: rgb(79, 84, 92)"] path, #app-mount .checkbox_fcf2ad.checked__16f88:not([style*="border-color:"]):not([style*="background-color:"]) path { fill: #fff; } #app-mount .maxLength_cf9f48 { color: var(--text-muted); } #app-mount .copyInput_f549fd { background-color: var(--deprecated-text-input-bg); } #app-mount .copyInputDefault_e19ebf { border-color: var(--deprecated-text-input-border); } #app-mount .hiddenMessage_e7355b, #app-mount .inputDefault__591c7 { color: var(--header-primary); } #app-mount .hiddenMessage_e7355b::placeholder, #app-mount .inputDefault__591c7::placeholder { color: rgba(var(--textbrightest_v),.3); } #app-mount .grabber_e3daf3 { background-color: #fff; border-color: var(--background-accent); } #app-mount .bar_e58961 { background: var(--background-accent); } #app-mount .markValue_c91c4e { color: var(--text-muted); } #app-mount .markDash__54545 { background: var(--background-accent); } .select_a50fd3 [class*="css-"][class*="-control"] { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); color: var(--text-normal); } .select_a50fd3 [class*="css-"][class*="-control"]:hover, .select_a50fd3 [class*="css-"][class*="-control"]:not(:last-child) { border-color: var(--deprecated-text-input-border-hover); } .select_a50fd3.languageSelector_f25b72 [class*="css-"][class*="-control"] { background-color: var(--background-tertiary); border: none; } .select_a50fd3 [class*="css-"][class*="-singleValue"], .select_a50fd3 [class*="css-"][class*="-placeholder"], .select_a50fd3 [class*="css-"][class*="-indicatorContainer"] { color: var(--text-normal); } .css-1gfjib6-option, .css-1yz4bi9-option, .css-ru8b0x-option, .css-1yz4bi9-option { background-color: rgba(var(--transparencycolor), .1); color: var(--interactive-normal); } .css-pkcurw-option, .css-rzbxvl-option, .css-1qxn4c5-option, .css-rzbxvl-option { background-color: var(--background-secondary); color: var(--interactive-hover); } .css-1gxgi19-option, .css-1ba14n5-option, .css-6qzljd-option, .css-1ba14n5-option { background-color: var(--background-primary); color: var(--interactive-active); } .select_a50fd3 > [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_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda:hover:not(.disabled__2717e), .topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda:hover:not(.disabled__2717e) { background-color: var(--background-modifier-selected); } #app-mount .customColorPicker_bbc020 { background: var(--background-primary); border-color: var(--background-tertiary); } /* ---- 1.4. SEARCHBARS ---- */ #app-mount .searchBox__56feb { background-color: var(--background-accent); box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); } #app-mount .searchBox__56feb .searchBoxInput__56498::placeholder { color: var(--text-muted); } #app-mount .searchIcon_d1a3c1 { color: var(--text-muted); } #app-mount .filterLabel__82eb8 { color: var(--header-secondary); } /* ---- 1.5. IMAGES ---- */ #app-mount .image__02f7c { background-image: url(https://discord.com/assets/5420f8fd9d89897c6448.svg); opacity: .75; } #app-mount .invalidPoop__9bdd8 { background-color: rgba(var(--backgroundaccent_v),.6); background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg); opacity: .5; } #app-mount .sadImage__4d614 { background-image: url(https://discord.com/assets/746284e4cfc7cd6c5e15.svg); opacity: .5; } #app-mount .cancelImage_a17f16 { background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg); opacity: .75; } #app-mount .emptyWumpus_d5031d { background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg); opacity: .5; } #app-mount .authenticationRequiredImage__6e339 { background-image: url(https://discord.com/assets/ac36a2fad758d64ffbfb.svg); opacity: .5; } #app-mount .authenticationSuccessImage_c09e96 { background-image: url(https://discord.com/assets/22a55a08151860da8500.svg); opacity: .5; } #app-mount .authenticationFailImage-3DXXvB { background-image: url(https://discord.com/assets/5fc4852a2acb3abf0a64.svg); opacity: .5; } #app-mount .conflictUploadArt_c68c28 { background-image: url(https://discord.com/assets/27f92332674f9dacc1e9.svg); opacity: .5; } #app-mount .conflictDownloadArt__87c31 { background-image: url(https://discord.com/assets/f6bc645aead00959a690.svg); opacity: .5; } #app-mount .errorArt__7d1bf { background-image: url(https://discord.com/assets/c00cfaed1382bf7f33d4.svg); opacity: .5; } #app-mount .searchIndexBackground__732e0 { background-image: url(https://discord.com/assets/1876c6a6db747137a124.svg); opacity: .5; } #app-mount .resultsBlockedImage_ee0c36 { background-image: url(https://discord.com/assets/83720a1a3ec0963a1f71.svg); opacity: .5; } #app-mount .noResultsImage__1a10e { background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg); opacity: .5; } #app-mount .noResultsImage__1a10e.alt__77d89 { background-image: url(https://discord.com/assets/99d35a435f00582ddf41.svg); opacity: .5; } #app-mount .errorImage__3570d { background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg); opacity: .5; } #app-mount .emptyStateImage_b41d12 { background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg); opacity: .5; } #app-mount .wrapper__77675 { background-image: url(https://discord.com/assets/14223d22c9628be36fc0.svg); } #app-mount .image_e0cb48 { background-image: url(https://discord.com/assets/72eaa596042042be6259.svg); opacity: .5; } #app-mount .gameIcon_fc710a { background-color: rgba(var(--textbrightest_v), .1); color: var(--header-primary); } #app-mount .noResults__0e6c4 { background-image: url(https://discord.com/assets/c586aac99de98cfb010d.svg); opacity: .5; } #app-mount .art_ba4492 { background-image: url(https://discord.com/assets/1a8d1cce8efe66c22c6d.svg); opacity: .5; } #app-mount .art__773bf { background-image: url(https://discord.com/assets/29306de8953471954035.svg); opacity: .5; } #app-mount .imageUnverified_d28579 { background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg); opacity: .5; } #app-mount .imageUpgrade_d10a46 { background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg); } #app-mount .imageCancel_f3aeb9 { background-image: url(https://discord.com/assets/d12b5c285831f85c5eee.svg); } #app-mount .imageUnclaimed_a53457 { background-image: url(https://discord.com/assets/41675689ca055858e137.svg); opacity: .5; } #app-mount .imageUnverified__7fad2 { background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg); opacity: .5; } #app-mount .emptyPreviewImage_d74d4a { background-image: url(https://discord.com/assets/3a354aac283f909d403d.svg); opacity: .5; } .fullArt__4b6a0, .fullArt__26da5 { opacity: .5; } .image_bbc9d9 { opacity: .5; } .image_bbc9d9[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] { background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important; } .image__08515 { opacity: .5; } .image__08515[style*='url("/assets/d6dfb89ab06b62044dbb.svg")'] { background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg) !important; } .image__08515[style*='url("/assets/75081bdaad2d359c1469.svg")'] { background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg) !important; } .image__08515[style*='url("/assets/0629e34902ae58f8e4ca.svg")'] { background-image: url(https://discord.com/assets/24aa06be5457e66bdd64.svg) !important; } .image__08515[style*='url("/assets/5741692705ba077f4190.svg")'] { background-image: url(https://discord.com/assets/bca918618b884a382ab5.svg) !important; } .image__08515[style*='url("/assets/a72746e7108167af95c8.svg")'] { background-image: url(https://discord.com/assets/01864c39871ce619d855.svg) !important; } .image__08515[style*='url("/assets/ee4637f8627629dd0da5.svg")'] { background-image: url(https://discord.com/assets/532f1d4582d881960783.svg) !important; } .image__08515[style*='url("/assets/c8be48745cf680093019.svg")'] { background-image: url(https://discord.com/assets/295da3fc92e2adb1b852.svg) !important; } .image__08515[style*='url("/assets/5e3480eff150b1cb323e.svg")'] { background-image: url(https://discord.com/assets/cf8f9096a9322f2ae0d7.svg) !important; } .emptyStateImage__1e77e { opacity: .5; } .emptyStateImage__1e77e[src='/assets/39e3f389716400ced39a.svg'] { background-image: url(https://discord.com/assets/1bb2be01aece015602f7.svg); object-position: -999999px -999999px; } .image__08515[style*='url("/assets/c65431f185feb7b00749.svg")'] { background-image: url(https://discord.com/assets/cdc3f4f6fbf3a0f0766f.svg) !important; } .image__08515[style*='url("/assets/a1b0a14d2f22c155a2b3.svg")'] { background-image: url(https://discord.com/assets/c7c4065874955761be3b.svg) !important; } img[src='/assets/73984240bd99493de947.svg'] { background-image: url(https://discord.com/assets/c1875fc8a42a61903ba1.svg); opacity: .5; object-position: -999999px -999999px; } img[src='/assets/387a7c504c96b992872d.svg'] { background-image: url(https://discord.com/assets/1964f50ca0220e98dc32.svg); opacity: .5; object-position: -999999px -999999px; } #app-mount .footerImage_fb15e2 { background-image: url(https://discord.com/assets/a4bee30fe0b5a0f5b3c7.svg); opacity: .5; } #app-mount .imageError__3af5f { opacity: .5; } #app-mount .emptyImage_a1225f { background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg); opacity: .5; } #app-mount .missingEntitlementImage_b096c0 { background-image: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg); opacity: .5; } #app-mount .image__190d5 { background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg); opacity: .5; } #app-mount .image_abaa2d { background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg); opacity: .5; } #app-mount .image__8bdd3 { background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg); opacity: .5; } #app-mount .image__15b80 { background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg); opacity: .5; } /* ~~~~ 2. GUIDLIST ~~~~ */ #app-mount .folder__17546.hover__043de, #app-mount .childWrapper_a6ce15, #app-mount .circleIconButton__05cf2 { background-color: var(--background-primary); } #app-mount .folder__17546, #app-mount .expandedFolderBackground_b1385f { background-color: var(--background-secondary); } #app-mount .wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15, #app-mount .wrapper__8436d:hover .childWrapper_a6ce15 { background-color: var(--brand-experiment); } #app-mount .circleIconButton__05cf2.selected_aded59 { background-color: var(--green-360); } /* ~~~~ 3. CHANNELLIST ~~~~ */ /* ---- 3.1. GUILDHEADER ---- */ /* ---- 3.2. CHANNELS ---- */ #app-mount .icon_d7a00b { color: var(--header-secondary); } #app-mount .emptyUser_c7ce52 { background-color: var(--background-accent); } #app-mount .moreUsers__04e6c { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .streamPreview__965fa { background-color: var(--background-tertiary); color: var(--header-secondary); } #app-mount .previewContainer__1e0bb { background-color: var(--background-floating); } #app-mount .watchButton__5a93d { border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .watchButton__5a93d:not([disabled]):hover { border-color: var(--header-primary); color: var(--header-primary); } /* ---- 3.3. DMCHANNELS ---- */ .selected__37292, .selected__37292:focus-within, .selected__37292:hover { background-color: var(--background-modifier-hover); color: var(--header-primary); } /* ---- 3.4. ACCOUNT/VOICE/GOLIVE ---- */ #app-mount .userList__36b08::before { background-color: var(--background-secondary); border-color: transparent var(--background-tertiary) var(--background-tertiary) transparent; } #app-mount .header_fcf262 { background-color: var(--background-tertiary); color: var(--header-primary); } #app-mount .content__1b5d8 { background-color: var(--background-secondary); } #app-mount .username_fb3fda { color: var(--text-normal); } #app-mount .discriminator__6e778 { color: var(--text-muted); } /* ~~~~ 4. CHAT ~~~~ */ .mainTableContainer__37b54 { background: var(--background-secondary); } /* ---- 4.1. CHANNELHEADER ---- */ #app-mount .container__26baa.themed_b152d4 { box-shadow: var(--elevation-low); } #app-mount .children_cde9af::after { background: linear-gradient(90deg, transparent 0,var(--background-primary)); } #app-mount .back__8b3a3 { color: var(--interactive-normal); } #app-mount .back__8b3a3:hover { color: var(--interactive-hover); } #app-mount .back__8b3a3:active { color: var(--interactive-active); } #app-mount .cloud__901e3 { color: var(--text-muted); } /* ---- 4.2. MESSAGES ---- */ .noChannel__28db0 { background-color: var(--background-primary); } .content__01e65::before { display: none; } #app-mount .background_c54132, #app-mount .container_b92032, #app-mount .container__03ec9, #app-mount .header__71942, #app-mount .container__6b2e5 { background-color: var(--background-primary); } #app-mount .background_c54132 .container_c68a2c, #app-mount .background_c54132 .container__29699, #app-mount .background_c54132 .container__60371, #app-mount .background_c54132 .icon_ac2d0d, #app-mount .background_c54132 .containerCard__95c7a, #app-mount .background_c54132 .containerCard__95c7a:hover, #app-mount .background_c54132 .interactiveCard_d92364, #app-mount .background_c54132 .emptyStateContainer__08276, #app-mount .background_c54132 .card_d4f6c7, #app-mount .container_b92032 .mainCard__0ec2c, #app-mount .container_b92032 .sidebarCard_b6db9d, #app-mount .container__03ec9 .channelRow__538ef { background-color: var(--background-secondary); } #app-mount .action__94060, #app-mount .row__4f559 { background-color: var(--background-secondary); } #app-mount .background_c54132 .icon_ac2d0d { border-color: var(--background-secondary); } @media (max-width: 1300px) { .container__29699, .container__60371 { background: none !important; } } #app-mount .background_c54132 .containerCard__95c7a { border-color: var(--background-secondary); } #app-mount .background_c54132 .container__55cc1:hover, #app-mount .container_b92032 .pill_f055c3, #app-mount .container__03ec9 .channelRow__538ef:hover { background: var(--background-tertiary); } #app-mount .textContentFooter_e03480 { background: linear-gradient(0deg, rgba(var(--backgroundsecondary_v), 1), rgba(var(--backgroundsecondary_v), .97) 36px, rgba(var(--backgroundsecondary_v), .4)); } #app-mount .reaction_ef7e09.reactionMe__9fc5c { background-color: var(--brand-experiment-15a); border-color: var(--brand-experiment); } #app-mount .reaction_ef7e09.reactionMe__9fc5c .reactionCount_b780c8 { color: var(--brand-experiment-200); } #app-mount .scrollSeparator__00122 { box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3); } #app-mount .title__1888b { color: var(--header-primary); } #app-mount .description__05e2d { color: var(--header-secondary); } #app-mount .emptyChannelIcon_d45c50 { position: relative; background: var(--background-accent); overflow: hidden; } #app-mount .emptyChannelIcon_d45c50::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--header-primary); -webkit-mask: url(https://discord.com/assets/1b60cdb56c8c081495ac.svg) center no-repeat; } /* ==== 4.2.1. MESSAGE ==== */ #app-mount .message_ff43e6 { background-color: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .mentioned_fa6fd2::before { background-color: rgb(var(--mentioncolor, --warningcolor_v)); } #app-mount .ephemeralMessage__24192, #app-mount .operations__62559 { color: var(--channels-default); } .icon__467d5[style*="/assets/7ed159b6acb6da5d9593.svg"] { -webkit-mask: url(https://discord.com/assets/7ed159b6acb6da5d9593.svg) center/cover no-repeat; background: var(--header-secondary) !important; } .icon__467d5[style*="/assets/a1d461025204711133ec.svg"] { -webkit-mask: url(https://discord.com/assets/a1d461025204711133ec.svg) center/cover no-repeat; background: var(--header-secondary) !important; } #app-mount .wrapper_f09ac7 { background-color: var(--background-tertiary); color: var(--header-primary); } #app-mount .videoControls__7bc92 { color: #fff; } #app-mount .spoilerContent__383f3 { background-color: rgba(var(--textbrightest_v),.1); } #app-mount .spoilerContent__383f3.hidden_f44e41 { background-color: var(--background-tertiary); } #app-mount .spoilerContent__383f3.hidden_f44e41:hover { background-color: rgba(var(--backgroundtertiary_v),.8); } /* ==== 4.2.2. EMBEDS ==== */ #app-mount .description__7d5ad { color: var(--header-primary); } #app-mount .tagline__9d19f { color: var(--header-secondary); } #app-mount .tile_ebc93b { background-color: var(--background-tertiary); box-shadow: 0 0 0 rgba(var(--backgroundtertiary_v),.15); } #app-mount .tile_ebc93b:hover { background-color: var(--background-floating); } #app-mount .progress__4d3b3 { background-color: rgba(var(--textdarker_v),.3); } #app-mount .metadata__05734 { color: var(--text-muted); } #app-mount .loadingBackground_ae7b82 { background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary)); } #app-mount .loadingImage_a3670f { background-color: var(--background-secondary); } #app-mount .embedHorizontal_beabf1, #app-mount .embedVertical_b68872 { background-color: var(--background-primary); } #app-mount .svgContentRight__02911 { fill: var(--interactive-muted); } #app-mount .svgContentLeft_eea9da { fill: var(--interactive-muted); } #app-mount .svgContentLines__2a0ea, #app-mount .svgDots__520f0 { fill: var(--text-muted); } #app-mount .svgTag_b3b6f4 { fill: var(--text-normal); } #app-mount .infoLink_af115c { color: var(--header-secondary) !important } #app-mount .copyLink_a9e34f::before { background-color: var(--background-accent); } #app-mount .buildDetails__68107, #app-mount .copyLink_a9e34f:hover, #app-mount .infoLink_af115c:hover { color: var(--header-primary) !important; } #app-mount .barLoader_b2c006, #app-mount .buttonLoader_a95b74 { background-color: var(--background-accent); } #app-mount .disabledButtonOverride__48f46 { background-color: var(--background-tertiary) !important } /* ==== 4.2.3. NITROGIFT ==== */ /* ==== 4.2.4. INVITE ==== */ #app-mount .guildIconImage_c1aa48 { background-color: var(--background-primary); } #app-mount .guildIconExpired__67d9b { background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg); opacity: .5; } #app-mount .resolvingBackground_f83098 { background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary)); } #app-mount .invite__2a93b { background: rgba(var(--backgroundsecondary_v),.6); border-color: rgba(var(--backgroundsecondary_v),.9); } #app-mount .artworkSpotifySessionEnded_c0cf09 { background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg); opacity: .5; } #app-mount .header__1c712 { color: var(--text-muted); } #app-mount .name__14833, #app-mount .partyStatus__12fc2 { color: var(--header-primary); } #app-mount .moreUsers__4af66 { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .partyMemberEmpty__01e36 { background: var(--background-accent); } #app-mount .helpIcon_dbf835 { background-color: var(--header-primary); } #app-mount .helpIcon_dbf835 [fill] { fill: var(--background-secondary); } #app-mount .textLink__811f1, #app-mount .message-group .textLink__811f1 { color: var(--header-primary); } /* ---- 4.3. TEXTAREA ---- */ #app-mount .form_d8a4a1::before { background: linear-gradient(180deg, transparent 0, var(--background-primary)); } #app-mount .error_c9623f { color: #f36c6c; } #app-mount .toolbar__894c6 { background-color: var(--background-floating); } #app-mount .toolbar__894c6::before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid var(--background-floating); } #app-mount .divider_d6bbe2 { border-left: 1px solid rgba(var(--textbrightest_v),.06); } #app-mount .icon__2c9bf { color: var(--interactive-normal); } #app-mount .active__05fbc .icon__2c9bf, #app-mount .hover_d0ebf2:hover .icon__2c9bf { color: var(--interactive-active); } #app-mount .cooldownWrapper__193b2[style*="color: rgb(79, 84, 92)"] { color: var(--text-muted) !important; } /* ---- 4.4. AUTOCOMPLETEMENU ---- */ #app-mount .autocomplete__743a5 { background-color: var(--background-secondary); } #app-mount .categoryHeader__70c8e { background-color: var(--background-secondary); } #app-mount .selected__5fd17 { background-color: var(--background-primary); } /* ---- 4.5. MEMBERLIST ---- */ #app-mount .memberListItem_a082b9:not(.popoutDisabled_a185a8):hover { background-color: var(--background-tertiary); } /* ---- 4.6. CALL ---- */ .wrapper__6bf2d { background-color: var(--background-primary); } .root__3eef0 { color: var(--header-primary); } .gradientContainer_cdada6 { display: none; } .divider_d02cf3 { background: var(--background-modifier-accent); } .playingText__44fce { color: var(--header-secondary); } .controlIcon__73723 { color: var(--interactive-normal); } .controlIcon__73723:hover { color: var(--interactive-hover); } .controlIcon__73723.active_ff29dc, .controlIcon__73723:active { color: var(--interactive-active); } .pictureInPictureVideo__31ff0 .controlIcon__73723 { color: #b9bbbe; } .pictureInPictureVideo__31ff0 .controlIcon__73723:hover { color: #dcddde; } .pictureInPictureVideo__31ff0 .controlIcon__73723.active_ff29dc, .pictureInPictureVideo__31ff0 .controlIcon__73723:active { color: #fff; } .colorable__4f530.primaryDark_ec74a7 { background-color: var(--background-secondary); } .colorable__4f530.primaryDark_ec74a7, .colorable__4f530.primaryDark_ec74a7 .centerIcon_e3df23 { color: var(--header-primary); } .colorable__4f530.primaryDark_ec74a7.active_ff29dc, .colorable__4f530.primaryDark_ec74a7:hover { background-color: var(--background-tertiary); } .root__1f845 { color: var(--header-primary); } .root__3eef0 { color: var(--header-primary); } .tile_a411a4 { background-color: var(--background-tertiary); } .header__43611 { color: var(--header-primary); } #app-mount .regionSelectName_e97b48 { color: var(--header-secondary); } #app-mount .quickSelectPopoutOption_b852b1:hover .regionSelectName_e97b48 { color: var(--header-primary); } #app-mount .video__3237a { background-color: var(--background-floating); } #app-mount .video__3237a.minimum_d5c4c4 { background-color: var(--background-floating); box-shadow: inset 0 -1px 0 var(--background-tertiary); } #app-mount .video__3237a.noChat__4bab9 .videoBackgroundTransition_b3f43e { box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .video__3237a.noChat__4bab9 .videoTop__89d2d, #app-mount .video__3237a.normal__179aa .videoTop__89d2d { background-image: linear-gradient(0deg, transparent,rgba(0,0,0,.9)); } #app-mount .videoPreview_c06ae9 { background-color: var(--background-secondary); border: 1px solid var(--background-tertiary); } /* ~~~~ 5. PEOPLES ~~~~ */ #app-mount .container_bd15da { background-color: var(--background-primary); } #app-mount .scroller__7c25e { border: none; } #app-mount .moreMutualGuildsBtn_bd5e23:hover { border-color: rgba(var(--textbrightest_v),.6); color: var(--header-primary); } #app-mount .outer_a41cf3.active__76f42, #app-mount .outer_a41cf3.interactive__46c44:hover { background-color: var(--background-floating); } #app-mount .inset__61d5b { background-color: var(--background-secondary); } #app-mount .partyMemberOverflow_fa82b9 { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .partyMemberBackground_b2e343, #app-mount .partyMemberUnknown__333f2, #app-mount .partyMemberBackground__0a9a5, #app-mount .partyMemberUnknown__90098 { background-color: var(--background-accent); } #app-mount .partyMemberUnknownIcon__0df13 { color: var(--text-muted); } #app-mount .popout_c6d10c { background-color: var(--background-floating); border-color: var(--background-tertiary); box-shadow: 0 8px 16px rgba(0,0,0,.24); } #app-mount .memberListItem_e5797c:not(.popoutDisabled_c9ae8c):hover { background-color: var(--background-tertiary); } #app-mount .memberListHeader__1ee3b { color: var(--header-secondary); } #app-mount .memberListItem_e5797c:hover { background-color: var(--background-tertiary); } #app-mount .multipleIconWrapper__8dd58, #app-mount .separator_fc3370 { background-color: var(--background-secondary); } #app-mount .body__616e6 .separator_fc3370 { background-color: var(--background-primary); } #app-mount .voiceSectionNoGuildImageWrapper__40391 { background: var(--background-tertiary); color: var(--header-primary); } #app-mount .voiceSectionIconWrapper_b3ec85 { background-color: var(--background-floating); } #app-mount .voiceSectionIcon_e4dfa3, #app-mount .xboxSectionIcon__16ee9 { color: var(--header-secondary); } #app-mount .applicationStreamingPreviewWrapper_cdc31a { background-color: var(--background-secondary-alt); } /* ---- 5.1. SHOP ---- */ #app-mount .shop_b31ed2 { background: var(--background-primary); } /* ---- 5.2. FAMILY CENTER ---- */ .contentPanel__463ae::-webkit-scrollbar { width: 16px; height: 16px; } .contentPanel__463ae::-webkit-scrollbar-thumb { background-color: var(--scrollbar-auto-thumb); min-height: 40px; } .contentPanel__463ae::-webkit-scrollbar-track { background-color: var(--scrollbar-auto-track); } .contentPanel__463ae::-webkit-scrollbar-thumb, .contentPanel__463ae::-webkit-scrollbar-track { border: 4px solid transparent; background-clip: padding-box; border-radius: 8px; } .contentPanel__463ae::-webkit-scrollbar-corner { background-color: transparent; } /* ~~~~ 6. STORE/NITRO ~~~~ */ #app-mount .header_dbef3e { color: var(--header-primary); } #app-mount .blurb__41902, #app-mount .storeTerms_f84ad0, #app-mount .subtext__0cc56 { color: var(--header-secondary); } #app-mount .divider__2dfcf { background-color: rgba(var(--backgroundsecondary_v),.6); } #app-mount .iconWrapper__0d13e { background: var(--background-accent); } #app-mount .directoryHeroPrice_f3b6e4, #app-mount .directoryHeroPricePremium_a1f3d3 { color: var(--header-primary); } #app-mount .directorySearchPrice_bd5383 { color: var(--header-secondary); } #app-mount .listingPrice_ec8e58 { color: var(--header-primary); } #app-mount .originalAmount_f96a65 { color: var(--header-secondary); } #app-mount .embedPrice__30fd9 { color: var(--header-primary); } #app-mount .embedPrice__30fd9 .salePercentage__0f271 { background-color: var(--background-secondary); } #app-mount .loadingContainer__7abce { background-color: rgba(0,0,0,.4); } #app-mount .libraryLink__67fcc { color: rgba(var(--textbrightest_v),.6); } #app-mount .metadata__97d73 { color: var(--text-muted); } #app-mount .container_c7ab72 { background-color: var(--background-secondary); } #app-mount .loading__0c7a7 { background-color: transparent; } #app-mount .sectionAccountCredit_b7bb3c #app-mount .subscriptionDetails_affe1c { border-color: rgba(var(--textdarker_v),.3); } #app-mount .tier1Banner__85188 { background: var(--background-secondary); color: var(--header-primary); } #app-mount .tier1Banner__85188::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--header-primary); -webkit-mask: url(https://discord.com/assets/02211574807b44f50d90.svg) center/cover no-repeat; } #app-mount .categoryHeader__15de0, #app-mount .premiumApplicationsHeader__1f431 { border-color: var(--background-accent); color: var(--header-primary); } #app-mount .viewAllGames__76b00 { color: var(--header-primary); } #app-mount .content__7a876 { color: var(--text-muted); } #app-mount .blurb__7d206 { color: var(--text-normal); } #app-mount .description__8e1e3 { color: var(--header-secondary); } #app-mount .row__670b4 { background-color: var(--background-secondary); color: var(--header-secondary); } #app-mount .featureIcon_ff61f6 { color: var(--header-secondary); } #app-mount .themedPagination__13dbb .arrow_fe649b { color: var(--header-primary); } #app-mount .themedPagination__13dbb .dot__6356c { background-color: var(--header-primary); } #app-mount .matureListing_df3e7e { background-color: transparent; } #app-mount h3.contentHeader_ffdcab { color: #dcddde; } #app-mount .circle_d5fad2 { color: var(--header-primary); } #app-mount .iconCircle__8b128 { background-color: var(--background-accent); } #app-mount .smallHeader_fd9bd3 { color: var(--header-secondary); } #app-mount .text__59d24 { color: var(--header-primary); } #app-mount .description_ca572a { color: var(--header-secondary); } #app-mount .playerOverflow__1cc3e { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .description_ca572a strong, #app-mount .discriminator__272da strong, #app-mount .username__36a02 { color: var(--header-primary); } #app-mount .label_d49d6d { color: var(--text-muted); } #app-mount .username__75e9b { color: var(--header-primary); } #app-mount .notes__00774 { color: var(--header-secondary); } #app-mount .root__3d5e9 { background-color: var(--background-secondary); } #app-mount .header_afb288 { color: var(--header-primary); } #app-mount .section__42ceb { border-bottom-color: var(--background-primary); } #app-mount .breadcrumb__62bda:hover { color: var(--header-primary); } #app-mount .separator__6d4b6 { background-color: rgba(var(--backgroundsecondary_v),.6); } #app-mount .tabNotSelectedColor__2a89e { color: var(--header-secondary); } #app-mount .tabNotSelectedColor__2a89e:hover, #app-mount .tabSelectedColor_bca486 { color: var(--header-primary); } #app-mount .tabSelected__2f3e3 { border-bottom-color: var(--header-primary); } #app-mount .sectionTitle_dec920 { color: var(--header-secondary); } #app-mount .requirementKey__30bf3 { color: var(--text-muted); } #app-mount .requirements_a9df40 { color: var(--text-normal); } #app-mount .content__89089 { background-color: var(--background-secondary); } #app-mount .buttonColorInGuild_c85330 { color: var(--header-primary); } #app-mount .name__3864a { color: var(--header-secondary); } #app-mount .memberInfo__775c1 { color: var(--text-muted); } #app-mount .dotOffline__55389 { background-color: var(--text-muted); } #app-mount .listing__52fc1 { color: var(--header-primary); } #app-mount .link_fcf2cb { color: var(--header-primary); } #app-mount .applicationName_e8937f { color: var(--text-normal); } #app-mount .price__9237d { background-color: var(--background-accent); color: var(--header-primary); } /* ---- 6.1. BIRTHDAY PAGE ---- */ #app-mount .outerContainer__96420 { background-color: var(--background-primary); } #app-mount .outerContainer__96420 .heroWrapper__5f3c1 { overflow: hidden; border-radius: 10px; } #app-mount .outerContainer__96420 .birthdayExplanationWrapper__7c193, #app-mount .outerContainer__96420 .flipCardOpened__04cb3, #app-mount .outerContainer__96420 .activityCard_f92e53, #app-mount .outerContainer__96420 .celebrateCardContainer_d7fd9c { background-color: var(--background-secondary); } /* ~~~~ 7. LIBRARY ~~~~ */ #app-mount .headerCellSorted__19516 { color: var(--header-primary); } #app-mount .rate__087a0 { color: var(--text-muted); } #app-mount .background__31e4d { stroke: var(--background-accent); } #app-mount .usageInfo__719bc { color: var(--header-secondary); } #app-mount .installationPath_dade94 { box-shadow: 0 1px 0 0 var(--background-accent); } #app-mount .rowTitle_b5204a { color: var(--text-normal); } #app-mount .rowBody__03a1f { color: var(--text-muted); } #app-mount .defaultLocationCheckbox_a39f40 { color: var(--header-primary); } #app-mount .defaultIndicator__5e476 { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .applicationName__1a359 { color: var(--header-primary); } #app-mount .applicationSubText_b13073 { color: var(--text-muted); } #app-mount .hiddenLibraryApplication__37ace { border-color: var(--background-accent); } #app-mount .hiddenLibraryApplication__37ace::before { background: rgba(var(--backgroundtertiary_v),.3); border-color: var(--background-tertiary); } #app-mount .restoreButton_c078d9 { background: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 1px 5px 0 rgba(0,0,0,.3); } #app-mount .restoreButton_c078d9:hover { background: var(--background-secondary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .card__86773 { box-shadow: var(--elevation-medium); } #app-mount .card__86773:focus, #app-mount .card__86773:hover { box-shadow: var(--elevation-high); } /* ~~~~ 8. DISCOVERY ~~~~ */ #app-mount .pageWrapper_c182d3 { background-color: var(--background-primary); color: var(--header-primary); } .footerImage__2c3fd { opacity: .5; } #app-mount .search_e47903 .searchBox__02d0b { background-color: #fff; } #app-mount .search_e47903 .searchBox__02d0b:focus, #app-mount .search_e47903 .searchBox__02d0b: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_e47903 .searchBox__02d0b .searchBoxInput__74f29 { color: #2e3338; } #app-mount .search_e47903 .searchBox__02d0b .searchBoxInput__74f29::-webkit-input-placeholder, #app-mount .search_e47903 .searchBox__02d0b .searchBoxInput__74f29::-moz-placeholder, #app-mount .search_e47903 .searchBox__02d0b .searchBoxInput__74f29:-ms-input-placeholder, #app-mount .search_e47903 .searchBox__02d0b .searchBoxInput__74f29::placeholder { color: #72767d; } #app-mount .search_e47903 .searchBox__02d0b .closeIcon_da3bc1 { color: #4f5660; } #app-mount .search_e47903 .searchBox__02d0b .closeIcon_da3bc1:hover { color: #2e3338; } #app-mount .search_e47903 .searchBox__02d0b .closeIcon_da3bc1:focus { color: #060607; } #app-mount .search_e47903 .searchBox__02d0b .searchIcon__58dfd { color: rgba(79,84,92,.6); } /* ~~~~ 9. USERSETTINGS ~~~~ */ #app-mount .customContainer__64260::before { box-shadow: 0 1px 4px rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.2); } #app-mount .notice__88b94 { background: rgba(var(--backgroundtertiary_v),.95); } #app-mount .container__353bc[style*="background-color: rgba(248, 249, 249"], #app-mount .container__353bc[style*="background-color: rgba(32, 34, 37"] { background-color: rgba(var(--backgroundfloating_v), .9) !important; } #app-mount .container__353bc[style*="background-color: rgba(248, 249, 249"] .message__702f7, #app-mount .container__353bc[style*="background-color: rgba(32, 34, 37"] .message__702f7 { color: var(--header-primary) !important; } #app-mount .message__702f7 { color: var(--header-primary); } #app-mount .streamerModeEnabledImage__17db6 { background-image: url(https://discord.com/assets/c133c9df9ee4552c188a.svg); opacity: .5; } .contentRegion__08eba div[role="tabpanel"] { width: 100%; } .toolsContainer__4e6ad { margin-right: 37px; } #app-mount .closeButton__8177f { border-color: var(--channels-default); } #app-mount .closeButton__8177f path[fill] { fill: var(--channels-default); } #app-mount .closeButton__8177f:hover { background-color: rgba(var(--backgroundaccent_v),.3); border-color: var(--header-secondary); } #app-mount .closeButton__8177f:hover path[fill] { fill: var(--header-secondary); } #app-mount .closeButton__8177f:active { border-color: var(--text-normal); } #app-mount .closeButton__8177f:active path[fill] { fill: var(--text-normal); } #app-mount .keybind_a619c1 { color: var(--channels-default); } #app-mount .closeButtonBold__2f216 { border-color: var(--header-secondary); } #app-mount .closeButtonBold__2f216 path[fill] { fill: var(--header-secondary); } #app-mount .closeButtonBold__2f216:hover { background-color: rgba(var(--backgroundaccent_v),.6); border-color: var(--text-normal); } #app-mount .closeButtonBold__2f216:hover path[fill] { fill: var(--text-normal); } #app-mount .closeButtonBold__2f216:active { border-color: var(--header-primary); } #app-mount .closeButtonBold__2f216:active path[fill] { fill: var(--header-primary); } #app-mount .keybind_a619c1 { color: var(--header-secondary); } #app-mount .emptyStateHeader__4a6f4 { color: var(--header-primary); } #app-mount .emptyStateSubtext_e886a4 { color: var(--header-secondary); } #app-mount .codeRedemptionRedirect_b3eca7 { background: var(--background-modifier-selected); border-color: var(--background-modifier-selected); color: var(--header-primary); } #app-mount .subText__5f84f { color: var(--text-muted); } #app-mount .subTextHeader__06daf { color: var(--text-muted); } #app-mount .subTextRow__7e78c { color: var(--header-secondary); } #app-mount .giftCodeRow__86594 { border-color: rgba(var(--textdarkest_v),.6); } #app-mount .bodyButtonColor__5a673 { background: var(--background-tertiary); color: var(--header-primary); } #app-mount .bodyButtonColor__5a673:hover { background: var(--background-secondary); } #app-mount .bodyButtonColor__5a673:active { background: var(--background-primary); } #app-mount .card__803af { color: var(--header-primary); } #app-mount .gemIndicatorContainer_b03ca0 { background-color: var(--background-floating); } #app-mount .gemWithoutLabel__6225b { color: var(--header-primary); } #app-mount .tierLabel__41356 { color: var(--header-primary); } #app-mount .guildHeaderBackground__04920 { background-image: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg); opacity: .75; } .container_ced194 { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg); } .notches__5406c { background: transparent !important; } #app-mount .progress_bcbb99 { background-color: var(--text-muted); } .icon_bf45a6[src="/assets/6762ed8abdaef6a7f6fc.png"], .icon_bf45a6[src="/assets/5af9f85713084d6867a6.png"] { -webkit-mask: url(https://discord.com/assets/6762ed8abdaef6a7f6fc.png) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } .icon_bf45a6[src="/assets/ea67b1321e3d4154e476.png"], .icon_bf45a6[src="/assets/12c09c71eb271a47bcab.png"] { -webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat; background-color: var(--header-primary); object-position: -999999px -999999px; } .cameraWrapper_d3535e { background-color: var(--background-secondary); border-color: var(--background-tertiary); } #app-mount .row__7007e { box-shadow: inset 0 -1px 0 rgba(var(--textdarker_v),.3); } .disabled__586d3 { color: var(--interactive-muted); } .option__1d8de { background-color: var(--interactive-muted); } #app-mount .game__19f4b { box-shadow: var(--elevation-low); } #app-mount .gameName_c1c8a6 { color: var(--header-primary); } #app-mount .gameNameInput__3e1e4:focus, #app-mount .gameNameInput__3e1e4:hover { background-color: var(--background-primary); border-color: rgba(var(--textdark_v),.3); } #app-mount .lastPlayed__0b4ef, #app-mount .overlayStatusText__668e1 { color: var(--text-muted); } #app-mount .toggleIconOn__18854 .fill__90d85 { fill: var(--text-muted); } #app-mount .addGamePopout__61649 { background-color: var(--background-primary); } #app-mount .addGamePopout__61649 .cancelButton_be2641 { color: var(--header-primary); } #app-mount .nowPlayingAdd_ab1001 { color: var(--header-secondary); } #app-mount .nowPlaying_a3b60b { background-color: var(--status-positive-background); } #app-mount .nowPlaying_a3b60b .gameName_c1c8a6 { color: var(--status-positive-text); } #app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4:focus, #app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4:hover { background-color: transparent; border-color: var(--status-positive-text); } #app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4 { position: relative; z-index: 3; } #app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4 + * { position: relative; } #app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4:focus + *::before, #app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4: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_a3b60b .lastPlayed__0b4ef, #app-mount .nowPlaying_a3b60b .overlayStatusText__668e1 { color: var(--status-positive-text); } #app-mount .nowPlaying_a3b60b .toggleIconOff_b65232 .fill__90d85, #app-mount .nowPlaying_a3b60b .toggleIconOn__18854 .fill__90d85 { fill: var(--status-positive-text); } #app-mount .notDetected__14b92 { background-color: var(--background-secondary); } #app-mount .notDetected__14b92 .gameName_c1c8a6 { color: var(--interactive-active); } #app-mount .notDetected__14b92 .lastPlayed__0b4ef { color: var(--text-muted); } .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__3bf33 { background-color: rgba(var(--backgroundtertiary_v),.95); } #app-mount .dragged__9d7ad { -webkit-mask: url(https://discord.com/assets/038a865e09c25dc13e30.svg) center/contain no-repeat; background: var(--background-tertiary); } .theme-light .messageContainer__0add1 { display: none; } #app-mount .emojiAliasInput_e70e7c .emojiInput__3270d { background-color: var(--deprecated-text-input-bg); border: 1px solid var(--deprecated-text-input-border); margin-top: -1px; margin-left: -8px; } #app-mount .emojiAliasInput_e70e7c .emojiInput__3270d:hover { border-color: var(--deprecated-text-input-border-hover); } #app-mount .emojiAliasInput_e70e7c .emojiInput__3270d:focus { border-color: rgb(var(--accentcolor_v)); } #app-mount .emojiRow_db53d4:hover .emojiAliasPlaceholderContent_e3b4e8, #app-mount .emojiRow_db53d4:focus-within .emojiAliasPlaceholderContent_e3b4e8 { visibility: hidden !important; color: transparent !important; } #app-mount .emojiAliasPlaceholder_ecea45 { color: var(--header-primary); } #app-mount .auditLog__9228d { border-color: var(--background-tertiary); color: var(--text-muted); } #app-mount .auditLog__9228d strong { color: var(--header-primary); } #app-mount .auditLog__9228d:hover .expandForeground__0d39b { stroke: var(--header-primary); } #app-mount .headerClickable__334f7, #app-mount .headerDefault__31bb1 { background-color: rgba(var(--backgroundtertiary_v),.3); color: var(--header-secondary); } #app-mount .headerExpanded__05a35 { background-color: rgba(var(--backgroundtertiary_v),.6); color: var(--header-secondary); } #app-mount .divider__1ee1f { background-color: var(--background-tertiary); } #app-mount .userHook__0708a { color: var(--header-primary); } #app-mount .expandForeground__0d39b { stroke: rgba(var(--textbrightest_v),.6); } #app-mount .timestamp__33912 { color: var(--text-muted); } #app-mount .changeDetails_c0aa16 { background-color: rgba(var(--backgroundtertiary_v),.3); } .themeOverrideLight__786da.icon__2cbfe, .themeOverrideDark__5265d.icon__2cbfe, #app-mount .icon__2cbfe { background: none !important; } .icon__2cbfe::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--header-primary); } .icon__2cbfe.applicationCommand__174f1::before { -webkit-mask: url(https://discord.com/assets/295610bf2d3ec357b4bb.svg); } .icon__2cbfe.autoModerationBlockMessage_bed86d::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__2cbfe.autoModerationRule__2246b::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__2cbfe.targetAll__537b8::before { -webkit-mask: url(https://discord.com/assets/cda90da758440b5e2cbc.svg); } .icon__2cbfe.targetBan__16e32::before { -webkit-mask: url(https://discord.com/assets/559f43e29d80d719b397.svg); } .icon__2cbfe.targetChannel_fa8d22::before { -webkit-mask: url(https://discord.com/assets/fd8bb90a4678f63f6a50.svg); } .icon__2cbfe.targetEmoji__42ae8::before { -webkit-mask: url(https://discord.com/assets/b734b6798a8b89611ee7.svg); } .icon__2cbfe.targetGuild__8c18a::before { -webkit-mask: url(https://discord.com/assets/30039d24e09f9ae53597.svg); } .icon__2cbfe.targetGuildHome_a67826::before { -webkit-mask: url(https://discord.com/assets/bde25f93c922e02f8459.svg); } .icon__2cbfe.targetGuildScheduledEvent__59dc5::before { -webkit-mask: url(https://discord.com/assets/119b4083c9d4fce05f2d.svg); } .icon__2cbfe.targetIntegration_d5ae56::before { -webkit-mask: url(https://discord.com/assets/a82903ac1478ed97b6d4.svg); } .icon__2cbfe.targetInvite__59178::before { -webkit-mask: url(https://discord.com/assets/5cc5c2e0ad18a7c383d8.svg); } .icon__2cbfe.targetMember_d0d6b9::before { -webkit-mask: url(https://discord.com/assets/c53abf7172caf6e94497.svg); } .icon__2cbfe.targetMemberRole_d0d6b9::before { -webkit-mask: url(https://discord.com/assets/63a73b3d5daccfd7a8fc.svg); } .icon__2cbfe.targetMessage_da54e8::before { -webkit-mask: url(https://discord.com/assets/f88edd51273b2e14999a.svg); } .icon__2cbfe.targetPermission__19974::before { -webkit-mask: url(https://discord.com/assets/93b984f7ed0c42796562.svg); } .icon__2cbfe.targetRole__994dd::before { -webkit-mask: url(https://discord.com/assets/842d46ac28c4cc831849.svg); } .icon__2cbfe.targetStageInstance__9d662::before { -webkit-mask: url(https://discord.com/assets/f39f5d92d79071dcd992.svg); } .icon__2cbfe.targetSticker__5d09d::before { -webkit-mask: url(https://discord.com/assets/0020113abbe97807c0be.svg); } .icon__2cbfe.targetVanityUrl_d91f37::before { -webkit-mask: url(https://discord.com/assets/9ecac67adfc57255096c.svg); } .icon__2cbfe.targetWebhook__337c7::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__2cbfe.targetWidget__0ec3d::before { -webkit-mask: url(https://discord.com/assets/fb3b404502ba18187ace.svg); } .icon__2cbfe.thread_a2b0da::before { -webkit-mask: url(https://discord.com/assets/6960c3e51b7f0dcefcc0.svg); } #app-mount .card__39d1a { border-color: var(--background-secondary-alt); } #app-mount .card__05cf8 { border-color: var(--background-secondary-alt); } #app-mount .card__81c50 { box-shadow: var(--elevation-high); } .splashImage__70476[src="/assets/467602d632b5f9c1ce4b.svg"], .splashImage__70476[src="/assets/d4d9f2bff23beec65b1f.svg"] { background: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg) center/cover no-repeat; opacity: .75; object-position: -999999px -999999px; } #app-mount .background__092a0 { color: var(--background-tertiary); } #app-mount .tierInProgress__549bc { background-color: var(--background-tertiary); } #app-mount .tierHeaderLocked__0ca2e { background-color: var(--background-tertiary); color: var(--header-secondary); } #app-mount .tierHeaderUnlocked__960f7 { background-color: var(--background-tertiary); } #app-mount .tierCloseClose_a270d4 { color: var(--header-primary); } #app-mount .tierBody_fd5f94 { background-color: var(--background-secondary); color: var(--header-secondary); } #app-mount .tierCurrent_fc87b4 { box-shadow: 0 4px 8px rgba(0,0,0,.24); } #app-mount .member__55269 { box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04); } #app-mount .member__55269 .name__7635a { color: var(--header-primary); } #app-mount .member__55269 .tag__1a537 { color: var(--text-muted); } #app-mount .member__55269 .roleWrapper__0f174 { color: rgba(var(--textbrightest_v),.8); } #app-mount .member__55269 .overflowIconFg__2b31c { fill: var(--header-primary); } #app-mount .member__55269 .ownerHelpIcon__021a4 { color: var(--header-primary); } #app-mount .to__23110 { background-color: var(--background-secondary); box-shadow: 0 0 0 4px var(--background-secondary); } #app-mount .fromToWrapper__78a65 { background: transparent; } #app-mount .fromToWrapper__78a65::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-mask: url(https://discord.com/assets/a2e6c7df5d20d1aeaacb.svg) 50% 0 no-repeat; background: var(--header-primary); } #app-mount .inviteSettingsInviteRow__130c9 { box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04); } #app-mount .bannedUser_f75842 { box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04); } #app-mount .bannedUser_f75842 .username_df97c3 { color: var(--header-primary); } #app-mount .bannedUserModal__69750 .reasonHeader__88f91 { color: var(--text-normal); } /* ~~~~ 11. MODALS ~~~~ */ #app-mount .root_a28985:not(.noBackground__96ddb), #app-mount .modal__060da { background-color: var(--background-primary); border: none; box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.3), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .rootWithShadow_d20cd6:not(.noShadow__28f32) { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.3), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .zoomedCarouselModalRoot__32ea8 { background: transparent !important; } #app-mount .footer_e0b400, #app-mount .footer_c33701 { background-color: var(--background-secondary); color: var(--header-secondary); } #app-mount .footerSeparator__2af8d { box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6); } #app-mount .modal_6GHvdM .tabBarContainer_b283be { background: rgba(0,0,0,.2); box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); } #app-mount .content_def88d + .videoContainer__05638 { box-sizing: border-box; height: 100%; } #app-mount .testimonialContainer_de3f46 path[fill="#2B2D31"] { fill: var(--background-secondary); } #app-mount .testimonialContainer_de3f46 .quotes__35cf8 { color: var(--header-secondary); } #app-mount .separator__6f4af { box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3); } #app-mount .divider__4595d { border-color: var(--background-secondary); } #app-mount .message_a61af3 { color: var(--header-secondary); } #app-mount .secondaryButton__0e13c { color: var(--header-primary); } #app-mount .divider__65336 { border-color: var(--background-secondary); } #app-mount .backButtonColor__4cae5 { color: var(--header-primary); } #app-mount .checkboxLabel_a11995 { color: var(--header-secondary); } /* ---- 11.1. USERMODAL ---- */ .emptyIcon__7b2a1 { opacity: .5; } /* ---- 11.2. GUILDADD/CREATION ---- */ .container__9dd63 { background-color: var(--background-secondary); border: none; } .container__9dd63:hover { background-color: var(--background-secondary-alt); border: none; } .arrow__5e540 { -webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.svg) center/cover no-repeat; background: var(--text-normal); object-position: -999999px -999999px; } .input__0c568 { background: transparent; } .inputInner__61a8f { border: 1px solid var(--deprecated-text-input-border); } /* ---- 11.3. UPLOADMODAL ---- */ #app-mount .uploadModal__6eb75 { background-color: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .footer_f06dbb { background-color: var(--background-secondary); box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6); } /* ---- 11.4. KEYBOARDSHORTCUTSMODAL ---- */ #app-mount .keyboardShortcutsModal__44538 { background-color: var(--background-primary); } #app-mount .modalTitle__3df11 { color: var(--header-primary); } #app-mount .modalSubtitle_f39977 { border: none; box-shadow: var(--elevation-low); color: var(--text-normal); } #app-mount .keyboardShortcutList_a3e292 .keybindGroup__00ce0 .keybindDescription_c0b6a8 { color: var(--header-secondary); } #app-mount .combo__57290 { color: var(--header-primary); } #app-mount .combo__57290 .key__6a8d9 { background-color: var(--text-muted); border: 1px solid rgba(0, 0, 0, .4); box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .4); color: var(--header-primary); } #app-mount .combo__57290 .key__6a8d9:active { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6); border: 1px solid rgb(0, 0, 0); color: var(--header-secondary); } /* ---- 11.5. QUICKSWITCHER ---- */ #app-mount .emptyState_bdb86c { background: transparent; } #app-mount .emptyState_bdb86c::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(https://discord.com/assets/c586aac99de98cfb010d.svg) center/100px no-repeat; opacity: .5; } /* ---- 11.6. INVITEMODAL/GROUPCREATE ---- */ #app-mount .contentWrapper_f9bc93 { background-color: var(--background-primary); } #app-mount .friendSelected__98d91, #app-mount .inviteRow_d6ad74:hover { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .friend__05c43, #app-mount .inviteRowName__60057 { color: var(--header-secondary); } #app-mount .footer__062a1, #app-mount .footer_d84330 { background-color: var(--background-secondary); box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6); } .footerSeparator__41b43 { display: none; } #app-mount .subtitle__6fbe4, #app-mount .footerText_c9e226, #app-mount .checkBoxLabel__873a9, #app-mount .footerText_f55c0f, #app-mount .subText_c87db8 { color: var(--header-secondary); } #app-mount .errorState_c6cca2 { color: var(--text-muted); } #app-mount .notFriends__2c41d .errorStateIcon_c94ccf { background-image: url(https://discord.com/assets/07aa1f325ebe8b8af5cb.svg); opacity: .5; } #app-mount .noFriends__65b07 .errorStateIcon_c94ccf { background-image: url(https://discord.com/assets/adfe130868d2bcf467b5.svg); opacity: .5; } #app-mount .partyFull__72cc0 .errorStateIcon_c94ccf { background-image: url(https://discord.com/assets/53d74eda11a4185c1acd.svg); opacity: .5; } #app-mount .noResults__003ea .errorStateIcon_c94ccf { background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg); opacity: .5; } /* ---- 11.7. LOGINSCREEN ---- */ .theme-dark.navRow_bb8efc, .theme-light.navRow_bb8efc { background: var(--background-secondary); } .subText__39b07 strong { color: rgba(var(--textbright_v),.9); } /* ---- 11.8. DOWNLOADAPPMODAL ---- */ .downloadApps_f5dd09 { background-color: var(--background-primary); box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.3), 0 2px 10px 0 rgba(0,0,0,.2); } .downloadApps_f5dd09 .inner_bd2021 { height: 100%; width: 100%; overflow: hidden; } .downloadApps_f5dd09 .header_e9a858 { color: var(--text-normal); } .downloadApps_f5dd09 .footer__76f39 { color: var(--text-muted); } .downloadApps_f5dd09 .header_e9a858 { color: var(--text-normal); } .downloadApps_f5dd09 .platforms_aed032 .platform__6450e { border-color: var(--header-secondary); } .downloadApps_f5dd09 .platforms_aed032 .platform__6450e p { color: var(--header-secondary); } .downloadApps_f5dd09 .platforms_aed032 .platform__6450e .downloadButton__06261 { background-color: var(--header-secondary); } /* ---- 11.9. GUILDBOOSTMODAL ---- */ #app-mount .subscriberCount__6634d { color: var(--header-secondary); } #app-mount .subscriberCount__6634d strong { color: var(--text-normal); } #app-mount .moreSubscribers__19189 { background-color: var(--background-tertiary); color: var(--header-primary) } #app-mount .subscribersPopout__56ea5 { background: var(--background-floating); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .subscribersPopoutUser__897f8 { color: var(--header-secondary); } /* ---- 11.10. REACTIONSMODAL ---- */ #app-mount .container_f8ef5d, #app-mount .reactors__0f305 { background-color: var(--background-primary); } #app-mount .remove__6bd0e { color: var(--interactive-normal); } #app-mount .remove__6bd0e:hover { color: var(--interactive-hover); background: transparent; } #app-mount .remove__6bd0e:active { color: var(--interactive-active); } #app-mount .scroller__9a4f3 { background-color: var(--background-secondary); } #app-mount .reactionSelected__16345 { background-color: rgba(var(--backgroundaccent_v),.8); } #app-mount .reactionDefault_de3361:hover { background-color: rgba(var(--backgroundaccent_v),.4); } #app-mount .reactorDefault__4b61e { box-shadow: inset 0 -1px 0 rgba(var(--backgroundaccent_v),.3); } #app-mount .discriminator_ae757f { color: var(--text-muted); } /* ---- 11.11. CHANGELOG ---- */ #app-mount .date__21306 { color: var(--header-secondary); } #app-mount .content_dc3a33 ol, #app-mount .content_dc3a33 p, #app-mount .content_dc3a33 ul li, #app-mount .content__71cd4 ol, #app-mount .content__71cd4 p, #app-mount .content__71cd4 ul li { color: var(--header-secondary); } #app-mount .content_dc3a33 ul li::before, #app-mount .content__71cd4 ul li::before { background-color: var(--text-normal); } #app-mount .video_adf527 { box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .socialLink__69317 { color: var(--interactive-normal); } #app-mount .socialLink__69317:hover { color: var(--interactive-hover); } #app-mount .socialLink__69317:active { color: var(--interactive-active); } /* ---- 11.12. NOTIFICATIONSMODAL ---- */ #app-mount .channelName__4e10b { color: var(--header-primary); } #app-mount .guildName__63225, #app-mount .override_ca20c5, #app-mount .overrideHighlight_d1476f { color: var(--header-secondary); } #app-mount .override_ca20c5:hover { background-color: rgba(var(--backgroundtertiary_v),.1); } #app-mount .overrideHighlight_d1476f, #app-mount .overrideHighlight_d1476f:hover { background-color: rgba(var(--backgroundtertiary_v),.3); } #app-mount .checkboxContainer_d69195::before { background-color: rgba(var(--backgroundtertiary_v),.6); } #app-mount .overridePlaceholder__8cd8a { border: 1px dashed var(--background-floating); } /* ---- 11.13. PAYMENTMODAL ---- */ #app-mount .sectionHeader__9a59b { color: var(--header-secondary); } #app-mount .paypalInput_f004be, #app-mount .paypalInput_f004be:focus, #app-mount .paypalInput_f004be:hover { border-color: var(--deprecated-text-input-border); } #app-mount .description__51810 { color: var(--text-normal); } #app-mount .descriptionWrapper__75cd5 { color: var(--text-muted); } #app-mount .defaultIndicator_b89fc1 { background-color: var(--text-muted); color: var(--header-primary); } #app-mount .premiumIndicator_a4b0ec { color: var(--header-primary); } #app-mount .invalidIndicator_e1a221 { color: var(--header-primary); } #app-mount .summaryInfo__3df8a { color: var(--header-primary); } #app-mount .payment_f27ac6 { background-color: var(--background-secondary); color: var(--header-secondary); } #app-mount .hoverablePayment__4ff3b:hover { background-color: var(--background-vbackgroundtertiary); } #app-mount .paymentHeader__27aff { color: var(--header-primary); border-color: var(--text-muted); } #app-mount .expandedInfo_efc786 { background-color: var(--background-primary); } #app-mount .paymentText__55e50 { color: var(--header-secondary); } #app-mount .giftIcon__75cfe { color: var(--header-primary); } #app-mount .paymentPane__541d7 { background-color: var(--background-secondary); color: var(--header-primary); } #app-mount .paginator__28ba5 { background: var(--background-secondary); color: var(--text-muted); } #app-mount .bottomDivider_c85b47 { border-bottom-color: var(--background-tertiary); } #app-mount .tab_b317f5 { color: var(--text-muted); } #app-mount .externalRowHeader_e723ce { color: var(--header-secondary); } /* ---- 11.14. CLOUDSYNCRESOLUTION ---- */ #app-mount .modal__659a5 { color: var(--text-normal); } #app-mount .conflictButton__68d05 { background-color: var(--background-secondary); border-color: var(--background-tertiary); } #app-mount .conflictButton__68d05:hover { background-color: var(--background-accent); } #app-mount .title__14d9e { color: var(--text-normal); } #app-mount .buttonBody__115b7 { color: var(--header-primary); } #app-mount .choiceLine__28287 { background-color: rgba(var(--textdarkest_v),.6); } /* ---- 11.15. APPLICATIONINSTALLATIONMODAL ---- */ #app-mount .gameName__73a01 { color: var(--text-normal); } #app-mount .installSize__8450d { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .divider_d1c298 { background-color: rgba(var(--backgroundsecondary_v),.6); } #app-mount .premiumTerms_a72bfb { color: var(--text-normal); } /* ---- 11.16. DISPATCHERROR ---- */ #app-mount .body__5be56 { color: var(--text-normal); } #app-mount .errorLabel__6018d { color: var(--header-secondary); } #app-mount .errorDetails_dab9b3 { background: var(--background-secondary); border-color: rgba(var(--backgroundsecondary_v),.3); color: var(--header-primary); } #app-mount .closeLink__57354 { color: var(--header-primary); } /* ---- 11.17. HYPESQUADQUIZ ---- */ #app-mount .prompt__7ad7f { color: var(--header-primary); } #app-mount .selectYourAnswer__3b311 { color: var(--channels-default); } #app-mount .separator__954d9 { background-color: var(--background-accent); } /* ---- 11.18. SERVERAPPMODAL ---- */ #app-mount .directoryContainer__36395 { background: var(--background-primary); } /* ~~~~ 12. POPOUTS ~~~~ */ #app-mount .content_c4204c { background-color: var(--background-floating) !important; } #app-mount .leftArrow_da5928::before { border-right-color: var(--background-floating) !important; } #app-mount .rightArrow__8c899::before { border-left-color: var(--background-floating) !important; } #app-mount .contentNarrowNoMedia_f67a42.topArrow__154df::before, #app-mount .contentWideNoMedia_b81248.topArrow__154df::before { border-bottom-color: var(--header-primary) !important; } #app-mount .background__2de27 { color: var(--header-primary) !important; } #app-mount .popoutLoadingForeground__1d922 { background-image: linear-gradient(90deg, var(--background-tertiary),var(--background-accent),var(--background-tertiary)); } /* ---- 12.1. USERPOPOUT ---- */ #app-mount .userPopoutOuter_d67f56 { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2); } .profileColors_ac6ab4 .mask_d5067d circle { fill: transparent; } #app-mount .userProfileOuterThemed_a425f3 ::-webkit-scrollbar-thumb { background-color: var(--profile-gradient-secondary-color) !important; } #app-mount .wumpusTooltip_db70b7 { background-color: var(--background-tertiary); color: var(--header-primary); } #app-mount .wumpusTooltip_db70b7::after { border-color: transparent var(--background-tertiary) transparent transparent; } .role_d81130[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter_v), .6) !important; } .role_d81130 .roleCircle__61ad8[style*="background-color: rgb(185, 187, 190)"] { background-color: rgb(var(--textbrighter_v)) !important; } .role_d81130 .roleCircle__61ad8[style*="background-color: rgb(185, 187, 190)"] path[fill] { fill: rgb(var(--textdarkest_v)) !important; } /* ---- 12.2. EMOJIPICKER ---- */ #app-mount .wrapper_c307ba { color: var(--text-muted); } .categoryItemDefaultCategory__6c3db:first-child, .categoryItemDefaultCategory__6c3db:first-child + .categoryItemDefaultCategory__6c3db { margin-bottom: 8px; } #app-mount .imageLoading_fb7de7 { background: var(--background-tertiary); border-radius: 10px; } .premiumPromoClose_bb9fb2 { -webkit-mask: url(https://discord.com/assets/411dfecce0d7da63ea2b.svg) 50% 50% no-repeat; background: var(--interactive-normal); } .premiumPromoClose_bb9fb2:hover { background: var(--interactive-hover); } .premiumPromoClose_bb9fb2:active { background: var(--interactive-active); } #app-mount .categoryItemDefaultCategorySelected__7d6e0 .categoryIcon_d0a396, #app-mount .categoryItemDefaultCategorySelected__7d6e0:hover .categoryIcon_d0a396 { color: var(--interactive-active); } #app-mount .focused__79359, #app-mount .result_e1fc74:hover { box-shadow: 0 11px 22px 1px rgba(4,4,5,.3); } #app-mount .focused__79359::after, #app-mount .result_e1fc74:hover::after { box-shadow: inset 0 0 0 2px ,inset 0 0 0 3px var(--background-secondary); } #app-mount .placeholder__99206 { background: rgba(var(--textdarkest_v),.6); } #app-mount .endContainer__4078a::after { background-image: url(https://discord.com/assets/6836d88af9197cbd4cbb.svg); opacity: .5; } #app-mount .endText__4af65 { color: var(--header-secondary); } #app-mount .emptyHintCard_cac1d9 { background-color: var(--background-primary); color: var(--header-secondary); } #app-mount .container_b1d738 { background-color: var(--background-secondary); } #app-mount .header_def8e2 { box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3); } #app-mount .backButton_d9b964 { color: var(--interactive-normal); } #app-mount .backButton_d9b964:hover { color: var(--interactive-hover); } #app-mount .backButton_d9b964:active { color: var(--interactive-active); } /* ---- 12.3. SEARCHPOPOUT ---- */ #app-mount .searchAnswer__2ccaf, #app-mount .searchFilter_dbda51 { background-color: var(--background-primary); color: var(--header-primary); } .option__91497:hover { background-color: var(--background-primary); } #app-mount .queryContainer_c1cb2f { border-bottom-color: var(--background-modifier-accent); color: var(--header-secondary); } #app-mount .queryContainer_c1cb2f strong { color: var(--header-primary); } #app-mount .focused__68b93 { background-color: var(--background-modifier-active); } #app-mount .calendarPicker__47c85 .react-datepicker { background: transparent; } #app-mount .calendarPicker__47c85 .react-datepicker__header { background-color: var(--background-floating); border-color: rgba(var(--backgroundfloating_v),.2); } #app-mount .calendarPicker__47c85 .react-datepicker__navigation { background: transparent; border-color: rgba(var(--textbrightest_v), .5); top: 30px; } #app-mount .calendarPicker__47c85 .react-datepicker__navigation::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) center/6px 12px no-repeat; background-color: rgb(var(--textbrightest_v)); } #app-mount .calendarPicker__47c85 .react-datepicker__navigation--previous { left: 30px; } #app-mount .calendarPicker__47c85 .react-datepicker__navigation--next { right: 30px; } #app-mount .calendarPicker__47c85 .react-datepicker__current-month { border-bottom-color: rgba(var(--backgroundfloating_v),.3); color: var(--header-primary); } #app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next, #app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous { -webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) 50%/6px 12px no-repeat; background: var(--interactive-normal); border-color: var(--background-floating); } #app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next:hover, #app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous:hover { background: var(--interactive-hover); } #app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next:active, #app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous:active { background: var(--interactive-active); } #app-mount .calendarPicker__47c85 .react-datepicker__week:last-of-type .react-datepicker__day { border-bottom-color: var(--background-floating); } #app-mount .calendarPicker__47c85 .react-datepicker__week .react-datepicker__day:last-of-type { border-right-color: var(--background-floating); } #app-mount .calendarPicker__47c85 .react-datepicker__day-name { color: rgba(var(--textbrightest_v),.6); } #app-mount .calendarPicker__47c85 .react-datepicker__day { border-top-color: var(--background-floating); border-left-color: var(--background-floating); color: var(--header-primary); } #app-mount .calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected:hover, #app-mount .calendarPicker__47c85 .react-datepicker__day:hover { color: var(--header-primary); } #app-mount .calendarPicker__47c85 .react-datepicker__day { background-color: var(--background-secondary); } #app-mount .calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--disabled, #app-mount .calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--disabled:hover { background-color: var(--background-floating); color: rgba(var(--textbrightest_v),.3); cursor: no-drop; } #app-mount .calendarPicker__47c85 .react-datepicker__day--outside-month { background-color: var(--background-tertiary); color: rgba(var(--textbrightest_v),.3); } /* ---- 12.4. EVERYONEMENTION ---- */ .contentWarningPopout__84e38 .animation__60f8d { opacity: 0.6; } #app-mount .footer__068c0 { background-color: rgba(var(--backgroundtertiary_v),.4); color: var(--text-muted); } /* ---- 12.5. CHANNELFOLLOW ---- */ #app-mount .header_ee0efd { background: var(--background-tertiary); } #app-mount .header_ee0efd::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--header-primary); -webkit-mask: url(https://discord.com/assets/e9661fbf5e8e3a2e1ac9.svg) center/cover no-repeat; } /* ---- 12.6. CHANNELFOLLOWINFO ---- */ #app-mount .guildPopout_df13cd { background-color: var(--background-tertiary); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary_v),.6); } #app-mount .guildName_b46190 { color: var(--header-primary); } #app-mount .dotOffline__1bff9 { background-color: var(--header-secondary); } #app-mount .placeholderSkeleton__78b80 { background: var(--text-muted); } /* ---- 12.7. STREAMPREVIEW ---- */ #app-mount .streamPreview__965fa { background-color: var(--background-tertiary); } #app-mount .previewContainer__1e0bb { background-color: var(--background-secondary-alt); } #app-mount .applicationName__15b86 { color: var(--header-primary); } #app-mount .watchButton__5a93d { border-color: var(--text-muted); color: var(--header-primary); } #app-mount .watchButton__5a93d:not([disabled]):hover { border-color: var(--header-primary); } #app-mount .previewHover_f3fc8d { background: rgba(0,0,0,.6); } /* ---- 12.8. ROLEOVERFLOW ---- */ #app-mount .overflowRolesPopoutHeaderText_e8785f { color: var(--text-muted); } #app-mount .actionButton__96742 { border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .overflowRolesPopout__03a09 { color: rgba(var(--textbrightest_v),.8); } #app-mount .overflowRolesPopout__03a09, #app-mount .overflowRolesPopoutArrow_de5244 { background-color: var(--background-tertiary); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary_v),.6); } /* ---- 12.9. PUBLICGUILDANNOUNCEMENT ---- */ #app-mount .popout__8e314 { background-color: var(--background-tertiary); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary_v),.6); } #app-mount .popout__8e314 { color: var(--header-primary); } /* ---- 12.10. QUICKSELECTPOPOUT ---- */ #app-mount .selectableItem__5e076 { color: var(--header-primary); } #app-mount .selectableItem__5e076:hover { background-color: var(--background-accent); } #app-mount .popoutList__292da { background: var(--background-primary); } #app-mount .popoutListEmpty__04127 { color: var(--header-primary); } #app-mount .quickSelectArrow__5988b { -webkit-mask: url(https://discord.com/assets/c4643b70509c385fcc83.svg) 50% no-repeat; background: var(--interactive-normal); } #app-mount .quickSelectPopout__56a98 { background: var(--background-secondary); color: var(--header-primary); } #app-mount .quickSelectPopoutOption_b852b1:hover { background-color: var(--background-accent); } /* ---- 12.11. RTCSTATUSPOPOUT ---- */ #app-mount .container__13b2a { width: 290px; } #app-mount .container__13b2a canvas { background-color: #36393f; padding: 5px; border-radius: 5px; } #app-mount .container__13b2a section { background-color: var(--background-primary); } #app-mount .container__13b2a section p { color: var(--header-primary); } #app-mount .container__13b2a section strong { color: var(--header-primary); } #app-mount .debugButton__83d1b { color: var(--header-secondary); } #app-mount .krispLogo_d24d1f { -webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.svg) center/contain no-repeat; background-color: var(--header-primary); } /* ---- 12.12. PHONE-/EMAILVALIDATION ---- */ #app-mount .input__14d2f { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .phoneFieldPopout_a20b2f .countryName__0959f { color: var(--header-secondary); } #app-mount .phoneFieldPopout_a20b2f .countryCode__7f17e { color: var(--header-primary); } #app-mount .activityInviteEducationArrow_ebc48e { -webkit-mask: url(https://discord.com/assets/6f222b93b4b971e68613.svg) center/contain no-repeat; background: var(--header-primary); } #app-mount .emailVerificationModal_a12ecf .title_de0f4f { color: var(--header-primary); } #app-mount .emailVerificationModal_a12ecf .body_fe5b0e { color: var(--text-muted); } #app-mount .verification_ab2e30 .image__30914 { background-image: url(https://discord.com/assets/8f8162ee689b2d85996c.svg); opacity: .5; } #app-mount .verification_ab2e30 .title_ef7dd4 { color: var(--header-primary); } #app-mount .verification_ab2e30 .body_b1ab5f, #app-mount .verification_ab2e30 .footer_a3e9dc { color: var(--header-secondary); } #app-mount .verificationBlock__2ee71 { border: 1px solid var(--background-tertiary); } #app-mount .verificationBlock__2ee71:hover { background-color: var(--background-tertiary); } #app-mount .verificationBlock__2ee71 .image__30914.email__44f2f { background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg); opacity: .5; } #app-mount .verificationBlock__2ee71 .image__30914.phone__0b460 { background-image: url(https://discord.com/assets/e9802d8cbd4efea22c7f.svg); opacity: .5; } #app-mount .verificationBlock__2ee71 .body_b1ab5f { color: var(--header-secondary); } /* ---- 12.13. WARNINGPOPOUT ---- */ #app-mount .contentWarningPopout__84e38 { background-color: var(--background-primary); box-shadow: 0 2px 10px 0 rgba(var(--backgroundtertiary_v),.2); } #app-mount .body__86f4c { color: var(--header-secondary); } #app-mount .header__6f1b3 { color: var(--header-primary); } /* ---- 12.14. ADDROLE ---- */ #app-mount .container_b1d738 { width: 300px; } #app-mount .autocompleteArrow__6156d, #app-mount .header_def8e2 { background-color: var(--background-tertiary); } #app-mount .container_b1d738 .input__1ed7f { color: var(--header-primary); } #app-mount .container_b1d738 .sectionTag__03ea5 { 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-select { border: 1px solid transparent; padding: 8px 8px 8px 12px; cursor: pointer; box-sizing: border-box; display: grid; grid-template-columns: 1fr auto; align-items: center; border-radius: 4px; } .bd-slider-input { background-color: var(--background-accent); } .bd-slider-input[type="range"]::-webkit-slider-thumb { background-color: #fff; border-color: var(--background-accent); } .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_v)); 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_v)); } html .monaco-editor.rename-box { background-color: var(--background-secondary) !important; box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.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_v),.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_v),.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_v),.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_v),.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_v), .1), rgba(var(--accentcolor_v), .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_v), .1), rgba(var(--accentcolor_v), .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_v)); } 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_v)); } /* ---- 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__832f2 .typingindicator-guild, html .typingindicator-folder { background: var(--background-secondary); border-color: var(--background-secondary); } /* ~~~~ 16. WATERMARK ~~~~ */ html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9 { 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_e41dab.titleBar__710b0 > div.wordmark__5b8c9[style*="display: none"] { display: none !important; } html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9 > * { display: none !important; } html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::before, html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::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_c99875 > div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::before { background: rgb(125,125,125) !important; opacity: 0.5 !important; } html:only-child > head + body > div#app-mount.appMount_c99875 > div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::after { background: var(--text-muted) !important; opacity: 1 !important; } html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > div.side_b4b3f6 > div.info__755e1 { position: relative !important; } html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > div.side_b4b3f6 > div.info__755e1::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_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > div.side_b4b3f6 > div.info__755e1::before { content: "DevilBro" !important; font-size: 12px !important; font-weight: 600 !important; color: rgb(var(--accentcolor_v)) !important; display: inline !important; opacity: 1 !important; padding: 0 !important; margin: 0 !important; cursor: pointer !important; visibility: visible !important; position: absolute !important; top: unset !important; left: 108px !important; bottom: 8px !important; right: unset !important; transform: unset !important; animation: unset !important; }