@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__6eb84), .theme-dark:not(.userProfileOuterThemed__6eb84), .theme-amoled:not(.userProfileOuterThemed__6eb84) { --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(--linkcolor_v)); --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__75cba, #app-mount .elevationLow__2b6de, .lightElevationLow__6c965 { box-shadow: 0 1px 5px 0 rgba(0,0,0,.3); } #app-mount .elevationHigh__80ea8, #app-mount .elevationHigh__312fd, .lightElevationHigh__1513c { box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .elevationBorderLow__610e6, #app-mount .elevationBorderLow__1fa50, .lightElevationBorderLow_c9bfa0 { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 1px 5px 0 rgba(0,0,0,.3); } #app-mount .elevationBorderHigh_f9a758, #app-mount .elevationBorderHigh__39dae, .lightElevationBorderHigh_a30b06, .darkElevationBorderHigh__63ac9 { 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__71a0f { 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__71a0f: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__50cf3 { color: var(--header-primary); } #app-mount .editIcon__29477 { -webkit-mask: url(https://discord.com/assets/c87be216431a35927431.svg); background: var(--header-primary); } #app-mount .scrollbarGhost__6f715::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thin-thumb); border-color: transparent; } #app-mount .scrollbarGhost__6f715::-webkit-scrollbar-track { background-color: var(--scrollbar-thin-track); border-color: transparent; border-width: initial; } #app-mount .scrollbarGhostHairline_c9a45f::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thin-thumb); border-radius: 2px; cursor: move; } #app-mount .scrollbarDefault_fec5d4::-webkit-scrollbar-thumb { background-color: var(--scrollbar-auto-thumb); border-color: transparent; } #app-mount .scrollbarDefault_fec5d4::-webkit-scrollbar-track { background-color: var(--scrollbar-auto-track); border-color: transparent; } #app-mount .breadcrumbWrapper__34bfa { color: rgba(var(--textbrightest_v),.3); } #app-mount .activeBreadcrumb__7e753 { color: rgba(var(--textbrightest_v),.6); } html .iconBadge__2abac { background-color: var(--background-floating); color: var(--header-primary); } /* ---- 1.1. TEXT ---- */ #app-mount h1.title__10613, #app-mount h2.title__10613 { color: var(--header-primary); } #app-mount h3.title__10613 { color: var(--text-normal); } #app-mount h4.title__10613, #app-mount h5.title__10613, #app-mount h6.title__10613 { color: var(--header-secondary); } #app-mount .text__1c14c, #app-mount .title__627cf { color: var(--text-muted); } #app-mount .title__10613 { color: var(--header-secondary); } #app-mount .markdown_e76780 { color: var(--text-normal); } #app-mount .markdown_e76780 th { background-color: var(--background-tertiary); border-color: var(--interactive-muted); color: var(--header-primary); } #app-mount .markdown_e76780 td { border-color: var(--interactive-muted); } #app-mount .markdown_e76780 tr { border-color: var(--interactive-muted); color: var(--header-secondary); } #app-mount .markdown_e76780 tr:nth-child(2n) { background-color: var(--background-secondary); } #app-mount .markdown_e76780 .blockquote__6da42 { border-left-color: var(--interactive-muted); } #app-mount .markdown_e76780 code { background-color: var(--background-secondary); } #app-mount .markdown_e76780 .codeInline__96ffa { color: var(--text-normal); } /* ---- 1.2. BUTTONS ---- */ #app-mount .lookInverted_ee4261.colorPrimary__6ed40 .spinnerItem_c07231 { background-color: var(--background-accent); } #app-mount .lookOutlined__46d54.colorPrimary__6ed40 .spinnerItem_c07231, #app-mount .lookLink__93965.colorPrimary__6ed40 .spinnerItem_c07231 { background-color: var(--header-primary); } #app-mount .lookFilled__19298.colorPrimary__6ed40:hover, #app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:hover { background-image: linear-gradient(0deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .15)); } #app-mount .lookFilled__19298.colorPrimary__6ed40:active, #app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:active { background-image: linear-gradient(0deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)); } #app-mount .lookFilled__19298.colorPrimary__6ed40, #app-mount .lookFilled__19298.colorPrimary__6ed40:disabled { background-color: var(--background-accent); color: #FFF; } #app-mount .lookInverted_ee4261.colorPrimary__6ed40:hover, #app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c:hover { background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); } #app-mount .lookInverted_ee4261.colorPrimary__6ed40:active, #app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c:active { background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); } #app-mount .lookInverted_ee4261.colorPrimary__6ed40, #app-mount .lookInverted_ee4261.colorPrimary__6ed40:disabled { background-color: #FFF; color: var(--background-accent); } #app-mount .lookOutlined__46d54.colorPrimary__6ed40:hover, #app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:hover { border-color: rgba(var(--textbrightest_v), .6); } #app-mount .lookOutlined__46d54.colorPrimary__6ed40:active, #app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:active { background-color: rgba(var(--textbrightest_v), .1); border-color: var(--header-primary); } #app-mount .lookOutlined__46d54.colorPrimary__6ed40, #app-mount .lookOutlined__46d54.colorPrimary__6ed40:disabled { border-color: rgba(var(--textbrightest_v), .1); color: var(--header-primary); } #app-mount .lookLink__93965.colorPrimary__6ed40 { color: var(--header-primary); } #app-mount .lookLink__93965.colorPrimary__6ed40:hover .contents_fb6220, #app-mount .lookLink__93965.hoverPrimary__3e6c3.hasHover__3ab8c:hover .contents_fb6220 { --button--underline-color: var(--header-primary); color: var(--header-primary); } #app-mount .borderPrimary__60ecd { border-color: var(--header-primary) !important; } #app-mount .lookInverted_ee4261.colorTransparent__4c280 .spinnerItem_c07231 { background-color: rgba(var(--textbrightest_v),.1); } #app-mount .lookFilled__19298.colorTransparent__4c280 .spinnerItem_c07231, #app-mount .lookOutlined__46d54.colorTransparent__4c280 .spinnerItem_c07231, #app-mount .lookLink__93965.colorTransparent__4c280 .spinnerItem_c07231 { background-color: var(--header-primary); } #app-mount .lookFilled__19298.colorTransparent__4c280:hover, #app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:hover { background-color: rgba(var(--textbrightest_v),.05); } #app-mount .lookFilled__19298.colorTransparent__4c280:active, #app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:active { background-color: rgba(var(--textbrightest_v),.01); } #app-mount .lookFilled__19298.colorTransparent__4c280, #app-mount .lookFilled__19298.colorTransparent__4c280:disabled { background-color: rgba(var(--textbrightest_v),.1); color: var(--header-primary); } #app-mount .lookInverted_ee4261.colorTransparent__4c280:hover, #app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:hover { background-color: rgba(var(--textbrightest_v),.05); } #app-mount .lookInverted_ee4261.colorTransparent__4c280:active, #app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:active { background-color: rgba(var(--textbrightest_v),.1); } #app-mount .lookInverted_ee4261.colorTransparent__4c280, #app-mount .lookInverted_ee4261.colorTransparent__4c280:disabled { background-color: var(--header-primary); color: rgba(var(--textbrightest_v),.1); } #app-mount .lookOutlined__46d54.colorTransparent__4c280:hover, #app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:hover { background-color: rgba(var(--textbrighter_v),.1); border-color: var(--interactive-hover); } #app-mount .lookOutlined__46d54.colorTransparent__4c280:active, #app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:active { background-color: rgba(var(--textbrightest_v),.1); border-color: var(--header-primary); } #app-mount .lookOutlined__46d54.colorTransparent__4c280, #app-mount .lookOutlined__46d54.colorTransparent__4c280:disabled { background-color: transparent; color: var(--text-normal); } #app-mount .lookLink__93965.colorTransparent__4c280 { color: var(--text-normal); } #app-mount .lookLink__93965.colorTransparent__4c280:hover .contents_fb6220, #app-mount .lookLink__93965.hoverTransparent_a4eefd.hasHover__3ab8c:hover .contents_fb6220 { --button--underline-color: var(--text-normal); color: var(--text-normal); } #app-mount .borderTransparent__2cdc8 { border-color: var(--text-normal) !important; } /* ---- 1.3. INPUTS ---- */ .container__871ba { background-color: var(--text-muted) !important; } .container__871ba path[fill] { fill: var(--text-muted) !important; } #app-mount .prefixInput__38dcc { background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.3); } #app-mount .prefixInput__38dcc:hover { border-color: rgba(0,0,0,.6); } #app-mount .prefixInputInput_b11731 { color: var(--header-primary); } #app-mount .prefixInputInput_b11731::-webkit-input-placeholder, #app-mount .prefixInputInput_b11731::-moz-placeholder, #app-mount .prefixInputInput_b11731:-ms-input-placeholder, #app-mount .prefixInputInput_b11731::placeholder { color: var(--text-muted); } #app-mount .prefixInputPrefix__7a021 { color: var(--text-muted); } #app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b { background: rgb(var(--accentcolor_v)); color: #fff; } #app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b .radioIconForeground__99b9b { color: #fff; } #app-mount .item_b7fb7e .radioBar__40e1b[style*="--radio-bar-accent-color"] { background: var(--radio-bar-accent-color); border: unset; color: #fff; } #app-mount .item_b7fb7e[aria-checked=false]:hover .radioBar__40e1b[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__3dba3.select__0eb48 { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); } .searchInput_e1c8d3 { background-color: transparent; } .lookFilled__3dba3.select__0eb48:hover { border-color: var(--deprecated-text-input-border-hover); } #app-mount .container__0c807 { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); } #app-mount .container__0c807:hover { border-color: var(--deprecated-text-input-border-hover); } #app-mount .checkbox_c7f690 { border-color: var(--text-muted); } #app-mount .checkbox_c7f690.checked__24ad6[style*="border-color: rgb(79, 84, 92)"], #app-mount .checkbox_c7f690.checked__24ad6: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_c7f690.checked__24ad6[style*="border-color: rgb(79, 84, 92)"] path, #app-mount .checkbox_c7f690.checked__24ad6:not([style*="border-color:"]):not([style*="background-color:"]) path { fill: #fff; } #app-mount .maxLength_f4921c { color: var(--text-muted); } #app-mount .copyInput_c1c679 { background-color: var(--deprecated-text-input-bg); } #app-mount .copyInputDefault__8ac9f { border-color: var(--deprecated-text-input-border); } #app-mount .hiddenMessage__19ef2, #app-mount .inputDefault__0d65a { color: var(--header-primary); } #app-mount .hiddenMessage__19ef2::placeholder, #app-mount .inputDefault__0d65a::placeholder { color: rgba(var(--textbrightest_v),.3); } #app-mount .grabber_d2868c { background-color: #fff; border-color: var(--background-accent); } #app-mount .bar_e58961 { background: var(--background-accent); } #app-mount .markValue_e7a6e4 { color: var(--text-muted); } #app-mount .markDash_dc3ae9 { background: var(--background-accent); } .select__55f87 [class*="css-"][class*="-control"] { background-color: var(--deprecated-text-input-bg); border-color: var(--deprecated-text-input-border); color: var(--text-normal); } .select__55f87 [class*="css-"][class*="-control"]:hover, .select__55f87 [class*="css-"][class*="-control"]:not(:last-child) { border-color: var(--deprecated-text-input-border-hover); } .select__55f87.languageSelector__4961a [class*="css-"][class*="-control"] { background-color: var(--background-tertiary); border: none; } .select__55f87 [class*="css-"][class*="-singleValue"], .select__55f87 [class*="css-"][class*="-placeholder"], .select__55f87 [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__55f87 > [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__5711d.item__48dda:hover:not(.disabled__85bca), .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:hover:not(.disabled__85bca) { background-color: var(--background-modifier-selected); } #app-mount .customColorPicker__3cb6a { background: var(--background-primary); border-color: var(--background-tertiary); } /* ---- 1.4. SEARCHBARS ---- */ #app-mount .searchBox_a63854 { background-color: var(--background-accent); box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); } #app-mount .searchBox_a63854 .searchBoxInput__73c9c::placeholder { color: var(--text-muted); } #app-mount .searchIcon_e60ea8 { color: var(--text-muted); } #app-mount .filterLabel__3412d { color: var(--header-secondary); } /* ---- 1.5. IMAGES ---- */ #app-mount .image__0cdbe { background-image: url(https://discord.com/assets/5420f8fd9d89897c6448.svg); opacity: .75; } #app-mount .invalidPoop__03aa3 { background-color: rgba(var(--backgroundaccent_v),.6); background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg); opacity: .5; } #app-mount .sadImage_e4e5ab { background-image: url(https://discord.com/assets/746284e4cfc7cd6c5e15.svg); opacity: .5; } #app-mount .cancelImage__688be { background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg); opacity: .75; } #app-mount .emptyWumpus__67af4 { background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg); opacity: .5; } #app-mount .authenticationRequiredImage__92ba7 { background-image: url(https://discord.com/assets/ac36a2fad758d64ffbfb.svg); opacity: .5; } #app-mount .authenticationSuccessImage_b1a74c { 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__14e66 { background-image: url(https://discord.com/assets/1876c6a6db747137a124.svg); opacity: .5; } #app-mount .resultsBlockedImage_e4bcd7 { background-image: url(https://discord.com/assets/83720a1a3ec0963a1f71.svg); opacity: .5; } #app-mount .noResultsImage__08760 { background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg); opacity: .5; } #app-mount .noResultsImage__08760.alt__77d89 { background-image: url(https://discord.com/assets/99d35a435f00582ddf41.svg); opacity: .5; } #app-mount .errorImage__416df { background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg); opacity: .5; } #app-mount .emptyStateImage__3e0a5 { background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg); opacity: .5; } #app-mount .wrapper__246a1 { background-image: url(https://discord.com/assets/14223d22c9628be36fc0.svg); } #app-mount .image_dabcb8 { background-image: url(https://discord.com/assets/72eaa596042042be6259.svg); opacity: .5; } #app-mount .gameIcon__90c32 { background-color: rgba(var(--textbrightest_v), .1); color: var(--header-primary); } #app-mount .noResults_c99c73 { 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_fc0bf0 { background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg); opacity: .5; } #app-mount .imageUpgrade__02fcc { background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg); } #app-mount .imageCancel_e3036f { background-image: url(https://discord.com/assets/d12b5c285831f85c5eee.svg); } #app-mount .imageUnclaimed__3f7ec { background-image: url(https://discord.com/assets/41675689ca055858e137.svg); opacity: .5; } #app-mount .imageUnverified__6dc24 { background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg); opacity: .5; } #app-mount .emptyPreviewImage__86ba2 { background-image: url(https://discord.com/assets/3a354aac283f909d403d.svg); opacity: .5; } .fullArt_a1e55d, .fullArt_cba315 { opacity: .5; } .image__0a0fc { opacity: .5; } .image__0a0fc[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] { background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important; } .image__98a59 { opacity: .5; } .image__98a59[style*='url("/assets/d6dfb89ab06b62044dbb.svg")'] { background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg) !important; } .image__98a59[style*='url("/assets/75081bdaad2d359c1469.svg")'] { background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg) !important; } .image__98a59[style*='url("/assets/0629e34902ae58f8e4ca.svg")'] { background-image: url(https://discord.com/assets/24aa06be5457e66bdd64.svg) !important; } .image__98a59[style*='url("/assets/5741692705ba077f4190.svg")'] { background-image: url(https://discord.com/assets/bca918618b884a382ab5.svg) !important; } .image__98a59[style*='url("/assets/a72746e7108167af95c8.svg")'] { background-image: url(https://discord.com/assets/01864c39871ce619d855.svg) !important; } .image__98a59[style*='url("/assets/ee4637f8627629dd0da5.svg")'] { background-image: url(https://discord.com/assets/532f1d4582d881960783.svg) !important; } .image__98a59[style*='url("/assets/c8be48745cf680093019.svg")'] { background-image: url(https://discord.com/assets/295da3fc92e2adb1b852.svg) !important; } .image__98a59[style*='url("/assets/5e3480eff150b1cb323e.svg")'] { background-image: url(https://discord.com/assets/cf8f9096a9322f2ae0d7.svg) !important; } .emptyStateImage__36649 { opacity: .5; } .emptyStateImage__36649[src='/assets/39e3f389716400ced39a.svg'] { background-image: url(https://discord.com/assets/1bb2be01aece015602f7.svg); object-position: -999999px -999999px; } .image__98a59[style*='url("/assets/c65431f185feb7b00749.svg")'] { background-image: url(https://discord.com/assets/cdc3f4f6fbf3a0f0766f.svg) !important; } .image__98a59[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__21e33 { background-image: url(https://discord.com/assets/a4bee30fe0b5a0f5b3c7.svg); opacity: .5; } #app-mount .imageError__77b3e { opacity: .5; } #app-mount .emptyImage__66bed { background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg); opacity: .5; } #app-mount .missingEntitlementImage_c06466 { background-image: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg); opacity: .5; } #app-mount .image__81490 { background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg); opacity: .5; } #app-mount .image__25781 { background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg); opacity: .5; } #app-mount .image__1990e { background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg); opacity: .5; } #app-mount .image__88b66 { background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg); opacity: .5; } /* ~~~~ 2. GUIDLIST ~~~~ */ #app-mount .folder__17546.hover__043de, #app-mount .childWrapper__01b9c, #app-mount .circleIconButton_d8df29 { background-color: var(--background-primary); } #app-mount .folder__17546, #app-mount .expandedFolderBackground__1bec6 { background-color: var(--background-secondary); } #app-mount .wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c, #app-mount .wrapper_d281dd:hover .childWrapper__01b9c { background-color: var(--brand-experiment); } #app-mount .circleIconButton_d8df29.selected__5250e { background-color: var(--green-360); } /* ~~~~ 3. CHANNELLIST ~~~~ */ /* ---- 3.1. GUILDHEADER ---- */ /* ---- 3.2. CHANNELS ---- */ #app-mount .icon_d1127b { color: var(--header-secondary); } #app-mount .emptyUser__30125 { background-color: var(--background-accent); } #app-mount .moreUsers__03ae5 { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .streamPreview__1846c { background-color: var(--background-tertiary); color: var(--header-secondary); } #app-mount .previewContainer_bb1924 { background-color: var(--background-floating); } #app-mount .watchButton__0d283 { border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .watchButton__0d283:not([disabled]):hover { border-color: var(--header-primary); color: var(--header-primary); } /* ---- 3.3. DMCHANNELS ---- */ .selected_d94cf9, .selected_d94cf9:focus-within, .selected_d94cf9:hover { background-color: var(--background-modifier-hover); color: var(--header-primary); } /* ---- 3.4. ACCOUNT/VOICE/GOLIVE ---- */ #app-mount .userList_a7e652::before { background-color: var(--background-secondary); border-color: transparent var(--background-tertiary) var(--background-tertiary) transparent; } #app-mount .header_d78164 { background-color: var(--background-tertiary); color: var(--header-primary); } #app-mount .content_d4ef39 { background-color: var(--background-secondary); } #app-mount .username_c18dfc { color: var(--text-normal); } #app-mount .discriminator_ec2746 { color: var(--text-muted); } /* ~~~~ 4. CHAT ~~~~ */ .mainTableContainer__5ffe0 { background: var(--background-secondary); } /* ---- 4.1. CHANNELHEADER ---- */ #app-mount .container__11d72.themed_b152d4 { box-shadow: var(--elevation-low); } #app-mount .children__32014::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__7bbff { background-color: var(--background-primary); } .content__1a4fe::before { display: none; } #app-mount .background_e80d5a, #app-mount .container_b181b6, #app-mount .container__10dc7, #app-mount .header__60bef, #app-mount .container__7590f { background-color: var(--background-primary); } #app-mount .background_e80d5a .container__92dc8, #app-mount .background_e80d5a .container_acafc1, #app-mount .background_e80d5a .container_f55cad, #app-mount .background_e80d5a .icon_f71c55, #app-mount .background_e80d5a .containerCard__30250, #app-mount .background_e80d5a .containerCard__30250:hover, #app-mount .background_e80d5a .interactiveCard_d5a839, #app-mount .background_e80d5a .emptyStateContainer__3c229, #app-mount .background_e80d5a .card_d4f6c7, #app-mount .container_b181b6 .mainCard__8a660, #app-mount .container_b181b6 .sidebarCard__44447, #app-mount .container__10dc7 .channelRow__96673 { background-color: var(--background-secondary); } #app-mount .action_c957d9, #app-mount .row__70f4c { background-color: var(--background-secondary); } #app-mount .background_e80d5a .icon_f71c55 { border-color: var(--background-secondary); } @media (max-width: 1300px) { .container_acafc1, .container_f55cad { background: none !important; } } #app-mount .background_e80d5a .containerCard__30250 { border-color: var(--background-secondary); } #app-mount .background_e80d5a .container__16581:hover, #app-mount .container_b181b6 .pill_f055c3, #app-mount .container__10dc7 .channelRow__96673:hover { background: var(--background-tertiary); } #app-mount .textContentFooter__5a630 { background: linear-gradient(0deg, rgba(var(--backgroundsecondary_v), 1), rgba(var(--backgroundsecondary_v), .97) 36px, rgba(var(--backgroundsecondary_v), .4)); } #app-mount .reaction_b90ab0.reactionMe_bf6909 { background-color: var(--brand-experiment-15a); border-color: var(--brand-experiment); } #app-mount .reaction_b90ab0.reactionMe_bf6909 .reactionCount__60448 { color: var(--brand-experiment-200); } #app-mount .scrollSeparator_e4c1a2 { box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3); } #app-mount .title__5e888 { color: var(--header-primary); } #app-mount .description__0818b { color: var(--header-secondary); } #app-mount .emptyChannelIcon__1a1ba { position: relative; background: var(--background-accent); overflow: hidden; } #app-mount .emptyChannelIcon__1a1ba::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__04d9f { 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__58017::before { background-color: rgb(var(--mentioncolor, --warningcolor_v)); } #app-mount .ephemeralMessage__6a8ba, #app-mount .operations__07224 { color: var(--channels-default); } .icon__8c32c[style*="/assets/7ed159b6acb6da5d9593.svg"] { -webkit-mask: url(https://discord.com/assets/7ed159b6acb6da5d9593.svg) center/cover no-repeat; background: var(--header-secondary) !important; } .icon__8c32c[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__3a7a0 { background-color: var(--background-tertiary); color: var(--header-primary); } #app-mount .videoControls__96149 { color: #fff; } #app-mount .spoilerContent__37bfa { background-color: rgba(var(--textbrightest_v),.1); } #app-mount .spoilerContent__37bfa.hidden_f44e41 { background-color: var(--background-tertiary); } #app-mount .spoilerContent__37bfa.hidden_f44e41:hover { background-color: rgba(var(--backgroundtertiary_v),.8); } /* ==== 4.2.2. EMBEDS ==== */ #app-mount .description__883d4 { color: var(--header-primary); } #app-mount .tagline__3427c { 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_b93712 { background-color: rgba(var(--textdarker_v),.3); } #app-mount .metadata__541c7 { color: var(--text-muted); } #app-mount .loadingBackground__33088 { background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary)); } #app-mount .loadingImage__7c73a { background-color: var(--background-secondary); } #app-mount .embedHorizontal__1a12e, #app-mount .embedVertical_c1760d { background-color: var(--background-primary); } #app-mount .svgContentRight_df2494 { fill: var(--interactive-muted); } #app-mount .svgContentLeft__51e80 { fill: var(--interactive-muted); } #app-mount .svgContentLines_e7e23e, #app-mount .svgDots__1d789 { fill: var(--text-muted); } #app-mount .svgTag_b3b6f4 { fill: var(--text-normal); } #app-mount .infoLink__5fe27 { color: var(--header-secondary) !important } #app-mount .copyLink_b007ad::before { background-color: var(--background-accent); } #app-mount .buildDetails__79bce, #app-mount .copyLink_b007ad:hover, #app-mount .infoLink__5fe27:hover { color: var(--header-primary) !important; } #app-mount .barLoader__938d9, #app-mount .buttonLoader_cfc5e1 { background-color: var(--background-accent); } #app-mount .disabledButtonOverride__46769 { background-color: var(--background-tertiary) !important } /* ==== 4.2.3. NITROGIFT ==== */ /* ==== 4.2.4. INVITE ==== */ #app-mount .guildIconImage__93ae7 { background-color: var(--background-primary); } #app-mount .guildIconExpired__1d51f { background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg); opacity: .5; } #app-mount .resolvingBackground__054c3 { 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__8272a { background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg); opacity: .5; } #app-mount .header__8b673 { color: var(--text-muted); } #app-mount .name_b50cd9, #app-mount .partyStatus__6a567 { color: var(--header-primary); } #app-mount .moreUsers__1d9e9 { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .partyMemberEmpty__94736 { background: var(--background-accent); } #app-mount .helpIcon_a58947 { background-color: var(--header-primary); } #app-mount .helpIcon_a58947 [fill] { fill: var(--background-secondary); } #app-mount .textLink__47850, #app-mount .message-group .textLink__47850 { color: var(--header-primary); } /* ---- 4.3. TEXTAREA ---- */ #app-mount .form__13a2c::before { background: linear-gradient(180deg, transparent 0, var(--background-primary)); } #app-mount .error_c9623f { color: #f36c6c; } #app-mount .toolbar_c7b525 { background-color: var(--background-floating); } #app-mount .toolbar_c7b525::before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid var(--background-floating); } #app-mount .divider__441cb { border-left: 1px solid rgba(var(--textbrightest_v),.06); } #app-mount .icon__5a617 { color: var(--interactive-normal); } #app-mount .active__05fbc .icon__5a617, #app-mount .hover_d0ebf2:hover .icon__5a617 { color: var(--interactive-active); } #app-mount .cooldownWrapper_de448f[style*="color: rgb(79, 84, 92)"] { color: var(--text-muted) !important; } /* ---- 4.4. AUTOCOMPLETEMENU ---- */ #app-mount .autocomplete_df266d { background-color: var(--background-secondary); } #app-mount .categoryHeader_f97a5f { background-color: var(--background-secondary); } #app-mount .selected__75860 { background-color: var(--background-primary); } /* ---- 4.5. MEMBERLIST ---- */ #app-mount .memberListItem_f1d144:not(.popoutDisabled__384f3):hover { background-color: var(--background-tertiary); } /* ---- 4.6. CALL ---- */ .wrapper_bd2abe { background-color: var(--background-primary); } .root__3eef0 { color: var(--header-primary); } .gradientContainer__9a5a6 { display: none; } .divider_d3b968 { background: var(--background-modifier-accent); } .playingText_f2f60c { color: var(--header-secondary); } .controlIcon__25700 { color: var(--interactive-normal); } .controlIcon__25700:hover { color: var(--interactive-hover); } .controlIcon__25700.active_ff29dc, .controlIcon__25700:active { color: var(--interactive-active); } .pictureInPictureVideo_f1081d .controlIcon__25700 { color: #b9bbbe; } .pictureInPictureVideo_f1081d .controlIcon__25700:hover { color: #dcddde; } .pictureInPictureVideo_f1081d .controlIcon__25700.active_ff29dc, .pictureInPictureVideo_f1081d .controlIcon__25700:active { color: #fff; } .colorable_c84c4c.primaryDark__6b700 { background-color: var(--background-secondary); } .colorable_c84c4c.primaryDark__6b700, .colorable_c84c4c.primaryDark__6b700 .centerIcon__6075a { color: var(--header-primary); } .colorable_c84c4c.primaryDark__6b700.active_ff29dc, .colorable_c84c4c.primaryDark__6b700: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_b40d88 { color: var(--header-primary); } #app-mount .regionSelectName__7c81f { color: var(--header-secondary); } #app-mount .quickSelectPopoutOption__39224:hover .regionSelectName__7c81f { color: var(--header-primary); } #app-mount .video__79b68 { background-color: var(--background-floating); } #app-mount .video__79b68.minimum_dcea9a { background-color: var(--background-floating); box-shadow: inset 0 -1px 0 var(--background-tertiary); } #app-mount .video__79b68.noChat__4bab9 .videoBackgroundTransition__62393 { box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .video__79b68.noChat__4bab9 .videoTop__62d96, #app-mount .video__79b68.normal__328d4 .videoTop__62d96 { background-image: linear-gradient(0deg, transparent,rgba(0,0,0,.9)); } #app-mount .videoPreview__84f41 { background-color: var(--background-secondary); border: 1px solid var(--background-tertiary); } /* ~~~~ 5. PEOPLES ~~~~ */ #app-mount .container__5c7e7 { background-color: var(--background-primary); } #app-mount .scroller__00e7e { border: none; } #app-mount .moreMutualGuildsBtn_cad227:hover { border-color: rgba(var(--textbrightest_v),.6); color: var(--header-primary); } #app-mount .outer_a41cf3.active__76f42, #app-mount .outer_a41cf3.interactive__01cfa:hover { background-color: var(--background-floating); } #app-mount .inset__0bfb3 { background-color: var(--background-secondary); } #app-mount .partyMemberOverflow_d12297 { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .partyMemberBackground__8fdc5, #app-mount .partyMemberUnknown__573ec, #app-mount .partyMemberBackground__96681, #app-mount .partyMemberUnknown_e4becd { background-color: var(--background-accent); } #app-mount .partyMemberUnknownIcon__7bfe8 { 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__4000d:not(.popoutDisabled__5e7e3):hover { background-color: var(--background-tertiary); } #app-mount .memberListHeader_f1f469 { color: var(--header-secondary); } #app-mount .memberListItem__4000d:hover { background-color: var(--background-tertiary); } #app-mount .multipleIconWrapper__164fb, #app-mount .separator_c2ecc6 { background-color: var(--background-secondary); } #app-mount .body__83069 .separator_c2ecc6 { background-color: var(--background-primary); } #app-mount .voiceSectionNoGuildImageWrapper__2cbb8 { background: var(--background-tertiary); color: var(--header-primary); } #app-mount .voiceSectionIconWrapper_c50254 { background-color: var(--background-floating); } #app-mount .voiceSectionIcon__76b0f, #app-mount .xboxSectionIcon__34457 { color: var(--header-secondary); } #app-mount .applicationStreamingPreviewWrapper__97a95 { background-color: var(--background-secondary-alt); } /* ---- 5.1. SHOP ---- */ #app-mount .shop_b31ed2 { background: var(--background-primary); } /* ---- 5.2. FAMILY CENTER ---- */ .contentPanel__2fdef::-webkit-scrollbar { width: 16px; height: 16px; } .contentPanel__2fdef::-webkit-scrollbar-thumb { background-color: var(--scrollbar-auto-thumb); min-height: 40px; } .contentPanel__2fdef::-webkit-scrollbar-track { background-color: var(--scrollbar-auto-track); } .contentPanel__2fdef::-webkit-scrollbar-thumb, .contentPanel__2fdef::-webkit-scrollbar-track { border: 4px solid transparent; background-clip: padding-box; border-radius: 8px; } .contentPanel__2fdef::-webkit-scrollbar-corner { background-color: transparent; } /* ~~~~ 6. STORE/NITRO ~~~~ */ #app-mount .header_d454ec { color: var(--header-primary); } #app-mount .blurb__41902, #app-mount .storeTerms__1aed4, #app-mount .subtext_d97997 { color: var(--header-secondary); } #app-mount .divider__8cf9c { background-color: rgba(var(--backgroundsecondary_v),.6); } #app-mount .iconWrapper__9caa9 { background: var(--background-accent); } #app-mount .directoryHeroPrice_b46b3c, #app-mount .directoryHeroPricePremium__78e0a { color: var(--header-primary); } #app-mount .directorySearchPrice__21265 { color: var(--header-secondary); } #app-mount .listingPrice__4b50b { color: var(--header-primary); } #app-mount .originalAmount_aa903d { color: var(--header-secondary); } #app-mount .embedPrice__98689 { color: var(--header-primary); } #app-mount .embedPrice__98689 .salePercentage__3a7c3 { background-color: var(--background-secondary); } #app-mount .loadingContainer__30e34 { background-color: rgba(0,0,0,.4); } #app-mount .libraryLink_c20b2b { color: rgba(var(--textbrightest_v),.6); } #app-mount .metadata_b9783d { color: var(--text-muted); } #app-mount .container__9ecba { background-color: var(--background-secondary); } #app-mount .loading__053e3 { background-color: transparent; } #app-mount .sectionAccountCredit__6e823 #app-mount .subscriptionDetails__042b3 { border-color: rgba(var(--textdarker_v),.3); } #app-mount .tier1Banner__86229 { background: var(--background-secondary); color: var(--header-primary); } #app-mount .tier1Banner__86229::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__46769, #app-mount .premiumApplicationsHeader_e2dd83 { border-color: var(--background-accent); color: var(--header-primary); } #app-mount .viewAllGames__9b81c { color: var(--header-primary); } #app-mount .content__45a6a { color: var(--text-muted); } #app-mount .blurb__7d206 { color: var(--text-normal); } #app-mount .description__671fd { color: var(--header-secondary); } #app-mount .row__80d34 { background-color: var(--background-secondary); color: var(--header-secondary); } #app-mount .featureIcon__67ee4 { color: var(--header-secondary); } #app-mount .themedPagination_c56fb8 .arrow_fe649b { color: var(--header-primary); } #app-mount .themedPagination_c56fb8 .dot__6356c { background-color: var(--header-primary); } #app-mount .matureListing_a8415d { background-color: transparent; } #app-mount h3.contentHeader_ffdcab { color: #dcddde; } #app-mount .circle_d78580 { color: var(--header-primary); } #app-mount .iconCircle__4c74f { background-color: var(--background-accent); } #app-mount .smallHeader__9766b { color: var(--header-secondary); } #app-mount .text__07fd0 { color: var(--header-primary); } #app-mount .description__6dac8 { color: var(--header-secondary); } #app-mount .playerOverflow__58b26 { background-color: var(--background-floating); color: var(--header-secondary); } #app-mount .description__6dac8 strong, #app-mount .discriminator__773ff strong, #app-mount .username_c20f20 { color: var(--header-primary); } #app-mount .label__33c8c { color: var(--text-muted); } #app-mount .username__9b57d { color: var(--header-primary); } #app-mount .notes__00774 { color: var(--header-secondary); } #app-mount .root__3d5e9 { background-color: var(--background-secondary); } #app-mount .header_c26642 { color: var(--header-primary); } #app-mount .section__51057 { border-bottom-color: var(--background-primary); } #app-mount .breadcrumb__3c15c:hover { color: var(--header-primary); } #app-mount .separator__0223e { background-color: rgba(var(--backgroundsecondary_v),.6); } #app-mount .tabNotSelectedColor__3b7eb { color: var(--header-secondary); } #app-mount .tabNotSelectedColor__3b7eb:hover, #app-mount .tabSelectedColor__4c920 { color: var(--header-primary); } #app-mount .tabSelected__2b3c9 { border-bottom-color: var(--header-primary); } #app-mount .sectionTitle__90dd6 { color: var(--header-secondary); } #app-mount .requirementKey_dd27af { color: var(--text-muted); } #app-mount .requirements_fd3915 { color: var(--text-normal); } #app-mount .content__8af7f { background-color: var(--background-secondary); } #app-mount .buttonColorInGuild_cc12f5 { color: var(--header-primary); } #app-mount .name_d69e36 { color: var(--header-secondary); } #app-mount .memberInfo_a41c1a { color: var(--text-muted); } #app-mount .dotOffline__55389 { background-color: var(--text-muted); } #app-mount .listing__4b8f4 { color: var(--header-primary); } #app-mount .link__17cf5 { color: var(--header-primary); } #app-mount .applicationName__9b48c { color: var(--text-normal); } #app-mount .price__9237d { background-color: var(--background-accent); color: var(--header-primary); } /* ---- 6.1. BIRTHDAY PAGE ---- */ #app-mount .outerContainer_d40897 { background-color: var(--background-primary); } #app-mount .outerContainer_d40897 .heroWrapper_f89e7d { overflow: hidden; border-radius: 10px; } #app-mount .outerContainer_d40897 .birthdayExplanationWrapper_bcfc0b, #app-mount .outerContainer_d40897 .flipCardOpened__2789c, #app-mount .outerContainer_d40897 .activityCard__8295a, #app-mount .outerContainer_d40897 .celebrateCardContainer_cee705 { background-color: var(--background-secondary); } /* ~~~~ 7. LIBRARY ~~~~ */ #app-mount .headerCellSorted__41374 { color: var(--header-primary); } #app-mount .rate__087a0 { color: var(--text-muted); } #app-mount .background__0a6fb { stroke: var(--background-accent); } #app-mount .usageInfo_a68f86 { color: var(--header-secondary); } #app-mount .installationPath_fa3a82 { box-shadow: 0 1px 0 0 var(--background-accent); } #app-mount .rowTitle_ec0ae0 { color: var(--text-normal); } #app-mount .rowBody__737e5 { color: var(--text-muted); } #app-mount .defaultLocationCheckbox__39884 { color: var(--header-primary); } #app-mount .defaultIndicator__2a4ea { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .applicationName__77e6b { color: var(--header-primary); } #app-mount .applicationSubText_ea8d9c { 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__45ed8 { 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__45ed8: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_fef757 { background-color: var(--background-primary); color: var(--header-primary); } .footerImage_b0b86b { opacity: .5; } #app-mount .search_e47903 .searchBox__88a98 { background-color: #fff; } #app-mount .search_e47903 .searchBox__88a98:focus, #app-mount .search_e47903 .searchBox__88a98: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__88a98 .searchBoxInput_bbea1c { color: #2e3338; } #app-mount .search_e47903 .searchBox__88a98 .searchBoxInput_bbea1c::-webkit-input-placeholder, #app-mount .search_e47903 .searchBox__88a98 .searchBoxInput_bbea1c::-moz-placeholder, #app-mount .search_e47903 .searchBox__88a98 .searchBoxInput_bbea1c:-ms-input-placeholder, #app-mount .search_e47903 .searchBox__88a98 .searchBoxInput_bbea1c::placeholder { color: #72767d; } #app-mount .search_e47903 .searchBox__88a98 .closeIcon__3dfb5 { color: #4f5660; } #app-mount .search_e47903 .searchBox__88a98 .closeIcon__3dfb5:hover { color: #2e3338; } #app-mount .search_e47903 .searchBox__88a98 .closeIcon__3dfb5:focus { color: #060607; } #app-mount .search_e47903 .searchBox__88a98 .searchIcon_f30c40 { color: rgba(79,84,92,.6); } /* ~~~~ 9. USERSETTINGS ~~~~ */ #app-mount .customContainer__93c7c::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__467eb[style*="background-color: rgba(248, 249, 249"], #app-mount .container__467eb[style*="background-color: rgba(32, 34, 37"] { background-color: rgba(var(--backgroundfloating_v), .9) !important; } #app-mount .container__467eb[style*="background-color: rgba(248, 249, 249"] .message__13e98, #app-mount .container__467eb[style*="background-color: rgba(32, 34, 37"] .message__13e98 { color: var(--header-primary) !important; } #app-mount .message__13e98 { color: var(--header-primary); } #app-mount .streamerModeEnabledImage_a0d94f { background-image: url(https://discord.com/assets/c133c9df9ee4552c188a.svg); opacity: .5; } .contentRegion__0bec1 div[role="tabpanel"] { width: 100%; } .toolsContainer_f5d55d { margin-right: 37px; } #app-mount .closeButton__34341 { border-color: var(--channels-default); } #app-mount .closeButton__34341 path[fill] { fill: var(--channels-default); } #app-mount .closeButton__34341:hover { background-color: rgba(var(--backgroundaccent_v),.3); border-color: var(--header-secondary); } #app-mount .closeButton__34341:hover path[fill] { fill: var(--header-secondary); } #app-mount .closeButton__34341:active { border-color: var(--text-normal); } #app-mount .closeButton__34341:active path[fill] { fill: var(--text-normal); } #app-mount .keybind__57645 { color: var(--channels-default); } #app-mount .closeButtonBold__30e2a { border-color: var(--header-secondary); } #app-mount .closeButtonBold__30e2a path[fill] { fill: var(--header-secondary); } #app-mount .closeButtonBold__30e2a:hover { background-color: rgba(var(--backgroundaccent_v),.6); border-color: var(--text-normal); } #app-mount .closeButtonBold__30e2a:hover path[fill] { fill: var(--text-normal); } #app-mount .closeButtonBold__30e2a:active { border-color: var(--header-primary); } #app-mount .closeButtonBold__30e2a:active path[fill] { fill: var(--header-primary); } #app-mount .keybind__57645 { color: var(--header-secondary); } #app-mount .emptyStateHeader_eb7b9f { color: var(--header-primary); } #app-mount .emptyStateSubtext__6dea4 { color: var(--header-secondary); } #app-mount .codeRedemptionRedirect_bc7f36 { background: var(--background-modifier-selected); border-color: var(--background-modifier-selected); color: var(--header-primary); } #app-mount .subText_a25bd0 { color: var(--text-muted); } #app-mount .subTextHeader__5f8ab { color: var(--text-muted); } #app-mount .subTextRow__8c8e0 { color: var(--header-secondary); } #app-mount .giftCodeRow_d0f290 { border-color: rgba(var(--textdarkest_v),.6); } #app-mount .bodyButtonColor_b78e8e { background: var(--background-tertiary); color: var(--header-primary); } #app-mount .bodyButtonColor_b78e8e:hover { background: var(--background-secondary); } #app-mount .bodyButtonColor_b78e8e: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__6d33c { -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg); } .notches__065e9 { background: transparent !important; } #app-mount .progress__2cc1d { background-color: var(--text-muted); } .icon__596c8[src="/assets/6762ed8abdaef6a7f6fc.png"], .icon__596c8[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__596c8[src="/assets/ea67b1321e3d4154e476.png"], .icon__596c8[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__1ee6d { background-color: var(--background-secondary); border-color: var(--background-tertiary); } #app-mount .row__7a44a { box-shadow: inset 0 -1px 0 rgba(var(--textdarker_v),.3); } .disabled_ab18dc { color: var(--interactive-muted); } .option_a0c054 { background-color: var(--interactive-muted); } #app-mount .game__19f4b { box-shadow: var(--elevation-low); } #app-mount .gameName_aeeab5 { color: var(--header-primary); } #app-mount .gameNameInput_e25dd8:focus, #app-mount .gameNameInput_e25dd8:hover { background-color: var(--background-primary); border-color: rgba(var(--textdark_v),.3); } #app-mount .lastPlayed_accc56, #app-mount .overlayStatusText__61367 { color: var(--text-muted); } #app-mount .toggleIconOn_ca5bbe .fill__80e66 { fill: var(--text-muted); } #app-mount .addGamePopout_e4ca8f { background-color: var(--background-primary); } #app-mount .addGamePopout_e4ca8f .cancelButton_b97995 { color: var(--header-primary); } #app-mount .nowPlayingAdd__7caf1 { color: var(--header-secondary); } #app-mount .nowPlaying__353c3 { background-color: var(--status-positive-background); } #app-mount .nowPlaying__353c3 .gameName_aeeab5 { color: var(--status-positive-text); } #app-mount .nowPlaying__353c3 .gameNameInput_e25dd8:focus, #app-mount .nowPlaying__353c3 .gameNameInput_e25dd8:hover { background-color: transparent; border-color: var(--status-positive-text); } #app-mount .nowPlaying__353c3 .gameNameInput_e25dd8 { position: relative; z-index: 3; } #app-mount .nowPlaying__353c3 .gameNameInput_e25dd8 + * { position: relative; } #app-mount .nowPlaying__353c3 .gameNameInput_e25dd8:focus + *::before, #app-mount .nowPlaying__353c3 .gameNameInput_e25dd8: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__353c3 .lastPlayed_accc56, #app-mount .nowPlaying__353c3 .overlayStatusText__61367 { color: var(--status-positive-text); } #app-mount .nowPlaying__353c3 .toggleIconOff_b79a58 .fill__80e66, #app-mount .nowPlaying__353c3 .toggleIconOn_ca5bbe .fill__80e66 { fill: var(--status-positive-text); } #app-mount .notDetected__2a0c9 { background-color: var(--background-secondary); } #app-mount .notDetected__2a0c9 .gameName_aeeab5 { color: var(--interactive-active); } #app-mount .notDetected__2a0c9 .lastPlayed_accc56 { 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__91aaa { background-color: rgba(var(--backgroundtertiary_v),.95); } #app-mount .dragged__76dd2 { -webkit-mask: url(https://discord.com/assets/038a865e09c25dc13e30.svg) center/contain no-repeat; background: var(--background-tertiary); } .theme-light .messageContainer__18275 { display: none; } #app-mount .emojiAliasInput_dd55f7 .emojiInput__4fe54 { background-color: var(--deprecated-text-input-bg); border: 1px solid var(--deprecated-text-input-border); } #app-mount .emojiAliasInput_dd55f7 .emojiInput__4fe54:hover { border-color: var(--deprecated-text-input-border-hover); } #app-mount .emojiAliasInput_dd55f7 .emojiInput__4fe54:focus { border-color: rgb(var(--accentcolor_v)); } #app-mount .emojiAliasPlaceholder__71733 { color: var(--header-primary); } #app-mount .emojiRow__4661c { box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04); } #app-mount .auditLog__6c805 { border-color: var(--background-tertiary); color: var(--text-muted); } #app-mount .auditLog__6c805 strong { color: var(--header-primary); } #app-mount .auditLog__6c805:hover .expandForeground_c53c75 { stroke: var(--header-primary); } #app-mount .headerClickable_c4d7a9, #app-mount .headerDefault__3e003 { background-color: rgba(var(--backgroundtertiary_v),.3); color: var(--header-secondary); } #app-mount .headerExpanded__03c29 { background-color: rgba(var(--backgroundtertiary_v),.6); color: var(--header-secondary); } #app-mount .divider__1505d { background-color: var(--background-tertiary); } #app-mount .userHook_b1bf70 { color: var(--header-primary); } #app-mount .expandForeground_c53c75 { stroke: rgba(var(--textbrightest_v),.6); } #app-mount .timestamp__2f935 { color: var(--text-muted); } #app-mount .changeDetails_ecd760 { background-color: rgba(var(--backgroundtertiary_v),.3); } .themeOverrideLight__48338.icon__99140, .themeOverrideDark_e29cce.icon__99140, #app-mount .icon__99140 { background: none !important; } .icon__99140::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--header-primary); } .icon__99140.applicationCommand__0aaef::before { -webkit-mask: url(https://discord.com/assets/295610bf2d3ec357b4bb.svg); } .icon__99140.autoModerationBlockMessage__473dc::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__99140.autoModerationRule__66a81::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__99140.targetAll__6358b::before { -webkit-mask: url(https://discord.com/assets/cda90da758440b5e2cbc.svg); } .icon__99140.targetBan__28b70::before { -webkit-mask: url(https://discord.com/assets/559f43e29d80d719b397.svg); } .icon__99140.targetChannel__62934::before { -webkit-mask: url(https://discord.com/assets/fd8bb90a4678f63f6a50.svg); } .icon__99140.targetEmoji__499cd::before { -webkit-mask: url(https://discord.com/assets/b734b6798a8b89611ee7.svg); } .icon__99140.targetGuild__170a1::before { -webkit-mask: url(https://discord.com/assets/30039d24e09f9ae53597.svg); } .icon__99140.targetGuildHome__8d852::before { -webkit-mask: url(https://discord.com/assets/bde25f93c922e02f8459.svg); } .icon__99140.targetGuildScheduledEvent_eefa31::before { -webkit-mask: url(https://discord.com/assets/119b4083c9d4fce05f2d.svg); } .icon__99140.targetIntegration_f4a496::before { -webkit-mask: url(https://discord.com/assets/a82903ac1478ed97b6d4.svg); } .icon__99140.targetInvite__46153::before { -webkit-mask: url(https://discord.com/assets/5cc5c2e0ad18a7c383d8.svg); } .icon__99140.targetMember__27dad::before { -webkit-mask: url(https://discord.com/assets/c53abf7172caf6e94497.svg); } .icon__99140.targetMemberRole__7fd6d::before { -webkit-mask: url(https://discord.com/assets/63a73b3d5daccfd7a8fc.svg); } .icon__99140.targetMessage__0ca53::before { -webkit-mask: url(https://discord.com/assets/f88edd51273b2e14999a.svg); } .icon__99140.targetPermission_a619b3::before { -webkit-mask: url(https://discord.com/assets/93b984f7ed0c42796562.svg); } .icon__99140.targetRole_f0db36::before { -webkit-mask: url(https://discord.com/assets/842d46ac28c4cc831849.svg); } .icon__99140.targetStageInstance_f9d669::before { -webkit-mask: url(https://discord.com/assets/f39f5d92d79071dcd992.svg); } .icon__99140.targetSticker__18d72::before { -webkit-mask: url(https://discord.com/assets/0020113abbe97807c0be.svg); } .icon__99140.targetVanityUrl_d8b24a::before { -webkit-mask: url(https://discord.com/assets/9ecac67adfc57255096c.svg); } .icon__99140.targetWebhook__5177a::before { -webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg); } .icon__99140.targetWidget_aaaf18::before { -webkit-mask: url(https://discord.com/assets/fb3b404502ba18187ace.svg); } .icon__99140.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_bfd001[src="/assets/467602d632b5f9c1ce4b.svg"], .splashImage_bfd001[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__3dd67 { color: var(--background-tertiary); } #app-mount .tierInProgress_f08e8b { background-color: var(--background-tertiary); } #app-mount .tierHeaderLocked__4d099 { background-color: var(--background-tertiary); color: var(--header-secondary); } #app-mount .tierHeaderUnlocked_cc60fa { background-color: var(--background-tertiary); } #app-mount .tierCloseClose_b6b875 { color: var(--header-primary); } #app-mount .tierBody__615a1 { 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_d0a2ea { background-color: var(--background-secondary); box-shadow: 0 0 0 4px var(--background-secondary); } #app-mount .fromToWrapper__2c6f3 { background: transparent; } #app-mount .fromToWrapper__2c6f3::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__0d747 { box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04); } #app-mount .bannedUser__38b44 { box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04); } #app-mount .bannedUser__38b44 .username__7a2a6 { color: var(--header-primary); } #app-mount .bannedUserModal_f9f9e4 .reasonHeader__5e7c3 { color: var(--text-normal); } /* ~~~~ 11. MODALS ~~~~ */ #app-mount .root_a28985:not(.noBackground_ebd8f7), #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__073a7:not(.noShadow__49254) { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.3), 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .zoomedCarouselModalRoot__1e2da { background: transparent !important; } #app-mount .footer__89240, #app-mount .footer__09373 { background-color: var(--background-secondary); color: var(--header-secondary); } #app-mount .footerSeparator__57d95 { box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6); } #app-mount .modal_6GHvdM .tabBarContainer__63f55 { background: rgba(0,0,0,.2); box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); } #app-mount .content_ab56e9 + .videoContainer_a9d080 { box-sizing: border-box; height: 100%; } #app-mount .testimonialContainer__3e4a3 path[fill="#2B2D31"] { fill: var(--background-secondary); } #app-mount .testimonialContainer__3e4a3 .quotes__35cf8 { color: var(--header-secondary); } #app-mount .separator_ff09cd { box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3); } #app-mount .divider__1464c { border-color: var(--background-secondary); } #app-mount .message__3ad07 { color: var(--header-secondary); } #app-mount .secondaryButton_e0812e { color: var(--header-primary); } #app-mount .divider__17151 { border-color: var(--background-secondary); } #app-mount .backButtonColor_ceeab9 { color: var(--header-primary); } #app-mount .checkboxLabel__56eeb { color: var(--header-secondary); } #app-mount .backdrop__3ff7b, #app-mount .backdrop__7e89b { background-color: rgb(0, 0, 0) !important; } /* ---- 11.1. USERMODAL ---- */ .emptyIcon__655a1 { opacity: .5; } /* ---- 11.2. GUILDADD/CREATION ---- */ .container__73245 { background-color: var(--background-secondary); border: none; } .container__73245: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__0c269 { background: transparent; } .inputInner__2e566 { border: 1px solid var(--deprecated-text-input-border); } /* ---- 11.3. UPLOADMODAL ---- */ #app-mount .uploadModal_eae2a0 { 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_ceda43 { background-color: var(--background-secondary); box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6); } /* ---- 11.4. KEYBOARDSHORTCUTSMODAL ---- */ #app-mount .keyboardShortcutsModal__74c71 { background-color: var(--background-primary); } #app-mount .modalTitle_cf2de1 { color: var(--header-primary); } #app-mount .modalSubtitle__40325 { border: none; box-shadow: var(--elevation-low); color: var(--text-normal); } #app-mount .keyboardShortcutList__1f357 .keybindGroup_bd18f5 .keybindDescription__74fa6 { color: var(--header-secondary); } #app-mount .combo__57290 { color: var(--header-primary); } #app-mount .combo__57290 .key__06fe6 { 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__06fe6: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_afda24 { background: transparent; } #app-mount .emptyState_afda24::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__85d37 { background-color: var(--background-primary); } #app-mount .friendSelected_f0db37, #app-mount .inviteRow_a25947:hover { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .friend__05c43, #app-mount .inviteRowName_bc8b23 { color: var(--header-secondary); } #app-mount .footer__274e8, #app-mount .footer__13977 { background-color: var(--background-secondary); box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6); } .footerSeparator__010c9 { display: none; } #app-mount .subtitle__593cd, #app-mount .footerText_ae34c9, #app-mount .checkBoxLabel__29660, #app-mount .footerText__614f3, #app-mount .subText__9988c { color: var(--header-secondary); } #app-mount .errorState_b806b1 { color: var(--text-muted); } #app-mount .notFriends__778a1 .errorStateIcon__7edd8 { background-image: url(https://discord.com/assets/07aa1f325ebe8b8af5cb.svg); opacity: .5; } #app-mount .noFriends_a7f7ca .errorStateIcon__7edd8 { background-image: url(https://discord.com/assets/adfe130868d2bcf467b5.svg); opacity: .5; } #app-mount .partyFull_c6b62b .errorStateIcon__7edd8 { background-image: url(https://discord.com/assets/53d74eda11a4185c1acd.svg); opacity: .5; } #app-mount .noResults_c69767 .errorStateIcon__7edd8 { 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_b19200 strong { color: rgba(var(--textbright_v),.9); } /* ---- 11.8. DOWNLOADAPPMODAL ---- */ .downloadApps__30ed7 { 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__30ed7 .inner_bd2021 { height: 100%; width: 100%; overflow: hidden; } .downloadApps__30ed7 .header__01af9 { color: var(--text-normal); } .downloadApps__30ed7 .footer__49ae9 { color: var(--text-muted); } .downloadApps__30ed7 .header__01af9 { color: var(--text-normal); } .downloadApps__30ed7 .platforms__86929 .platform__97f9e { border-color: var(--header-secondary); } .downloadApps__30ed7 .platforms__86929 .platform__97f9e p { color: var(--header-secondary); } .downloadApps__30ed7 .platforms__86929 .platform__97f9e .downloadButton__87489 { background-color: var(--header-secondary); } /* ---- 11.9. GUILDBOOSTMODAL ---- */ #app-mount .subscriberCount__53026 { color: var(--header-secondary); } #app-mount .subscriberCount__53026 strong { color: var(--text-normal); } #app-mount .moreSubscribers_a13ebc { background-color: var(--background-tertiary); color: var(--header-primary) } #app-mount .subscribersPopout__1da1e { background: var(--background-floating); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .subscribersPopoutUser_a790de { color: var(--header-secondary); } /* ---- 11.10. REACTIONSMODAL ---- */ #app-mount .container_dc03c3, #app-mount .reactors__20ab0 { 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__5fda0 { background-color: var(--background-secondary); } #app-mount .reactionSelected__249a7 { background-color: rgba(var(--backgroundaccent_v),.8); } #app-mount .reactionDefault__792ef:hover { background-color: rgba(var(--backgroundaccent_v),.4); } #app-mount .reactorDefault__5b249 { box-shadow: inset 0 -1px 0 rgba(var(--backgroundaccent_v),.3); } #app-mount .discriminator__18879 { 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__96073 ol, #app-mount .content__96073 p, #app-mount .content__96073 ul li { color: var(--header-secondary); } #app-mount .content_dc3a33 ul li::before, #app-mount .content__96073 ul li::before { background-color: var(--text-normal); } #app-mount .video__562f3 { box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); } #app-mount .socialLink_f11d71 { color: var(--interactive-normal); } #app-mount .socialLink_f11d71:hover { color: var(--interactive-hover); } #app-mount .socialLink_f11d71:active { color: var(--interactive-active); } /* ---- 11.12. NOTIFICATIONSMODAL ---- */ #app-mount .channelName_a1ccf5 { color: var(--header-primary); } #app-mount .guildName_b9dc9e, #app-mount .override_f2098b, #app-mount .overrideHighlight__6a2f1 { color: var(--header-secondary); } #app-mount .override_f2098b:hover { background-color: rgba(var(--backgroundtertiary_v),.1); } #app-mount .overrideHighlight__6a2f1, #app-mount .overrideHighlight__6a2f1:hover { background-color: rgba(var(--backgroundtertiary_v),.3); } #app-mount .checkboxContainer__5a761::before { background-color: rgba(var(--backgroundtertiary_v),.6); } #app-mount .overridePlaceholder__46353 { border: 1px dashed var(--background-floating); } /* ---- 11.13. PAYMENTMODAL ---- */ #app-mount .sectionHeader_a9d2bb { color: var(--header-secondary); } #app-mount .paypalInput__447d1, #app-mount .paypalInput__447d1:focus, #app-mount .paypalInput__447d1:hover { border-color: var(--deprecated-text-input-border); } #app-mount .description__75831 { color: var(--text-normal); } #app-mount .descriptionWrapper__0d577 { color: var(--text-muted); } #app-mount .defaultIndicator__855a2 { background-color: var(--text-muted); color: var(--header-primary); } #app-mount .premiumIndicator__41e19 { color: var(--header-primary); } #app-mount .invalidIndicator__6f6aa { color: var(--header-primary); } #app-mount .summaryInfo_b57acb { color: var(--header-primary); } #app-mount .payment__7d702 { background-color: var(--background-secondary); color: var(--header-secondary); } #app-mount .hoverablePayment__3ea24:hover { background-color: var(--background-vbackgroundtertiary); } #app-mount .paymentHeader__50c05 { color: var(--header-primary); border-color: var(--text-muted); } #app-mount .expandedInfo__47bad { background-color: var(--background-primary); } #app-mount .paymentText_deeaf4 { color: var(--header-secondary); } #app-mount .giftIcon__9d0ce { color: var(--header-primary); } #app-mount .paymentPane__9cf01 { background-color: var(--background-secondary); color: var(--header-primary); } #app-mount .paginator_e620d3 { background: var(--background-secondary); color: var(--text-muted); } #app-mount .bottomDivider_a59d97 { border-bottom-color: var(--background-tertiary); } #app-mount .tab_b317f5 { color: var(--text-muted); } #app-mount .externalRowHeader_d353ca { color: var(--header-secondary); } /* ---- 11.14. CLOUDSYNCRESOLUTION ---- */ #app-mount .modal__659a5 { color: var(--text-normal); } #app-mount .conflictButton__6440d { background-color: var(--background-secondary); border-color: var(--background-tertiary); } #app-mount .conflictButton__6440d:hover { background-color: var(--background-accent); } #app-mount .title__57dff { color: var(--text-normal); } #app-mount .buttonBody__02854 { color: var(--header-primary); } #app-mount .choiceLine__09736 { background-color: rgba(var(--textdarkest_v),.6); } /* ---- 11.15. APPLICATIONINSTALLATIONMODAL ---- */ #app-mount .gameName__29f6a { color: var(--text-normal); } #app-mount .installSize__2829a { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .divider_f17d46 { background-color: rgba(var(--backgroundsecondary_v),.6); } #app-mount .premiumTerms__2aebc { color: var(--text-normal); } /* ---- 11.16. DISPATCHERROR ---- */ #app-mount .body__23640 { color: var(--text-normal); } #app-mount .errorLabel__8d7c1 { color: var(--header-secondary); } #app-mount .errorDetails__73313 { background: var(--background-secondary); border-color: rgba(var(--backgroundsecondary_v),.3); color: var(--header-primary); } #app-mount .closeLink_fc928e { color: var(--header-primary); } /* ---- 11.17. HYPESQUADQUIZ ---- */ #app-mount .prompt__7ad7f { color: var(--header-primary); } #app-mount .selectYourAnswer__5e180 { color: var(--channels-default); } #app-mount .separator__1f4c3 { background-color: var(--background-accent); } /* ---- 11.18. SERVERAPPMODAL ---- */ #app-mount .directoryContainer_d3edd9 { background: var(--background-primary); } /* ~~~~ 12. POPOUTS ~~~~ */ #app-mount .content_b06993 { background-color: var(--background-floating) !important; } #app-mount .leftArrow__8ca85::before { border-right-color: var(--background-floating) !important; } #app-mount .rightArrow__695c8::before { border-left-color: var(--background-floating) !important; } #app-mount .contentNarrowNoMedia__5bd98.topArrow__7027a::before, #app-mount .contentWideNoMedia__36de5.topArrow__7027a::before { border-bottom-color: var(--header-primary) !important; } #app-mount .background__4f430 { color: var(--header-primary) !important; } #app-mount .popoutLoadingForeground_f61095 { background-image: linear-gradient(90deg, var(--background-tertiary),var(--background-accent),var(--background-tertiary)); } /* ---- 12.1. USERPOPOUT ---- */ #app-mount .userPopoutOuter_d739b2 { box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2); } .profileColors__2e2f0 .mask__1979f circle { fill: transparent; } #app-mount .userProfileOuterThemed__6eb84 ::-webkit-scrollbar-thumb { background-color: var(--profile-gradient-secondary-color) !important; } #app-mount .wumpusTooltip_b5c0ea { background-color: var(--background-tertiary); color: var(--header-primary); } #app-mount .wumpusTooltip_b5c0ea::after { border-color: transparent var(--background-tertiary) transparent transparent; } .role__631a3[style*="border-color: rgba(185, 187, 190, .6)"] { border-color: rgba(var(--textbrighter_v), .6) !important; } .role__631a3 .roleCircle_bae511[style*="background-color: rgb(185, 187, 190)"] { background-color: rgb(var(--textbrighter_v)) !important; } .role__631a3 .roleCircle_bae511[style*="background-color: rgb(185, 187, 190)"] path[fill] { fill: rgb(var(--textdarkest_v)) !important; } /* ---- 12.2. EMOJIPICKER ---- */ #app-mount .wrapper_d951b6 { color: var(--text-muted); } .categoryItemDefaultCategory__67fe7:first-child, .categoryItemDefaultCategory__67fe7:first-child + .categoryItemDefaultCategory__67fe7 { margin-bottom: 8px; } #app-mount .imageLoading__37d01 { background: var(--background-tertiary); border-radius: 10px; } .premiumPromoClose__11b8f { -webkit-mask: url(https://discord.com/assets/411dfecce0d7da63ea2b.svg) 50% 50% no-repeat; background: var(--interactive-normal); } .premiumPromoClose__11b8f:hover { background: var(--interactive-hover); } .premiumPromoClose__11b8f:active { background: var(--interactive-active); } #app-mount .categoryItemDefaultCategorySelected__8245a .categoryIcon__7d3fc, #app-mount .categoryItemDefaultCategorySelected__8245a:hover .categoryIcon__7d3fc { color: var(--interactive-active); } #app-mount .focused__036ed, #app-mount .result_e1fc74:hover { box-shadow: 0 11px 22px 1px rgba(4,4,5,.3); } #app-mount .focused__036ed::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__1d2a8 { background: rgba(var(--textdarkest_v),.6); } #app-mount .endContainer__0c909::after { background-image: url(https://discord.com/assets/6836d88af9197cbd4cbb.svg); opacity: .5; } #app-mount .endText__2c9a4 { color: var(--header-secondary); } #app-mount .emptyHintCard_f3e81a { background-color: var(--background-primary); color: var(--header-secondary); } #app-mount .container_e84cda { background-color: var(--background-secondary); } #app-mount .header__02652 { box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3); } #app-mount .backButton__6a1f0 { color: var(--interactive-normal); } #app-mount .backButton__6a1f0:hover { color: var(--interactive-hover); } #app-mount .backButton__6a1f0:active { color: var(--interactive-active); } /* ---- 12.3. SEARCHPOPOUT ---- */ #app-mount .searchAnswer_b452e7, #app-mount .searchFilter__118cb { background-color: var(--background-primary); color: var(--header-primary); } .option_b5597b:hover { background-color: var(--background-primary); } #app-mount .queryContainer_c359fe { border-bottom-color: var(--background-modifier-accent); color: var(--header-secondary); } #app-mount .queryContainer_c359fe strong { color: var(--header-primary); } #app-mount .focused_f9cf2c { background-color: var(--background-modifier-active); } #app-mount .calendarPicker__5c474 .react-datepicker { background: transparent; } #app-mount .calendarPicker__5c474 .react-datepicker__header { background-color: var(--background-floating); border-color: rgba(var(--backgroundfloating_v),.2); } #app-mount .calendarPicker__5c474 .react-datepicker__navigation { background: transparent; border-color: rgba(var(--textbrightest_v), .5); top: 30px; } #app-mount .calendarPicker__5c474 .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__5c474 .react-datepicker__navigation--previous { left: 30px; } #app-mount .calendarPicker__5c474 .react-datepicker__navigation--next { right: 30px; } #app-mount .calendarPicker__5c474 .react-datepicker__current-month { border-bottom-color: rgba(var(--backgroundfloating_v),.3); color: var(--header-primary); } #app-mount .calendarPicker__5c474 .react-datepicker__navigation.react-datepicker__navigation--next, #app-mount .calendarPicker__5c474 .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__5c474 .react-datepicker__navigation.react-datepicker__navigation--next:hover, #app-mount .calendarPicker__5c474 .react-datepicker__navigation.react-datepicker__navigation--previous:hover { background: var(--interactive-hover); } #app-mount .calendarPicker__5c474 .react-datepicker__navigation.react-datepicker__navigation--next:active, #app-mount .calendarPicker__5c474 .react-datepicker__navigation.react-datepicker__navigation--previous:active { background: var(--interactive-active); } #app-mount .calendarPicker__5c474 .react-datepicker__week:last-of-type .react-datepicker__day { border-bottom-color: var(--background-floating); } #app-mount .calendarPicker__5c474 .react-datepicker__week .react-datepicker__day:last-of-type { border-right-color: var(--background-floating); } #app-mount .calendarPicker__5c474 .react-datepicker__day-name { color: rgba(var(--textbrightest_v),.6); } #app-mount .calendarPicker__5c474 .react-datepicker__day { border-top-color: var(--background-floating); border-left-color: var(--background-floating); color: var(--header-primary); } #app-mount .calendarPicker__5c474 .react-datepicker__day.react-datepicker__day--selected:hover, #app-mount .calendarPicker__5c474 .react-datepicker__day:hover { color: var(--header-primary); } #app-mount .calendarPicker__5c474 .react-datepicker__day { background-color: var(--background-secondary); } #app-mount .calendarPicker__5c474 .react-datepicker__day.react-datepicker__day--disabled, #app-mount .calendarPicker__5c474 .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__5c474 .react-datepicker__day--outside-month { background-color: var(--background-tertiary); color: rgba(var(--textbrightest_v),.3); } /* ---- 12.4. EVERYONEMENTION ---- */ .contentWarningPopout__7d8c2 .animation__14012 { opacity: 0.6; } #app-mount .footer__36118 { background-color: rgba(var(--backgroundtertiary_v),.4); color: var(--text-muted); } /* ---- 12.5. CHANNELFOLLOW ---- */ #app-mount .header__4ef99 { background: var(--background-tertiary); } #app-mount .header__4ef99::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_ea4d8c { 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__2cc2d { color: var(--header-primary); } #app-mount .dotOffline__1bff9 { background-color: var(--header-secondary); } #app-mount .placeholderSkeleton__7f9ab { background: var(--text-muted); } /* ---- 12.7. STREAMPREVIEW ---- */ #app-mount .streamPreview__1846c { background-color: var(--background-tertiary); } #app-mount .previewContainer_bb1924 { background-color: var(--background-secondary-alt); } #app-mount .applicationName__47890 { color: var(--header-primary); } #app-mount .watchButton__0d283 { border-color: var(--text-muted); color: var(--header-primary); } #app-mount .watchButton__0d283:not([disabled]):hover { border-color: var(--header-primary); } #app-mount .previewHover__1e0e0 { background: rgba(0,0,0,.6); } /* ---- 12.8. ROLEOVERFLOW ---- */ #app-mount .overflowRolesPopoutHeaderText_dabff2 { color: var(--text-muted); } #app-mount .actionButton__81eaa { border-color: var(--header-secondary); color: var(--header-secondary); } #app-mount .overflowRolesPopout__88ab9 { color: rgba(var(--textbrightest_v),.8); } #app-mount .overflowRolesPopout__88ab9, #app-mount .overflowRolesPopoutArrow_f3db31 { 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__166c5 { color: var(--header-primary); } #app-mount .selectableItem__166c5:hover { background-color: var(--background-accent); } #app-mount .popoutList_db80c1 { background: var(--background-primary); } #app-mount .popoutListEmpty_b9719c { color: var(--header-primary); } #app-mount .quickSelectArrow__9853b { -webkit-mask: url(https://discord.com/assets/c4643b70509c385fcc83.svg) 50% no-repeat; background: var(--interactive-normal); } #app-mount .quickSelectPopout_c0cf80 { background: var(--background-secondary); color: var(--header-primary); } #app-mount .quickSelectPopoutOption__39224:hover { background-color: var(--background-accent); } /* ---- 12.11. RTCSTATUSPOPOUT ---- */ #app-mount .container__0810b { width: 290px; } #app-mount .container__0810b canvas { background-color: #36393f; padding: 5px; border-radius: 5px; } #app-mount .container__0810b section { background-color: var(--background-primary); } #app-mount .container__0810b section p { color: var(--header-primary); } #app-mount .container__0810b section strong { color: var(--header-primary); } #app-mount .debugButton__0c12a { color: var(--header-secondary); } #app-mount .krispLogo__461a0 { -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_d5a597 { background-color: var(--background-accent); color: var(--header-primary); } #app-mount .phoneFieldPopout__3e064 .countryName_eb9b14 { color: var(--header-secondary); } #app-mount .phoneFieldPopout__3e064 .countryCode__14e5a { color: var(--header-primary); } #app-mount .activityInviteEducationArrow_a24987 { -webkit-mask: url(https://discord.com/assets/6f222b93b4b971e68613.svg) center/contain no-repeat; background: var(--header-primary); } #app-mount .emailVerificationModal_e48dfa .title__78b45 { color: var(--header-primary); } #app-mount .emailVerificationModal_e48dfa .body_b7d0a4 { color: var(--text-muted); } #app-mount .verification__82f71 .image__54a8d { background-image: url(https://discord.com/assets/8f8162ee689b2d85996c.svg); opacity: .5; } #app-mount .verification__82f71 .title__31b19 { color: var(--header-primary); } #app-mount .verification__82f71 .body_cb675e, #app-mount .verification__82f71 .footer__38343 { color: var(--header-secondary); } #app-mount .verificationBlock_c45d0e { border: 1px solid var(--background-tertiary); } #app-mount .verificationBlock_c45d0e:hover { background-color: var(--background-tertiary); } #app-mount .verificationBlock_c45d0e .image__54a8d.email__44f2f { background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg); opacity: .5; } #app-mount .verificationBlock_c45d0e .image__54a8d.phone__0b460 { background-image: url(https://discord.com/assets/e9802d8cbd4efea22c7f.svg); opacity: .5; } #app-mount .verificationBlock_c45d0e .body_cb675e { color: var(--header-secondary); } /* ---- 12.13. WARNINGPOPOUT ---- */ #app-mount .contentWarningPopout__7d8c2 { background-color: var(--background-primary); box-shadow: 0 2px 10px 0 rgba(var(--backgroundtertiary_v),.2); } #app-mount .body_fa303f { color: var(--header-secondary); } #app-mount .header_bee9c9 { color: var(--header-primary); } /* ---- 12.14. ADDROLE ---- */ #app-mount .container_e84cda { width: 300px; } #app-mount .autocompleteArrow__353a5, #app-mount .header__02652 { background-color: var(--background-tertiary); } #app-mount .container_e84cda .input_e396c0 { color: var(--header-primary); } #app-mount .container_e84cda .sectionTag_b0df68 { 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_ed1dea .typingindicator-guild, html .typingindicator-folder { background: var(--background-secondary); border-color: var(--background-secondary); } /* ~~~~ 16. WATERMARK ~~~~ */ html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178 { 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__5fa63.titleBar__01af6 > div.wordmark__0d178[style*="display: none"] { display: none !important; } html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178 > * { display: none !important; } html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::before, html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::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_fae9dd > div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::before { background: rgb(125,125,125) !important; opacity: 0.5 !important; } html:only-child > head + body > div#app-mount.appMount_fae9dd > div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::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__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > 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__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > 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__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > 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; }