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