3986 lines
123 KiB
CSS
3986 lines
123 KiB
CSS
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css);
|
|
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css);
|
|
|
|
:root {
|
|
--font: "gg sans", "Noto Sans";
|
|
|
|
--mentioncolor: 250, 166, 26;
|
|
--successcolor: 59, 165, 92;
|
|
--warningcolor: 250, 166, 26;
|
|
--dangercolor: 237, 66, 69;
|
|
|
|
--textbrightest: 255, 255, 255;
|
|
--textbrighter: 220, 221, 222;
|
|
--textbright: 185, 187, 190;
|
|
--textdark: 142, 146, 151;
|
|
--textdarker: 114, 118, 125;
|
|
--textdarkest: 79, 84, 92;
|
|
|
|
--backgroundaccent: 64, 68, 75;
|
|
--backgroundprimary: 54, 57, 63;
|
|
--backgroundsecondary: 47, 49, 54;
|
|
--backgroundsecondaryalt: 41, 43, 47;
|
|
--backgroundtertiary: 32, 34, 37;
|
|
--backgroundfloating: 24, 25, 28;
|
|
|
|
|
|
--font_v: var(--font_s, var(--font));
|
|
|
|
--mentioncolor_v: var(--mentioncolor_s, var(--mentioncolor));
|
|
--successcolor_v: var(--successcolor_s, var(--successcolor));
|
|
--warningcolor_v: var(--warningcolor_s, var(--warningcolor));
|
|
--dangercolor_v: var(--dangercolor_s, var(--dangercolor));
|
|
|
|
--textbrightest_v: var(--textbrightest_s, var(--textbrightest));
|
|
--textbrighter_v: var(--textbrighter_s, var(--textbrighter));
|
|
--textbright_v: var(--textbright_s, var(--textbright));
|
|
--textdark_v: var(--textdark_s, var(--textdark));
|
|
--textdarker_v: var(--textdarker_s, var(--textdarker));
|
|
--textdarkest_v: var(--textdarkest_s, var(--textdarkest));
|
|
|
|
--backgroundaccent_v: var(--backgroundaccent_s, var(--backgroundaccent));
|
|
--backgroundprimary_v: var(--backgroundprimary_s, var(--backgroundprimary));
|
|
--backgroundsecondary_v: var(--backgroundsecondary_s, var(--backgroundsecondary));
|
|
--backgroundsecondaryalt_v: var(--backgroundsecondaryalt_s, var(--backgroundsecondaryalt));
|
|
--backgroundtertiary_v: var(--backgroundtertiary_s, var(--backgroundtertiary));
|
|
--backgroundfloating_v: var(--backgroundfloating_s, var(--backgroundfloating));
|
|
}
|
|
|
|
.theme-light:not(.userProfileOuterThemed__1fbd7),
|
|
.theme-dark:not(.userProfileOuterThemed__1fbd7),
|
|
.theme-amoled:not(.userProfileOuterThemed__1fbd7) {
|
|
--text-positive: rgb(var(--successcolor_v));
|
|
--text-warning: rgb(var(--warningcolor_v));
|
|
--text-danger: rgb(var(--dangercolor_v));
|
|
|
|
--info-positive-background: rgba(var(--successcolor_v),.1);
|
|
--info-positive-foreground: rgb(var(--successcolor_v));
|
|
--info-positive-text: #fff;
|
|
--info-warning-background: rgba(var(--warningcolor_v),.1);
|
|
--info-warning-foreground: rgb(var(--warningcolor_v));
|
|
--info-warning-text: #fff;
|
|
--info-danger-background: rgba(var(--dangercolor_v),.1);
|
|
--info-danger-foreground: rgb(var(--dangercolor_v));
|
|
--info-danger-text: #fff;
|
|
|
|
--status-positive: rgb(var(--successcolor_v));
|
|
--status-positive-background: rgb(var(--successcolor_v));
|
|
--status-positive-text: #fff;
|
|
--status-warning: rgb(var(--warningcolor_v));
|
|
--status-warning-background: rgb(var(--warningcolor_v));
|
|
--status-warning-text: #fff;
|
|
--status-danger: rgb(var(--dangercolor_v));
|
|
--status-danger-background: rgb(var(--dangercolor_v));
|
|
--status-danger-text: #fff;
|
|
|
|
--button-positive-background: rgba(var(--successcolor_v),.8);
|
|
--button-positive-background-hover: rgba(var(--successcolor_v),.9);
|
|
--button-positive-background-active: rgb(var(--successcolor_v));
|
|
--button-positive-background-disabled: rgba(var(--successcolor_v),.2);
|
|
--button-warning-background: rgba(var(--warningcolor_v),.8);
|
|
--button-warning-background-hover: rgba(var(--warningcolor_v),.9);
|
|
--button-warning-background-active: rgb(var(--warningcolor_v));
|
|
--button-warning-background-disabled: rgba(var(--warningcolor_v),.2);
|
|
--button-danger-background: rgba(var(--dangercolor_v),.8);
|
|
--button-danger-background-hover: rgba(var(--dangercolor_v),.9);
|
|
--button-danger-background-active: rgb(var(--dangercolor_v));
|
|
--button-danger-background-disabled: rgba(var(--dangercolor_v),.2);
|
|
--button-secondary-background: rgb(var(--textdarkest_v));
|
|
--button-secondary-background-hover: rgb(var(--textdarker_v));
|
|
--button-secondary-background-active: rgb(var(--textdark_v));
|
|
--button-secondary-background-disabled: rgb(var(--textdarkest_v));
|
|
|
|
--button-outline-positive-text: rgb(var(--successcolor_v)) !important;
|
|
--button-outline-positive-text-hover: rgb(var(--successcolor_v)) !important;
|
|
--button-outline-positive-text-active: rgb(var(--successcolor_v)) !important;
|
|
--button-outline-positive-background: transparent !important;
|
|
--button-outline-positive-background-hover: transparent !important;
|
|
--button-outline-positive-background-active: rgba(var(--successcolor_v),.1) !important;
|
|
--button-outline-positive-border: rgba(var(--successcolor_v),.1) !important;
|
|
--button-outline-positive-border-hover: rgba(var(--successcolor_v),.6) !important;
|
|
--button-outline-positive-border-active: rgb(var(--successcolor_v)) !important;
|
|
|
|
--button-outline-warning-text: rgb(var(--warningcolor_v)) !important;
|
|
--button-outline-warning-text-hover: rgb(var(--warningcolor_v)) !important;
|
|
--button-outline-warning-text-active: rgb(var(--warningcolor_v)) !important;
|
|
--button-outline-warning-background: transparent !important;
|
|
--button-outline-warning-background-hover: transparent !important;
|
|
--button-outline-warning-background-active: rgba(var(--warningcolor_v),.1) !important;
|
|
--button-outline-warning-border: rgba(var(--warningcolor_v),.1) !important;
|
|
--button-outline-warning-border-hover: rgba(var(--warningcolor_v),.6) !important;
|
|
--button-outline-warning-border-active: rgb(var(--warningcolor_v)) !important;
|
|
|
|
--button-outline-danger-text: rgb(var(--dangercolor_v)) !important;
|
|
--button-outline-danger-text-hover: rgb(var(--dangercolor_v)) !important;
|
|
--button-outline-danger-text-active: rgb(var(--dangercolor_v)) !important;
|
|
--button-outline-danger-background: transparent !important;
|
|
--button-outline-danger-background-hover: transparent !important;
|
|
--button-outline-danger-background-active: rgba(var(--dangercolor_v),.1) !important;
|
|
--button-outline-danger-border: rgba(var(--dangercolor_v),.1) !important;
|
|
--button-outline-danger-border-hover: rgba(var(--dangercolor_v),.6) !important;
|
|
--button-outline-danger-border-active: rgb(var(--dangercolor_v)) !important;
|
|
|
|
--button-outline-primary-text: rgb(var(--textbrightest_v)) !important;
|
|
--button-outline-primary-text-hover: rgb(var(--textbrightest_v)) !important;
|
|
--button-outline-primary-text-active: rgb(var(--textbrightest_v)) !important;
|
|
--button-outline-primary-background: transparent !important;
|
|
--button-outline-primary-background-hover: transparent !important;
|
|
--button-outline-primary-background-active: rgba(var(--textbrightest_v),.1) !important;
|
|
--button-outline-primary-border: rgba(var(--textbrightest_v),.1) !important;
|
|
--button-outline-primary-border-hover: rgba(var(--textbrightest_v),.6) !important;
|
|
--button-outline-primary-border-active: rgb(var(--textbrightest_v)) !important;
|
|
|
|
--header-primary: rgb(var(--textbrightest_v));
|
|
--header-secondary: rgb(var(--textbright_v));
|
|
--text-normal: rgb(var(--textbrighter_v));
|
|
--text-muted: rgb(var(--textdarker_v));
|
|
--channels-default: rgb(var(--textdark_v));
|
|
--channel-icon: rgb(var(--textdark_v));
|
|
|
|
--interactive-normal: rgb(var(--textbright_v));
|
|
--interactive-hover: rgb(var(--textbrighter_v));
|
|
--interactive-active: rgb(var(--textbrightest_v));
|
|
--interactive-muted: rgb(var(--textdarkest_v));
|
|
|
|
--home-background: rgb(var(--backgroundprimary_v));
|
|
|
|
--modal-background: rgb(var(--backgroundprimary_v));
|
|
--modal-footer-background: rgb(var(--backgroundsecondary_v));
|
|
|
|
--background-primary: rgb(var(--backgroundprimary_v));
|
|
--background-secondary: rgb(var(--backgroundsecondary_v));
|
|
--background-secondary-alt: rgb(var(--backgroundsecondaryalt_v));
|
|
--background-tertiary: rgb(var(--backgroundtertiary_v));
|
|
--background-accent: rgb(var(--backgroundaccent_v));
|
|
--background-floating: rgb(var(--backgroundfloating_v));
|
|
--background-mobile-primary: rgb(var(--backgroundprimary_v));
|
|
--background-mobile-secondary: rgb(var(--backgroundsecondary_v));
|
|
|
|
--background-modifier-hover: rgba(var(--backgroundaccent_v),.3);
|
|
--background-modifier-active: rgba(var(--backgroundaccent_v),.4);
|
|
--background-modifier-selected: rgba(var(--backgroundaccent_v),.6);
|
|
--background-modifier-accent: rgba(var(--textdark_v),.1);
|
|
|
|
--background-mentioned: rgba(var(--mentioncolor, --warningcolor_v),.05);
|
|
--background-mentioned-hover: rgba(var(--mentioncolor, --warningcolor_v),.08);
|
|
--background-mentioned-accent: rgb(var(--mentioncolor, --warningcolor_v));
|
|
|
|
--background-message-hover: rgba(var(--backgroundfloating_v),.15);
|
|
--background-message-automod: rgba(var(--dangercolor_v),.05);
|
|
--background-message-automod-hover: rgba(var(--dangercolor_v),.1);
|
|
|
|
--scrollbar-thin-thumb: rgb(var(--backgroundtertiary_v));
|
|
--scrollbar-thin-track: transparent;
|
|
--scrollbar-auto-thumb: rgb(var(--backgroundtertiary_v));
|
|
--scrollbar-auto-track: rgb(var(--backgroundsecondary_v));
|
|
--scrollbar-auto-scrollbar-color-thumb: rgb(var(--backgroundtertiary_v));
|
|
--scrollbar-auto-scrollbar-color-track: rgb(var(--backgroundsecondary_v));
|
|
|
|
--elevation-stroke: 0 0 0 1px rgba(6,6,7,.08);
|
|
--elevation-low: 0 1px 0 rgba(6,6,7,.1), 0 1.5px 0 rgba(6,6,7,.25), 0 2px 0 rgba(6,6,7,.025);
|
|
--elevation-medium: 0 4px 4px rgba(0,0,0,.08);
|
|
--elevation-high: 0 8px 16px rgba(0,0,0,.16);
|
|
|
|
--logo-primary: rgb(var(--accentcolor_v));
|
|
|
|
--focus-primary: rgb(var(--focuscolor, var(--linkcolor_v))) !important;
|
|
|
|
--guild-header-text-shadow: 0 1px 1px rgba(var(--backgroundfloating_v),.5);
|
|
|
|
--channeltextarea-background: rgba(var(--backgroundaccent_v),.8);
|
|
--channel-text-area-placeholder: rgb(var(--textdarker_v));
|
|
|
|
--input-background: rgb(var(--backgroundtertiary_v));
|
|
|
|
--activity-card-background: rgb(var(--backgroundtertiary_v));
|
|
|
|
--textbox-markdown-syntax: rgb(var(--textdark_v));
|
|
|
|
--search-popout-option-fade: linear-gradient(90deg,transparent,var(--background-floating) 80%);
|
|
--search-popout-option-fade-hover: linear-gradient(90deg,transparent,var(--background-primary) 50%);
|
|
--search-popout-option-user-nickname: var(--text-normal);
|
|
--search-popout-option-user-username: var(--text-muted);
|
|
--search-popout-option-filter-text: var(--text-muted);
|
|
--search-popout-option-non-text-color: var(--text-normal);
|
|
--search-popout-option-filter-color: var(--text-normal);
|
|
--search-popout-option-answer-color: var(--text-normal);
|
|
--search-popout-date-picker-border: 1px solid hsla(214,calc(var(--saturation-factor, 1)*9.1%),15.1%,0.3);
|
|
--search-popout-date-picker-hint-text: var(--text-normal);
|
|
--search-popout-date-picker-hint-value-text: #fff;
|
|
|
|
--deprecated-card-bg: rgba(var(--backgroundtertiary_v),.6);
|
|
--deprecated-card-editable-bg: rgba(var(--backgroundtertiary_v),.3);
|
|
--deprecated-store-bg: rgb(var(--backgroundprimary_v));
|
|
--deprecated-quickswitcher-input-background: rgb(var(--backgroundaccent_v));
|
|
--deprecated-quickswitcher-input-placeholder: rgb(var(--textdarker_v));
|
|
--deprecated-text-input-bg: rgba(0,0,0,.1);
|
|
--deprecated-text-input-border: rgba(0,0,0,.3);
|
|
--deprecated-text-input-border-hover: #040405;
|
|
--deprecated-text-input-border-disabled: #202225;
|
|
--deprecated-text-input-prefix: rgb(var(--textbrighter_v));
|
|
|
|
--font-primary: var(--font_v) !important;
|
|
--font-display: var(--font_v) !important;
|
|
}
|
|
|
|
html {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
|
|
/*
|
|
1. GENERAL
|
|
1. TEXT
|
|
2. BUTTONS
|
|
3. INPUTS
|
|
4. SEARCHBARS
|
|
5. IMAGES
|
|
2. GUILDLIST
|
|
3. CHANNELLIST
|
|
1. GUILDHEADER
|
|
2. CHANNELS
|
|
3. DMCHANNELS
|
|
4. ACCOUNT/VOICE/GOLIVE
|
|
4. CHAT
|
|
1. CHANNELHEADER
|
|
2. MESSAGES
|
|
1. MESSAGE
|
|
2. EMBEDS
|
|
3. NITROGIFT
|
|
4. INVITE
|
|
3. TEXTAREA
|
|
4. AUTOCOMPLETEMENU
|
|
5. MEMBERLIST
|
|
6. CALL
|
|
5. PEOPLES
|
|
1. SHOP
|
|
2. FAMILY CENTER
|
|
6. STORE/NITRO
|
|
1. BIRTHDAY PAGE
|
|
7. LIBRARY
|
|
8. DISCOVERY
|
|
9. USERSETTINGS
|
|
10. GUILDSETTINGS
|
|
11. MODALS
|
|
1. USERMODAL
|
|
2. GUILDADD/CREATION
|
|
3. UPLOADMODAL
|
|
4. KEYBOARDSHORTCUTSMODAL
|
|
5. QUICKSWITCHER
|
|
6. INVITEMODAL/GROUPCREATE
|
|
7. LOGINSCREEN
|
|
8. DOWNLOADAPPMODAL
|
|
9. GUILDBOOSTMODAL
|
|
10. REACTIONSMODAL
|
|
11. CHANGELOG
|
|
12. NOTIFICATIONSMODAL
|
|
13. PAYMENTMODAL
|
|
14. CLOUDSYNCRESOLUTION
|
|
15. APPLICATIONINSTALLATIONMODAL
|
|
16. DISPATCHERROR
|
|
17. HYPESQUADQUIZ
|
|
18. SERVERAPPMODAL
|
|
12. POPOUTS
|
|
1. USERPOPOUT
|
|
2. EMOJIPICKER
|
|
3. SEARCHPOPOUT
|
|
4. EVERYONEMENTION
|
|
5. CHANNELFOLLOW
|
|
6. CHANNELFOLLOWINFO
|
|
7. STREAMPREVIEW
|
|
8. ROLEOVERFLOW
|
|
9. PUBLICGUILDANNOUNCEMENT
|
|
10. QUICKSELECTPOPOUT
|
|
11. RTCSTATUSPOPOUT
|
|
12. PHONE-/EMAILVALIDATION
|
|
13. WARNINGPOPOUT
|
|
14. ADDROLE
|
|
13. BDSUPPORT
|
|
14. POWERCORDSUPPORT
|
|
15. PLUGINSUPPORT
|
|
1. MEMBERCOUNT
|
|
2. CHANNELTABS
|
|
3. TYPINGINDICATOR
|
|
16. WATERMARK
|
|
*/
|
|
|
|
|
|
/* ~~~~ 1. GENERAL ~~~~ */
|
|
|
|
svg [style*="stroke: rgb(114, 118, 125)"],
|
|
svg [style*="stroke: #72767d"],
|
|
svg [style*="stroke: #72767D"],
|
|
svg [stroke="rgb(114, 118, 125)"],
|
|
svg [stroke="#72767d"],
|
|
svg [stroke="#72767D"] {
|
|
stroke: var(--text-muted) !important;
|
|
}
|
|
svg [style*="fill: rgb(114, 118, 125)"],
|
|
svg [style*="fill: #72767d"],
|
|
svg [style*="fill: #72767D"],
|
|
svg [fill="rgb(114, 118, 125)"],
|
|
svg [fill="#72767d"],
|
|
svg [fill="#72767D"] {
|
|
fill: var(--text-muted) !important;
|
|
}
|
|
svg [style*="stroke: rgb(79, 84, 92)"],
|
|
svg [style*="stroke: #4f545c"],
|
|
svg [style*="stroke: #4F545C"],
|
|
svg [stroke="rgb(79, 84, 92)"],
|
|
svg [stroke="#4f545c"],
|
|
svg [stroke="#4F545C"] {
|
|
stroke: var(--interactive-muted) !important;
|
|
}
|
|
svg [style*="fill: rgb(79, 84, 92)"],
|
|
svg [style*="fill: #4f545c"],
|
|
svg [style*="fill: #4F545C"],
|
|
svg [fill="rgb(79, 84, 92)"],
|
|
svg [fill="#4f545c"],
|
|
svg [fill="#4F545C"] {
|
|
fill: var(--interactive-muted) !important;
|
|
}
|
|
|
|
.highlight {
|
|
background: rgba(var(--mentioncolor, --warningcolor_v),.3);
|
|
}
|
|
|
|
#app-mount .elevationLow__41429, #app-mount .elevationLow_be38de, .lightElevationLow_b62459 {
|
|
box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .elevationHigh__31684, #app-mount .elevationHigh__08882, .lightElevationHigh_c9beeb {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .elevationBorderLow_c257e1, #app-mount .elevationBorderLow_d10573, .lightElevationBorderLow__1e5e8 {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .elevationBorderHigh__24051, #app-mount .elevationBorderHigh__30406, .lightElevationBorderHigh__68386, .darkElevationBorderHigh__4ef1e {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .bubble_f48089 {
|
|
background-color: var(--background-floating);
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .bubble_f48089::before {
|
|
border: 5px solid transparent;
|
|
border-top-color: var(--background-floating);
|
|
}
|
|
|
|
#app-mount .card_dc88cd::before {
|
|
background-color: var(--background-primary);
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .button_e1ac5c {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .button_e1ac5c:hover {
|
|
background-color: var(--background-accent);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .text__1e9c5 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .editIcon__570b4 {
|
|
-webkit-mask: url(https://discord.com/assets/c87be216431a35927431.svg);
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .scrollbarGhost__299c1::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .scrollbarGhost__299c1::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-thin-track);
|
|
border-color: transparent;
|
|
border-width: initial;
|
|
}
|
|
#app-mount .scrollbarGhostHairline__00100::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
border-radius: 2px;
|
|
cursor: move;
|
|
}
|
|
#app-mount .scrollbarDefault__3545a::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-auto-thumb);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .scrollbarDefault__3545a::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-auto-track);
|
|
border-color: transparent;
|
|
}
|
|
|
|
#app-mount .breadcrumbWrapper__75797 {
|
|
color: rgba(var(--textbrightest_v),.3);
|
|
}
|
|
#app-mount .activeBreadcrumb__56acd {
|
|
color: rgba(var(--textbrightest_v),.6);
|
|
}
|
|
|
|
html .iconBadge__0c126 {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 1.1. TEXT ---- */
|
|
|
|
#app-mount h1.title__4a7a9,
|
|
#app-mount h2.title__4a7a9 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount h3.title__4a7a9 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount h4.title__4a7a9,
|
|
#app-mount h5.title__4a7a9,
|
|
#app-mount h6.title__4a7a9 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .text__0e310,
|
|
#app-mount .title__496be {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .title__4a7a9 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .markdown__8e519 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .markdown__8e519 th {
|
|
background-color: var(--background-tertiary);
|
|
border-color: var(--interactive-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .markdown__8e519 td {
|
|
border-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .markdown__8e519 tr {
|
|
border-color: var(--interactive-muted);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .markdown__8e519 tr:nth-child(2n) {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .markdown__8e519 .blockquote__6a8b8 {
|
|
border-left-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .markdown__8e519 code {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .markdown__8e519 .codeInline_f5630b {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 1.2. BUTTONS ---- */
|
|
|
|
#app-mount .lookInverted_a299dc.colorPrimary_ebe632 .spinnerItem_a87807 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .lookOutlined__014b5.colorPrimary_ebe632 .spinnerItem_a87807,
|
|
#app-mount .lookLink_a2da25.colorPrimary_ebe632 .spinnerItem_a87807 {
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookFilled__950dd.colorPrimary_ebe632:hover,
|
|
#app-mount .lookFilled__950dd.hoverPrimary_c2c623.hasHover_dfa15e:hover {
|
|
background-image: linear-gradient(0deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .15));
|
|
}
|
|
#app-mount .lookFilled__950dd.colorPrimary_ebe632:active,
|
|
#app-mount .lookFilled__950dd.hoverPrimary_c2c623.hasHover_dfa15e:active {
|
|
background-image: linear-gradient(0deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3));
|
|
}
|
|
#app-mount .lookFilled__950dd.colorPrimary_ebe632,
|
|
#app-mount .lookFilled__950dd.colorPrimary_ebe632:disabled {
|
|
background-color: var(--background-accent);
|
|
color: #FFF;
|
|
}
|
|
|
|
#app-mount .lookInverted_a299dc.colorPrimary_ebe632:hover,
|
|
#app-mount .lookInverted_a299dc.hoverPrimary_c2c623.hasHover_dfa15e:hover {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
|
|
}
|
|
#app-mount .lookInverted_a299dc.colorPrimary_ebe632:active,
|
|
#app-mount .lookInverted_a299dc.hoverPrimary_c2c623.hasHover_dfa15e:active {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
|
|
}
|
|
#app-mount .lookInverted_a299dc.colorPrimary_ebe632,
|
|
#app-mount .lookInverted_a299dc.colorPrimary_ebe632:disabled {
|
|
background-color: #FFF;
|
|
color: var(--background-accent);
|
|
}
|
|
|
|
#app-mount .lookOutlined__014b5.colorPrimary_ebe632:hover,
|
|
#app-mount .lookOutlined__014b5.hoverPrimary_c2c623.hasHover_dfa15e:hover {
|
|
border-color: rgba(var(--textbrightest_v), .6);
|
|
}
|
|
#app-mount .lookOutlined__014b5.colorPrimary_ebe632:active,
|
|
#app-mount .lookOutlined__014b5.hoverPrimary_c2c623.hasHover_dfa15e:active {
|
|
background-color: rgba(var(--textbrightest_v), .1);
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .lookOutlined__014b5.colorPrimary_ebe632,
|
|
#app-mount .lookOutlined__014b5.colorPrimary_ebe632:disabled {
|
|
border-color: rgba(var(--textbrightest_v), .1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookLink_a2da25.colorPrimary_ebe632 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .lookLink_a2da25.colorPrimary_ebe632:hover .contents__322f4,
|
|
#app-mount .lookLink_a2da25.hoverPrimary_c2c623.hasHover_dfa15e:hover .contents__322f4 {
|
|
--button--underline-color: var(--header-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .borderPrimary__386cf {
|
|
border-color: var(--header-primary) !important;
|
|
}
|
|
|
|
#app-mount .lookInverted_a299dc.colorTransparent__3e3c7 .spinnerItem_a87807 {
|
|
background-color: rgba(var(--textbrightest_v),.1);
|
|
}
|
|
#app-mount .lookFilled__950dd.colorTransparent__3e3c7 .spinnerItem_a87807,
|
|
#app-mount .lookOutlined__014b5.colorTransparent__3e3c7 .spinnerItem_a87807,
|
|
#app-mount .lookLink_a2da25.colorTransparent__3e3c7 .spinnerItem_a87807 {
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookFilled__950dd.colorTransparent__3e3c7:hover,
|
|
#app-mount .lookFilled__950dd.hoverTransparent__31061.hasHover_dfa15e:hover {
|
|
background-color: rgba(var(--textbrightest_v),.05);
|
|
}
|
|
#app-mount .lookFilled__950dd.colorTransparent__3e3c7:active,
|
|
#app-mount .lookFilled__950dd.hoverTransparent__31061.hasHover_dfa15e:active {
|
|
background-color: rgba(var(--textbrightest_v),.01);
|
|
}
|
|
#app-mount .lookFilled__950dd.colorTransparent__3e3c7,
|
|
#app-mount .lookFilled__950dd.colorTransparent__3e3c7:disabled {
|
|
background-color: rgba(var(--textbrightest_v),.1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookInverted_a299dc.colorTransparent__3e3c7:hover,
|
|
#app-mount .lookInverted_a299dc.hoverTransparent__31061.hasHover_dfa15e:hover {
|
|
background-color: rgba(var(--textbrightest_v),.05);
|
|
}
|
|
#app-mount .lookInverted_a299dc.colorTransparent__3e3c7:active,
|
|
#app-mount .lookInverted_a299dc.hoverTransparent__31061.hasHover_dfa15e:active {
|
|
background-color: rgba(var(--textbrightest_v),.1);
|
|
}
|
|
#app-mount .lookInverted_a299dc.colorTransparent__3e3c7,
|
|
#app-mount .lookInverted_a299dc.colorTransparent__3e3c7:disabled {
|
|
background-color: var(--header-primary);
|
|
color: rgba(var(--textbrightest_v),.1);
|
|
}
|
|
|
|
#app-mount .lookOutlined__014b5.colorTransparent__3e3c7:hover,
|
|
#app-mount .lookOutlined__014b5.hoverTransparent__31061.hasHover_dfa15e:hover {
|
|
background-color: rgba(var(--textbrighter_v),.1);
|
|
border-color: var(--interactive-hover);
|
|
}
|
|
#app-mount .lookOutlined__014b5.colorTransparent__3e3c7:active,
|
|
#app-mount .lookOutlined__014b5.hoverTransparent__31061.hasHover_dfa15e:active {
|
|
background-color: rgba(var(--textbrightest_v),.1);
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .lookOutlined__014b5.colorTransparent__3e3c7,
|
|
#app-mount .lookOutlined__014b5.colorTransparent__3e3c7:disabled {
|
|
background-color: transparent;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#app-mount .lookLink_a2da25.colorTransparent__3e3c7 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .lookLink_a2da25.colorTransparent__3e3c7:hover .contents__322f4,
|
|
#app-mount .lookLink_a2da25.hoverTransparent__31061.hasHover_dfa15e:hover .contents__322f4 {
|
|
--button--underline-color: var(--text-normal);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#app-mount .borderTransparent_c5801e {
|
|
border-color: var(--text-normal) !important;
|
|
}
|
|
|
|
/* ---- 1.3. INPUTS ---- */
|
|
|
|
.container__2ed72 {
|
|
background-color: var(--text-muted) !important;
|
|
}
|
|
.container__2ed72 path[fill] {
|
|
fill: var(--text-muted) !important;
|
|
}
|
|
|
|
#app-mount .prefixInput_e78a57 {
|
|
background-color: rgba(0,0,0,.1);
|
|
border-color: rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .prefixInput_e78a57:hover {
|
|
border-color: rgba(0,0,0,.6);
|
|
}
|
|
#app-mount .prefixInputInput_f59287 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .prefixInputInput_f59287::-webkit-input-placeholder,
|
|
#app-mount .prefixInputInput_f59287::-moz-placeholder,
|
|
#app-mount .prefixInputInput_f59287:-ms-input-placeholder,
|
|
#app-mount .prefixInputInput_f59287::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .prefixInputPrefix_fa0059 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__70669 {
|
|
background: rgb(var(--accentcolor_v));
|
|
color: #fff;
|
|
}
|
|
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__70669 .radioIconForeground__9ca1e {
|
|
color: #fff;
|
|
}
|
|
#app-mount .item_b7fb7e .radioBar__70669[style*="--radio-bar-accent-color"] {
|
|
background: var(--radio-bar-accent-color);
|
|
border: unset;
|
|
color: #fff;
|
|
}
|
|
#app-mount .item_b7fb7e[aria-checked=false]:hover .radioBar__70669[style*="--radio-bar-accent-color"] {
|
|
background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2));
|
|
}
|
|
|
|
.lookFilled__9c1ef.select_fe2671 {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
.searchInput_d31046 {
|
|
background-color: transparent;
|
|
}
|
|
.lookFilled__9c1ef.select_fe2671:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
|
|
#app-mount .container__8267c {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
#app-mount .container__8267c:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
|
|
#app-mount .checkbox_fcf2ad {
|
|
border-color: var(--text-muted);
|
|
}
|
|
#app-mount .checkbox_fcf2ad.checked__16f88[style*="border-color: rgb(79, 84, 92)"],
|
|
#app-mount .checkbox_fcf2ad.checked__16f88:not([style*="border-color:"]):not([style*="background-color:"]) {
|
|
background-color: rgb(var(--accentcolor_v)) !important;
|
|
border-color: rgb(var(--accentcolor_v)) !important;
|
|
}
|
|
#app-mount .checkbox_fcf2ad.checked__16f88[style*="border-color: rgb(79, 84, 92)"] path,
|
|
#app-mount .checkbox_fcf2ad.checked__16f88:not([style*="border-color:"]):not([style*="background-color:"]) path {
|
|
fill: #fff;
|
|
}
|
|
|
|
#app-mount .maxLength_cf9f48 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .copyInput_f549fd {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
}
|
|
#app-mount .copyInputDefault_e19ebf {
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
#app-mount .hiddenMessage_e7355b,
|
|
#app-mount .inputDefault__591c7 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .hiddenMessage_e7355b::placeholder,
|
|
#app-mount .inputDefault__591c7::placeholder {
|
|
color: rgba(var(--textbrightest_v),.3);
|
|
}
|
|
|
|
#app-mount .grabber_e3daf3 {
|
|
background-color: #fff;
|
|
border-color: var(--background-accent);
|
|
}
|
|
#app-mount .bar_e58961 {
|
|
background: var(--background-accent);
|
|
}
|
|
#app-mount .markValue_c91c4e {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .markDash__54545 {
|
|
background: var(--background-accent);
|
|
}
|
|
|
|
.select_a50fd3 [class*="css-"][class*="-control"] {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
color: var(--text-normal);
|
|
}
|
|
.select_a50fd3 [class*="css-"][class*="-control"]:hover,
|
|
.select_a50fd3 [class*="css-"][class*="-control"]:not(:last-child) {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
.select_a50fd3.languageSelector_f25b72 [class*="css-"][class*="-control"] {
|
|
background-color: var(--background-tertiary);
|
|
border: none;
|
|
}
|
|
.select_a50fd3 [class*="css-"][class*="-singleValue"],
|
|
.select_a50fd3 [class*="css-"][class*="-placeholder"],
|
|
.select_a50fd3 [class*="css-"][class*="-indicatorContainer"] {
|
|
color: var(--text-normal);
|
|
}
|
|
.css-1gfjib6-option,
|
|
.css-1yz4bi9-option,
|
|
.css-ru8b0x-option,
|
|
.css-1yz4bi9-option {
|
|
background-color: rgba(var(--transparencycolor), .1);
|
|
color: var(--interactive-normal);
|
|
}
|
|
.css-pkcurw-option,
|
|
.css-rzbxvl-option,
|
|
.css-1qxn4c5-option,
|
|
.css-rzbxvl-option {
|
|
background-color: var(--background-secondary);
|
|
color: var(--interactive-hover);
|
|
}
|
|
.css-1gxgi19-option,
|
|
.css-1ba14n5-option,
|
|
.css-6qzljd-option,
|
|
.css-1ba14n5-option {
|
|
background-color: var(--background-primary);
|
|
color: var(--interactive-active);
|
|
}
|
|
.select_a50fd3 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
|
|
background-color: var(--background-tertiary);
|
|
border-color: var(--background-tertiary);
|
|
box-shadow: var(--elevation-high);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda:hover:not(.disabled__2717e),
|
|
.topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda:hover:not(.disabled__2717e) {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
|
|
#app-mount .customColorPicker_bbc020 {
|
|
background: var(--background-primary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* ---- 1.4. SEARCHBARS ---- */
|
|
|
|
#app-mount .searchBox__56feb {
|
|
background-color: var(--background-accent);
|
|
box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .searchBox__56feb .searchBoxInput__56498::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .searchIcon_d1a3c1 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .filterLabel__82eb8 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 1.5. IMAGES ---- */
|
|
|
|
#app-mount .image__02f7c {
|
|
background-image: url(https://discord.com/assets/5420f8fd9d89897c6448.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
#app-mount .invalidPoop__9bdd8 {
|
|
background-color: rgba(var(--backgroundaccent_v),.6);
|
|
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .sadImage__4d614 {
|
|
background-image: url(https://discord.com/assets/746284e4cfc7cd6c5e15.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .cancelImage_a17f16 {
|
|
background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
#app-mount .emptyWumpus_d5031d {
|
|
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .authenticationRequiredImage__6e339 {
|
|
background-image: url(https://discord.com/assets/ac36a2fad758d64ffbfb.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .authenticationSuccessImage_c09e96 {
|
|
background-image: url(https://discord.com/assets/22a55a08151860da8500.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .authenticationFailImage-3DXXvB {
|
|
background-image: url(https://discord.com/assets/5fc4852a2acb3abf0a64.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .conflictUploadArt_c68c28 {
|
|
background-image: url(https://discord.com/assets/27f92332674f9dacc1e9.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .conflictDownloadArt__87c31 {
|
|
background-image: url(https://discord.com/assets/f6bc645aead00959a690.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .errorArt__7d1bf {
|
|
background-image: url(https://discord.com/assets/c00cfaed1382bf7f33d4.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .searchIndexBackground__732e0 {
|
|
background-image: url(https://discord.com/assets/1876c6a6db747137a124.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .resultsBlockedImage_ee0c36 {
|
|
background-image: url(https://discord.com/assets/83720a1a3ec0963a1f71.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResultsImage__1a10e {
|
|
background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResultsImage__1a10e.alt__77d89 {
|
|
background-image: url(https://discord.com/assets/99d35a435f00582ddf41.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .errorImage__3570d {
|
|
background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .emptyStateImage_b41d12 {
|
|
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .wrapper__77675 {
|
|
background-image: url(https://discord.com/assets/14223d22c9628be36fc0.svg);
|
|
}
|
|
#app-mount .image_e0cb48 {
|
|
background-image: url(https://discord.com/assets/72eaa596042042be6259.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .gameIcon_fc710a {
|
|
background-color: rgba(var(--textbrightest_v), .1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .noResults__0e6c4 {
|
|
background-image: url(https://discord.com/assets/c586aac99de98cfb010d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .art_ba4492 {
|
|
background-image: url(https://discord.com/assets/1a8d1cce8efe66c22c6d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .art__773bf {
|
|
background-image: url(https://discord.com/assets/29306de8953471954035.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageUnverified_d28579 {
|
|
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageUpgrade_d10a46 {
|
|
background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg);
|
|
}
|
|
#app-mount .imageCancel_f3aeb9 {
|
|
background-image: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
|
|
}
|
|
#app-mount .imageUnclaimed_a53457 {
|
|
background-image: url(https://discord.com/assets/41675689ca055858e137.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .imageUnverified__7fad2 {
|
|
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .emptyPreviewImage_d74d4a {
|
|
background-image: url(https://discord.com/assets/3a354aac283f909d403d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.fullArt__4b6a0,
|
|
.fullArt__26da5 {
|
|
opacity: .5;
|
|
}
|
|
|
|
.image_bbc9d9 {
|
|
opacity: .5;
|
|
}
|
|
.image_bbc9d9[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] {
|
|
background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important;
|
|
}
|
|
|
|
.image__08515 {
|
|
opacity: .5;
|
|
}
|
|
.image__08515[style*='url("/assets/d6dfb89ab06b62044dbb.svg")'] {
|
|
background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/75081bdaad2d359c1469.svg")'] {
|
|
background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg) !important;
|
|
}
|
|
|
|
.image__08515[style*='url("/assets/0629e34902ae58f8e4ca.svg")'] {
|
|
background-image: url(https://discord.com/assets/24aa06be5457e66bdd64.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/5741692705ba077f4190.svg")'] {
|
|
background-image: url(https://discord.com/assets/bca918618b884a382ab5.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/a72746e7108167af95c8.svg")'] {
|
|
background-image: url(https://discord.com/assets/01864c39871ce619d855.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/ee4637f8627629dd0da5.svg")'] {
|
|
background-image: url(https://discord.com/assets/532f1d4582d881960783.svg) !important;
|
|
}
|
|
|
|
.image__08515[style*='url("/assets/c8be48745cf680093019.svg")'] {
|
|
background-image: url(https://discord.com/assets/295da3fc92e2adb1b852.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/5e3480eff150b1cb323e.svg")'] {
|
|
background-image: url(https://discord.com/assets/cf8f9096a9322f2ae0d7.svg) !important;
|
|
}
|
|
.emptyStateImage__1e77e {
|
|
opacity: .5;
|
|
}
|
|
.emptyStateImage__1e77e[src='/assets/39e3f389716400ced39a.svg'] {
|
|
background-image: url(https://discord.com/assets/1bb2be01aece015602f7.svg);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
.image__08515[style*='url("/assets/c65431f185feb7b00749.svg")'] {
|
|
background-image: url(https://discord.com/assets/cdc3f4f6fbf3a0f0766f.svg) !important;
|
|
}
|
|
.image__08515[style*='url("/assets/a1b0a14d2f22c155a2b3.svg")'] {
|
|
background-image: url(https://discord.com/assets/c7c4065874955761be3b.svg) !important;
|
|
}
|
|
|
|
img[src='/assets/73984240bd99493de947.svg'] {
|
|
background-image: url(https://discord.com/assets/c1875fc8a42a61903ba1.svg);
|
|
opacity: .5;
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
img[src='/assets/387a7c504c96b992872d.svg'] {
|
|
background-image: url(https://discord.com/assets/1964f50ca0220e98dc32.svg);
|
|
opacity: .5;
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
#app-mount .footerImage_fb15e2 {
|
|
background-image: url(https://discord.com/assets/a4bee30fe0b5a0f5b3c7.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageError__3af5f {
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .emptyImage_a1225f {
|
|
background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .missingEntitlementImage_b096c0 {
|
|
background-image: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image__190d5 {
|
|
background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image_abaa2d {
|
|
background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image__8bdd3 {
|
|
background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image__15b80 {
|
|
background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ~~~~ 2. GUIDLIST ~~~~ */
|
|
|
|
#app-mount .folder__17546.hover__043de,
|
|
#app-mount .childWrapper_a6ce15,
|
|
#app-mount .circleIconButton__05cf2 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .folder__17546,
|
|
#app-mount .expandedFolderBackground_b1385f {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15,
|
|
#app-mount .wrapper__8436d:hover .childWrapper_a6ce15 {
|
|
background-color: var(--brand-experiment);
|
|
}
|
|
#app-mount .circleIconButton__05cf2.selected_aded59 {
|
|
background-color: var(--green-360);
|
|
}
|
|
|
|
/* ~~~~ 3. CHANNELLIST ~~~~ */
|
|
|
|
/* ---- 3.1. GUILDHEADER ---- */
|
|
|
|
/* ---- 3.2. CHANNELS ---- */
|
|
|
|
#app-mount .icon_d7a00b {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyUser_c7ce52 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .moreUsers__04e6c {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .streamPreview__965fa {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .previewContainer__1e0bb {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .watchButton__5a93d {
|
|
border-color: var(--header-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .watchButton__5a93d:not([disabled]):hover {
|
|
border-color: var(--header-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 3.3. DMCHANNELS ---- */
|
|
|
|
.selected__37292,
|
|
.selected__37292:focus-within,
|
|
.selected__37292:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 3.4. ACCOUNT/VOICE/GOLIVE ---- */
|
|
|
|
#app-mount .userList__36b08::before {
|
|
background-color: var(--background-secondary);
|
|
border-color: transparent var(--background-tertiary) var(--background-tertiary) transparent;
|
|
}
|
|
#app-mount .header_fcf262 {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .content__1b5d8 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .username_fb3fda {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .discriminator__6e778 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
|
|
/* ~~~~ 4. CHAT ~~~~ */
|
|
|
|
.mainTableContainer__37b54 {
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
/* ---- 4.1. CHANNELHEADER ---- */
|
|
|
|
#app-mount .container__26baa.themed_b152d4 {
|
|
box-shadow: var(--elevation-low);
|
|
}
|
|
|
|
#app-mount .children_cde9af::after {
|
|
background: linear-gradient(90deg, transparent 0,var(--background-primary));
|
|
}
|
|
|
|
#app-mount .back__8b3a3 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .back__8b3a3:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .back__8b3a3:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .cloud__901e3 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 4.2. MESSAGES ---- */
|
|
|
|
.noChannel__28db0 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.content__01e65::before {
|
|
display: none;
|
|
}
|
|
#app-mount .background_c54132,
|
|
#app-mount .container_b92032,
|
|
#app-mount .container__03ec9,
|
|
#app-mount .header__71942,
|
|
#app-mount .container__6b2e5 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .background_c54132 .container_c68a2c,
|
|
#app-mount .background_c54132 .container__29699,
|
|
#app-mount .background_c54132 .container__60371,
|
|
#app-mount .background_c54132 .icon_ac2d0d,
|
|
#app-mount .background_c54132 .containerCard__95c7a,
|
|
#app-mount .background_c54132 .containerCard__95c7a:hover,
|
|
#app-mount .background_c54132 .interactiveCard_d92364,
|
|
#app-mount .background_c54132 .emptyStateContainer__08276,
|
|
#app-mount .background_c54132 .card_d4f6c7,
|
|
#app-mount .container_b92032 .mainCard__0ec2c,
|
|
#app-mount .container_b92032 .sidebarCard_b6db9d,
|
|
#app-mount .container__03ec9 .channelRow__538ef {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .action__94060,
|
|
#app-mount .row__4f559 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .background_c54132 .icon_ac2d0d {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
@media (max-width: 1300px) {
|
|
.container__29699,
|
|
.container__60371 {
|
|
background: none !important;
|
|
}
|
|
}
|
|
#app-mount .background_c54132 .containerCard__95c7a {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .background_c54132 .container__55cc1:hover,
|
|
#app-mount .container_b92032 .pill_f055c3,
|
|
#app-mount .container__03ec9 .channelRow__538ef:hover {
|
|
background: var(--background-tertiary);
|
|
}
|
|
#app-mount .textContentFooter_e03480 {
|
|
background: linear-gradient(0deg, rgba(var(--backgroundsecondary_v), 1), rgba(var(--backgroundsecondary_v), .97) 36px, rgba(var(--backgroundsecondary_v), .4));
|
|
}
|
|
|
|
#app-mount .reaction_ef7e09.reactionMe__9fc5c {
|
|
background-color: var(--brand-experiment-15a);
|
|
border-color: var(--brand-experiment);
|
|
}
|
|
|
|
#app-mount .reaction_ef7e09.reactionMe__9fc5c .reactionCount_b780c8 {
|
|
color: var(--brand-experiment-200);
|
|
}
|
|
|
|
#app-mount .scrollSeparator__00122 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3);
|
|
}
|
|
|
|
#app-mount .title__1888b {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .description__05e2d {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyChannelIcon_d45c50 {
|
|
position: relative;
|
|
background: var(--background-accent);
|
|
overflow: hidden;
|
|
}
|
|
#app-mount .emptyChannelIcon_d45c50::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discord.com/assets/1b60cdb56c8c081495ac.svg) center no-repeat;
|
|
}
|
|
|
|
/* ==== 4.2.1. MESSAGE ==== */
|
|
|
|
#app-mount .message_ff43e6 {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .mentioned_fa6fd2::before {
|
|
background-color: rgb(var(--mentioncolor, --warningcolor_v));
|
|
}
|
|
|
|
#app-mount .ephemeralMessage__24192,
|
|
#app-mount .operations__62559 {
|
|
color: var(--channels-default);
|
|
}
|
|
|
|
.icon__467d5[style*="/assets/7ed159b6acb6da5d9593.svg"] {
|
|
-webkit-mask: url(https://discord.com/assets/7ed159b6acb6da5d9593.svg) center/cover no-repeat;
|
|
background: var(--header-secondary) !important;
|
|
}
|
|
.icon__467d5[style*="/assets/a1d461025204711133ec.svg"] {
|
|
-webkit-mask: url(https://discord.com/assets/a1d461025204711133ec.svg) center/cover no-repeat;
|
|
background: var(--header-secondary) !important;
|
|
}
|
|
|
|
#app-mount .wrapper_f09ac7 {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .videoControls__7bc92 {
|
|
color: #fff;
|
|
}
|
|
|
|
#app-mount .spoilerContent__383f3 {
|
|
background-color: rgba(var(--textbrightest_v),.1);
|
|
}
|
|
#app-mount .spoilerContent__383f3.hidden_f44e41 {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .spoilerContent__383f3.hidden_f44e41:hover {
|
|
background-color: rgba(var(--backgroundtertiary_v),.8);
|
|
}
|
|
|
|
/* ==== 4.2.2. EMBEDS ==== */
|
|
|
|
#app-mount .description__7d5ad {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tagline__9d19f {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tile_ebc93b {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 0 0 rgba(var(--backgroundtertiary_v),.15);
|
|
}
|
|
#app-mount .tile_ebc93b:hover {
|
|
background-color: var(--background-floating);
|
|
}
|
|
|
|
#app-mount .progress__4d3b3 {
|
|
background-color: rgba(var(--textdarker_v),.3);
|
|
}
|
|
#app-mount .metadata__05734 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .loadingBackground_ae7b82 {
|
|
background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary));
|
|
}
|
|
#app-mount .loadingImage_a3670f {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .embedHorizontal_beabf1,
|
|
#app-mount .embedVertical_b68872 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .svgContentRight__02911 {
|
|
fill: var(--interactive-muted);
|
|
}
|
|
#app-mount .svgContentLeft_eea9da {
|
|
fill: var(--interactive-muted);
|
|
}
|
|
#app-mount .svgContentLines__2a0ea,
|
|
#app-mount .svgDots__520f0 {
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .svgTag_b3b6f4 {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .infoLink_af115c {
|
|
color: var(--header-secondary) !important
|
|
}
|
|
#app-mount .copyLink_a9e34f::before {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .buildDetails__68107,
|
|
#app-mount .copyLink_a9e34f:hover,
|
|
#app-mount .infoLink_af115c:hover {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .barLoader_b2c006,
|
|
#app-mount .buttonLoader_a95b74 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .disabledButtonOverride__48f46 {
|
|
background-color: var(--background-tertiary) !important
|
|
}
|
|
|
|
/* ==== 4.2.3. NITROGIFT ==== */
|
|
|
|
/* ==== 4.2.4. INVITE ==== */
|
|
|
|
#app-mount .guildIconImage_c1aa48 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .guildIconExpired__67d9b {
|
|
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .resolvingBackground_f83098 {
|
|
background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary));
|
|
}
|
|
|
|
#app-mount .invite__2a93b {
|
|
background: rgba(var(--backgroundsecondary_v),.6);
|
|
border-color: rgba(var(--backgroundsecondary_v),.9);
|
|
}
|
|
#app-mount .artworkSpotifySessionEnded_c0cf09 {
|
|
background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .header__1c712 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .name__14833,
|
|
#app-mount .partyStatus__12fc2 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .moreUsers__4af66 {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .partyMemberEmpty__01e36 {
|
|
background: var(--background-accent);
|
|
}
|
|
#app-mount .helpIcon_dbf835 {
|
|
background-color: var(--header-primary);
|
|
}
|
|
#app-mount .helpIcon_dbf835 [fill] {
|
|
fill: var(--background-secondary);
|
|
}
|
|
#app-mount .textLink__811f1,
|
|
#app-mount .message-group .textLink__811f1 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 4.3. TEXTAREA ---- */
|
|
|
|
#app-mount .form_d8a4a1::before {
|
|
background: linear-gradient(180deg, transparent 0, var(--background-primary));
|
|
}
|
|
|
|
#app-mount .error_c9623f {
|
|
color: #f36c6c;
|
|
}
|
|
|
|
#app-mount .toolbar__894c6 {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .toolbar__894c6::before {
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
border-top: 8px solid var(--background-floating);
|
|
}
|
|
#app-mount .divider_d6bbe2 {
|
|
border-left: 1px solid rgba(var(--textbrightest_v),.06);
|
|
}
|
|
#app-mount .icon__2c9bf {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .active__05fbc .icon__2c9bf,
|
|
#app-mount .hover_d0ebf2:hover .icon__2c9bf {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
#app-mount .cooldownWrapper__193b2[style*="color: rgb(79, 84, 92)"] {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
|
|
/* ---- 4.4. AUTOCOMPLETEMENU ---- */
|
|
|
|
#app-mount .autocomplete__743a5 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .categoryHeader__70c8e {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .selected__5fd17 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
/* ---- 4.5. MEMBERLIST ---- */
|
|
|
|
#app-mount .memberListItem_a082b9:not(.popoutDisabled_a185a8):hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* ---- 4.6. CALL ---- */
|
|
|
|
.wrapper__6bf2d {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.root__3eef0 {
|
|
color: var(--header-primary);
|
|
}
|
|
.gradientContainer_cdada6 {
|
|
display: none;
|
|
}
|
|
.divider_d02cf3 {
|
|
background: var(--background-modifier-accent);
|
|
}
|
|
.playingText__44fce {
|
|
color: var(--header-secondary);
|
|
}
|
|
.controlIcon__73723 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
.controlIcon__73723:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
.controlIcon__73723.active_ff29dc,
|
|
.controlIcon__73723:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
.pictureInPictureVideo__31ff0 .controlIcon__73723 {
|
|
color: #b9bbbe;
|
|
}
|
|
.pictureInPictureVideo__31ff0 .controlIcon__73723:hover {
|
|
color: #dcddde;
|
|
}
|
|
.pictureInPictureVideo__31ff0 .controlIcon__73723.active_ff29dc,
|
|
.pictureInPictureVideo__31ff0 .controlIcon__73723:active {
|
|
color: #fff;
|
|
}
|
|
.colorable__4f530.primaryDark_ec74a7 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
.colorable__4f530.primaryDark_ec74a7,
|
|
.colorable__4f530.primaryDark_ec74a7 .centerIcon_e3df23 {
|
|
color: var(--header-primary);
|
|
}
|
|
.colorable__4f530.primaryDark_ec74a7.active_ff29dc,
|
|
.colorable__4f530.primaryDark_ec74a7:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
.root__1f845 {
|
|
color: var(--header-primary);
|
|
}
|
|
.root__3eef0 {
|
|
color: var(--header-primary);
|
|
}
|
|
.tile_a411a4 {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
.header__43611 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .regionSelectName_e97b48 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .quickSelectPopoutOption_b852b1:hover .regionSelectName_e97b48 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .video__3237a {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .video__3237a.minimum_d5c4c4 {
|
|
background-color: var(--background-floating);
|
|
box-shadow: inset 0 -1px 0 var(--background-tertiary);
|
|
}
|
|
#app-mount .video__3237a.noChat__4bab9 .videoBackgroundTransition_b3f43e {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .video__3237a.noChat__4bab9 .videoTop__89d2d,
|
|
#app-mount .video__3237a.normal__179aa .videoTop__89d2d {
|
|
background-image: linear-gradient(0deg, transparent,rgba(0,0,0,.9));
|
|
}
|
|
|
|
#app-mount .videoPreview_c06ae9 {
|
|
background-color: var(--background-secondary);
|
|
border: 1px solid var(--background-tertiary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 5. PEOPLES ~~~~ */
|
|
|
|
#app-mount .container_bd15da {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .scroller__7c25e {
|
|
border: none;
|
|
}
|
|
|
|
#app-mount .moreMutualGuildsBtn_bd5e23:hover {
|
|
border-color: rgba(var(--textbrightest_v),.6);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .outer_a41cf3.active__76f42,
|
|
#app-mount .outer_a41cf3.interactive__46c44:hover {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .inset__61d5b {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .partyMemberOverflow_fa82b9 {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .partyMemberBackground_b2e343,
|
|
#app-mount .partyMemberUnknown__333f2,
|
|
#app-mount .partyMemberBackground__0a9a5,
|
|
#app-mount .partyMemberUnknown__90098 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .partyMemberUnknownIcon__0df13 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .popout_c6d10c {
|
|
background-color: var(--background-floating);
|
|
border-color: var(--background-tertiary);
|
|
box-shadow: 0 8px 16px rgba(0,0,0,.24);
|
|
}
|
|
#app-mount .memberListItem_e5797c:not(.popoutDisabled_c9ae8c):hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .memberListHeader__1ee3b {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .memberListItem_e5797c:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .multipleIconWrapper__8dd58,
|
|
#app-mount .separator_fc3370 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .body__616e6 .separator_fc3370 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .voiceSectionNoGuildImageWrapper__40391 {
|
|
background: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .voiceSectionIconWrapper_b3ec85 {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .voiceSectionIcon_e4dfa3,
|
|
#app-mount .xboxSectionIcon__16ee9 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .applicationStreamingPreviewWrapper_cdc31a {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
/* ---- 5.1. SHOP ---- */
|
|
|
|
#app-mount .shop_b31ed2 {
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
/* ---- 5.2. FAMILY CENTER ---- */
|
|
|
|
.contentPanel__463ae::-webkit-scrollbar {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.contentPanel__463ae::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-auto-thumb);
|
|
min-height: 40px;
|
|
}
|
|
.contentPanel__463ae::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-auto-track);
|
|
}
|
|
.contentPanel__463ae::-webkit-scrollbar-thumb,
|
|
.contentPanel__463ae::-webkit-scrollbar-track {
|
|
border: 4px solid transparent;
|
|
background-clip: padding-box;
|
|
border-radius: 8px;
|
|
}
|
|
.contentPanel__463ae::-webkit-scrollbar-corner {
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
/* ~~~~ 6. STORE/NITRO ~~~~ */
|
|
|
|
#app-mount .header_dbef3e {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .blurb__41902,
|
|
#app-mount .storeTerms_f84ad0,
|
|
#app-mount .subtext__0cc56 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .divider__2dfcf {
|
|
background-color: rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
|
|
#app-mount .iconWrapper__0d13e {
|
|
background: var(--background-accent);
|
|
}
|
|
|
|
#app-mount .directoryHeroPrice_f3b6e4,
|
|
#app-mount .directoryHeroPricePremium_a1f3d3 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .directorySearchPrice_bd5383 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .listingPrice_ec8e58 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .originalAmount_f96a65 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .embedPrice__30fd9 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .embedPrice__30fd9 .salePercentage__0f271 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .loadingContainer__7abce {
|
|
background-color: rgba(0,0,0,.4);
|
|
}
|
|
#app-mount .libraryLink__67fcc {
|
|
color: rgba(var(--textbrightest_v),.6);
|
|
}
|
|
#app-mount .metadata__97d73 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .container_c7ab72 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .loading__0c7a7 {
|
|
background-color: transparent;
|
|
}
|
|
#app-mount .sectionAccountCredit_b7bb3c
|
|
#app-mount .subscriptionDetails_affe1c {
|
|
border-color: rgba(var(--textdarker_v),.3);
|
|
}
|
|
#app-mount .tier1Banner__85188 {
|
|
background: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tier1Banner__85188::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discord.com/assets/02211574807b44f50d90.svg) center/cover no-repeat;
|
|
}
|
|
|
|
#app-mount .categoryHeader__15de0,
|
|
#app-mount .premiumApplicationsHeader__1f431 {
|
|
border-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .viewAllGames__76b00 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .content__7a876 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .blurb__7d206 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .description__8e1e3 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .row__670b4 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .featureIcon_ff61f6 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .themedPagination__13dbb .arrow_fe649b {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .themedPagination__13dbb .dot__6356c {
|
|
background-color: var(--header-primary);
|
|
}
|
|
#app-mount .matureListing_df3e7e {
|
|
background-color: transparent;
|
|
}
|
|
#app-mount h3.contentHeader_ffdcab {
|
|
color: #dcddde;
|
|
}
|
|
|
|
#app-mount .circle_d5fad2 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .iconCircle__8b128 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .smallHeader_fd9bd3 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .text__59d24 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .description_ca572a {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .playerOverflow__1cc3e {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .description_ca572a strong,
|
|
#app-mount .discriminator__272da strong,
|
|
#app-mount .username__36a02 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .label_d49d6d {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .username__75e9b {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .notes__00774 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .root__3d5e9 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .header_afb288 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .section__42ceb {
|
|
border-bottom-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .breadcrumb__62bda:hover {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .separator__6d4b6 {
|
|
background-color: rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
#app-mount .tabNotSelectedColor__2a89e {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tabNotSelectedColor__2a89e:hover,
|
|
#app-mount .tabSelectedColor_bca486 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tabSelected__2f3e3 {
|
|
border-bottom-color: var(--header-primary);
|
|
}
|
|
#app-mount .sectionTitle_dec920 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .requirementKey__30bf3 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .requirements_a9df40 {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#app-mount .content__89089 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .buttonColorInGuild_c85330 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .name__3864a {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .memberInfo__775c1 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .dotOffline__55389 {
|
|
background-color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .listing__52fc1 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .link_fcf2cb {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .applicationName_e8937f {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .price__9237d {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 6.1. BIRTHDAY PAGE ---- */
|
|
|
|
#app-mount .outerContainer__96420 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .outerContainer__96420 .heroWrapper__5f3c1 {
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
}
|
|
#app-mount .outerContainer__96420 .birthdayExplanationWrapper__7c193,
|
|
#app-mount .outerContainer__96420 .flipCardOpened__04cb3,
|
|
#app-mount .outerContainer__96420 .activityCard_f92e53,
|
|
#app-mount .outerContainer__96420 .celebrateCardContainer_d7fd9c {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 7. LIBRARY ~~~~ */
|
|
|
|
#app-mount .headerCellSorted__19516 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .rate__087a0 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .background__31e4d {
|
|
stroke: var(--background-accent);
|
|
}
|
|
#app-mount .usageInfo__719bc {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .installationPath_dade94 {
|
|
box-shadow: 0 1px 0 0 var(--background-accent);
|
|
}
|
|
#app-mount .rowTitle_b5204a {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .rowBody__03a1f {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .defaultLocationCheckbox_a39f40 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .defaultIndicator__5e476 {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .applicationName__1a359 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .applicationSubText_b13073 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .hiddenLibraryApplication__37ace {
|
|
border-color: var(--background-accent);
|
|
}
|
|
#app-mount .hiddenLibraryApplication__37ace::before {
|
|
background: rgba(var(--backgroundtertiary_v),.3);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .restoreButton_c078d9 {
|
|
background: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .restoreButton_c078d9:hover {
|
|
background: var(--background-secondary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .card__86773 {
|
|
box-shadow: var(--elevation-medium);
|
|
}
|
|
#app-mount .card__86773:focus,
|
|
#app-mount .card__86773:hover {
|
|
box-shadow: var(--elevation-high);
|
|
}
|
|
|
|
|
|
/* ~~~~ 8. DISCOVERY ~~~~ */
|
|
|
|
#app-mount .pageWrapper_c182d3 {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
.footerImage__2c3fd {
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .search_e47903 .searchBox__02d0b {
|
|
background-color: #fff;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__02d0b:focus,
|
|
#app-mount .search_e47903 .searchBox__02d0b:focus-within {
|
|
box-shadow: 0 0 0 1px rgb(91,67,240), 0 0 0 2px rgba(91,67,240,.6), 0 0 0 3px rgba(91,67,240,.3);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__02d0b .searchBoxInput__74f29 {
|
|
color: #2e3338;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__02d0b .searchBoxInput__74f29::-webkit-input-placeholder,
|
|
#app-mount .search_e47903 .searchBox__02d0b .searchBoxInput__74f29::-moz-placeholder,
|
|
#app-mount .search_e47903 .searchBox__02d0b .searchBoxInput__74f29:-ms-input-placeholder,
|
|
#app-mount .search_e47903 .searchBox__02d0b .searchBoxInput__74f29::placeholder {
|
|
color: #72767d;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__02d0b .closeIcon_da3bc1 {
|
|
color: #4f5660;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__02d0b .closeIcon_da3bc1:hover {
|
|
color: #2e3338;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__02d0b .closeIcon_da3bc1:focus {
|
|
color: #060607;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__02d0b .searchIcon__58dfd {
|
|
color: rgba(79,84,92,.6);
|
|
}
|
|
|
|
|
|
/* ~~~~ 9. USERSETTINGS ~~~~ */
|
|
|
|
#app-mount .customContainer__64260::before {
|
|
box-shadow: 0 1px 4px rgba(0,0,0,.2);
|
|
border-bottom: 1px solid rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .notice__88b94 {
|
|
background: rgba(var(--backgroundtertiary_v),.95);
|
|
}
|
|
#app-mount .container__353bc[style*="background-color: rgba(248, 249, 249"],
|
|
#app-mount .container__353bc[style*="background-color: rgba(32, 34, 37"] {
|
|
background-color: rgba(var(--backgroundfloating_v), .9) !important;
|
|
}
|
|
#app-mount .container__353bc[style*="background-color: rgba(248, 249, 249"] .message__702f7,
|
|
#app-mount .container__353bc[style*="background-color: rgba(32, 34, 37"] .message__702f7 {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .message__702f7 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .streamerModeEnabledImage__17db6 {
|
|
background-image: url(https://discord.com/assets/c133c9df9ee4552c188a.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.contentRegion__08eba div[role="tabpanel"] {
|
|
width: 100%;
|
|
}
|
|
.toolsContainer__4e6ad {
|
|
margin-right: 37px;
|
|
}
|
|
#app-mount .closeButton__8177f {
|
|
border-color: var(--channels-default);
|
|
}
|
|
#app-mount .closeButton__8177f path[fill] {
|
|
fill: var(--channels-default);
|
|
}
|
|
#app-mount .closeButton__8177f:hover {
|
|
background-color: rgba(var(--backgroundaccent_v),.3);
|
|
border-color: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButton__8177f:hover path[fill] {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButton__8177f:active {
|
|
border-color: var(--text-normal);
|
|
}
|
|
#app-mount .closeButton__8177f:active path[fill] {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .keybind_a619c1 {
|
|
color: var(--channels-default);
|
|
}
|
|
|
|
#app-mount .closeButtonBold__2f216 {
|
|
border-color: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButtonBold__2f216 path[fill] {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButtonBold__2f216:hover {
|
|
background-color: rgba(var(--backgroundaccent_v),.6);
|
|
border-color: var(--text-normal);
|
|
}
|
|
#app-mount .closeButtonBold__2f216:hover path[fill] {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .closeButtonBold__2f216:active {
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .closeButtonBold__2f216:active path[fill] {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .keybind_a619c1 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .emptyStateHeader__4a6f4 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .emptyStateSubtext_e886a4 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .codeRedemptionRedirect_b3eca7 {
|
|
background: var(--background-modifier-selected);
|
|
border-color: var(--background-modifier-selected);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .subText__5f84f {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .subTextHeader__06daf {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .subTextRow__7e78c {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .giftCodeRow__86594 {
|
|
border-color: rgba(var(--textdarkest_v),.6);
|
|
}
|
|
#app-mount .bodyButtonColor__5a673 {
|
|
background: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bodyButtonColor__5a673:hover {
|
|
background: var(--background-secondary);
|
|
}
|
|
#app-mount .bodyButtonColor__5a673:active {
|
|
background: var(--background-primary);
|
|
}
|
|
#app-mount .card__803af {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .gemIndicatorContainer_b03ca0 {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .gemWithoutLabel__6225b {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierLabel__41356 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .guildHeaderBackground__04920 {
|
|
background-image: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
.container_ced194 {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg);
|
|
}
|
|
.notches__5406c {
|
|
background: transparent !important;
|
|
}
|
|
#app-mount .progress_bcbb99 {
|
|
background-color: var(--text-muted);
|
|
}
|
|
.icon_bf45a6[src="/assets/6762ed8abdaef6a7f6fc.png"],
|
|
.icon_bf45a6[src="/assets/5af9f85713084d6867a6.png"] {
|
|
-webkit-mask: url(https://discord.com/assets/6762ed8abdaef6a7f6fc.png) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
.icon_bf45a6[src="/assets/ea67b1321e3d4154e476.png"],
|
|
.icon_bf45a6[src="/assets/12c09c71eb271a47bcab.png"] {
|
|
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
.cameraWrapper_d3535e {
|
|
background-color: var(--background-secondary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
|
|
#app-mount .row__7007e {
|
|
box-shadow: inset 0 -1px 0 rgba(var(--textdarker_v),.3);
|
|
}
|
|
|
|
.disabled__586d3 {
|
|
color: var(--interactive-muted);
|
|
}
|
|
.option__1d8de {
|
|
background-color: var(--interactive-muted);
|
|
}
|
|
|
|
|
|
#app-mount .game__19f4b {
|
|
box-shadow: var(--elevation-low);
|
|
}
|
|
#app-mount .gameName_c1c8a6 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .gameNameInput__3e1e4:focus,
|
|
#app-mount .gameNameInput__3e1e4:hover {
|
|
background-color: var(--background-primary);
|
|
border-color: rgba(var(--textdark_v),.3);
|
|
}
|
|
#app-mount .lastPlayed__0b4ef,
|
|
#app-mount .overlayStatusText__668e1 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .toggleIconOn__18854 .fill__90d85 {
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .addGamePopout__61649 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .addGamePopout__61649 .cancelButton_be2641 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .nowPlayingAdd_ab1001 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .nowPlaying_a3b60b {
|
|
background-color: var(--status-positive-background);
|
|
}
|
|
#app-mount .nowPlaying_a3b60b .gameName_c1c8a6 {
|
|
color: var(--status-positive-text);
|
|
}
|
|
#app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4:focus,
|
|
#app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4:hover {
|
|
background-color: transparent;
|
|
border-color: var(--status-positive-text);
|
|
}
|
|
#app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4 {
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
#app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4 + * {
|
|
position: relative;
|
|
}
|
|
#app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4:focus + *::before,
|
|
#app-mount .nowPlaying_a3b60b .gameNameInput__3e1e4:hover + *::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: -24px;
|
|
left: -5px;
|
|
width: 240px;
|
|
height: 24px;
|
|
border-radius: 3px;
|
|
background-color: var(--status-positive-text);
|
|
opacity: 0.3;
|
|
pointer-events: none;
|
|
z-index: 2;
|
|
}
|
|
#app-mount .nowPlaying_a3b60b .lastPlayed__0b4ef,
|
|
#app-mount .nowPlaying_a3b60b .overlayStatusText__668e1 {
|
|
color: var(--status-positive-text);
|
|
}
|
|
#app-mount .nowPlaying_a3b60b .toggleIconOff_b65232 .fill__90d85,
|
|
#app-mount .nowPlaying_a3b60b .toggleIconOn__18854 .fill__90d85 {
|
|
fill: var(--status-positive-text);
|
|
}
|
|
#app-mount .notDetected__14b92 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .notDetected__14b92 .gameName_c1c8a6 {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .notDetected__14b92 .lastPlayed__0b4ef {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.bd-social-link[title="BD" i] .bd-social-logo,
|
|
.bd-social-link[title="BetterDiscord" i] .bd-social-logo,
|
|
.bd-social-link[title="BBD" i] .bd-social-logo,
|
|
.bd-social-link[title="BandagedBD" i] .bd-social-logo {
|
|
background: var(--interactive-normal);
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat;
|
|
opacity: 1;
|
|
transition: background .15s ease;
|
|
}
|
|
.bd-social-link[title="BD" i]:hover .bd-social-logo,
|
|
.bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo,
|
|
.bd-social-link[title="BBD" i]:hover .bd-social-logo,
|
|
.bd-social-link[title="BandagedBD" i]:hover .bd-social-logo {
|
|
background: var(--interactive-active);
|
|
}
|
|
.bd-social-link[title="BD" i] .bd-social-logo > *,
|
|
.bd-social-link[title="BetterDiscord" i] .bd-social-logo > *,
|
|
.bd-social-link[title="BBD" i] .bd-social-logo > *,
|
|
.bd-social-link[title="BandagedBD" i] .bd-social-logo > * {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* ~~~~ 10. GUILDSETTINGS ~~~~ */
|
|
|
|
#app-mount .guildSettingsOverviewNotice__3bf33 {
|
|
background-color: rgba(var(--backgroundtertiary_v),.95);
|
|
}
|
|
#app-mount .dragged__9d7ad {
|
|
-webkit-mask: url(https://discord.com/assets/038a865e09c25dc13e30.svg) center/contain no-repeat;
|
|
background: var(--background-tertiary);
|
|
}
|
|
.theme-light .messageContainer__0add1 {
|
|
display: none;
|
|
}
|
|
|
|
#app-mount .emojiAliasInput_e70e7c .emojiInput__3270d {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border: 1px solid var(--deprecated-text-input-border);
|
|
margin-top: -1px;
|
|
margin-left: -8px;
|
|
}
|
|
#app-mount .emojiAliasInput_e70e7c .emojiInput__3270d:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
#app-mount .emojiAliasInput_e70e7c .emojiInput__3270d:focus {
|
|
border-color: rgb(var(--accentcolor_v));
|
|
}
|
|
#app-mount .emojiRow_db53d4:hover .emojiAliasPlaceholderContent_e3b4e8,
|
|
#app-mount .emojiRow_db53d4:focus-within .emojiAliasPlaceholderContent_e3b4e8 {
|
|
visibility: hidden !important;
|
|
color: transparent !important;
|
|
}
|
|
#app-mount .emojiAliasPlaceholder_ecea45 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .auditLog__9228d {
|
|
border-color: var(--background-tertiary);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .auditLog__9228d strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .auditLog__9228d:hover .expandForeground__0d39b {
|
|
stroke: var(--header-primary);
|
|
}
|
|
#app-mount .headerClickable__334f7,
|
|
#app-mount .headerDefault__31bb1 {
|
|
background-color: rgba(var(--backgroundtertiary_v),.3);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .headerExpanded__05a35 {
|
|
background-color: rgba(var(--backgroundtertiary_v),.6);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .divider__1ee1f {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .userHook__0708a {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .expandForeground__0d39b {
|
|
stroke: rgba(var(--textbrightest_v),.6);
|
|
}
|
|
#app-mount .timestamp__33912 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .changeDetails_c0aa16 {
|
|
background-color: rgba(var(--backgroundtertiary_v),.3);
|
|
}
|
|
.themeOverrideLight__786da.icon__2cbfe,
|
|
.themeOverrideDark__5265d.icon__2cbfe,
|
|
#app-mount .icon__2cbfe {
|
|
background: none !important;
|
|
}
|
|
.icon__2cbfe::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: var(--header-primary);
|
|
}
|
|
.icon__2cbfe.applicationCommand__174f1::before {
|
|
-webkit-mask: url(https://discord.com/assets/295610bf2d3ec357b4bb.svg);
|
|
}
|
|
.icon__2cbfe.autoModerationBlockMessage_bed86d::before {
|
|
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
|
|
}
|
|
.icon__2cbfe.autoModerationRule__2246b::before {
|
|
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
|
|
}
|
|
.icon__2cbfe.targetAll__537b8::before {
|
|
-webkit-mask: url(https://discord.com/assets/cda90da758440b5e2cbc.svg);
|
|
}
|
|
.icon__2cbfe.targetBan__16e32::before {
|
|
-webkit-mask: url(https://discord.com/assets/559f43e29d80d719b397.svg);
|
|
}
|
|
.icon__2cbfe.targetChannel_fa8d22::before {
|
|
-webkit-mask: url(https://discord.com/assets/fd8bb90a4678f63f6a50.svg);
|
|
}
|
|
.icon__2cbfe.targetEmoji__42ae8::before {
|
|
-webkit-mask: url(https://discord.com/assets/b734b6798a8b89611ee7.svg);
|
|
}
|
|
.icon__2cbfe.targetGuild__8c18a::before {
|
|
-webkit-mask: url(https://discord.com/assets/30039d24e09f9ae53597.svg);
|
|
}
|
|
.icon__2cbfe.targetGuildHome_a67826::before {
|
|
-webkit-mask: url(https://discord.com/assets/bde25f93c922e02f8459.svg);
|
|
}
|
|
.icon__2cbfe.targetGuildScheduledEvent__59dc5::before {
|
|
-webkit-mask: url(https://discord.com/assets/119b4083c9d4fce05f2d.svg);
|
|
}
|
|
.icon__2cbfe.targetIntegration_d5ae56::before {
|
|
-webkit-mask: url(https://discord.com/assets/a82903ac1478ed97b6d4.svg);
|
|
}
|
|
.icon__2cbfe.targetInvite__59178::before {
|
|
-webkit-mask: url(https://discord.com/assets/5cc5c2e0ad18a7c383d8.svg);
|
|
}
|
|
.icon__2cbfe.targetMember_d0d6b9::before {
|
|
-webkit-mask: url(https://discord.com/assets/c53abf7172caf6e94497.svg);
|
|
}
|
|
.icon__2cbfe.targetMemberRole_d0d6b9::before {
|
|
-webkit-mask: url(https://discord.com/assets/63a73b3d5daccfd7a8fc.svg);
|
|
}
|
|
.icon__2cbfe.targetMessage_da54e8::before {
|
|
-webkit-mask: url(https://discord.com/assets/f88edd51273b2e14999a.svg);
|
|
}
|
|
.icon__2cbfe.targetPermission__19974::before {
|
|
-webkit-mask: url(https://discord.com/assets/93b984f7ed0c42796562.svg);
|
|
}
|
|
.icon__2cbfe.targetRole__994dd::before {
|
|
-webkit-mask: url(https://discord.com/assets/842d46ac28c4cc831849.svg);
|
|
}
|
|
.icon__2cbfe.targetStageInstance__9d662::before {
|
|
-webkit-mask: url(https://discord.com/assets/f39f5d92d79071dcd992.svg);
|
|
}
|
|
.icon__2cbfe.targetSticker__5d09d::before {
|
|
-webkit-mask: url(https://discord.com/assets/0020113abbe97807c0be.svg);
|
|
}
|
|
.icon__2cbfe.targetVanityUrl_d91f37::before {
|
|
-webkit-mask: url(https://discord.com/assets/9ecac67adfc57255096c.svg);
|
|
}
|
|
.icon__2cbfe.targetWebhook__337c7::before {
|
|
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
|
|
}
|
|
.icon__2cbfe.targetWidget__0ec3d::before {
|
|
-webkit-mask: url(https://discord.com/assets/fb3b404502ba18187ace.svg);
|
|
}
|
|
.icon__2cbfe.thread_a2b0da::before {
|
|
-webkit-mask: url(https://discord.com/assets/6960c3e51b7f0dcefcc0.svg);
|
|
}
|
|
|
|
#app-mount .card__39d1a {
|
|
border-color: var(--background-secondary-alt);
|
|
}
|
|
#app-mount .card__05cf8 {
|
|
border-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
#app-mount .card__81c50 {
|
|
box-shadow: var(--elevation-high);
|
|
}
|
|
.splashImage__70476[src="/assets/467602d632b5f9c1ce4b.svg"],
|
|
.splashImage__70476[src="/assets/d4d9f2bff23beec65b1f.svg"] {
|
|
background: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg) center/cover no-repeat;
|
|
opacity: .75;
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
#app-mount .background__092a0 {
|
|
color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierInProgress__549bc {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierHeaderLocked__0ca2e {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tierHeaderUnlocked__960f7 {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierCloseClose_a270d4 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierBody_fd5f94 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .tierCurrent_fc87b4 {
|
|
box-shadow: 0 4px 8px rgba(0,0,0,.24);
|
|
}
|
|
|
|
#app-mount .member__55269 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04);
|
|
}
|
|
#app-mount .member__55269 .name__7635a {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .member__55269 .tag__1a537 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .member__55269 .roleWrapper__0f174 {
|
|
color: rgba(var(--textbrightest_v),.8);
|
|
}
|
|
#app-mount .member__55269 .overflowIconFg__2b31c {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .member__55269 .ownerHelpIcon__021a4 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .to__23110 {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: 0 0 0 4px var(--background-secondary);
|
|
}
|
|
#app-mount .fromToWrapper__78a65 {
|
|
background: transparent;
|
|
}
|
|
#app-mount .fromToWrapper__78a65::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-mask: url(https://discord.com/assets/a2e6c7df5d20d1aeaacb.svg) 50% 0 no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .inviteSettingsInviteRow__130c9 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04);
|
|
}
|
|
|
|
#app-mount .bannedUser_f75842 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04);
|
|
}
|
|
#app-mount .bannedUser_f75842 .username_df97c3 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bannedUserModal__69750 .reasonHeader__88f91 {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
|
|
/* ~~~~ 11. MODALS ~~~~ */
|
|
|
|
#app-mount .root_a28985:not(.noBackground__96ddb),
|
|
#app-mount .modal__060da {
|
|
background-color: var(--background-primary);
|
|
border: none;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.3), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .rootWithShadow_d20cd6:not(.noShadow__28f32) {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.3), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .zoomedCarouselModalRoot__32ea8 {
|
|
background: transparent !important;
|
|
}
|
|
#app-mount .footer_e0b400,
|
|
#app-mount .footer_c33701 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .footerSeparator__2af8d {
|
|
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
|
|
#app-mount .modal_6GHvdM .tabBarContainer_b283be {
|
|
background: rgba(0,0,0,.2);
|
|
box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
|
|
}
|
|
|
|
#app-mount .content_def88d + .videoContainer__05638 {
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
}
|
|
#app-mount .testimonialContainer_de3f46 path[fill="#2B2D31"] {
|
|
fill: var(--background-secondary);
|
|
}
|
|
#app-mount .testimonialContainer_de3f46 .quotes__35cf8 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .separator__6f4af {
|
|
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3);
|
|
}
|
|
#app-mount .divider__4595d {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .message_a61af3 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .secondaryButton__0e13c {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .divider__65336 {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .backButtonColor__4cae5 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .checkboxLabel_a11995 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.1. USERMODAL ---- */
|
|
|
|
.emptyIcon__7b2a1 {
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 11.2. GUILDADD/CREATION ---- */
|
|
|
|
.container__9dd63 {
|
|
background-color: var(--background-secondary);
|
|
border: none;
|
|
}
|
|
.container__9dd63:hover {
|
|
background-color: var(--background-secondary-alt);
|
|
border: none;
|
|
}
|
|
.arrow__5e540 {
|
|
-webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.svg) center/cover no-repeat;
|
|
background: var(--text-normal);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
.input__0c568 {
|
|
background: transparent;
|
|
}
|
|
.inputInner__61a8f {
|
|
border: 1px solid var(--deprecated-text-input-border);
|
|
}
|
|
|
|
/* ---- 11.3. UPLOADMODAL ---- */
|
|
|
|
#app-mount .uploadModal__6eb75 {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .footer_f06dbb {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
|
|
/* ---- 11.4. KEYBOARDSHORTCUTSMODAL ---- */
|
|
|
|
#app-mount .keyboardShortcutsModal__44538 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .modalTitle__3df11 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .modalSubtitle_f39977 {
|
|
border: none;
|
|
box-shadow: var(--elevation-low);
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .keyboardShortcutList_a3e292 .keybindGroup__00ce0 .keybindDescription_c0b6a8 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .combo__57290 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .combo__57290 .key__6a8d9 {
|
|
background-color: var(--text-muted);
|
|
border: 1px solid rgba(0, 0, 0, .4);
|
|
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .4);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .combo__57290 .key__6a8d9:active {
|
|
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
|
|
border: 1px solid rgb(0, 0, 0);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.5. QUICKSWITCHER ---- */
|
|
|
|
#app-mount .emptyState_bdb86c {
|
|
background: transparent;
|
|
}
|
|
#app-mount .emptyState_bdb86c::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: url(https://discord.com/assets/c586aac99de98cfb010d.svg) center/100px no-repeat;
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 11.6. INVITEMODAL/GROUPCREATE ---- */
|
|
|
|
#app-mount .contentWrapper_f9bc93 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .friendSelected__98d91,
|
|
#app-mount .inviteRow_d6ad74:hover {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .friend__05c43,
|
|
#app-mount .inviteRowName__60057 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .footer__062a1,
|
|
#app-mount .footer_d84330 {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
.footerSeparator__41b43 {
|
|
display: none;
|
|
}
|
|
#app-mount .subtitle__6fbe4,
|
|
#app-mount .footerText_c9e226,
|
|
#app-mount .checkBoxLabel__873a9,
|
|
#app-mount .footerText_f55c0f,
|
|
#app-mount .subText_c87db8 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .errorState_c6cca2 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .notFriends__2c41d .errorStateIcon_c94ccf {
|
|
background-image: url(https://discord.com/assets/07aa1f325ebe8b8af5cb.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noFriends__65b07 .errorStateIcon_c94ccf {
|
|
background-image: url(https://discord.com/assets/adfe130868d2bcf467b5.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .partyFull__72cc0 .errorStateIcon_c94ccf {
|
|
background-image: url(https://discord.com/assets/53d74eda11a4185c1acd.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResults__003ea .errorStateIcon_c94ccf {
|
|
background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 11.7. LOGINSCREEN ---- */
|
|
|
|
.theme-dark.navRow_bb8efc,
|
|
.theme-light.navRow_bb8efc {
|
|
background: var(--background-secondary);
|
|
}
|
|
.subText__39b07 strong {
|
|
color: rgba(var(--textbright_v),.9);
|
|
}
|
|
|
|
/* ---- 11.8. DOWNLOADAPPMODAL ---- */
|
|
|
|
.downloadApps_f5dd09 {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.3), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
.downloadApps_f5dd09 .inner_bd2021 {
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.downloadApps_f5dd09 .header_e9a858 {
|
|
color: var(--text-normal);
|
|
}
|
|
.downloadApps_f5dd09 .footer__76f39 {
|
|
color: var(--text-muted);
|
|
}
|
|
.downloadApps_f5dd09 .header_e9a858 {
|
|
color: var(--text-normal);
|
|
}
|
|
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e {
|
|
border-color: var(--header-secondary);
|
|
}
|
|
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e p {
|
|
color: var(--header-secondary);
|
|
}
|
|
.downloadApps_f5dd09 .platforms_aed032 .platform__6450e .downloadButton__06261 {
|
|
background-color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.9. GUILDBOOSTMODAL ---- */
|
|
|
|
#app-mount .subscriberCount__6634d {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .subscriberCount__6634d strong {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .moreSubscribers__19189 {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary)
|
|
}
|
|
#app-mount .subscribersPopout__56ea5 {
|
|
background: var(--background-floating);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .subscribersPopoutUser__897f8 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.10. REACTIONSMODAL ---- */
|
|
|
|
#app-mount .container_f8ef5d,
|
|
#app-mount .reactors__0f305 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .remove__6bd0e {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .remove__6bd0e:hover {
|
|
color: var(--interactive-hover);
|
|
background: transparent;
|
|
}
|
|
#app-mount .remove__6bd0e:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .scroller__9a4f3 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .reactionSelected__16345 {
|
|
background-color: rgba(var(--backgroundaccent_v),.8);
|
|
}
|
|
#app-mount .reactionDefault_de3361:hover {
|
|
background-color: rgba(var(--backgroundaccent_v),.4);
|
|
}
|
|
#app-mount .reactorDefault__4b61e {
|
|
box-shadow: inset 0 -1px 0 rgba(var(--backgroundaccent_v),.3);
|
|
}
|
|
#app-mount .discriminator_ae757f {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 11.11. CHANGELOG ---- */
|
|
|
|
#app-mount .date__21306 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .content_dc3a33 ol,
|
|
#app-mount .content_dc3a33 p,
|
|
#app-mount .content_dc3a33 ul li,
|
|
#app-mount .content__71cd4 ol,
|
|
#app-mount .content__71cd4 p,
|
|
#app-mount .content__71cd4 ul li {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .content_dc3a33 ul li::before,
|
|
#app-mount .content__71cd4 ul li::before {
|
|
background-color: var(--text-normal);
|
|
}
|
|
#app-mount .video_adf527 {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .socialLink__69317 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .socialLink__69317:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .socialLink__69317:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
/* ---- 11.12. NOTIFICATIONSMODAL ---- */
|
|
|
|
#app-mount .channelName__4e10b {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .guildName__63225,
|
|
#app-mount .override_ca20c5,
|
|
#app-mount .overrideHighlight_d1476f {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .override_ca20c5:hover {
|
|
background-color: rgba(var(--backgroundtertiary_v),.1);
|
|
}
|
|
#app-mount .overrideHighlight_d1476f,
|
|
#app-mount .overrideHighlight_d1476f:hover {
|
|
background-color: rgba(var(--backgroundtertiary_v),.3);
|
|
}
|
|
#app-mount .checkboxContainer_d69195::before {
|
|
background-color: rgba(var(--backgroundtertiary_v),.6);
|
|
}
|
|
#app-mount .overridePlaceholder__8cd8a {
|
|
border: 1px dashed var(--background-floating);
|
|
}
|
|
|
|
/* ---- 11.13. PAYMENTMODAL ---- */
|
|
|
|
#app-mount .sectionHeader__9a59b {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .paypalInput_f004be,
|
|
#app-mount .paypalInput_f004be:focus,
|
|
#app-mount .paypalInput_f004be:hover {
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
|
|
#app-mount .description__51810 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .descriptionWrapper__75cd5 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .defaultIndicator_b89fc1 {
|
|
background-color: var(--text-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .premiumIndicator_a4b0ec {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .invalidIndicator_e1a221 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .summaryInfo__3df8a {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .payment_f27ac6 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .hoverablePayment__4ff3b:hover {
|
|
background-color: var(--background-vbackgroundtertiary);
|
|
}
|
|
#app-mount .paymentHeader__27aff {
|
|
color: var(--header-primary);
|
|
border-color: var(--text-muted);
|
|
}
|
|
#app-mount .expandedInfo_efc786 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .paymentText__55e50 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .giftIcon__75cfe {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .paymentPane__541d7 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .paginator__28ba5 {
|
|
background: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .bottomDivider_c85b47 {
|
|
border-bottom-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tab_b317f5 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .externalRowHeader_e723ce {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.14. CLOUDSYNCRESOLUTION ---- */
|
|
|
|
#app-mount .modal__659a5 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .conflictButton__68d05 {
|
|
background-color: var(--background-secondary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .conflictButton__68d05:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .title__14d9e {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .buttonBody__115b7 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .choiceLine__28287 {
|
|
background-color: rgba(var(--textdarkest_v),.6);
|
|
}
|
|
|
|
/* ---- 11.15. APPLICATIONINSTALLATIONMODAL ---- */
|
|
|
|
#app-mount .gameName__73a01 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .installSize__8450d {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .divider_d1c298 {
|
|
background-color: rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
#app-mount .premiumTerms_a72bfb {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 11.16. DISPATCHERROR ---- */
|
|
|
|
#app-mount .body__5be56 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .errorLabel__6018d {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .errorDetails_dab9b3 {
|
|
background: var(--background-secondary);
|
|
border-color: rgba(var(--backgroundsecondary_v),.3);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .closeLink__57354 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 11.17. HYPESQUADQUIZ ---- */
|
|
|
|
#app-mount .prompt__7ad7f {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .selectYourAnswer__3b311 {
|
|
color: var(--channels-default);
|
|
}
|
|
#app-mount .separator__954d9 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
|
|
/* ---- 11.18. SERVERAPPMODAL ---- */
|
|
|
|
#app-mount .directoryContainer__36395 {
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 12. POPOUTS ~~~~ */
|
|
|
|
#app-mount .content_c4204c {
|
|
background-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .leftArrow_da5928::before {
|
|
border-right-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .rightArrow__8c899::before {
|
|
border-left-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .contentNarrowNoMedia_f67a42.topArrow__154df::before,
|
|
#app-mount .contentWideNoMedia_b81248.topArrow__154df::before {
|
|
border-bottom-color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .background__2de27 {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
|
|
#app-mount .popoutLoadingForeground__1d922 {
|
|
background-image: linear-gradient(90deg, var(--background-tertiary),var(--background-accent),var(--background-tertiary));
|
|
}
|
|
|
|
/* ---- 12.1. USERPOPOUT ---- */
|
|
|
|
#app-mount .userPopoutOuter__3884e {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
.profileColors_ac6ab4 .mask_d5067d circle {
|
|
fill: transparent;
|
|
}
|
|
#app-mount .userProfileOuterThemed__1fbd7 ::-webkit-scrollbar-thumb {
|
|
background-color: var(--profile-gradient-secondary-color) !important;
|
|
}
|
|
|
|
#app-mount .wumpusTooltip_db70b7 {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .wumpusTooltip_db70b7::after {
|
|
border-color: transparent var(--background-tertiary) transparent transparent;
|
|
}
|
|
|
|
.role_d81130[style*="border-color: rgba(185, 187, 190, .6)"] {
|
|
border-color: rgba(var(--textbrighter_v), .6) !important;
|
|
}
|
|
.role_d81130 .roleCircle__61ad8[style*="background-color: rgb(185, 187, 190)"] {
|
|
background-color: rgb(var(--textbrighter_v)) !important;
|
|
}
|
|
.role_d81130 .roleCircle__61ad8[style*="background-color: rgb(185, 187, 190)"] path[fill] {
|
|
fill: rgb(var(--textdarkest_v)) !important;
|
|
}
|
|
|
|
/* ---- 12.2. EMOJIPICKER ---- */
|
|
|
|
#app-mount .wrapper_c307ba {
|
|
color: var(--text-muted);
|
|
}
|
|
.categoryItemDefaultCategory__6c3db:first-child,
|
|
.categoryItemDefaultCategory__6c3db:first-child + .categoryItemDefaultCategory__6c3db {
|
|
margin-bottom: 8px;
|
|
}
|
|
#app-mount .imageLoading_fb7de7 {
|
|
background: var(--background-tertiary);
|
|
border-radius: 10px;
|
|
}
|
|
.premiumPromoClose_bb9fb2 {
|
|
-webkit-mask: url(https://discord.com/assets/411dfecce0d7da63ea2b.svg) 50% 50% no-repeat;
|
|
background: var(--interactive-normal);
|
|
}
|
|
.premiumPromoClose_bb9fb2:hover {
|
|
background: var(--interactive-hover);
|
|
}
|
|
.premiumPromoClose_bb9fb2:active {
|
|
background: var(--interactive-active);
|
|
}
|
|
#app-mount .categoryItemDefaultCategorySelected__7d6e0 .categoryIcon_d0a396,
|
|
#app-mount .categoryItemDefaultCategorySelected__7d6e0:hover .categoryIcon_d0a396 {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
#app-mount .focused__79359,
|
|
#app-mount .result_e1fc74:hover {
|
|
box-shadow: 0 11px 22px 1px rgba(4,4,5,.3);
|
|
}
|
|
#app-mount .focused__79359::after,
|
|
#app-mount .result_e1fc74:hover::after {
|
|
box-shadow: inset 0 0 0 2px ,inset 0 0 0 3px var(--background-secondary);
|
|
}
|
|
#app-mount .placeholder__99206 {
|
|
background: rgba(var(--textdarkest_v),.6);
|
|
}
|
|
#app-mount .endContainer__4078a::after {
|
|
background-image: url(https://discord.com/assets/6836d88af9197cbd4cbb.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .endText__4af65 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyHintCard_cac1d9 {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .container_b1d738 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .header_def8e2 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3);
|
|
}
|
|
#app-mount .backButton_d9b964 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .backButton_d9b964:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .backButton_d9b964:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
/* ---- 12.3. SEARCHPOPOUT ---- */
|
|
|
|
#app-mount .searchAnswer__2ccaf,
|
|
#app-mount .searchFilter_dbda51 {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
.option__91497:hover {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .queryContainer_c1cb2f {
|
|
border-bottom-color: var(--background-modifier-accent);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .queryContainer_c1cb2f strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .focused__68b93 {
|
|
background-color: var(--background-modifier-active);
|
|
}
|
|
|
|
#app-mount .calendarPicker__47c85 .react-datepicker {
|
|
background: transparent;
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__header {
|
|
background-color: var(--background-floating);
|
|
border-color: rgba(var(--backgroundfloating_v),.2);
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__navigation {
|
|
background: transparent;
|
|
border-color: rgba(var(--textbrightest_v), .5);
|
|
top: 30px;
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__navigation::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) center/6px 12px no-repeat;
|
|
background-color: rgb(var(--textbrightest_v));
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__navigation--previous {
|
|
left: 30px;
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__navigation--next {
|
|
right: 30px;
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__current-month {
|
|
border-bottom-color: rgba(var(--backgroundfloating_v),.3);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next,
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous {
|
|
-webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) 50%/6px 12px no-repeat;
|
|
background: var(--interactive-normal);
|
|
border-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next:hover,
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous:hover {
|
|
background: var(--interactive-hover);
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next:active,
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous:active {
|
|
background: var(--interactive-active);
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__week:last-of-type .react-datepicker__day {
|
|
border-bottom-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__week .react-datepicker__day:last-of-type {
|
|
border-right-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__day-name {
|
|
color: rgba(var(--textbrightest_v),.6);
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__day {
|
|
border-top-color: var(--background-floating);
|
|
border-left-color: var(--background-floating);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected:hover,
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__day:hover {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__day {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--disabled,
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--disabled:hover {
|
|
background-color: var(--background-floating);
|
|
color: rgba(var(--textbrightest_v),.3);
|
|
cursor: no-drop;
|
|
}
|
|
#app-mount .calendarPicker__47c85 .react-datepicker__day--outside-month {
|
|
background-color: var(--background-tertiary);
|
|
color: rgba(var(--textbrightest_v),.3);
|
|
}
|
|
|
|
/* ---- 12.4. EVERYONEMENTION ---- */
|
|
|
|
.contentWarningPopout__84e38 .animation__60f8d {
|
|
opacity: 0.6;
|
|
}
|
|
#app-mount .footer__068c0 {
|
|
background-color: rgba(var(--backgroundtertiary_v),.4);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 12.5. CHANNELFOLLOW ---- */
|
|
|
|
#app-mount .header_ee0efd {
|
|
background: var(--background-tertiary);
|
|
}
|
|
#app-mount .header_ee0efd::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discord.com/assets/e9661fbf5e8e3a2e1ac9.svg) center/cover no-repeat;
|
|
}
|
|
|
|
/* ---- 12.6. CHANNELFOLLOWINFO ---- */
|
|
|
|
#app-mount .guildPopout_df13cd {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary_v),.6);
|
|
}
|
|
#app-mount .guildName_b46190 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .dotOffline__1bff9 {
|
|
background-color: var(--header-secondary);
|
|
}
|
|
#app-mount .placeholderSkeleton__78b80 {
|
|
background: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 12.7. STREAMPREVIEW ---- */
|
|
|
|
#app-mount .streamPreview__965fa {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .previewContainer__1e0bb {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
#app-mount .applicationName__15b86 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .watchButton__5a93d {
|
|
border-color: var(--text-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .watchButton__5a93d:not([disabled]):hover {
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .previewHover_f3fc8d {
|
|
background: rgba(0,0,0,.6);
|
|
}
|
|
|
|
/* ---- 12.8. ROLEOVERFLOW ---- */
|
|
|
|
#app-mount .overflowRolesPopoutHeaderText_e8785f {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .actionButton__96742 {
|
|
border-color: var(--header-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .overflowRolesPopout__03a09 {
|
|
color: rgba(var(--textbrightest_v),.8);
|
|
}
|
|
#app-mount .overflowRolesPopout__03a09,
|
|
#app-mount .overflowRolesPopoutArrow_de5244 {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary_v),.6);
|
|
}
|
|
|
|
/* ---- 12.9. PUBLICGUILDANNOUNCEMENT ---- */
|
|
|
|
#app-mount .popout__8e314 {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary_v),.6);
|
|
}
|
|
#app-mount .popout__8e314 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 12.10. QUICKSELECTPOPOUT ---- */
|
|
|
|
#app-mount .selectableItem__5e076 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .selectableItem__5e076:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .popoutList__292da {
|
|
background: var(--background-primary);
|
|
}
|
|
#app-mount .popoutListEmpty__04127 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .quickSelectArrow__5988b {
|
|
-webkit-mask: url(https://discord.com/assets/c4643b70509c385fcc83.svg) 50% no-repeat;
|
|
background: var(--interactive-normal);
|
|
}
|
|
#app-mount .quickSelectPopout__56a98 {
|
|
background: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .quickSelectPopoutOption_b852b1:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
|
|
/* ---- 12.11. RTCSTATUSPOPOUT ---- */
|
|
|
|
#app-mount .container__13b2a {
|
|
width: 290px;
|
|
}
|
|
#app-mount .container__13b2a canvas {
|
|
background-color: #36393f;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
#app-mount .container__13b2a section {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .container__13b2a section p {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container__13b2a section strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .debugButton__83d1b {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .krispLogo_d24d1f {
|
|
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.svg) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 12.12. PHONE-/EMAILVALIDATION ---- */
|
|
|
|
#app-mount .input__14d2f {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .phoneFieldPopout_a20b2f .countryName__0959f {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .phoneFieldPopout_a20b2f .countryCode__7f17e {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .activityInviteEducationArrow_ebc48e {
|
|
-webkit-mask: url(https://discord.com/assets/6f222b93b4b971e68613.svg) center/contain no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .emailVerificationModal_a12ecf .title_de0f4f {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .emailVerificationModal_a12ecf .body_fe5b0e {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .verification_ab2e30 .image__30914 {
|
|
background-image: url(https://discord.com/assets/8f8162ee689b2d85996c.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verification_ab2e30 .title_ef7dd4 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .verification_ab2e30 .body_b1ab5f,
|
|
#app-mount .verification_ab2e30 .footer_a3e9dc {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .verificationBlock__2ee71 {
|
|
border: 1px solid var(--background-tertiary);
|
|
}
|
|
#app-mount .verificationBlock__2ee71:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .verificationBlock__2ee71 .image__30914.email__44f2f {
|
|
background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verificationBlock__2ee71 .image__30914.phone__0b460 {
|
|
background-image: url(https://discord.com/assets/e9802d8cbd4efea22c7f.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verificationBlock__2ee71 .body_b1ab5f {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 12.13. WARNINGPOPOUT ---- */
|
|
|
|
#app-mount .contentWarningPopout__84e38 {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 2px 10px 0 rgba(var(--backgroundtertiary_v),.2);
|
|
}
|
|
#app-mount .body__86f4c {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .header__6f1b3 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 12.14. ADDROLE ---- */
|
|
|
|
#app-mount .container_b1d738 {
|
|
width: 300px;
|
|
}
|
|
#app-mount .autocompleteArrow__6156d,
|
|
#app-mount .header_def8e2 {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .container_b1d738 .input__1ed7f {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container_b1d738 .sectionTag__03ea5 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 13. BDSUPPORT ~~~~ */
|
|
|
|
html .toast,
|
|
html .bd-toast {
|
|
background-color: var(--background-floating);
|
|
box-shadow: var(--elevation-medium);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
html .bd-settings-group.collapsible .bd-settings-title:hover {
|
|
color: var(--text-normal);
|
|
cursor: pointer;
|
|
}
|
|
html .bd-settings-group.collapsible .bd-settings-title::before {
|
|
background-color: currentColor;
|
|
opacity: 0.2;
|
|
}
|
|
html .bd-settings-group.collapsible .bd-settings-title::after {
|
|
background-color: currentColor;
|
|
}
|
|
|
|
.bd-select {
|
|
border: 1px solid transparent;
|
|
padding: 8px 8px 8px 12px;
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.bd-slider-input {
|
|
background-color: var(--background-accent);
|
|
}
|
|
.bd-slider-input[type="range"]::-webkit-slider-thumb {
|
|
background-color: #fff;
|
|
border-color: var(--background-accent);
|
|
}
|
|
|
|
.bd-tab-item.selected:hover {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
|
|
.bd-error-modal-content {
|
|
padding: 0 10px 16px 10px;
|
|
}
|
|
|
|
#app-mount .fav {
|
|
background: var(--interactive-active);
|
|
width: 16px;
|
|
height: 16px;
|
|
padding: 0;
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star_empty.svg) center/contain no-repeat;
|
|
}
|
|
#app-mount .fav:hover,
|
|
#app-mount .fav.active {
|
|
background: #faa61a;
|
|
}
|
|
#app-mount .fav.active {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star.svg) center/contain no-repeat;
|
|
}
|
|
|
|
html .floating-window.resizable {
|
|
background: var(--background-tertiary);
|
|
border-radius: 3px;
|
|
}
|
|
html .floating-window-titlebar {
|
|
background: var(--background-tertiary);
|
|
border-bottom-color: var(--background-modifier-hover);
|
|
color: var(--header-primary);
|
|
width: unset;
|
|
height: 32px;
|
|
padding: 0;
|
|
}
|
|
html .floating-window-buttons,
|
|
html .floating-window-buttons .button {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0;
|
|
}
|
|
html .floating-window-buttons .button {
|
|
width: 32px;
|
|
}
|
|
html .floating-window-buttons .button:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--interactive-hover);
|
|
}
|
|
html .floating-window-buttons .close-button:hover {
|
|
background-color: rgb(var(--dangercolor_v));
|
|
color: var(--interactive-hover);
|
|
}
|
|
html .floating-window-buttons .button svg {
|
|
margin: 0;
|
|
}
|
|
html .floating-window-buttons .close-button svg path.fill,
|
|
html .floating-window-buttons .button:not(.close-button) svg path:not([fill]) {
|
|
fill: var(--interactive-normal);
|
|
}
|
|
html .floating-window-buttons .button:not(.close-button):hover svg path:not([fill]) {
|
|
fill: var(--interactive-hover);
|
|
}
|
|
html .floating-window-buttons .close-button:hover svg path.fill {
|
|
fill: #fff;
|
|
}
|
|
html .floating-window-content {
|
|
background: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
html #bd-editor-controls,
|
|
html .floating-window #bd-editor-controls {
|
|
box-shadow: unset;
|
|
height: 32px;
|
|
padding: 0;
|
|
}
|
|
html .controls-section,
|
|
html #bd-editor-controls button {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0;
|
|
}
|
|
html #bd-editor-controls button {
|
|
color: var(--interactive-normal);
|
|
border-radius: 0;
|
|
margin: 0;
|
|
width: 32px;
|
|
}
|
|
html #bd-editor-controls button:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--interactive-hover);
|
|
}
|
|
html #bd-editor-controls button path:not([fill]) {
|
|
fill: currentColor;
|
|
}
|
|
|
|
html #bd-editor-panel #bd-editor-controls {
|
|
background-color: var(--background-tertiary);
|
|
border-radius: 5px 5px 0 0;
|
|
overflow: hidden;
|
|
}
|
|
html #bd-editor-panel .editor-wrapper {
|
|
background-color: var(--background-secondary);
|
|
border-radius: 0 0 5px 5px;
|
|
overflow: hidden;
|
|
}
|
|
html .floating-window #bd-editor-panel .editor-wrapper:last-child {
|
|
border-radius: 0;
|
|
}
|
|
|
|
html .monaco-editor .minimap,
|
|
html .monaco-editor .decorationsOverviewRuler {
|
|
display: none;
|
|
}
|
|
|
|
html .monaco-editor,
|
|
html .monaco-editor-background,
|
|
html .monaco-editor .inputarea.ime-input,
|
|
html .monaco-editor .margin {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
html .monaco-editor,
|
|
html .monaco-editor .inputarea.ime-input {
|
|
color: var(--text-normal);
|
|
}
|
|
html .mtk9 {
|
|
color: var(--text-normal);
|
|
}
|
|
html .monaco-editor .line-numbers {
|
|
color: var(--channels-default);
|
|
}
|
|
html .monaco-editor .bracket-match {
|
|
border-color: var(--channels-default);
|
|
}
|
|
html .monaco-editor .lines-content .cigr {
|
|
box-shadow: 1px 0 0 0 var(--interactive-muted) inset;
|
|
}
|
|
html .monaco-editor .view-overlays .current-line {
|
|
border-color: var(--interactive-muted);
|
|
}
|
|
|
|
html .monaco-editor .selected-text {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
html .monaco-editor .focused .selected-text {
|
|
background-color: rgb(var(--mentioncolor, --warningcolor_v));
|
|
}
|
|
|
|
html .monaco-editor.rename-box {
|
|
background-color: var(--background-secondary) !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-editor.rename-box .rename-input {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--text-normal) !important;
|
|
}
|
|
html .monaco-editor .find-widget {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
color: var(--header-secondary);
|
|
}
|
|
html .monaco-editor .find-widget .monaco-sash {
|
|
background-color: var(--background-accent);
|
|
}
|
|
html .monaco-editor .find-widget .monaco-inputbox,
|
|
html .monaco-editor .find-widget .monaco-inputbox textarea {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--text-normal) !important;
|
|
}
|
|
html .monaco-editor .find-widget .button:not(.disabled):hover,
|
|
html .monaco-editor.hc-black .find-widget .button:not(.disabled):hover,
|
|
html .monaco-editor.vs-dark .find-widget .button:not(.disabled):hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
html .monaco-editor .monaco-editor-hover {
|
|
background-color: var(--background-secondary) !important;
|
|
border: unset !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-editor .monaco-editor-hover .hover-row:not(:first-child):not(:empty) {
|
|
border-color: var(--background-modifier-accent);
|
|
}
|
|
html .monaco-editor .monaco-editor-hover .hover-row .actions {
|
|
background-color: var(--background-floating);
|
|
}
|
|
html .monaco-editor .monaco-editor-hover .monaco-editor-hover-content[style*="max-height"] {
|
|
max-height: 300px !important;
|
|
}
|
|
|
|
html .monaco-quick-open-widget {
|
|
background-color: var(--background-secondary) !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-quick-open-widget input {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--text-normal) !important;
|
|
}
|
|
html .monaco-quick-open-widget .results-group {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
html .monaco-tree[class*="monaco-tree-instance"] .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-tree[class*="monaco-tree-instance"] .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) .results-group {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
|
|
html .monaco-editor .findOptionsWidget {
|
|
background-color: var(--background-secondary) !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
|
|
html .monaco-editor .peekview-widget .head {
|
|
background: var(--background-tertiary) !important;
|
|
}
|
|
html .monaco-editor .peekview-widget .head .peekview-title .filename {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-editor .peekview-widget .head .peekview-title .dirname {
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-editor .reference-zone-widget .ref-tree {
|
|
background: var(--background-secondary) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-list[class*="list_id"] .monaco-list-rows {
|
|
background: var(--background-secondary) !important;
|
|
}
|
|
html .monaco-list[class*="list_id"] .monaco-list-row {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
html .monaco-drag-image,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused:hover,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected:hover,
|
|
html .monaco-list[class*="list_id"]:focus .monaco-list-row.selected.focused,
|
|
html .monaco-list[class*="list_id"]:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused:hover,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected:hover,
|
|
html .monaco-list[class*="list_id"]:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) {
|
|
background: var(--background-primary) !important;
|
|
}
|
|
html .monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
|
|
background: var(--background-secondary) linear-gradient(0deg, rgba(var(--accentcolor_v), .1), rgba(var(--accentcolor_v), .1));
|
|
}
|
|
html .monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
|
|
html .monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
|
|
background: var(--background-secondary) linear-gradient(0deg, rgba(var(--accentcolor_v), .1), rgba(var(--accentcolor_v), .1));
|
|
}
|
|
html .monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
|
|
background: var(--background-primary) !important;
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
|
|
background: rgb(var(--mentioncolor, --warningcolor_v));
|
|
}
|
|
html .codicon-close,
|
|
html .codicon-remove-close,
|
|
html .codicon-x {
|
|
color: var(--interactive-normal) !important;
|
|
}
|
|
html .codicon-close:hover,
|
|
html .codicon-remove-close:hover,
|
|
html .codicon-x:hover {
|
|
color: var(--interactive-hover) !important;
|
|
}
|
|
|
|
html .monaco-menu .monaco-action-bar.vertical {
|
|
cursor: default;
|
|
background: var(--background-floating) !important;
|
|
border-radius: 4px;
|
|
box-shadow: var(--elevation-high);
|
|
box-sizing: border-box;
|
|
color: var(--text-normal) !important;
|
|
padding: 8px 6px;
|
|
height: auto;
|
|
max-height: calc(100vh - 32px);
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-label.separator {
|
|
border-bottom: 1px solid var(--background-modifier-accent) !important;
|
|
box-sizing: border-box;
|
|
margin: 4px;
|
|
padding: 0;
|
|
opacity: 1;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-color: var(--interactive-normal) !important;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
color: var(--interactive-normal) !important;
|
|
cursor: pointer;
|
|
margin: 2px 0;
|
|
padding: 6px 8px;
|
|
line-height: 18px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
box-sizing: border-box;
|
|
min-height: 32px;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item[style*="color: rgb(255, 255, 255)"],
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover {
|
|
border-color: #ffffff !important;
|
|
color: #ffffff !important;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item > * {
|
|
border-color: currentColor !important;
|
|
color: currentColor !important;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-label {
|
|
flex: 1 1 auto;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
font-size: unset;
|
|
line-height: unset;
|
|
text-overflow: ellipsis;
|
|
padding: unset;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .keybinding,
|
|
html .monaco-menu .monaco-action-bar.vertical .submenu-indicator {
|
|
font-size: unset;
|
|
line-height: unset;
|
|
padding-left: unset;
|
|
flex: 0 0 auto;
|
|
max-height: 18px;
|
|
margin-left: 8px;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .submenu-indicator.codicon::before {
|
|
margin-left: 0;
|
|
margin-right: -4px;
|
|
flex: 2 1 auto;
|
|
}
|
|
|
|
|
|
/* ~~~~ 14. POWERCORDSUPPORT ~~~~ */
|
|
|
|
html .powercord-toast-container {
|
|
--toast-background: var(--background-secondary);
|
|
--toast-header: var(--background-tertiary);
|
|
--toast-contents: var(--background-primary);
|
|
--toast-box-shadow: var(--elevation-stroke),var(--elevation-high);
|
|
--toast-border: transparent;
|
|
}
|
|
|
|
html .powercord-pc-icon {
|
|
margin-right: 4px;
|
|
}
|
|
html .powercord-pc-icon svg {
|
|
padding-right: 0;
|
|
width: 28px;
|
|
}
|
|
html .powercord-pc-icon::before {
|
|
background: var(--interactive-normal);
|
|
-webkit-mask: url('data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAcEAAAHBAgMAAABs1eh7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURQAAAK2trf///xHpVx0AAAACdFJOUwAQayTdXAAABbVJREFUeNrt3UFy8jgQQGFVL2aho+iUqjmJalYqnXISYAgmwbjVrcfkp30Av5I/2RhHMSnZtzx6QrcyPjYyKJ9BdJTjvFUsmC/Fziqikv8FR4MPKndYrwcVO6xfQWi2yk2xwYwU5A0jBDnoomyKFWZkpk7Bi5sgMVkFL2a8uGUkTo9BFwUv5vtipRnXFwddFLyY8WLBi9+Cqy/lghczXix4cdDFHxgXz9WMFwteHHRR8GLGiz8xDpxx4IwDZ+w4Y8cZG87YaMalp2PBi4M+OX5m7DhjC8ZgfFfGMmBGuUpRjPk6DIqxXKkoxus4QMaLFch4GQjJeMYiGU8jQRlPWijjaSgs4ycXy/gxFpjxwwtm/BgMzfhooz6DCcYH20LGB1swBmMw/rmMGWcsNOOzYsOLFS8mutjx4oqv/3mScd44zzEakGWKMVuUZxjFdO6UCUbbcsg8wWg7XUXPKLazR/SMxuWQWc9oXA5ZDIxzs9XCOAVpYpyCtDHOFG2MM1PHxjgxdYyME0Uj48RktTLqi1ZG9WQ1M6qLZkb16WFmVBfNjNqinVFbdGBUXgIcGJVF/W2ccTmk6G9Vjcshs/523Lgcsui/chi/0+q/VomtKPqvjtlWzPqvx8VWnHgEYHw2oX9aZVwOOfFEzrgc8tnzsX7Mobox/gRpfMb0LPh9X2J7xiRPi+2Qgx/jD5DG5ZBPGb/vzPjk7nnwHlJsT+7kQLEdcOiOjN/2VmzPCg8w3hsZn04eCW4hxfaQWQ4V23OH6sl4B1lsJ8chxu3+jI+1jwVvj5lxrYAcLLZnDs2XcTME41qBg4y3kMa/hxwNfo0BYrxxghhvBkExfkFRjNdRYIxeyyGzothpRqflkJqgy3JIURUbzOizHFLF6LIcUhd0WA4pymKDGT2WQyoZHZZDaoPm5ZCiLjaY0b4cUs1oXvLhFVzIaF3ykb2KwRiMwRiMwRiMfwij4IwZZyw0o1ux4VO14sVET9WOF48zZpwx04xeJ0fHiw0vev4Z15sx4YwJZ0w4o+CMgjMKzig0o1Mx0cWOFxterHgxvcEY2xvMVf58fME1p73BZ4cKEr8H+LX3Ofy9nAaSvyf/td87FMWMTx3+GytflDcopncoFvzCyhczfc15wb1VoieOT1H3z4AFZvSZOipGl6mTEgyp/Z/OAjN6QFZlUWhGO6T+P9cLzGiHrOqi0IxWyJl3VxSY0QpZJ4pCM9og597sMgn5zyzjNGSdZZyGvHnxLQPZb17uy0C2mxcYM5D189jUyaJMnogyO8QpSOPbwgpzPbVBVltRoOupBdL80rcCM05AVnyMiXY0M0owBmMwBmMwBmMwBmMw/kbGjDMWmlFdbHix4sVEFztebHix4kV7cOZlBOh11YFx5qUSKKRHcOblICCkC+PMS158If9ezngPmZYz3kH2vbnrxLiFbDPvtTWNse7N3bSiuDd33X5II9/ttCxnLHc7zasZN8W6dxFKK6bq3kWoryj2vU+TtmKqtr1Pk7qiWPc+TdKKk2Pv06SvKPa92wI3xtPu23aneSnjqVjLZqeylPH8M6h5u9OljKe9n0fV9+7vmnMxbXeaVzLKuL6fqu7d3yXvYt7udCXjpSjbnZaFjHLZ3XaneR3jad/nz+HdG/XkW6xPb9T7+mJZxviomJcxPirKMsaHy3qWMT4s5lWMD4uy6qA+XixVFh3Ux8W8ZqbuFNOiIe4UZc0Q9xa9lQUTdb94Trr//OLuwj5Z9QOzCd2iGEXXT+Qo/sJiQ4vykmKPovc28IvOa4rsCVleUmRPyIxP1vySE3LwxYqfHg0vdvz0GHyx0qcHCyk4pAwccuCQBYfMbwApPOTAIQsOmQMyIAMyIAMyIAMyIAMyIP/3kH8FZJyRARmQARmQARmQARmQARmQIORb/OEs4ZAJh0w4ZMIhEw6ZaEh45ZXgxY/D2hJ9WB139i9DGxh/HluS1wAAAABJRU5ErkJggg==') left/18px 18px no-repeat;
|
|
}
|
|
html .powercord-pc-icon:hover::before {
|
|
background: var(--interactive-hover);
|
|
}
|
|
html .powercord-pc-icon:active::before {
|
|
background: var(--interactive-active);
|
|
}
|
|
|
|
|
|
/* ~~~~ 15. PLUGINSUPPORT ~~~~ */
|
|
|
|
/* ---- 15.1. MEMBERCOUNT ---- */
|
|
|
|
#app-mount #MemberCount {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
/* ---- 15.2. CHANNELTABS ---- */
|
|
|
|
html #channelTabs-settingsMenu,
|
|
html .channelTabs-tabNav > div,
|
|
html .channelTabs-tab,
|
|
html .channelTabs-fav {
|
|
cursor: pointer;
|
|
}
|
|
html #channelTabs-settingsMenu:hover [fill]:not([fill="none"]),
|
|
html .channelTabs-tabContainer .channelTabs-tabNav > div:hover [fill]:not([fill="none"]),
|
|
html .channelTabs-tabContainer .channelTabs-newTab:hover [fill]:not([fill="none"]) {
|
|
fill: var(--header-primary);
|
|
}
|
|
html .channelTabs-tabContainer .channelTabs-tabNav > .channelTabs-tabNavClose:hover {
|
|
background: rgb(var(--dangercolor_v));
|
|
}
|
|
|
|
/* ---- 15.3. TYPINGINDICATOR ---- */
|
|
|
|
html .typingindicator-guild,
|
|
html .typingindicator-dms,
|
|
html .typingindicator-folder {
|
|
background: var(--background-tertiary);
|
|
border: 4px solid var(--background-tertiary);
|
|
border-right: unset;
|
|
box-shadow: unset;
|
|
right: 12px;
|
|
bottom: -5px;
|
|
padding: 2px 0;
|
|
}
|
|
html .wrapper__832f2 .typingindicator-guild,
|
|
html .typingindicator-folder {
|
|
background: var(--background-secondary);
|
|
border-color: var(--background-secondary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 16. WATERMARK ~~~~ */
|
|
|
|
html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9 {
|
|
display: block !important;
|
|
position: absolute !important;
|
|
max-width: unset !important;
|
|
min-width: unset !important;
|
|
width: 55px !important;
|
|
max-height: unset !important;
|
|
min-height: unset !important;
|
|
height: 16px !important;
|
|
margin: 0 !important;
|
|
padding: 3px 9px 3px !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
bottom: unset !important;
|
|
right: unset !important;
|
|
opacity: 1 !important;
|
|
visibility: visible !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9[style*="display: none"] {
|
|
display: none !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9 > * {
|
|
display: none !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::before,
|
|
html:only-child > head + body div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::after {
|
|
content: "" !important;
|
|
-webkit-mask: url('data:image/svg+xml; utf8, <svg width="55" height="19" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z" transform="translate(1 3)"></path></svg>') center/contain no-repeat !important;
|
|
width: 55px !important;
|
|
height: 19px !important;
|
|
display: inline !important;
|
|
position: absolute !important;
|
|
top: unset !important;
|
|
left: unset !important;
|
|
bottom: unset !important;
|
|
right: unset !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
visibility: visible !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
}
|
|
html:only-child > head + body > div#app-mount.appMount_c99875 > div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::before {
|
|
background: rgb(125,125,125) !important;
|
|
opacity: 0.5 !important;
|
|
}
|
|
html:only-child > head + body > div#app-mount.appMount_c99875 > div.typeWindows_e41dab.titleBar__710b0 > div.wordmark__5b8c9::after {
|
|
background: var(--text-muted) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > div.side_b4b3f6 > div.info__755e1 {
|
|
position: relative !important;
|
|
}
|
|
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > div.side_b4b3f6 > div.info__755e1::after {
|
|
content: "DiscordRecolor by" !important;
|
|
font-size: 12px !important;
|
|
color: var(--text-muted) !important;
|
|
cursor: pointer !important;
|
|
display: inline !important;
|
|
opacity: 1 !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
cursor: text !important;
|
|
visibility: visible !important;
|
|
position: relative !important;
|
|
top: unset !important;
|
|
left: unset !important;
|
|
bottom: unset !important;
|
|
right: unset !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
}
|
|
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer_f7d46a.baseLayer__2b890 + div.layer_f7d46a > div.standardSidebarView__12528 > div.sidebarRegion__36437 > div.sidebarRegionScroller__8113e.thin_b1c063.scrollerBase_f742b2.fade_ba0fa0 > nav.sidebar__02e8d > div.side_b4b3f6 > div.info__755e1::before {
|
|
content: "DevilBro" !important;
|
|
font-size: 12px !important;
|
|
font-weight: 600 !important;
|
|
color: rgb(var(--accentcolor_v)) !important;
|
|
display: inline !important;
|
|
opacity: 1 !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
cursor: pointer !important;
|
|
visibility: visible !important;
|
|
position: absolute !important;
|
|
top: unset !important;
|
|
left: 108px !important;
|
|
bottom: 8px !important;
|
|
right: unset !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
} |