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__6eb84),
|
|
.theme-dark:not(.userProfileOuterThemed__6eb84),
|
|
.theme-amoled:not(.userProfileOuterThemed__6eb84) {
|
|
--text-positive: rgb(var(--successcolor_v));
|
|
--text-warning: rgb(var(--warningcolor_v));
|
|
--text-danger: rgb(var(--dangercolor_v));
|
|
|
|
--info-positive-background: rgba(var(--successcolor_v),.1);
|
|
--info-positive-foreground: rgb(var(--successcolor_v));
|
|
--info-positive-text: #fff;
|
|
--info-warning-background: rgba(var(--warningcolor_v),.1);
|
|
--info-warning-foreground: rgb(var(--warningcolor_v));
|
|
--info-warning-text: #fff;
|
|
--info-danger-background: rgba(var(--dangercolor_v),.1);
|
|
--info-danger-foreground: rgb(var(--dangercolor_v));
|
|
--info-danger-text: #fff;
|
|
|
|
--status-positive: rgb(var(--successcolor_v));
|
|
--status-positive-background: rgb(var(--successcolor_v));
|
|
--status-positive-text: #fff;
|
|
--status-warning: rgb(var(--warningcolor_v));
|
|
--status-warning-background: rgb(var(--warningcolor_v));
|
|
--status-warning-text: #fff;
|
|
--status-danger: rgb(var(--dangercolor_v));
|
|
--status-danger-background: rgb(var(--dangercolor_v));
|
|
--status-danger-text: #fff;
|
|
|
|
--button-positive-background: rgba(var(--successcolor_v),.8);
|
|
--button-positive-background-hover: rgba(var(--successcolor_v),.9);
|
|
--button-positive-background-active: rgb(var(--successcolor_v));
|
|
--button-positive-background-disabled: rgba(var(--successcolor_v),.2);
|
|
--button-warning-background: rgba(var(--warningcolor_v),.8);
|
|
--button-warning-background-hover: rgba(var(--warningcolor_v),.9);
|
|
--button-warning-background-active: rgb(var(--warningcolor_v));
|
|
--button-warning-background-disabled: rgba(var(--warningcolor_v),.2);
|
|
--button-danger-background: rgba(var(--dangercolor_v),.8);
|
|
--button-danger-background-hover: rgba(var(--dangercolor_v),.9);
|
|
--button-danger-background-active: rgb(var(--dangercolor_v));
|
|
--button-danger-background-disabled: rgba(var(--dangercolor_v),.2);
|
|
--button-secondary-background: rgb(var(--textdarkest_v));
|
|
--button-secondary-background-hover: rgb(var(--textdarker_v));
|
|
--button-secondary-background-active: rgb(var(--textdark_v));
|
|
--button-secondary-background-disabled: rgb(var(--textdarkest_v));
|
|
|
|
--button-outline-positive-text: rgb(var(--successcolor_v)) !important;
|
|
--button-outline-positive-text-hover: rgb(var(--successcolor_v)) !important;
|
|
--button-outline-positive-text-active: rgb(var(--successcolor_v)) !important;
|
|
--button-outline-positive-background: transparent !important;
|
|
--button-outline-positive-background-hover: transparent !important;
|
|
--button-outline-positive-background-active: rgba(var(--successcolor_v),.1) !important;
|
|
--button-outline-positive-border: rgba(var(--successcolor_v),.1) !important;
|
|
--button-outline-positive-border-hover: rgba(var(--successcolor_v),.6) !important;
|
|
--button-outline-positive-border-active: rgb(var(--successcolor_v)) !important;
|
|
|
|
--button-outline-warning-text: rgb(var(--warningcolor_v)) !important;
|
|
--button-outline-warning-text-hover: rgb(var(--warningcolor_v)) !important;
|
|
--button-outline-warning-text-active: rgb(var(--warningcolor_v)) !important;
|
|
--button-outline-warning-background: transparent !important;
|
|
--button-outline-warning-background-hover: transparent !important;
|
|
--button-outline-warning-background-active: rgba(var(--warningcolor_v),.1) !important;
|
|
--button-outline-warning-border: rgba(var(--warningcolor_v),.1) !important;
|
|
--button-outline-warning-border-hover: rgba(var(--warningcolor_v),.6) !important;
|
|
--button-outline-warning-border-active: rgb(var(--warningcolor_v)) !important;
|
|
|
|
--button-outline-danger-text: rgb(var(--dangercolor_v)) !important;
|
|
--button-outline-danger-text-hover: rgb(var(--dangercolor_v)) !important;
|
|
--button-outline-danger-text-active: rgb(var(--dangercolor_v)) !important;
|
|
--button-outline-danger-background: transparent !important;
|
|
--button-outline-danger-background-hover: transparent !important;
|
|
--button-outline-danger-background-active: rgba(var(--dangercolor_v),.1) !important;
|
|
--button-outline-danger-border: rgba(var(--dangercolor_v),.1) !important;
|
|
--button-outline-danger-border-hover: rgba(var(--dangercolor_v),.6) !important;
|
|
--button-outline-danger-border-active: rgb(var(--dangercolor_v)) !important;
|
|
|
|
--button-outline-primary-text: rgb(var(--textbrightest_v)) !important;
|
|
--button-outline-primary-text-hover: rgb(var(--textbrightest_v)) !important;
|
|
--button-outline-primary-text-active: rgb(var(--textbrightest_v)) !important;
|
|
--button-outline-primary-background: transparent !important;
|
|
--button-outline-primary-background-hover: transparent !important;
|
|
--button-outline-primary-background-active: rgba(var(--textbrightest_v),.1) !important;
|
|
--button-outline-primary-border: rgba(var(--textbrightest_v),.1) !important;
|
|
--button-outline-primary-border-hover: rgba(var(--textbrightest_v),.6) !important;
|
|
--button-outline-primary-border-active: rgb(var(--textbrightest_v)) !important;
|
|
|
|
--header-primary: rgb(var(--textbrightest_v));
|
|
--header-secondary: rgb(var(--textbright_v));
|
|
--text-normal: rgb(var(--textbrighter_v));
|
|
--text-muted: rgb(var(--textdarker_v));
|
|
--channels-default: rgb(var(--textdark_v));
|
|
--channel-icon: rgb(var(--textdark_v));
|
|
|
|
--interactive-normal: rgb(var(--textbright_v));
|
|
--interactive-hover: rgb(var(--textbrighter_v));
|
|
--interactive-active: rgb(var(--textbrightest_v));
|
|
--interactive-muted: rgb(var(--textdarkest_v));
|
|
|
|
--home-background: rgb(var(--backgroundprimary_v));
|
|
|
|
--modal-background: rgb(var(--backgroundprimary_v));
|
|
--modal-footer-background: rgb(var(--backgroundsecondary_v));
|
|
|
|
--background-primary: rgb(var(--backgroundprimary_v));
|
|
--background-secondary: rgb(var(--backgroundsecondary_v));
|
|
--background-secondary-alt: rgb(var(--backgroundsecondaryalt_v));
|
|
--background-tertiary: rgb(var(--backgroundtertiary_v));
|
|
--background-accent: rgb(var(--backgroundaccent_v));
|
|
--background-floating: rgb(var(--backgroundfloating_v));
|
|
--background-mobile-primary: rgb(var(--backgroundprimary_v));
|
|
--background-mobile-secondary: rgb(var(--backgroundsecondary_v));
|
|
|
|
--background-modifier-hover: rgba(var(--backgroundaccent_v),.3);
|
|
--background-modifier-active: rgba(var(--backgroundaccent_v),.4);
|
|
--background-modifier-selected: rgba(var(--backgroundaccent_v),.6);
|
|
--background-modifier-accent: rgba(var(--textdark_v),.1);
|
|
|
|
--background-mentioned: rgba(var(--mentioncolor, --warningcolor_v),.05);
|
|
--background-mentioned-hover: rgba(var(--mentioncolor, --warningcolor_v),.08);
|
|
--background-mentioned-accent: rgb(var(--mentioncolor, --warningcolor_v));
|
|
|
|
--background-message-hover: rgba(var(--backgroundfloating_v),.15);
|
|
--background-message-automod: rgba(var(--dangercolor_v),.05);
|
|
--background-message-automod-hover: rgba(var(--dangercolor_v),.1);
|
|
|
|
--scrollbar-thin-thumb: rgb(var(--backgroundtertiary_v));
|
|
--scrollbar-thin-track: transparent;
|
|
--scrollbar-auto-thumb: rgb(var(--backgroundtertiary_v));
|
|
--scrollbar-auto-track: rgb(var(--backgroundsecondary_v));
|
|
--scrollbar-auto-scrollbar-color-thumb: rgb(var(--backgroundtertiary_v));
|
|
--scrollbar-auto-scrollbar-color-track: rgb(var(--backgroundsecondary_v));
|
|
|
|
--elevation-stroke: 0 0 0 1px rgba(6,6,7,.08);
|
|
--elevation-low: 0 1px 0 rgba(6,6,7,.1), 0 1.5px 0 rgba(6,6,7,.25), 0 2px 0 rgba(6,6,7,.025);
|
|
--elevation-medium: 0 4px 4px rgba(0,0,0,.08);
|
|
--elevation-high: 0 8px 16px rgba(0,0,0,.16);
|
|
|
|
--logo-primary: rgb(var(--accentcolor_v));
|
|
|
|
--focus-primary: rgb(var(--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__75cba, #app-mount .elevationLow__2b6de, .lightElevationLow__6c965 {
|
|
box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .elevationHigh__80ea8, #app-mount .elevationHigh__312fd, .lightElevationHigh__1513c {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .elevationBorderLow__610e6, #app-mount .elevationBorderLow__1fa50, .lightElevationBorderLow_c9bfa0 {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .elevationBorderHigh_f9a758, #app-mount .elevationBorderHigh__39dae, .lightElevationBorderHigh_a30b06, .darkElevationBorderHigh__63ac9 {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .bubble_f48089 {
|
|
background-color: var(--background-floating);
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .bubble_f48089::before {
|
|
border: 5px solid transparent;
|
|
border-top-color: var(--background-floating);
|
|
}
|
|
|
|
#app-mount .card_dc88cd::before {
|
|
background-color: var(--background-primary);
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .button__71a0f {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .button__71a0f:hover {
|
|
background-color: var(--background-accent);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .text__50cf3 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .editIcon__29477 {
|
|
-webkit-mask: url(https://discord.com/assets/c87be216431a35927431.svg);
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .scrollbarGhost__6f715::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .scrollbarGhost__6f715::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-thin-track);
|
|
border-color: transparent;
|
|
border-width: initial;
|
|
}
|
|
#app-mount .scrollbarGhostHairline_c9a45f::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
border-radius: 2px;
|
|
cursor: move;
|
|
}
|
|
#app-mount .scrollbarDefault_fec5d4::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-auto-thumb);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .scrollbarDefault_fec5d4::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-auto-track);
|
|
border-color: transparent;
|
|
}
|
|
|
|
#app-mount .breadcrumbWrapper__34bfa {
|
|
color: rgba(var(--textbrightest_v),.3);
|
|
}
|
|
#app-mount .activeBreadcrumb__7e753 {
|
|
color: rgba(var(--textbrightest_v),.6);
|
|
}
|
|
|
|
html .iconBadge__2abac {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 1.1. TEXT ---- */
|
|
|
|
#app-mount h1.title__10613,
|
|
#app-mount h2.title__10613 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount h3.title__10613 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount h4.title__10613,
|
|
#app-mount h5.title__10613,
|
|
#app-mount h6.title__10613 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .text__1c14c,
|
|
#app-mount .title__627cf {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .title__10613 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .markdown_e76780 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .markdown_e76780 th {
|
|
background-color: var(--background-tertiary);
|
|
border-color: var(--interactive-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .markdown_e76780 td {
|
|
border-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .markdown_e76780 tr {
|
|
border-color: var(--interactive-muted);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .markdown_e76780 tr:nth-child(2n) {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .markdown_e76780 .blockquote__6da42 {
|
|
border-left-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .markdown_e76780 code {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .markdown_e76780 .codeInline__96ffa {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 1.2. BUTTONS ---- */
|
|
|
|
#app-mount .lookInverted_ee4261.colorPrimary__6ed40 .spinnerItem_c07231 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .lookOutlined__46d54.colorPrimary__6ed40 .spinnerItem_c07231,
|
|
#app-mount .lookLink__93965.colorPrimary__6ed40 .spinnerItem_c07231 {
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookFilled__19298.colorPrimary__6ed40:hover,
|
|
#app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
|
|
background-image: linear-gradient(0deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .15));
|
|
}
|
|
#app-mount .lookFilled__19298.colorPrimary__6ed40:active,
|
|
#app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:active {
|
|
background-image: linear-gradient(0deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3));
|
|
}
|
|
#app-mount .lookFilled__19298.colorPrimary__6ed40,
|
|
#app-mount .lookFilled__19298.colorPrimary__6ed40:disabled {
|
|
background-color: var(--background-accent);
|
|
color: #FFF;
|
|
}
|
|
|
|
#app-mount .lookInverted_ee4261.colorPrimary__6ed40:hover,
|
|
#app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
|
|
}
|
|
#app-mount .lookInverted_ee4261.colorPrimary__6ed40:active,
|
|
#app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c:active {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
|
|
}
|
|
#app-mount .lookInverted_ee4261.colorPrimary__6ed40,
|
|
#app-mount .lookInverted_ee4261.colorPrimary__6ed40:disabled {
|
|
background-color: #FFF;
|
|
color: var(--background-accent);
|
|
}
|
|
|
|
#app-mount .lookOutlined__46d54.colorPrimary__6ed40:hover,
|
|
#app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
|
|
border-color: rgba(var(--textbrightest_v), .6);
|
|
}
|
|
#app-mount .lookOutlined__46d54.colorPrimary__6ed40:active,
|
|
#app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:active {
|
|
background-color: rgba(var(--textbrightest_v), .1);
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .lookOutlined__46d54.colorPrimary__6ed40,
|
|
#app-mount .lookOutlined__46d54.colorPrimary__6ed40:disabled {
|
|
border-color: rgba(var(--textbrightest_v), .1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookLink__93965.colorPrimary__6ed40 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .lookLink__93965.colorPrimary__6ed40:hover .contents_fb6220,
|
|
#app-mount .lookLink__93965.hoverPrimary__3e6c3.hasHover__3ab8c:hover .contents_fb6220 {
|
|
--button--underline-color: var(--header-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .borderPrimary__60ecd {
|
|
border-color: var(--header-primary) !important;
|
|
}
|
|
|
|
#app-mount .lookInverted_ee4261.colorTransparent__4c280 .spinnerItem_c07231 {
|
|
background-color: rgba(var(--textbrightest_v),.1);
|
|
}
|
|
#app-mount .lookFilled__19298.colorTransparent__4c280 .spinnerItem_c07231,
|
|
#app-mount .lookOutlined__46d54.colorTransparent__4c280 .spinnerItem_c07231,
|
|
#app-mount .lookLink__93965.colorTransparent__4c280 .spinnerItem_c07231 {
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookFilled__19298.colorTransparent__4c280:hover,
|
|
#app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
|
|
background-color: rgba(var(--textbrightest_v),.05);
|
|
}
|
|
#app-mount .lookFilled__19298.colorTransparent__4c280:active,
|
|
#app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:active {
|
|
background-color: rgba(var(--textbrightest_v),.01);
|
|
}
|
|
#app-mount .lookFilled__19298.colorTransparent__4c280,
|
|
#app-mount .lookFilled__19298.colorTransparent__4c280:disabled {
|
|
background-color: rgba(var(--textbrightest_v),.1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookInverted_ee4261.colorTransparent__4c280:hover,
|
|
#app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
|
|
background-color: rgba(var(--textbrightest_v),.05);
|
|
}
|
|
#app-mount .lookInverted_ee4261.colorTransparent__4c280:active,
|
|
#app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:active {
|
|
background-color: rgba(var(--textbrightest_v),.1);
|
|
}
|
|
#app-mount .lookInverted_ee4261.colorTransparent__4c280,
|
|
#app-mount .lookInverted_ee4261.colorTransparent__4c280:disabled {
|
|
background-color: var(--header-primary);
|
|
color: rgba(var(--textbrightest_v),.1);
|
|
}
|
|
|
|
#app-mount .lookOutlined__46d54.colorTransparent__4c280:hover,
|
|
#app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
|
|
background-color: rgba(var(--textbrighter_v),.1);
|
|
border-color: var(--interactive-hover);
|
|
}
|
|
#app-mount .lookOutlined__46d54.colorTransparent__4c280:active,
|
|
#app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:active {
|
|
background-color: rgba(var(--textbrightest_v),.1);
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .lookOutlined__46d54.colorTransparent__4c280,
|
|
#app-mount .lookOutlined__46d54.colorTransparent__4c280:disabled {
|
|
background-color: transparent;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#app-mount .lookLink__93965.colorTransparent__4c280 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .lookLink__93965.colorTransparent__4c280:hover .contents_fb6220,
|
|
#app-mount .lookLink__93965.hoverTransparent_a4eefd.hasHover__3ab8c:hover .contents_fb6220 {
|
|
--button--underline-color: var(--text-normal);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#app-mount .borderTransparent__2cdc8 {
|
|
border-color: var(--text-normal) !important;
|
|
}
|
|
|
|
/* ---- 1.3. INPUTS ---- */
|
|
|
|
.container__871ba {
|
|
background-color: var(--text-muted) !important;
|
|
}
|
|
.container__871ba path[fill] {
|
|
fill: var(--text-muted) !important;
|
|
}
|
|
|
|
#app-mount .prefixInput__38dcc {
|
|
background-color: rgba(0,0,0,.1);
|
|
border-color: rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .prefixInput__38dcc:hover {
|
|
border-color: rgba(0,0,0,.6);
|
|
}
|
|
#app-mount .prefixInputInput_b11731 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .prefixInputInput_b11731::-webkit-input-placeholder,
|
|
#app-mount .prefixInputInput_b11731::-moz-placeholder,
|
|
#app-mount .prefixInputInput_b11731:-ms-input-placeholder,
|
|
#app-mount .prefixInputInput_b11731::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .prefixInputPrefix__7a021 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b {
|
|
background: rgb(var(--accentcolor_v));
|
|
color: #fff;
|
|
}
|
|
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b .radioIconForeground__99b9b {
|
|
color: #fff;
|
|
}
|
|
#app-mount .item_b7fb7e .radioBar__40e1b[style*="--radio-bar-accent-color"] {
|
|
background: var(--radio-bar-accent-color);
|
|
border: unset;
|
|
color: #fff;
|
|
}
|
|
#app-mount .item_b7fb7e[aria-checked=false]:hover .radioBar__40e1b[style*="--radio-bar-accent-color"] {
|
|
background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2));
|
|
}
|
|
|
|
.lookFilled__3dba3.select__0eb48 {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
.searchInput_e1c8d3 {
|
|
background-color: transparent;
|
|
}
|
|
.lookFilled__3dba3.select__0eb48:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
|
|
#app-mount .container__0c807 {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
#app-mount .container__0c807:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
|
|
#app-mount .checkbox_c7f690 {
|
|
border-color: var(--text-muted);
|
|
}
|
|
#app-mount .checkbox_c7f690.checked__24ad6[style*="border-color: rgb(79, 84, 92)"],
|
|
#app-mount .checkbox_c7f690.checked__24ad6:not([style*="border-color:"]):not([style*="background-color:"]) {
|
|
background-color: rgb(var(--accentcolor_v)) !important;
|
|
border-color: rgb(var(--accentcolor_v)) !important;
|
|
}
|
|
#app-mount .checkbox_c7f690.checked__24ad6[style*="border-color: rgb(79, 84, 92)"] path,
|
|
#app-mount .checkbox_c7f690.checked__24ad6:not([style*="border-color:"]):not([style*="background-color:"]) path {
|
|
fill: #fff;
|
|
}
|
|
|
|
#app-mount .maxLength_f4921c {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .copyInput_c1c679 {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
}
|
|
#app-mount .copyInputDefault__8ac9f {
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
#app-mount .hiddenMessage__19ef2,
|
|
#app-mount .inputDefault__0d65a {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .hiddenMessage__19ef2::placeholder,
|
|
#app-mount .inputDefault__0d65a::placeholder {
|
|
color: rgba(var(--textbrightest_v),.3);
|
|
}
|
|
|
|
#app-mount .grabber_d2868c {
|
|
background-color: #fff;
|
|
border-color: var(--background-accent);
|
|
}
|
|
#app-mount .bar_e58961 {
|
|
background: var(--background-accent);
|
|
}
|
|
#app-mount .markValue_e7a6e4 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .markDash_dc3ae9 {
|
|
background: var(--background-accent);
|
|
}
|
|
|
|
.select__55f87 [class*="css-"][class*="-control"] {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
color: var(--text-normal);
|
|
}
|
|
.select__55f87 [class*="css-"][class*="-control"]:hover,
|
|
.select__55f87 [class*="css-"][class*="-control"]:not(:last-child) {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
.select__55f87.languageSelector__4961a [class*="css-"][class*="-control"] {
|
|
background-color: var(--background-tertiary);
|
|
border: none;
|
|
}
|
|
.select__55f87 [class*="css-"][class*="-singleValue"],
|
|
.select__55f87 [class*="css-"][class*="-placeholder"],
|
|
.select__55f87 [class*="css-"][class*="-indicatorContainer"] {
|
|
color: var(--text-normal);
|
|
}
|
|
.css-1gfjib6-option,
|
|
.css-1yz4bi9-option,
|
|
.css-ru8b0x-option,
|
|
.css-1yz4bi9-option {
|
|
background-color: rgba(var(--transparencycolor), .1);
|
|
color: var(--interactive-normal);
|
|
}
|
|
.css-pkcurw-option,
|
|
.css-rzbxvl-option,
|
|
.css-1qxn4c5-option,
|
|
.css-rzbxvl-option {
|
|
background-color: var(--background-secondary);
|
|
color: var(--interactive-hover);
|
|
}
|
|
.css-1gxgi19-option,
|
|
.css-1ba14n5-option,
|
|
.css-6qzljd-option,
|
|
.css-1ba14n5-option {
|
|
background-color: var(--background-primary);
|
|
color: var(--interactive-active);
|
|
}
|
|
.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
|
|
background-color: var(--background-tertiary);
|
|
border-color: var(--background-tertiary);
|
|
box-shadow: var(--elevation-high);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:hover:not(.disabled__85bca),
|
|
.topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:hover:not(.disabled__85bca) {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
|
|
#app-mount .customColorPicker__3cb6a {
|
|
background: var(--background-primary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* ---- 1.4. SEARCHBARS ---- */
|
|
|
|
#app-mount .searchBox_a63854 {
|
|
background-color: var(--background-accent);
|
|
box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .searchBox_a63854 .searchBoxInput__73c9c::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .searchIcon_e60ea8 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .filterLabel__3412d {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 1.5. IMAGES ---- */
|
|
|
|
#app-mount .image__0cdbe {
|
|
background-image: url(https://discord.com/assets/5420f8fd9d89897c6448.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
#app-mount .invalidPoop__03aa3 {
|
|
background-color: rgba(var(--backgroundaccent_v),.6);
|
|
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .sadImage_e4e5ab {
|
|
background-image: url(https://discord.com/assets/746284e4cfc7cd6c5e15.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .cancelImage__688be {
|
|
background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
#app-mount .emptyWumpus__67af4 {
|
|
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .authenticationRequiredImage__92ba7 {
|
|
background-image: url(https://discord.com/assets/ac36a2fad758d64ffbfb.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .authenticationSuccessImage_b1a74c {
|
|
background-image: url(https://discord.com/assets/22a55a08151860da8500.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .authenticationFailImage-3DXXvB {
|
|
background-image: url(https://discord.com/assets/5fc4852a2acb3abf0a64.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .conflictUploadArt_c68c28 {
|
|
background-image: url(https://discord.com/assets/27f92332674f9dacc1e9.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .conflictDownloadArt__87c31 {
|
|
background-image: url(https://discord.com/assets/f6bc645aead00959a690.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .errorArt__7d1bf {
|
|
background-image: url(https://discord.com/assets/c00cfaed1382bf7f33d4.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .searchIndexBackground__14e66 {
|
|
background-image: url(https://discord.com/assets/1876c6a6db747137a124.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .resultsBlockedImage_e4bcd7 {
|
|
background-image: url(https://discord.com/assets/83720a1a3ec0963a1f71.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResultsImage__08760 {
|
|
background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResultsImage__08760.alt__77d89 {
|
|
background-image: url(https://discord.com/assets/99d35a435f00582ddf41.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .errorImage__416df {
|
|
background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .emptyStateImage__3e0a5 {
|
|
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .wrapper__246a1 {
|
|
background-image: url(https://discord.com/assets/14223d22c9628be36fc0.svg);
|
|
}
|
|
#app-mount .image_dabcb8 {
|
|
background-image: url(https://discord.com/assets/72eaa596042042be6259.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .gameIcon__90c32 {
|
|
background-color: rgba(var(--textbrightest_v), .1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .noResults_c99c73 {
|
|
background-image: url(https://discord.com/assets/c586aac99de98cfb010d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .art_ba4492 {
|
|
background-image: url(https://discord.com/assets/1a8d1cce8efe66c22c6d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .art__773bf {
|
|
background-image: url(https://discord.com/assets/29306de8953471954035.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageUnverified_fc0bf0 {
|
|
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageUpgrade__02fcc {
|
|
background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg);
|
|
}
|
|
#app-mount .imageCancel_e3036f {
|
|
background-image: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
|
|
}
|
|
#app-mount .imageUnclaimed__3f7ec {
|
|
background-image: url(https://discord.com/assets/41675689ca055858e137.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .imageUnverified__6dc24 {
|
|
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .emptyPreviewImage__86ba2 {
|
|
background-image: url(https://discord.com/assets/3a354aac283f909d403d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.fullArt_a1e55d,
|
|
.fullArt_cba315 {
|
|
opacity: .5;
|
|
}
|
|
|
|
.image__0a0fc {
|
|
opacity: .5;
|
|
}
|
|
.image__0a0fc[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] {
|
|
background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important;
|
|
}
|
|
|
|
.image__98a59 {
|
|
opacity: .5;
|
|
}
|
|
.image__98a59[style*='url("/assets/d6dfb89ab06b62044dbb.svg")'] {
|
|
background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg) !important;
|
|
}
|
|
.image__98a59[style*='url("/assets/75081bdaad2d359c1469.svg")'] {
|
|
background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg) !important;
|
|
}
|
|
|
|
.image__98a59[style*='url("/assets/0629e34902ae58f8e4ca.svg")'] {
|
|
background-image: url(https://discord.com/assets/24aa06be5457e66bdd64.svg) !important;
|
|
}
|
|
.image__98a59[style*='url("/assets/5741692705ba077f4190.svg")'] {
|
|
background-image: url(https://discord.com/assets/bca918618b884a382ab5.svg) !important;
|
|
}
|
|
.image__98a59[style*='url("/assets/a72746e7108167af95c8.svg")'] {
|
|
background-image: url(https://discord.com/assets/01864c39871ce619d855.svg) !important;
|
|
}
|
|
.image__98a59[style*='url("/assets/ee4637f8627629dd0da5.svg")'] {
|
|
background-image: url(https://discord.com/assets/532f1d4582d881960783.svg) !important;
|
|
}
|
|
|
|
.image__98a59[style*='url("/assets/c8be48745cf680093019.svg")'] {
|
|
background-image: url(https://discord.com/assets/295da3fc92e2adb1b852.svg) !important;
|
|
}
|
|
.image__98a59[style*='url("/assets/5e3480eff150b1cb323e.svg")'] {
|
|
background-image: url(https://discord.com/assets/cf8f9096a9322f2ae0d7.svg) !important;
|
|
}
|
|
.emptyStateImage__36649 {
|
|
opacity: .5;
|
|
}
|
|
.emptyStateImage__36649[src='/assets/39e3f389716400ced39a.svg'] {
|
|
background-image: url(https://discord.com/assets/1bb2be01aece015602f7.svg);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
.image__98a59[style*='url("/assets/c65431f185feb7b00749.svg")'] {
|
|
background-image: url(https://discord.com/assets/cdc3f4f6fbf3a0f0766f.svg) !important;
|
|
}
|
|
.image__98a59[style*='url("/assets/a1b0a14d2f22c155a2b3.svg")'] {
|
|
background-image: url(https://discord.com/assets/c7c4065874955761be3b.svg) !important;
|
|
}
|
|
|
|
img[src='/assets/73984240bd99493de947.svg'] {
|
|
background-image: url(https://discord.com/assets/c1875fc8a42a61903ba1.svg);
|
|
opacity: .5;
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
img[src='/assets/387a7c504c96b992872d.svg'] {
|
|
background-image: url(https://discord.com/assets/1964f50ca0220e98dc32.svg);
|
|
opacity: .5;
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
#app-mount .footerImage__21e33 {
|
|
background-image: url(https://discord.com/assets/a4bee30fe0b5a0f5b3c7.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageError__77b3e {
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .emptyImage__66bed {
|
|
background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .missingEntitlementImage_c06466 {
|
|
background-image: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image__81490 {
|
|
background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image__25781 {
|
|
background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image__1990e {
|
|
background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image__88b66 {
|
|
background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ~~~~ 2. GUIDLIST ~~~~ */
|
|
|
|
#app-mount .folder__17546.hover__043de,
|
|
#app-mount .childWrapper__01b9c,
|
|
#app-mount .circleIconButton_d8df29 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .folder__17546,
|
|
#app-mount .expandedFolderBackground__1bec6 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c,
|
|
#app-mount .wrapper_d281dd:hover .childWrapper__01b9c {
|
|
background-color: var(--brand-experiment);
|
|
}
|
|
#app-mount .circleIconButton_d8df29.selected__5250e {
|
|
background-color: var(--green-360);
|
|
}
|
|
|
|
/* ~~~~ 3. CHANNELLIST ~~~~ */
|
|
|
|
/* ---- 3.1. GUILDHEADER ---- */
|
|
|
|
/* ---- 3.2. CHANNELS ---- */
|
|
|
|
#app-mount .icon_d1127b {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyUser__30125 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .moreUsers__03ae5 {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .streamPreview__1846c {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .previewContainer_bb1924 {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .watchButton__0d283 {
|
|
border-color: var(--header-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .watchButton__0d283:not([disabled]):hover {
|
|
border-color: var(--header-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 3.3. DMCHANNELS ---- */
|
|
|
|
.selected_d94cf9,
|
|
.selected_d94cf9:focus-within,
|
|
.selected_d94cf9:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 3.4. ACCOUNT/VOICE/GOLIVE ---- */
|
|
|
|
#app-mount .userList_a7e652::before {
|
|
background-color: var(--background-secondary);
|
|
border-color: transparent var(--background-tertiary) var(--background-tertiary) transparent;
|
|
}
|
|
#app-mount .header_d78164 {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .content_d4ef39 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .username_c18dfc {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .discriminator_ec2746 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
|
|
/* ~~~~ 4. CHAT ~~~~ */
|
|
|
|
.mainTableContainer__5ffe0 {
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
/* ---- 4.1. CHANNELHEADER ---- */
|
|
|
|
#app-mount .container__11d72.themed_b152d4 {
|
|
box-shadow: var(--elevation-low);
|
|
}
|
|
|
|
#app-mount .children__32014::after {
|
|
background: linear-gradient(90deg, transparent 0,var(--background-primary));
|
|
}
|
|
|
|
#app-mount .back__8b3a3 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .back__8b3a3:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .back__8b3a3:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .cloud__901e3 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 4.2. MESSAGES ---- */
|
|
|
|
.noChannel__7bbff {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.content__1a4fe::before {
|
|
display: none;
|
|
}
|
|
#app-mount .background_e80d5a,
|
|
#app-mount .container_b181b6,
|
|
#app-mount .container__10dc7,
|
|
#app-mount .header__60bef,
|
|
#app-mount .container__7590f {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .background_e80d5a .container__92dc8,
|
|
#app-mount .background_e80d5a .container_acafc1,
|
|
#app-mount .background_e80d5a .container_f55cad,
|
|
#app-mount .background_e80d5a .icon_f71c55,
|
|
#app-mount .background_e80d5a .containerCard__30250,
|
|
#app-mount .background_e80d5a .containerCard__30250:hover,
|
|
#app-mount .background_e80d5a .interactiveCard_d5a839,
|
|
#app-mount .background_e80d5a .emptyStateContainer__3c229,
|
|
#app-mount .background_e80d5a .card_d4f6c7,
|
|
#app-mount .container_b181b6 .mainCard__8a660,
|
|
#app-mount .container_b181b6 .sidebarCard__44447,
|
|
#app-mount .container__10dc7 .channelRow__96673 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .action_c957d9,
|
|
#app-mount .row__70f4c {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .background_e80d5a .icon_f71c55 {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
@media (max-width: 1300px) {
|
|
.container_acafc1,
|
|
.container_f55cad {
|
|
background: none !important;
|
|
}
|
|
}
|
|
#app-mount .background_e80d5a .containerCard__30250 {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .background_e80d5a .container__16581:hover,
|
|
#app-mount .container_b181b6 .pill_f055c3,
|
|
#app-mount .container__10dc7 .channelRow__96673:hover {
|
|
background: var(--background-tertiary);
|
|
}
|
|
#app-mount .textContentFooter__5a630 {
|
|
background: linear-gradient(0deg, rgba(var(--backgroundsecondary_v), 1), rgba(var(--backgroundsecondary_v), .97) 36px, rgba(var(--backgroundsecondary_v), .4));
|
|
}
|
|
|
|
#app-mount .reaction_b90ab0.reactionMe_bf6909 {
|
|
background-color: var(--brand-experiment-15a);
|
|
border-color: var(--brand-experiment);
|
|
}
|
|
|
|
#app-mount .reaction_b90ab0.reactionMe_bf6909 .reactionCount__60448 {
|
|
color: var(--brand-experiment-200);
|
|
}
|
|
|
|
#app-mount .scrollSeparator_e4c1a2 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3);
|
|
}
|
|
|
|
#app-mount .title__5e888 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .description__0818b {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyChannelIcon__1a1ba {
|
|
position: relative;
|
|
background: var(--background-accent);
|
|
overflow: hidden;
|
|
}
|
|
#app-mount .emptyChannelIcon__1a1ba::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discord.com/assets/1b60cdb56c8c081495ac.svg) center no-repeat;
|
|
}
|
|
|
|
/* ==== 4.2.1. MESSAGE ==== */
|
|
|
|
#app-mount .message__04d9f {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .mentioned__58017::before {
|
|
background-color: rgb(var(--mentioncolor, --warningcolor_v));
|
|
}
|
|
|
|
#app-mount .ephemeralMessage__6a8ba,
|
|
#app-mount .operations__07224 {
|
|
color: var(--channels-default);
|
|
}
|
|
|
|
.icon__8c32c[style*="/assets/7ed159b6acb6da5d9593.svg"] {
|
|
-webkit-mask: url(https://discord.com/assets/7ed159b6acb6da5d9593.svg) center/cover no-repeat;
|
|
background: var(--header-secondary) !important;
|
|
}
|
|
.icon__8c32c[style*="/assets/a1d461025204711133ec.svg"] {
|
|
-webkit-mask: url(https://discord.com/assets/a1d461025204711133ec.svg) center/cover no-repeat;
|
|
background: var(--header-secondary) !important;
|
|
}
|
|
|
|
#app-mount .wrapper__3a7a0 {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .videoControls__96149 {
|
|
color: #fff;
|
|
}
|
|
|
|
#app-mount .spoilerContent__37bfa {
|
|
background-color: rgba(var(--textbrightest_v),.1);
|
|
}
|
|
#app-mount .spoilerContent__37bfa.hidden_f44e41 {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .spoilerContent__37bfa.hidden_f44e41:hover {
|
|
background-color: rgba(var(--backgroundtertiary_v),.8);
|
|
}
|
|
|
|
/* ==== 4.2.2. EMBEDS ==== */
|
|
|
|
#app-mount .description__883d4 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tagline__3427c {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tile_ebc93b {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 0 0 rgba(var(--backgroundtertiary_v),.15);
|
|
}
|
|
#app-mount .tile_ebc93b:hover {
|
|
background-color: var(--background-floating);
|
|
}
|
|
|
|
#app-mount .progress_b93712 {
|
|
background-color: rgba(var(--textdarker_v),.3);
|
|
}
|
|
#app-mount .metadata__541c7 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .loadingBackground__33088 {
|
|
background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary));
|
|
}
|
|
#app-mount .loadingImage__7c73a {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .embedHorizontal__1a12e,
|
|
#app-mount .embedVertical_c1760d {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .svgContentRight_df2494 {
|
|
fill: var(--interactive-muted);
|
|
}
|
|
#app-mount .svgContentLeft__51e80 {
|
|
fill: var(--interactive-muted);
|
|
}
|
|
#app-mount .svgContentLines_e7e23e,
|
|
#app-mount .svgDots__1d789 {
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .svgTag_b3b6f4 {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .infoLink__5fe27 {
|
|
color: var(--header-secondary) !important
|
|
}
|
|
#app-mount .copyLink_b007ad::before {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .buildDetails__79bce,
|
|
#app-mount .copyLink_b007ad:hover,
|
|
#app-mount .infoLink__5fe27:hover {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .barLoader__938d9,
|
|
#app-mount .buttonLoader_cfc5e1 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .disabledButtonOverride__46769 {
|
|
background-color: var(--background-tertiary) !important
|
|
}
|
|
|
|
/* ==== 4.2.3. NITROGIFT ==== */
|
|
|
|
/* ==== 4.2.4. INVITE ==== */
|
|
|
|
#app-mount .guildIconImage__93ae7 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .guildIconExpired__1d51f {
|
|
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .resolvingBackground__054c3 {
|
|
background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary));
|
|
}
|
|
|
|
#app-mount .invite__2a93b {
|
|
background: rgba(var(--backgroundsecondary_v),.6);
|
|
border-color: rgba(var(--backgroundsecondary_v),.9);
|
|
}
|
|
#app-mount .artworkSpotifySessionEnded__8272a {
|
|
background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .header__8b673 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .name_b50cd9,
|
|
#app-mount .partyStatus__6a567 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .moreUsers__1d9e9 {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .partyMemberEmpty__94736 {
|
|
background: var(--background-accent);
|
|
}
|
|
#app-mount .helpIcon_a58947 {
|
|
background-color: var(--header-primary);
|
|
}
|
|
#app-mount .helpIcon_a58947 [fill] {
|
|
fill: var(--background-secondary);
|
|
}
|
|
#app-mount .textLink__47850,
|
|
#app-mount .message-group .textLink__47850 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 4.3. TEXTAREA ---- */
|
|
|
|
#app-mount .form__13a2c::before {
|
|
background: linear-gradient(180deg, transparent 0, var(--background-primary));
|
|
}
|
|
|
|
#app-mount .error_c9623f {
|
|
color: #f36c6c;
|
|
}
|
|
|
|
#app-mount .toolbar_c7b525 {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .toolbar_c7b525::before {
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
border-top: 8px solid var(--background-floating);
|
|
}
|
|
#app-mount .divider__441cb {
|
|
border-left: 1px solid rgba(var(--textbrightest_v),.06);
|
|
}
|
|
#app-mount .icon__5a617 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .active__05fbc .icon__5a617,
|
|
#app-mount .hover_d0ebf2:hover .icon__5a617 {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
#app-mount .cooldownWrapper_de448f[style*="color: rgb(79, 84, 92)"] {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
|
|
/* ---- 4.4. AUTOCOMPLETEMENU ---- */
|
|
|
|
#app-mount .autocomplete_df266d {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .categoryHeader_f97a5f {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .selected__75860 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
/* ---- 4.5. MEMBERLIST ---- */
|
|
|
|
#app-mount .memberListItem_f1d144:not(.popoutDisabled__384f3):hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* ---- 4.6. CALL ---- */
|
|
|
|
.wrapper_bd2abe {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.root__3eef0 {
|
|
color: var(--header-primary);
|
|
}
|
|
.gradientContainer__9a5a6 {
|
|
display: none;
|
|
}
|
|
.divider_d3b968 {
|
|
background: var(--background-modifier-accent);
|
|
}
|
|
.playingText_f2f60c {
|
|
color: var(--header-secondary);
|
|
}
|
|
.controlIcon__25700 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
.controlIcon__25700:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
.controlIcon__25700.active_ff29dc,
|
|
.controlIcon__25700:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
.pictureInPictureVideo_f1081d .controlIcon__25700 {
|
|
color: #b9bbbe;
|
|
}
|
|
.pictureInPictureVideo_f1081d .controlIcon__25700:hover {
|
|
color: #dcddde;
|
|
}
|
|
.pictureInPictureVideo_f1081d .controlIcon__25700.active_ff29dc,
|
|
.pictureInPictureVideo_f1081d .controlIcon__25700:active {
|
|
color: #fff;
|
|
}
|
|
.colorable_c84c4c.primaryDark__6b700 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
.colorable_c84c4c.primaryDark__6b700,
|
|
.colorable_c84c4c.primaryDark__6b700 .centerIcon__6075a {
|
|
color: var(--header-primary);
|
|
}
|
|
.colorable_c84c4c.primaryDark__6b700.active_ff29dc,
|
|
.colorable_c84c4c.primaryDark__6b700:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
.root__1f845 {
|
|
color: var(--header-primary);
|
|
}
|
|
.root__3eef0 {
|
|
color: var(--header-primary);
|
|
}
|
|
.tile_a411a4 {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
.header_b40d88 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .regionSelectName__7c81f {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .quickSelectPopoutOption__39224:hover .regionSelectName__7c81f {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .video__79b68 {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .video__79b68.minimum_dcea9a {
|
|
background-color: var(--background-floating);
|
|
box-shadow: inset 0 -1px 0 var(--background-tertiary);
|
|
}
|
|
#app-mount .video__79b68.noChat__4bab9 .videoBackgroundTransition__62393 {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .video__79b68.noChat__4bab9 .videoTop__62d96,
|
|
#app-mount .video__79b68.normal__328d4 .videoTop__62d96 {
|
|
background-image: linear-gradient(0deg, transparent,rgba(0,0,0,.9));
|
|
}
|
|
|
|
#app-mount .videoPreview__84f41 {
|
|
background-color: var(--background-secondary);
|
|
border: 1px solid var(--background-tertiary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 5. PEOPLES ~~~~ */
|
|
|
|
#app-mount .container__5c7e7 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .scroller__00e7e {
|
|
border: none;
|
|
}
|
|
|
|
#app-mount .moreMutualGuildsBtn_cad227:hover {
|
|
border-color: rgba(var(--textbrightest_v),.6);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .outer_a41cf3.active__76f42,
|
|
#app-mount .outer_a41cf3.interactive__01cfa:hover {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .inset__0bfb3 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .partyMemberOverflow_d12297 {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .partyMemberBackground__8fdc5,
|
|
#app-mount .partyMemberUnknown__573ec,
|
|
#app-mount .partyMemberBackground__96681,
|
|
#app-mount .partyMemberUnknown_e4becd {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .partyMemberUnknownIcon__7bfe8 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .popout_c6d10c {
|
|
background-color: var(--background-floating);
|
|
border-color: var(--background-tertiary);
|
|
box-shadow: 0 8px 16px rgba(0,0,0,.24);
|
|
}
|
|
#app-mount .memberListItem__4000d:not(.popoutDisabled__5e7e3):hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .memberListHeader_f1f469 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .memberListItem__4000d:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .multipleIconWrapper__164fb,
|
|
#app-mount .separator_c2ecc6 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .body__83069 .separator_c2ecc6 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .voiceSectionNoGuildImageWrapper__2cbb8 {
|
|
background: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .voiceSectionIconWrapper_c50254 {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .voiceSectionIcon__76b0f,
|
|
#app-mount .xboxSectionIcon__34457 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .applicationStreamingPreviewWrapper__97a95 {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
/* ---- 5.1. SHOP ---- */
|
|
|
|
#app-mount .shop_b31ed2 {
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
/* ---- 5.2. FAMILY CENTER ---- */
|
|
|
|
.contentPanel__2fdef::-webkit-scrollbar {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.contentPanel__2fdef::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-auto-thumb);
|
|
min-height: 40px;
|
|
}
|
|
.contentPanel__2fdef::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-auto-track);
|
|
}
|
|
.contentPanel__2fdef::-webkit-scrollbar-thumb,
|
|
.contentPanel__2fdef::-webkit-scrollbar-track {
|
|
border: 4px solid transparent;
|
|
background-clip: padding-box;
|
|
border-radius: 8px;
|
|
}
|
|
.contentPanel__2fdef::-webkit-scrollbar-corner {
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
/* ~~~~ 6. STORE/NITRO ~~~~ */
|
|
|
|
#app-mount .header_d454ec {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .blurb__41902,
|
|
#app-mount .storeTerms__1aed4,
|
|
#app-mount .subtext_d97997 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .divider__8cf9c {
|
|
background-color: rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
|
|
#app-mount .iconWrapper__9caa9 {
|
|
background: var(--background-accent);
|
|
}
|
|
|
|
#app-mount .directoryHeroPrice_b46b3c,
|
|
#app-mount .directoryHeroPricePremium__78e0a {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .directorySearchPrice__21265 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .listingPrice__4b50b {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .originalAmount_aa903d {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .embedPrice__98689 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .embedPrice__98689 .salePercentage__3a7c3 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .loadingContainer__30e34 {
|
|
background-color: rgba(0,0,0,.4);
|
|
}
|
|
#app-mount .libraryLink_c20b2b {
|
|
color: rgba(var(--textbrightest_v),.6);
|
|
}
|
|
#app-mount .metadata_b9783d {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .container__9ecba {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .loading__053e3 {
|
|
background-color: transparent;
|
|
}
|
|
#app-mount .sectionAccountCredit__6e823
|
|
#app-mount .subscriptionDetails__042b3 {
|
|
border-color: rgba(var(--textdarker_v),.3);
|
|
}
|
|
#app-mount .tier1Banner__86229 {
|
|
background: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tier1Banner__86229::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discord.com/assets/02211574807b44f50d90.svg) center/cover no-repeat;
|
|
}
|
|
|
|
#app-mount .categoryHeader__46769,
|
|
#app-mount .premiumApplicationsHeader_e2dd83 {
|
|
border-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .viewAllGames__9b81c {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .content__45a6a {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .blurb__7d206 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .description__671fd {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .row__80d34 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .featureIcon__67ee4 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .themedPagination_c56fb8 .arrow_fe649b {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .themedPagination_c56fb8 .dot__6356c {
|
|
background-color: var(--header-primary);
|
|
}
|
|
#app-mount .matureListing_a8415d {
|
|
background-color: transparent;
|
|
}
|
|
#app-mount h3.contentHeader_ffdcab {
|
|
color: #dcddde;
|
|
}
|
|
|
|
#app-mount .circle_d78580 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .iconCircle__4c74f {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .smallHeader__9766b {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .text__07fd0 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .description__6dac8 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .playerOverflow__58b26 {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .description__6dac8 strong,
|
|
#app-mount .discriminator__773ff strong,
|
|
#app-mount .username_c20f20 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .label__33c8c {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .username__9b57d {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .notes__00774 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .root__3d5e9 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .header_c26642 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .section__51057 {
|
|
border-bottom-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .breadcrumb__3c15c:hover {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .separator__0223e {
|
|
background-color: rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
#app-mount .tabNotSelectedColor__3b7eb {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tabNotSelectedColor__3b7eb:hover,
|
|
#app-mount .tabSelectedColor__4c920 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tabSelected__2b3c9 {
|
|
border-bottom-color: var(--header-primary);
|
|
}
|
|
#app-mount .sectionTitle__90dd6 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .requirementKey_dd27af {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .requirements_fd3915 {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#app-mount .content__8af7f {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .buttonColorInGuild_cc12f5 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .name_d69e36 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .memberInfo_a41c1a {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .dotOffline__55389 {
|
|
background-color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .listing__4b8f4 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .link__17cf5 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .applicationName__9b48c {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .price__9237d {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 6.1. BIRTHDAY PAGE ---- */
|
|
|
|
#app-mount .outerContainer_d40897 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .outerContainer_d40897 .heroWrapper_f89e7d {
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
}
|
|
#app-mount .outerContainer_d40897 .birthdayExplanationWrapper_bcfc0b,
|
|
#app-mount .outerContainer_d40897 .flipCardOpened__2789c,
|
|
#app-mount .outerContainer_d40897 .activityCard__8295a,
|
|
#app-mount .outerContainer_d40897 .celebrateCardContainer_cee705 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 7. LIBRARY ~~~~ */
|
|
|
|
#app-mount .headerCellSorted__41374 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .rate__087a0 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .background__0a6fb {
|
|
stroke: var(--background-accent);
|
|
}
|
|
#app-mount .usageInfo_a68f86 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .installationPath_fa3a82 {
|
|
box-shadow: 0 1px 0 0 var(--background-accent);
|
|
}
|
|
#app-mount .rowTitle_ec0ae0 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .rowBody__737e5 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .defaultLocationCheckbox__39884 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .defaultIndicator__2a4ea {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .applicationName__77e6b {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .applicationSubText_ea8d9c {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .hiddenLibraryApplication__37ace {
|
|
border-color: var(--background-accent);
|
|
}
|
|
#app-mount .hiddenLibraryApplication__37ace::before {
|
|
background: rgba(var(--backgroundtertiary_v),.3);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .restoreButton__45ed8 {
|
|
background: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .restoreButton__45ed8:hover {
|
|
background: var(--background-secondary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .card__86773 {
|
|
box-shadow: var(--elevation-medium);
|
|
}
|
|
#app-mount .card__86773:focus,
|
|
#app-mount .card__86773:hover {
|
|
box-shadow: var(--elevation-high);
|
|
}
|
|
|
|
|
|
/* ~~~~ 8. DISCOVERY ~~~~ */
|
|
|
|
#app-mount .pageWrapper_fef757 {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
.footerImage_b0b86b {
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .search_e47903 .searchBox__88a98 {
|
|
background-color: #fff;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__88a98:focus,
|
|
#app-mount .search_e47903 .searchBox__88a98:focus-within {
|
|
box-shadow: 0 0 0 1px rgb(91,67,240), 0 0 0 2px rgba(91,67,240,.6), 0 0 0 3px rgba(91,67,240,.3);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__88a98 .searchBoxInput_bbea1c {
|
|
color: #2e3338;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__88a98 .searchBoxInput_bbea1c::-webkit-input-placeholder,
|
|
#app-mount .search_e47903 .searchBox__88a98 .searchBoxInput_bbea1c::-moz-placeholder,
|
|
#app-mount .search_e47903 .searchBox__88a98 .searchBoxInput_bbea1c:-ms-input-placeholder,
|
|
#app-mount .search_e47903 .searchBox__88a98 .searchBoxInput_bbea1c::placeholder {
|
|
color: #72767d;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__88a98 .closeIcon__3dfb5 {
|
|
color: #4f5660;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__88a98 .closeIcon__3dfb5:hover {
|
|
color: #2e3338;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__88a98 .closeIcon__3dfb5:focus {
|
|
color: #060607;
|
|
}
|
|
#app-mount .search_e47903 .searchBox__88a98 .searchIcon_f30c40 {
|
|
color: rgba(79,84,92,.6);
|
|
}
|
|
|
|
|
|
/* ~~~~ 9. USERSETTINGS ~~~~ */
|
|
|
|
#app-mount .customContainer__93c7c::before {
|
|
box-shadow: 0 1px 4px rgba(0,0,0,.2);
|
|
border-bottom: 1px solid rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .notice__88b94 {
|
|
background: rgba(var(--backgroundtertiary_v),.95);
|
|
}
|
|
#app-mount .container__467eb[style*="background-color: rgba(248, 249, 249"],
|
|
#app-mount .container__467eb[style*="background-color: rgba(32, 34, 37"] {
|
|
background-color: rgba(var(--backgroundfloating_v), .9) !important;
|
|
}
|
|
#app-mount .container__467eb[style*="background-color: rgba(248, 249, 249"] .message__13e98,
|
|
#app-mount .container__467eb[style*="background-color: rgba(32, 34, 37"] .message__13e98 {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .message__13e98 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .streamerModeEnabledImage_a0d94f {
|
|
background-image: url(https://discord.com/assets/c133c9df9ee4552c188a.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.contentRegion__0bec1 div[role="tabpanel"] {
|
|
width: 100%;
|
|
}
|
|
.toolsContainer_f5d55d {
|
|
margin-right: 37px;
|
|
}
|
|
#app-mount .closeButton__34341 {
|
|
border-color: var(--channels-default);
|
|
}
|
|
#app-mount .closeButton__34341 path[fill] {
|
|
fill: var(--channels-default);
|
|
}
|
|
#app-mount .closeButton__34341:hover {
|
|
background-color: rgba(var(--backgroundaccent_v),.3);
|
|
border-color: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButton__34341:hover path[fill] {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButton__34341:active {
|
|
border-color: var(--text-normal);
|
|
}
|
|
#app-mount .closeButton__34341:active path[fill] {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .keybind__57645 {
|
|
color: var(--channels-default);
|
|
}
|
|
|
|
#app-mount .closeButtonBold__30e2a {
|
|
border-color: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButtonBold__30e2a path[fill] {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButtonBold__30e2a:hover {
|
|
background-color: rgba(var(--backgroundaccent_v),.6);
|
|
border-color: var(--text-normal);
|
|
}
|
|
#app-mount .closeButtonBold__30e2a:hover path[fill] {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .closeButtonBold__30e2a:active {
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .closeButtonBold__30e2a:active path[fill] {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .keybind__57645 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .emptyStateHeader_eb7b9f {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .emptyStateSubtext__6dea4 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .codeRedemptionRedirect_bc7f36 {
|
|
background: var(--background-modifier-selected);
|
|
border-color: var(--background-modifier-selected);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .subText_a25bd0 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .subTextHeader__5f8ab {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .subTextRow__8c8e0 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .giftCodeRow_d0f290 {
|
|
border-color: rgba(var(--textdarkest_v),.6);
|
|
}
|
|
#app-mount .bodyButtonColor_b78e8e {
|
|
background: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bodyButtonColor_b78e8e:hover {
|
|
background: var(--background-secondary);
|
|
}
|
|
#app-mount .bodyButtonColor_b78e8e:active {
|
|
background: var(--background-primary);
|
|
}
|
|
#app-mount .card__803af {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .gemIndicatorContainer_b03ca0 {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .gemWithoutLabel__6225b {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierLabel__41356 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .guildHeaderBackground__04920 {
|
|
background-image: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
.container__6d33c {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg);
|
|
}
|
|
.notches__065e9 {
|
|
background: transparent !important;
|
|
}
|
|
#app-mount .progress__2cc1d {
|
|
background-color: var(--text-muted);
|
|
}
|
|
.icon__596c8[src="/assets/6762ed8abdaef6a7f6fc.png"],
|
|
.icon__596c8[src="/assets/5af9f85713084d6867a6.png"] {
|
|
-webkit-mask: url(https://discord.com/assets/6762ed8abdaef6a7f6fc.png) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
.icon__596c8[src="/assets/ea67b1321e3d4154e476.png"],
|
|
.icon__596c8[src="/assets/12c09c71eb271a47bcab.png"] {
|
|
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
.cameraWrapper__1ee6d {
|
|
background-color: var(--background-secondary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
|
|
#app-mount .row__7a44a {
|
|
box-shadow: inset 0 -1px 0 rgba(var(--textdarker_v),.3);
|
|
}
|
|
|
|
.disabled_ab18dc {
|
|
color: var(--interactive-muted);
|
|
}
|
|
.option_a0c054 {
|
|
background-color: var(--interactive-muted);
|
|
}
|
|
|
|
|
|
#app-mount .game__19f4b {
|
|
box-shadow: var(--elevation-low);
|
|
}
|
|
#app-mount .gameName_aeeab5 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .gameNameInput_e25dd8:focus,
|
|
#app-mount .gameNameInput_e25dd8:hover {
|
|
background-color: var(--background-primary);
|
|
border-color: rgba(var(--textdark_v),.3);
|
|
}
|
|
#app-mount .lastPlayed_accc56,
|
|
#app-mount .overlayStatusText__61367 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .toggleIconOn_ca5bbe .fill__80e66 {
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .addGamePopout_e4ca8f {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .addGamePopout_e4ca8f .cancelButton_b97995 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .nowPlayingAdd__7caf1 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .nowPlaying__353c3 {
|
|
background-color: var(--status-positive-background);
|
|
}
|
|
#app-mount .nowPlaying__353c3 .gameName_aeeab5 {
|
|
color: var(--status-positive-text);
|
|
}
|
|
#app-mount .nowPlaying__353c3 .gameNameInput_e25dd8:focus,
|
|
#app-mount .nowPlaying__353c3 .gameNameInput_e25dd8:hover {
|
|
background-color: transparent;
|
|
border-color: var(--status-positive-text);
|
|
}
|
|
#app-mount .nowPlaying__353c3 .gameNameInput_e25dd8 {
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
#app-mount .nowPlaying__353c3 .gameNameInput_e25dd8 + * {
|
|
position: relative;
|
|
}
|
|
#app-mount .nowPlaying__353c3 .gameNameInput_e25dd8:focus + *::before,
|
|
#app-mount .nowPlaying__353c3 .gameNameInput_e25dd8:hover + *::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: -24px;
|
|
left: -5px;
|
|
width: 240px;
|
|
height: 24px;
|
|
border-radius: 3px;
|
|
background-color: var(--status-positive-text);
|
|
opacity: 0.3;
|
|
pointer-events: none;
|
|
z-index: 2;
|
|
}
|
|
#app-mount .nowPlaying__353c3 .lastPlayed_accc56,
|
|
#app-mount .nowPlaying__353c3 .overlayStatusText__61367 {
|
|
color: var(--status-positive-text);
|
|
}
|
|
#app-mount .nowPlaying__353c3 .toggleIconOff_b79a58 .fill__80e66,
|
|
#app-mount .nowPlaying__353c3 .toggleIconOn_ca5bbe .fill__80e66 {
|
|
fill: var(--status-positive-text);
|
|
}
|
|
#app-mount .notDetected__2a0c9 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .notDetected__2a0c9 .gameName_aeeab5 {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .notDetected__2a0c9 .lastPlayed_accc56 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.bd-social-link[title="BD" i] .bd-social-logo,
|
|
.bd-social-link[title="BetterDiscord" i] .bd-social-logo,
|
|
.bd-social-link[title="BBD" i] .bd-social-logo,
|
|
.bd-social-link[title="BandagedBD" i] .bd-social-logo {
|
|
background: var(--interactive-normal);
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat;
|
|
opacity: 1;
|
|
transition: background .15s ease;
|
|
}
|
|
.bd-social-link[title="BD" i]:hover .bd-social-logo,
|
|
.bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo,
|
|
.bd-social-link[title="BBD" i]:hover .bd-social-logo,
|
|
.bd-social-link[title="BandagedBD" i]:hover .bd-social-logo {
|
|
background: var(--interactive-active);
|
|
}
|
|
.bd-social-link[title="BD" i] .bd-social-logo > *,
|
|
.bd-social-link[title="BetterDiscord" i] .bd-social-logo > *,
|
|
.bd-social-link[title="BBD" i] .bd-social-logo > *,
|
|
.bd-social-link[title="BandagedBD" i] .bd-social-logo > * {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* ~~~~ 10. GUILDSETTINGS ~~~~ */
|
|
|
|
#app-mount .guildSettingsOverviewNotice__91aaa {
|
|
background-color: rgba(var(--backgroundtertiary_v),.95);
|
|
}
|
|
#app-mount .dragged__76dd2 {
|
|
-webkit-mask: url(https://discord.com/assets/038a865e09c25dc13e30.svg) center/contain no-repeat;
|
|
background: var(--background-tertiary);
|
|
}
|
|
.theme-light .messageContainer__18275 {
|
|
display: none;
|
|
}
|
|
|
|
#app-mount .emojiAliasInput_dd55f7 .emojiInput__4fe54 {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border: 1px solid var(--deprecated-text-input-border);
|
|
margin-top: -1px;
|
|
margin-left: -8px;
|
|
}
|
|
#app-mount .emojiAliasInput_dd55f7 .emojiInput__4fe54:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
#app-mount .emojiAliasInput_dd55f7 .emojiInput__4fe54:focus {
|
|
border-color: rgb(var(--accentcolor_v));
|
|
}
|
|
#app-mount .emojiRow__4661c:hover .emojiAliasPlaceholderContent_ea7491,
|
|
#app-mount .emojiRow__4661c:focus-within .emojiAliasPlaceholderContent_ea7491 {
|
|
visibility: hidden !important;
|
|
color: transparent !important;
|
|
}
|
|
#app-mount .emojiAliasPlaceholder__71733 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .auditLog__6c805 {
|
|
border-color: var(--background-tertiary);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .auditLog__6c805 strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .auditLog__6c805:hover .expandForeground_c53c75 {
|
|
stroke: var(--header-primary);
|
|
}
|
|
#app-mount .headerClickable_c4d7a9,
|
|
#app-mount .headerDefault__3e003 {
|
|
background-color: rgba(var(--backgroundtertiary_v),.3);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .headerExpanded__03c29 {
|
|
background-color: rgba(var(--backgroundtertiary_v),.6);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .divider__1505d {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .userHook_b1bf70 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .expandForeground_c53c75 {
|
|
stroke: rgba(var(--textbrightest_v),.6);
|
|
}
|
|
#app-mount .timestamp__2f935 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .changeDetails_ecd760 {
|
|
background-color: rgba(var(--backgroundtertiary_v),.3);
|
|
}
|
|
.themeOverrideLight__48338.icon__99140,
|
|
.themeOverrideDark_e29cce.icon__99140,
|
|
#app-mount .icon__99140 {
|
|
background: none !important;
|
|
}
|
|
.icon__99140::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: var(--header-primary);
|
|
}
|
|
.icon__99140.applicationCommand__0aaef::before {
|
|
-webkit-mask: url(https://discord.com/assets/295610bf2d3ec357b4bb.svg);
|
|
}
|
|
.icon__99140.autoModerationBlockMessage__473dc::before {
|
|
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
|
|
}
|
|
.icon__99140.autoModerationRule__66a81::before {
|
|
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
|
|
}
|
|
.icon__99140.targetAll__6358b::before {
|
|
-webkit-mask: url(https://discord.com/assets/cda90da758440b5e2cbc.svg);
|
|
}
|
|
.icon__99140.targetBan__28b70::before {
|
|
-webkit-mask: url(https://discord.com/assets/559f43e29d80d719b397.svg);
|
|
}
|
|
.icon__99140.targetChannel__62934::before {
|
|
-webkit-mask: url(https://discord.com/assets/fd8bb90a4678f63f6a50.svg);
|
|
}
|
|
.icon__99140.targetEmoji__499cd::before {
|
|
-webkit-mask: url(https://discord.com/assets/b734b6798a8b89611ee7.svg);
|
|
}
|
|
.icon__99140.targetGuild__170a1::before {
|
|
-webkit-mask: url(https://discord.com/assets/30039d24e09f9ae53597.svg);
|
|
}
|
|
.icon__99140.targetGuildHome__8d852::before {
|
|
-webkit-mask: url(https://discord.com/assets/bde25f93c922e02f8459.svg);
|
|
}
|
|
.icon__99140.targetGuildScheduledEvent_eefa31::before {
|
|
-webkit-mask: url(https://discord.com/assets/119b4083c9d4fce05f2d.svg);
|
|
}
|
|
.icon__99140.targetIntegration_f4a496::before {
|
|
-webkit-mask: url(https://discord.com/assets/a82903ac1478ed97b6d4.svg);
|
|
}
|
|
.icon__99140.targetInvite__46153::before {
|
|
-webkit-mask: url(https://discord.com/assets/5cc5c2e0ad18a7c383d8.svg);
|
|
}
|
|
.icon__99140.targetMember__27dad::before {
|
|
-webkit-mask: url(https://discord.com/assets/c53abf7172caf6e94497.svg);
|
|
}
|
|
.icon__99140.targetMemberRole__7fd6d::before {
|
|
-webkit-mask: url(https://discord.com/assets/63a73b3d5daccfd7a8fc.svg);
|
|
}
|
|
.icon__99140.targetMessage__0ca53::before {
|
|
-webkit-mask: url(https://discord.com/assets/f88edd51273b2e14999a.svg);
|
|
}
|
|
.icon__99140.targetPermission_a619b3::before {
|
|
-webkit-mask: url(https://discord.com/assets/93b984f7ed0c42796562.svg);
|
|
}
|
|
.icon__99140.targetRole_f0db36::before {
|
|
-webkit-mask: url(https://discord.com/assets/842d46ac28c4cc831849.svg);
|
|
}
|
|
.icon__99140.targetStageInstance_f9d669::before {
|
|
-webkit-mask: url(https://discord.com/assets/f39f5d92d79071dcd992.svg);
|
|
}
|
|
.icon__99140.targetSticker__18d72::before {
|
|
-webkit-mask: url(https://discord.com/assets/0020113abbe97807c0be.svg);
|
|
}
|
|
.icon__99140.targetVanityUrl_d8b24a::before {
|
|
-webkit-mask: url(https://discord.com/assets/9ecac67adfc57255096c.svg);
|
|
}
|
|
.icon__99140.targetWebhook__5177a::before {
|
|
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
|
|
}
|
|
.icon__99140.targetWidget_aaaf18::before {
|
|
-webkit-mask: url(https://discord.com/assets/fb3b404502ba18187ace.svg);
|
|
}
|
|
.icon__99140.thread_a2b0da::before {
|
|
-webkit-mask: url(https://discord.com/assets/6960c3e51b7f0dcefcc0.svg);
|
|
}
|
|
|
|
#app-mount .card__39d1a {
|
|
border-color: var(--background-secondary-alt);
|
|
}
|
|
#app-mount .card__05cf8 {
|
|
border-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
#app-mount .card__81c50 {
|
|
box-shadow: var(--elevation-high);
|
|
}
|
|
.splashImage_bfd001[src="/assets/467602d632b5f9c1ce4b.svg"],
|
|
.splashImage_bfd001[src="/assets/d4d9f2bff23beec65b1f.svg"] {
|
|
background: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg) center/cover no-repeat;
|
|
opacity: .75;
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
#app-mount .background__3dd67 {
|
|
color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierInProgress_f08e8b {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierHeaderLocked__4d099 {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tierHeaderUnlocked_cc60fa {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierCloseClose_b6b875 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierBody__615a1 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .tierCurrent_fc87b4 {
|
|
box-shadow: 0 4px 8px rgba(0,0,0,.24);
|
|
}
|
|
|
|
#app-mount .member__55269 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04);
|
|
}
|
|
#app-mount .member__55269 .name__7635a {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .member__55269 .tag__1a537 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .member__55269 .roleWrapper__0f174 {
|
|
color: rgba(var(--textbrightest_v),.8);
|
|
}
|
|
#app-mount .member__55269 .overflowIconFg__2b31c {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .member__55269 .ownerHelpIcon__021a4 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .to_d0a2ea {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: 0 0 0 4px var(--background-secondary);
|
|
}
|
|
#app-mount .fromToWrapper__2c6f3 {
|
|
background: transparent;
|
|
}
|
|
#app-mount .fromToWrapper__2c6f3::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-mask: url(https://discord.com/assets/a2e6c7df5d20d1aeaacb.svg) 50% 0 no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .inviteSettingsInviteRow__0d747 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04);
|
|
}
|
|
|
|
#app-mount .bannedUser__38b44 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--textbrightest_v),.04);
|
|
}
|
|
#app-mount .bannedUser__38b44 .username__7a2a6 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bannedUserModal_f9f9e4 .reasonHeader__5e7c3 {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
|
|
/* ~~~~ 11. MODALS ~~~~ */
|
|
|
|
#app-mount .root_a28985:not(.noBackground_ebd8f7),
|
|
#app-mount .modal__060da {
|
|
background-color: var(--background-primary);
|
|
border: none;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.3), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .rootWithShadow__073a7:not(.noShadow__49254) {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.3), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .zoomedCarouselModalRoot__1e2da {
|
|
background: transparent !important;
|
|
}
|
|
#app-mount .footer__89240,
|
|
#app-mount .footer__09373 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .footerSeparator__57d95 {
|
|
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
|
|
#app-mount .modal_6GHvdM .tabBarContainer__63f55 {
|
|
background: rgba(0,0,0,.2);
|
|
box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
|
|
}
|
|
|
|
#app-mount .content_ab56e9 + .videoContainer_a9d080 {
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
}
|
|
#app-mount .testimonialContainer__3e4a3 path[fill="#2B2D31"] {
|
|
fill: var(--background-secondary);
|
|
}
|
|
#app-mount .testimonialContainer__3e4a3 .quotes__35cf8 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .separator_ff09cd {
|
|
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3);
|
|
}
|
|
#app-mount .divider__1464c {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .message__3ad07 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .secondaryButton_e0812e {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .divider__17151 {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .backButtonColor_ceeab9 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .checkboxLabel__56eeb {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.1. USERMODAL ---- */
|
|
|
|
.emptyIcon__655a1 {
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 11.2. GUILDADD/CREATION ---- */
|
|
|
|
.container__73245 {
|
|
background-color: var(--background-secondary);
|
|
border: none;
|
|
}
|
|
.container__73245:hover {
|
|
background-color: var(--background-secondary-alt);
|
|
border: none;
|
|
}
|
|
.arrow__5e540 {
|
|
-webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.svg) center/cover no-repeat;
|
|
background: var(--text-normal);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
.input__0c269 {
|
|
background: transparent;
|
|
}
|
|
.inputInner__2e566 {
|
|
border: 1px solid var(--deprecated-text-input-border);
|
|
}
|
|
|
|
/* ---- 11.3. UPLOADMODAL ---- */
|
|
|
|
#app-mount .uploadModal_eae2a0 {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .footer_ceda43 {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
|
|
/* ---- 11.4. KEYBOARDSHORTCUTSMODAL ---- */
|
|
|
|
#app-mount .keyboardShortcutsModal__74c71 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .modalTitle_cf2de1 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .modalSubtitle__40325 {
|
|
border: none;
|
|
box-shadow: var(--elevation-low);
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .keyboardShortcutList__1f357 .keybindGroup_bd18f5 .keybindDescription__74fa6 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .combo__57290 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .combo__57290 .key__06fe6 {
|
|
background-color: var(--text-muted);
|
|
border: 1px solid rgba(0, 0, 0, .4);
|
|
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .4);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .combo__57290 .key__06fe6:active {
|
|
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
|
|
border: 1px solid rgb(0, 0, 0);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.5. QUICKSWITCHER ---- */
|
|
|
|
#app-mount .emptyState_afda24 {
|
|
background: transparent;
|
|
}
|
|
#app-mount .emptyState_afda24::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: url(https://discord.com/assets/c586aac99de98cfb010d.svg) center/100px no-repeat;
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 11.6. INVITEMODAL/GROUPCREATE ---- */
|
|
|
|
#app-mount .contentWrapper__85d37 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .friendSelected_f0db37,
|
|
#app-mount .inviteRow_a25947:hover {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .friend__05c43,
|
|
#app-mount .inviteRowName_bc8b23 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .footer__274e8,
|
|
#app-mount .footer__13977 {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
.footerSeparator__010c9 {
|
|
display: none;
|
|
}
|
|
#app-mount .subtitle__593cd,
|
|
#app-mount .footerText_ae34c9,
|
|
#app-mount .checkBoxLabel__29660,
|
|
#app-mount .footerText__614f3,
|
|
#app-mount .subText__9988c {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .errorState_b806b1 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .notFriends__778a1 .errorStateIcon__7edd8 {
|
|
background-image: url(https://discord.com/assets/07aa1f325ebe8b8af5cb.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noFriends_a7f7ca .errorStateIcon__7edd8 {
|
|
background-image: url(https://discord.com/assets/adfe130868d2bcf467b5.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .partyFull_c6b62b .errorStateIcon__7edd8 {
|
|
background-image: url(https://discord.com/assets/53d74eda11a4185c1acd.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResults_c69767 .errorStateIcon__7edd8 {
|
|
background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 11.7. LOGINSCREEN ---- */
|
|
|
|
.theme-dark.navRow_bb8efc,
|
|
.theme-light.navRow_bb8efc {
|
|
background: var(--background-secondary);
|
|
}
|
|
.subText_b19200 strong {
|
|
color: rgba(var(--textbright_v),.9);
|
|
}
|
|
|
|
/* ---- 11.8. DOWNLOADAPPMODAL ---- */
|
|
|
|
.downloadApps__30ed7 {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.3), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
.downloadApps__30ed7 .inner_bd2021 {
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.downloadApps__30ed7 .header__01af9 {
|
|
color: var(--text-normal);
|
|
}
|
|
.downloadApps__30ed7 .footer__49ae9 {
|
|
color: var(--text-muted);
|
|
}
|
|
.downloadApps__30ed7 .header__01af9 {
|
|
color: var(--text-normal);
|
|
}
|
|
.downloadApps__30ed7 .platforms__86929 .platform__97f9e {
|
|
border-color: var(--header-secondary);
|
|
}
|
|
.downloadApps__30ed7 .platforms__86929 .platform__97f9e p {
|
|
color: var(--header-secondary);
|
|
}
|
|
.downloadApps__30ed7 .platforms__86929 .platform__97f9e .downloadButton__87489 {
|
|
background-color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.9. GUILDBOOSTMODAL ---- */
|
|
|
|
#app-mount .subscriberCount__53026 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .subscriberCount__53026 strong {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .moreSubscribers_a13ebc {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary)
|
|
}
|
|
#app-mount .subscribersPopout__1da1e {
|
|
background: var(--background-floating);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .subscribersPopoutUser_a790de {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.10. REACTIONSMODAL ---- */
|
|
|
|
#app-mount .container_dc03c3,
|
|
#app-mount .reactors__20ab0 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .remove__6bd0e {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .remove__6bd0e:hover {
|
|
color: var(--interactive-hover);
|
|
background: transparent;
|
|
}
|
|
#app-mount .remove__6bd0e:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .scroller__5fda0 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .reactionSelected__249a7 {
|
|
background-color: rgba(var(--backgroundaccent_v),.8);
|
|
}
|
|
#app-mount .reactionDefault__792ef:hover {
|
|
background-color: rgba(var(--backgroundaccent_v),.4);
|
|
}
|
|
#app-mount .reactorDefault__5b249 {
|
|
box-shadow: inset 0 -1px 0 rgba(var(--backgroundaccent_v),.3);
|
|
}
|
|
#app-mount .discriminator__18879 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 11.11. CHANGELOG ---- */
|
|
|
|
#app-mount .date__21306 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .content_dc3a33 ol,
|
|
#app-mount .content_dc3a33 p,
|
|
#app-mount .content_dc3a33 ul li,
|
|
#app-mount .content__96073 ol,
|
|
#app-mount .content__96073 p,
|
|
#app-mount .content__96073 ul li {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .content_dc3a33 ul li::before,
|
|
#app-mount .content__96073 ul li::before {
|
|
background-color: var(--text-normal);
|
|
}
|
|
#app-mount .video__562f3 {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .socialLink_f11d71 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .socialLink_f11d71:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .socialLink_f11d71:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
/* ---- 11.12. NOTIFICATIONSMODAL ---- */
|
|
|
|
#app-mount .channelName_a1ccf5 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .guildName_b9dc9e,
|
|
#app-mount .override_f2098b,
|
|
#app-mount .overrideHighlight__6a2f1 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .override_f2098b:hover {
|
|
background-color: rgba(var(--backgroundtertiary_v),.1);
|
|
}
|
|
#app-mount .overrideHighlight__6a2f1,
|
|
#app-mount .overrideHighlight__6a2f1:hover {
|
|
background-color: rgba(var(--backgroundtertiary_v),.3);
|
|
}
|
|
#app-mount .checkboxContainer__5a761::before {
|
|
background-color: rgba(var(--backgroundtertiary_v),.6);
|
|
}
|
|
#app-mount .overridePlaceholder__46353 {
|
|
border: 1px dashed var(--background-floating);
|
|
}
|
|
|
|
/* ---- 11.13. PAYMENTMODAL ---- */
|
|
|
|
#app-mount .sectionHeader_a9d2bb {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .paypalInput__447d1,
|
|
#app-mount .paypalInput__447d1:focus,
|
|
#app-mount .paypalInput__447d1:hover {
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
|
|
#app-mount .description__75831 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .descriptionWrapper__0d577 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .defaultIndicator__855a2 {
|
|
background-color: var(--text-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .premiumIndicator__41e19 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .invalidIndicator__6f6aa {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .summaryInfo_b57acb {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .payment__7d702 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .hoverablePayment__3ea24:hover {
|
|
background-color: var(--background-vbackgroundtertiary);
|
|
}
|
|
#app-mount .paymentHeader__50c05 {
|
|
color: var(--header-primary);
|
|
border-color: var(--text-muted);
|
|
}
|
|
#app-mount .expandedInfo__47bad {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .paymentText_deeaf4 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .giftIcon__9d0ce {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .paymentPane__9cf01 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .paginator_e620d3 {
|
|
background: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .bottomDivider_a59d97 {
|
|
border-bottom-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tab_b317f5 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .externalRowHeader_d353ca {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.14. CLOUDSYNCRESOLUTION ---- */
|
|
|
|
#app-mount .modal__659a5 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .conflictButton__6440d {
|
|
background-color: var(--background-secondary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .conflictButton__6440d:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .title__57dff {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .buttonBody__02854 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .choiceLine__09736 {
|
|
background-color: rgba(var(--textdarkest_v),.6);
|
|
}
|
|
|
|
/* ---- 11.15. APPLICATIONINSTALLATIONMODAL ---- */
|
|
|
|
#app-mount .gameName__29f6a {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .installSize__2829a {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .divider_f17d46 {
|
|
background-color: rgba(var(--backgroundsecondary_v),.6);
|
|
}
|
|
#app-mount .premiumTerms__2aebc {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 11.16. DISPATCHERROR ---- */
|
|
|
|
#app-mount .body__23640 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .errorLabel__8d7c1 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .errorDetails__73313 {
|
|
background: var(--background-secondary);
|
|
border-color: rgba(var(--backgroundsecondary_v),.3);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .closeLink_fc928e {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 11.17. HYPESQUADQUIZ ---- */
|
|
|
|
#app-mount .prompt__7ad7f {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .selectYourAnswer__5e180 {
|
|
color: var(--channels-default);
|
|
}
|
|
#app-mount .separator__1f4c3 {
|
|
background-color: var(--background-accent);
|
|
}
|
|
|
|
/* ---- 11.18. SERVERAPPMODAL ---- */
|
|
|
|
#app-mount .directoryContainer_d3edd9 {
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 12. POPOUTS ~~~~ */
|
|
|
|
#app-mount .content_b06993 {
|
|
background-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .leftArrow__8ca85::before {
|
|
border-right-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .rightArrow__695c8::before {
|
|
border-left-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .contentNarrowNoMedia__5bd98.topArrow__7027a::before,
|
|
#app-mount .contentWideNoMedia__36de5.topArrow__7027a::before {
|
|
border-bottom-color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .background__4f430 {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
|
|
#app-mount .popoutLoadingForeground_f61095 {
|
|
background-image: linear-gradient(90deg, var(--background-tertiary),var(--background-accent),var(--background-tertiary));
|
|
}
|
|
|
|
/* ---- 12.1. USERPOPOUT ---- */
|
|
|
|
#app-mount .userPopoutOuter_d739b2 {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
.profileColors__2e2f0 .mask__1979f circle {
|
|
fill: transparent;
|
|
}
|
|
#app-mount .userProfileOuterThemed__6eb84 ::-webkit-scrollbar-thumb {
|
|
background-color: var(--profile-gradient-secondary-color) !important;
|
|
}
|
|
|
|
#app-mount .wumpusTooltip_b5c0ea {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .wumpusTooltip_b5c0ea::after {
|
|
border-color: transparent var(--background-tertiary) transparent transparent;
|
|
}
|
|
|
|
.role__631a3[style*="border-color: rgba(185, 187, 190, .6)"] {
|
|
border-color: rgba(var(--textbrighter_v), .6) !important;
|
|
}
|
|
.role__631a3 .roleCircle_bae511[style*="background-color: rgb(185, 187, 190)"] {
|
|
background-color: rgb(var(--textbrighter_v)) !important;
|
|
}
|
|
.role__631a3 .roleCircle_bae511[style*="background-color: rgb(185, 187, 190)"] path[fill] {
|
|
fill: rgb(var(--textdarkest_v)) !important;
|
|
}
|
|
|
|
/* ---- 12.2. EMOJIPICKER ---- */
|
|
|
|
#app-mount .wrapper_d951b6 {
|
|
color: var(--text-muted);
|
|
}
|
|
.categoryItemDefaultCategory__67fe7:first-child,
|
|
.categoryItemDefaultCategory__67fe7:first-child + .categoryItemDefaultCategory__67fe7 {
|
|
margin-bottom: 8px;
|
|
}
|
|
#app-mount .imageLoading__37d01 {
|
|
background: var(--background-tertiary);
|
|
border-radius: 10px;
|
|
}
|
|
.premiumPromoClose__11b8f {
|
|
-webkit-mask: url(https://discord.com/assets/411dfecce0d7da63ea2b.svg) 50% 50% no-repeat;
|
|
background: var(--interactive-normal);
|
|
}
|
|
.premiumPromoClose__11b8f:hover {
|
|
background: var(--interactive-hover);
|
|
}
|
|
.premiumPromoClose__11b8f:active {
|
|
background: var(--interactive-active);
|
|
}
|
|
#app-mount .categoryItemDefaultCategorySelected__8245a .categoryIcon__7d3fc,
|
|
#app-mount .categoryItemDefaultCategorySelected__8245a:hover .categoryIcon__7d3fc {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
#app-mount .focused__036ed,
|
|
#app-mount .result_e1fc74:hover {
|
|
box-shadow: 0 11px 22px 1px rgba(4,4,5,.3);
|
|
}
|
|
#app-mount .focused__036ed::after,
|
|
#app-mount .result_e1fc74:hover::after {
|
|
box-shadow: inset 0 0 0 2px ,inset 0 0 0 3px var(--background-secondary);
|
|
}
|
|
#app-mount .placeholder__1d2a8 {
|
|
background: rgba(var(--textdarkest_v),.6);
|
|
}
|
|
#app-mount .endContainer__0c909::after {
|
|
background-image: url(https://discord.com/assets/6836d88af9197cbd4cbb.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .endText__2c9a4 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyHintCard_f3e81a {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .container_e84cda {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .header__02652 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating_v),.3), 0 1px 2px 0 rgba(var(--backgroundfloating_v),.3);
|
|
}
|
|
#app-mount .backButton__6a1f0 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .backButton__6a1f0:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .backButton__6a1f0:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
/* ---- 12.3. SEARCHPOPOUT ---- */
|
|
|
|
#app-mount .searchAnswer_b452e7,
|
|
#app-mount .searchFilter__118cb {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
.option_b5597b:hover {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .queryContainer_c359fe {
|
|
border-bottom-color: var(--background-modifier-accent);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .queryContainer_c359fe strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .focused_f9cf2c {
|
|
background-color: var(--background-modifier-active);
|
|
}
|
|
|
|
#app-mount .calendarPicker__5c474 .react-datepicker {
|
|
background: transparent;
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__header {
|
|
background-color: var(--background-floating);
|
|
border-color: rgba(var(--backgroundfloating_v),.2);
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__navigation {
|
|
background: transparent;
|
|
border-color: rgba(var(--textbrightest_v), .5);
|
|
top: 30px;
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__navigation::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) center/6px 12px no-repeat;
|
|
background-color: rgb(var(--textbrightest_v));
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__navigation--previous {
|
|
left: 30px;
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__navigation--next {
|
|
right: 30px;
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__current-month {
|
|
border-bottom-color: rgba(var(--backgroundfloating_v),.3);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__navigation.react-datepicker__navigation--next,
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__navigation.react-datepicker__navigation--previous {
|
|
-webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) 50%/6px 12px no-repeat;
|
|
background: var(--interactive-normal);
|
|
border-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__navigation.react-datepicker__navigation--next:hover,
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__navigation.react-datepicker__navigation--previous:hover {
|
|
background: var(--interactive-hover);
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__navigation.react-datepicker__navigation--next:active,
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__navigation.react-datepicker__navigation--previous:active {
|
|
background: var(--interactive-active);
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__week:last-of-type .react-datepicker__day {
|
|
border-bottom-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__week .react-datepicker__day:last-of-type {
|
|
border-right-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__day-name {
|
|
color: rgba(var(--textbrightest_v),.6);
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__day {
|
|
border-top-color: var(--background-floating);
|
|
border-left-color: var(--background-floating);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__day.react-datepicker__day--selected:hover,
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__day:hover {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__day {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__day.react-datepicker__day--disabled,
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__day.react-datepicker__day--disabled:hover {
|
|
background-color: var(--background-floating);
|
|
color: rgba(var(--textbrightest_v),.3);
|
|
cursor: no-drop;
|
|
}
|
|
#app-mount .calendarPicker__5c474 .react-datepicker__day--outside-month {
|
|
background-color: var(--background-tertiary);
|
|
color: rgba(var(--textbrightest_v),.3);
|
|
}
|
|
|
|
/* ---- 12.4. EVERYONEMENTION ---- */
|
|
|
|
.contentWarningPopout__7d8c2 .animation__14012 {
|
|
opacity: 0.6;
|
|
}
|
|
#app-mount .footer__36118 {
|
|
background-color: rgba(var(--backgroundtertiary_v),.4);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 12.5. CHANNELFOLLOW ---- */
|
|
|
|
#app-mount .header__4ef99 {
|
|
background: var(--background-tertiary);
|
|
}
|
|
#app-mount .header__4ef99::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discord.com/assets/e9661fbf5e8e3a2e1ac9.svg) center/cover no-repeat;
|
|
}
|
|
|
|
/* ---- 12.6. CHANNELFOLLOWINFO ---- */
|
|
|
|
#app-mount .guildPopout_ea4d8c {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary_v),.6);
|
|
}
|
|
#app-mount .guildName__2cc2d {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .dotOffline__1bff9 {
|
|
background-color: var(--header-secondary);
|
|
}
|
|
#app-mount .placeholderSkeleton__7f9ab {
|
|
background: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 12.7. STREAMPREVIEW ---- */
|
|
|
|
#app-mount .streamPreview__1846c {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .previewContainer_bb1924 {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
#app-mount .applicationName__47890 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .watchButton__0d283 {
|
|
border-color: var(--text-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .watchButton__0d283:not([disabled]):hover {
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .previewHover__1e0e0 {
|
|
background: rgba(0,0,0,.6);
|
|
}
|
|
|
|
/* ---- 12.8. ROLEOVERFLOW ---- */
|
|
|
|
#app-mount .overflowRolesPopoutHeaderText_dabff2 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .actionButton__81eaa {
|
|
border-color: var(--header-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .overflowRolesPopout__88ab9 {
|
|
color: rgba(var(--textbrightest_v),.8);
|
|
}
|
|
#app-mount .overflowRolesPopout__88ab9,
|
|
#app-mount .overflowRolesPopoutArrow_f3db31 {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary_v),.6);
|
|
}
|
|
|
|
/* ---- 12.9. PUBLICGUILDANNOUNCEMENT ---- */
|
|
|
|
#app-mount .popout__8e314 {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary_v),.6);
|
|
}
|
|
#app-mount .popout__8e314 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 12.10. QUICKSELECTPOPOUT ---- */
|
|
|
|
#app-mount .selectableItem__166c5 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .selectableItem__166c5:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .popoutList_db80c1 {
|
|
background: var(--background-primary);
|
|
}
|
|
#app-mount .popoutListEmpty_b9719c {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .quickSelectArrow__9853b {
|
|
-webkit-mask: url(https://discord.com/assets/c4643b70509c385fcc83.svg) 50% no-repeat;
|
|
background: var(--interactive-normal);
|
|
}
|
|
#app-mount .quickSelectPopout_c0cf80 {
|
|
background: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .quickSelectPopoutOption__39224:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
|
|
/* ---- 12.11. RTCSTATUSPOPOUT ---- */
|
|
|
|
#app-mount .container__0810b {
|
|
width: 290px;
|
|
}
|
|
#app-mount .container__0810b canvas {
|
|
background-color: #36393f;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
#app-mount .container__0810b section {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .container__0810b section p {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container__0810b section strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .debugButton__0c12a {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .krispLogo__461a0 {
|
|
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.svg) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 12.12. PHONE-/EMAILVALIDATION ---- */
|
|
|
|
#app-mount .input_d5a597 {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .phoneFieldPopout__3e064 .countryName_eb9b14 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .phoneFieldPopout__3e064 .countryCode__14e5a {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .activityInviteEducationArrow_a24987 {
|
|
-webkit-mask: url(https://discord.com/assets/6f222b93b4b971e68613.svg) center/contain no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .emailVerificationModal_e48dfa .title__78b45 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .emailVerificationModal_e48dfa .body_b7d0a4 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .verification__82f71 .image__54a8d {
|
|
background-image: url(https://discord.com/assets/8f8162ee689b2d85996c.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verification__82f71 .title__31b19 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .verification__82f71 .body_cb675e,
|
|
#app-mount .verification__82f71 .footer__38343 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .verificationBlock_c45d0e {
|
|
border: 1px solid var(--background-tertiary);
|
|
}
|
|
#app-mount .verificationBlock_c45d0e:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .verificationBlock_c45d0e .image__54a8d.email__44f2f {
|
|
background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verificationBlock_c45d0e .image__54a8d.phone__0b460 {
|
|
background-image: url(https://discord.com/assets/e9802d8cbd4efea22c7f.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verificationBlock_c45d0e .body_cb675e {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 12.13. WARNINGPOPOUT ---- */
|
|
|
|
#app-mount .contentWarningPopout__7d8c2 {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 2px 10px 0 rgba(var(--backgroundtertiary_v),.2);
|
|
}
|
|
#app-mount .body_fa303f {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .header_bee9c9 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 12.14. ADDROLE ---- */
|
|
|
|
#app-mount .container_e84cda {
|
|
width: 300px;
|
|
}
|
|
#app-mount .autocompleteArrow__353a5,
|
|
#app-mount .header__02652 {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .container_e84cda .input_e396c0 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container_e84cda .sectionTag_b0df68 {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 13. BDSUPPORT ~~~~ */
|
|
|
|
html .toast,
|
|
html .bd-toast {
|
|
background-color: var(--background-floating);
|
|
box-shadow: var(--elevation-medium);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
html .bd-settings-group.collapsible .bd-settings-title:hover {
|
|
color: var(--text-normal);
|
|
cursor: pointer;
|
|
}
|
|
html .bd-settings-group.collapsible .bd-settings-title::before {
|
|
background-color: currentColor;
|
|
opacity: 0.2;
|
|
}
|
|
html .bd-settings-group.collapsible .bd-settings-title::after {
|
|
background-color: currentColor;
|
|
}
|
|
|
|
.bd-select {
|
|
border: 1px solid transparent;
|
|
padding: 8px 8px 8px 12px;
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
align-items: center;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.bd-slider-input {
|
|
background-color: var(--background-accent);
|
|
}
|
|
.bd-slider-input[type="range"]::-webkit-slider-thumb {
|
|
background-color: #fff;
|
|
border-color: var(--background-accent);
|
|
}
|
|
|
|
.bd-tab-item.selected:hover {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
|
|
.bd-error-modal-content {
|
|
padding: 0 10px 16px 10px;
|
|
}
|
|
|
|
#app-mount .fav {
|
|
background: var(--interactive-active);
|
|
width: 16px;
|
|
height: 16px;
|
|
padding: 0;
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star_empty.svg) center/contain no-repeat;
|
|
}
|
|
#app-mount .fav:hover,
|
|
#app-mount .fav.active {
|
|
background: #faa61a;
|
|
}
|
|
#app-mount .fav.active {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star.svg) center/contain no-repeat;
|
|
}
|
|
|
|
html .floating-window.resizable {
|
|
background: var(--background-tertiary);
|
|
border-radius: 3px;
|
|
}
|
|
html .floating-window-titlebar {
|
|
background: var(--background-tertiary);
|
|
border-bottom-color: var(--background-modifier-hover);
|
|
color: var(--header-primary);
|
|
width: unset;
|
|
height: 32px;
|
|
padding: 0;
|
|
}
|
|
html .floating-window-buttons,
|
|
html .floating-window-buttons .button {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0;
|
|
}
|
|
html .floating-window-buttons .button {
|
|
width: 32px;
|
|
}
|
|
html .floating-window-buttons .button:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--interactive-hover);
|
|
}
|
|
html .floating-window-buttons .close-button:hover {
|
|
background-color: rgb(var(--dangercolor_v));
|
|
color: var(--interactive-hover);
|
|
}
|
|
html .floating-window-buttons .button svg {
|
|
margin: 0;
|
|
}
|
|
html .floating-window-buttons .close-button svg path.fill,
|
|
html .floating-window-buttons .button:not(.close-button) svg path:not([fill]) {
|
|
fill: var(--interactive-normal);
|
|
}
|
|
html .floating-window-buttons .button:not(.close-button):hover svg path:not([fill]) {
|
|
fill: var(--interactive-hover);
|
|
}
|
|
html .floating-window-buttons .close-button:hover svg path.fill {
|
|
fill: #fff;
|
|
}
|
|
html .floating-window-content {
|
|
background: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
html #bd-editor-controls,
|
|
html .floating-window #bd-editor-controls {
|
|
box-shadow: unset;
|
|
height: 32px;
|
|
padding: 0;
|
|
}
|
|
html .controls-section,
|
|
html #bd-editor-controls button {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0;
|
|
}
|
|
html #bd-editor-controls button {
|
|
color: var(--interactive-normal);
|
|
border-radius: 0;
|
|
margin: 0;
|
|
width: 32px;
|
|
}
|
|
html #bd-editor-controls button:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--interactive-hover);
|
|
}
|
|
html #bd-editor-controls button path:not([fill]) {
|
|
fill: currentColor;
|
|
}
|
|
|
|
html #bd-editor-panel #bd-editor-controls {
|
|
background-color: var(--background-tertiary);
|
|
border-radius: 5px 5px 0 0;
|
|
overflow: hidden;
|
|
}
|
|
html #bd-editor-panel .editor-wrapper {
|
|
background-color: var(--background-secondary);
|
|
border-radius: 0 0 5px 5px;
|
|
overflow: hidden;
|
|
}
|
|
html .floating-window #bd-editor-panel .editor-wrapper:last-child {
|
|
border-radius: 0;
|
|
}
|
|
|
|
html .monaco-editor .minimap,
|
|
html .monaco-editor .decorationsOverviewRuler {
|
|
display: none;
|
|
}
|
|
|
|
html .monaco-editor,
|
|
html .monaco-editor-background,
|
|
html .monaco-editor .inputarea.ime-input,
|
|
html .monaco-editor .margin {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
html .monaco-editor,
|
|
html .monaco-editor .inputarea.ime-input {
|
|
color: var(--text-normal);
|
|
}
|
|
html .mtk9 {
|
|
color: var(--text-normal);
|
|
}
|
|
html .monaco-editor .line-numbers {
|
|
color: var(--channels-default);
|
|
}
|
|
html .monaco-editor .bracket-match {
|
|
border-color: var(--channels-default);
|
|
}
|
|
html .monaco-editor .lines-content .cigr {
|
|
box-shadow: 1px 0 0 0 var(--interactive-muted) inset;
|
|
}
|
|
html .monaco-editor .view-overlays .current-line {
|
|
border-color: var(--interactive-muted);
|
|
}
|
|
|
|
html .monaco-editor .selected-text {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
html .monaco-editor .focused .selected-text {
|
|
background-color: rgb(var(--mentioncolor, --warningcolor_v));
|
|
}
|
|
|
|
html .monaco-editor.rename-box {
|
|
background-color: var(--background-secondary) !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-editor.rename-box .rename-input {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--text-normal) !important;
|
|
}
|
|
html .monaco-editor .find-widget {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
color: var(--header-secondary);
|
|
}
|
|
html .monaco-editor .find-widget .monaco-sash {
|
|
background-color: var(--background-accent);
|
|
}
|
|
html .monaco-editor .find-widget .monaco-inputbox,
|
|
html .monaco-editor .find-widget .monaco-inputbox textarea {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--text-normal) !important;
|
|
}
|
|
html .monaco-editor .find-widget .button:not(.disabled):hover,
|
|
html .monaco-editor.hc-black .find-widget .button:not(.disabled):hover,
|
|
html .monaco-editor.vs-dark .find-widget .button:not(.disabled):hover {
|
|
background-color: var(--background-modifier-hover);
|
|
}
|
|
|
|
html .monaco-editor .monaco-editor-hover {
|
|
background-color: var(--background-secondary) !important;
|
|
border: unset !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-editor .monaco-editor-hover .hover-row:not(:first-child):not(:empty) {
|
|
border-color: var(--background-modifier-accent);
|
|
}
|
|
html .monaco-editor .monaco-editor-hover .hover-row .actions {
|
|
background-color: var(--background-floating);
|
|
}
|
|
html .monaco-editor .monaco-editor-hover .monaco-editor-hover-content[style*="max-height"] {
|
|
max-height: 300px !important;
|
|
}
|
|
|
|
html .monaco-quick-open-widget {
|
|
background-color: var(--background-secondary) !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-quick-open-widget input {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--text-normal) !important;
|
|
}
|
|
html .monaco-quick-open-widget .results-group {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
html .monaco-tree[class*="monaco-tree-instance"] .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) {
|
|
background-color: var(--background-primary) !important;
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-tree[class*="monaco-tree-instance"] .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) .results-group {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
|
|
html .monaco-editor .findOptionsWidget {
|
|
background-color: var(--background-secondary) !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary_v),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
|
|
html .monaco-editor .peekview-widget .head {
|
|
background: var(--background-tertiary) !important;
|
|
}
|
|
html .monaco-editor .peekview-widget .head .peekview-title .filename {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-editor .peekview-widget .head .peekview-title .dirname {
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-editor .reference-zone-widget .ref-tree {
|
|
background: var(--background-secondary) !important;
|
|
color: var(--header-secondary) !important;
|
|
}
|
|
html .monaco-list[class*="list_id"] .monaco-list-rows {
|
|
background: var(--background-secondary) !important;
|
|
}
|
|
html .monaco-list[class*="list_id"] .monaco-list-row {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
html .monaco-drag-image,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused:hover,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected:hover,
|
|
html .monaco-list[class*="list_id"]:focus .monaco-list-row.selected.focused,
|
|
html .monaco-list[class*="list_id"]:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.focused:hover,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected,
|
|
html .monaco-list[class*="list_id"] .monaco-list-row.selected:hover,
|
|
html .monaco-list[class*="list_id"]:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) {
|
|
background: var(--background-primary) !important;
|
|
}
|
|
html .monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
|
|
background: var(--background-secondary) linear-gradient(0deg, rgba(var(--accentcolor_v), .1), rgba(var(--accentcolor_v), .1));
|
|
}
|
|
html .monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
|
|
html .monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
|
|
background: var(--background-secondary) linear-gradient(0deg, rgba(var(--accentcolor_v), .1), rgba(var(--accentcolor_v), .1));
|
|
}
|
|
html .monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
|
|
background: var(--background-primary) !important;
|
|
color: var(--header-primary) !important;
|
|
}
|
|
html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
|
|
background: rgb(var(--mentioncolor, --warningcolor_v));
|
|
}
|
|
html .codicon-close,
|
|
html .codicon-remove-close,
|
|
html .codicon-x {
|
|
color: var(--interactive-normal) !important;
|
|
}
|
|
html .codicon-close:hover,
|
|
html .codicon-remove-close:hover,
|
|
html .codicon-x:hover {
|
|
color: var(--interactive-hover) !important;
|
|
}
|
|
|
|
html .monaco-menu .monaco-action-bar.vertical {
|
|
cursor: default;
|
|
background: var(--background-floating) !important;
|
|
border-radius: 4px;
|
|
box-shadow: var(--elevation-high);
|
|
box-sizing: border-box;
|
|
color: var(--text-normal) !important;
|
|
padding: 8px 6px;
|
|
height: auto;
|
|
max-height: calc(100vh - 32px);
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-label.separator {
|
|
border-bottom: 1px solid var(--background-modifier-accent) !important;
|
|
box-sizing: border-box;
|
|
margin: 4px;
|
|
padding: 0;
|
|
opacity: 1;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-color: var(--interactive-normal) !important;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
color: var(--interactive-normal) !important;
|
|
cursor: pointer;
|
|
margin: 2px 0;
|
|
padding: 6px 8px;
|
|
line-height: 18px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
box-sizing: border-box;
|
|
min-height: 32px;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item[style*="color: rgb(255, 255, 255)"],
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover {
|
|
border-color: #ffffff !important;
|
|
color: #ffffff !important;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-menu-item > * {
|
|
border-color: currentColor !important;
|
|
color: currentColor !important;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .action-label {
|
|
flex: 1 1 auto;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
font-size: unset;
|
|
line-height: unset;
|
|
text-overflow: ellipsis;
|
|
padding: unset;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .keybinding,
|
|
html .monaco-menu .monaco-action-bar.vertical .submenu-indicator {
|
|
font-size: unset;
|
|
line-height: unset;
|
|
padding-left: unset;
|
|
flex: 0 0 auto;
|
|
max-height: 18px;
|
|
margin-left: 8px;
|
|
}
|
|
html .monaco-menu .monaco-action-bar.vertical .submenu-indicator.codicon::before {
|
|
margin-left: 0;
|
|
margin-right: -4px;
|
|
flex: 2 1 auto;
|
|
}
|
|
|
|
|
|
/* ~~~~ 14. POWERCORDSUPPORT ~~~~ */
|
|
|
|
html .powercord-toast-container {
|
|
--toast-background: var(--background-secondary);
|
|
--toast-header: var(--background-tertiary);
|
|
--toast-contents: var(--background-primary);
|
|
--toast-box-shadow: var(--elevation-stroke),var(--elevation-high);
|
|
--toast-border: transparent;
|
|
}
|
|
|
|
html .powercord-pc-icon {
|
|
margin-right: 4px;
|
|
}
|
|
html .powercord-pc-icon svg {
|
|
padding-right: 0;
|
|
width: 28px;
|
|
}
|
|
html .powercord-pc-icon::before {
|
|
background: var(--interactive-normal);
|
|
-webkit-mask: url('data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAcEAAAHBAgMAAABs1eh7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURQAAAK2trf///xHpVx0AAAACdFJOUwAQayTdXAAABbVJREFUeNrt3UFy8jgQQGFVL2aho+iUqjmJalYqnXISYAgmwbjVrcfkp30Av5I/2RhHMSnZtzx6QrcyPjYyKJ9BdJTjvFUsmC/Fziqikv8FR4MPKndYrwcVO6xfQWi2yk2xwYwU5A0jBDnoomyKFWZkpk7Bi5sgMVkFL2a8uGUkTo9BFwUv5vtipRnXFwddFLyY8WLBi9+Cqy/lghczXix4cdDFHxgXz9WMFwteHHRR8GLGiz8xDpxx4IwDZ+w4Y8cZG87YaMalp2PBi4M+OX5m7DhjC8ZgfFfGMmBGuUpRjPk6DIqxXKkoxus4QMaLFch4GQjJeMYiGU8jQRlPWijjaSgs4ycXy/gxFpjxwwtm/BgMzfhooz6DCcYH20LGB1swBmMw/rmMGWcsNOOzYsOLFS8mutjx4oqv/3mScd44zzEakGWKMVuUZxjFdO6UCUbbcsg8wWg7XUXPKLazR/SMxuWQWc9oXA5ZDIxzs9XCOAVpYpyCtDHOFG2MM1PHxjgxdYyME0Uj48RktTLqi1ZG9WQ1M6qLZkb16WFmVBfNjNqinVFbdGBUXgIcGJVF/W2ccTmk6G9Vjcshs/523Lgcsui/chi/0+q/VomtKPqvjtlWzPqvx8VWnHgEYHw2oX9aZVwOOfFEzrgc8tnzsX7Mobox/gRpfMb0LPh9X2J7xiRPi+2Qgx/jD5DG5ZBPGb/vzPjk7nnwHlJsT+7kQLEdcOiOjN/2VmzPCg8w3hsZn04eCW4hxfaQWQ4V23OH6sl4B1lsJ8chxu3+jI+1jwVvj5lxrYAcLLZnDs2XcTME41qBg4y3kMa/hxwNfo0BYrxxghhvBkExfkFRjNdRYIxeyyGzothpRqflkJqgy3JIURUbzOizHFLF6LIcUhd0WA4pymKDGT2WQyoZHZZDaoPm5ZCiLjaY0b4cUs1oXvLhFVzIaF3ykb2KwRiMwRiMwRiMfwij4IwZZyw0o1ux4VO14sVET9WOF48zZpwx04xeJ0fHiw0vev4Z15sx4YwJZ0w4o+CMgjMKzig0o1Mx0cWOFxterHgxvcEY2xvMVf58fME1p73BZ4cKEr8H+LX3Ofy9nAaSvyf/td87FMWMTx3+GytflDcopncoFvzCyhczfc15wb1VoieOT1H3z4AFZvSZOipGl6mTEgyp/Z/OAjN6QFZlUWhGO6T+P9cLzGiHrOqi0IxWyJl3VxSY0QpZJ4pCM9og597sMgn5zyzjNGSdZZyGvHnxLQPZb17uy0C2mxcYM5D189jUyaJMnogyO8QpSOPbwgpzPbVBVltRoOupBdL80rcCM05AVnyMiXY0M0owBmMwBmMwBmMwBmMw/kbGjDMWmlFdbHix4sVEFztebHix4kV7cOZlBOh11YFx5qUSKKRHcOblICCkC+PMS158If9ezngPmZYz3kH2vbnrxLiFbDPvtTWNse7N3bSiuDd33X5II9/ttCxnLHc7zasZN8W6dxFKK6bq3kWoryj2vU+TtmKqtr1Pk7qiWPc+TdKKk2Pv06SvKPa92wI3xtPu23aneSnjqVjLZqeylPH8M6h5u9OljKe9n0fV9+7vmnMxbXeaVzLKuL6fqu7d3yXvYt7udCXjpSjbnZaFjHLZ3XaneR3jad/nz+HdG/XkW6xPb9T7+mJZxviomJcxPirKMsaHy3qWMT4s5lWMD4uy6qA+XixVFh3Ux8W8ZqbuFNOiIe4UZc0Q9xa9lQUTdb94Trr//OLuwj5Z9QOzCd2iGEXXT+Qo/sJiQ4vykmKPovc28IvOa4rsCVleUmRPyIxP1vySE3LwxYqfHg0vdvz0GHyx0qcHCyk4pAwccuCQBYfMbwApPOTAIQsOmQMyIAMyIAMyIAMyIAMyIP/3kH8FZJyRARmQARmQARmQARmQARmQIORb/OEs4ZAJh0w4ZMIhEw6ZaEh45ZXgxY/D2hJ9WB139i9DGxh/HluS1wAAAABJRU5ErkJggg==') left/18px 18px no-repeat;
|
|
}
|
|
html .powercord-pc-icon:hover::before {
|
|
background: var(--interactive-hover);
|
|
}
|
|
html .powercord-pc-icon:active::before {
|
|
background: var(--interactive-active);
|
|
}
|
|
|
|
|
|
/* ~~~~ 15. PLUGINSUPPORT ~~~~ */
|
|
|
|
/* ---- 15.1. MEMBERCOUNT ---- */
|
|
|
|
#app-mount #MemberCount {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
/* ---- 15.2. CHANNELTABS ---- */
|
|
|
|
html #channelTabs-settingsMenu,
|
|
html .channelTabs-tabNav > div,
|
|
html .channelTabs-tab,
|
|
html .channelTabs-fav {
|
|
cursor: pointer;
|
|
}
|
|
html #channelTabs-settingsMenu:hover [fill]:not([fill="none"]),
|
|
html .channelTabs-tabContainer .channelTabs-tabNav > div:hover [fill]:not([fill="none"]),
|
|
html .channelTabs-tabContainer .channelTabs-newTab:hover [fill]:not([fill="none"]) {
|
|
fill: var(--header-primary);
|
|
}
|
|
html .channelTabs-tabContainer .channelTabs-tabNav > .channelTabs-tabNavClose:hover {
|
|
background: rgb(var(--dangercolor_v));
|
|
}
|
|
|
|
/* ---- 15.3. TYPINGINDICATOR ---- */
|
|
|
|
html .typingindicator-guild,
|
|
html .typingindicator-dms,
|
|
html .typingindicator-folder {
|
|
background: var(--background-tertiary);
|
|
border: 4px solid var(--background-tertiary);
|
|
border-right: unset;
|
|
box-shadow: unset;
|
|
right: 12px;
|
|
bottom: -5px;
|
|
padding: 2px 0;
|
|
}
|
|
html .wrapper_ed1dea .typingindicator-guild,
|
|
html .typingindicator-folder {
|
|
background: var(--background-secondary);
|
|
border-color: var(--background-secondary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 16. WATERMARK ~~~~ */
|
|
|
|
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178 {
|
|
display: block !important;
|
|
position: absolute !important;
|
|
max-width: unset !important;
|
|
min-width: unset !important;
|
|
width: 55px !important;
|
|
max-height: unset !important;
|
|
min-height: unset !important;
|
|
height: 16px !important;
|
|
margin: 0 !important;
|
|
padding: 3px 9px 3px !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
bottom: unset !important;
|
|
right: unset !important;
|
|
opacity: 1 !important;
|
|
visibility: visible !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178[style*="display: none"] {
|
|
display: none !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178 > * {
|
|
display: none !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::before,
|
|
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::after {
|
|
content: "" !important;
|
|
-webkit-mask: url('data:image/svg+xml; utf8, <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_fae9dd > div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::before {
|
|
background: rgb(125,125,125) !important;
|
|
opacity: 0.5 !important;
|
|
}
|
|
html:only-child > head + body > div#app-mount.appMount_fae9dd > div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::after {
|
|
background: var(--text-muted) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1 {
|
|
position: relative !important;
|
|
}
|
|
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::after {
|
|
content: "DiscordRecolor by" !important;
|
|
font-size: 12px !important;
|
|
color: var(--text-muted) !important;
|
|
cursor: pointer !important;
|
|
display: inline !important;
|
|
opacity: 1 !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
cursor: text !important;
|
|
visibility: visible !important;
|
|
position: relative !important;
|
|
top: unset !important;
|
|
left: unset !important;
|
|
bottom: unset !important;
|
|
right: unset !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
}
|
|
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::before {
|
|
content: "DevilBro" !important;
|
|
font-size: 12px !important;
|
|
font-weight: 600 !important;
|
|
color: rgb(var(--accentcolor_v)) !important;
|
|
display: inline !important;
|
|
opacity: 1 !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
cursor: pointer !important;
|
|
visibility: visible !important;
|
|
position: absolute !important;
|
|
top: unset !important;
|
|
left: 108px !important;
|
|
bottom: 8px !important;
|
|
right: unset !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
} |