4454 lines
137 KiB
CSS
4454 lines
137 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", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
--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;
|
|
}
|
|
|
|
.theme-light:not(.userProfileOuterThemed-2BgJCM),
|
|
.theme-dark:not(.userProfileOuterThemed-2BgJCM),
|
|
.theme-amoled:not(.userProfileOuterThemed-2BgJCM) {
|
|
--text-positive: rgb(var(--successcolor));
|
|
--text-warning: rgb(var(--warningcolor));
|
|
--text-danger: rgb(var(--dangercolor));
|
|
|
|
--info-positive-background: rgba(var(--successcolor),.1);
|
|
--info-positive-foreground: rgb(var(--successcolor));
|
|
--info-positive-text: #fff;
|
|
--info-warning-background: rgba(var(--warningcolor),.1);
|
|
--info-warning-foreground: rgb(var(--warningcolor));
|
|
--info-warning-text: #fff;
|
|
--info-danger-background: rgba(var(--dangercolor),.1);
|
|
--info-danger-foreground: rgb(var(--dangercolor));
|
|
--info-danger-text: #fff;
|
|
|
|
--status-positive: rgb(var(--successcolor));
|
|
--status-positive-background: rgb(var(--successcolor));
|
|
--status-positive-text: #fff;
|
|
--status-warning: rgb(var(--warningcolor));
|
|
--status-warning-background: rgb(var(--warningcolor));
|
|
--status-warning-text: #fff;
|
|
--status-danger: rgb(var(--dangercolor));
|
|
--status-danger-background: rgb(var(--dangercolor));
|
|
--status-danger-text: #fff;
|
|
|
|
--button-positive-background: rgba(var(--successcolor),.8);
|
|
--button-positive-background-hover: rgba(var(--successcolor),.9);
|
|
--button-positive-background-active: rgb(var(--successcolor));
|
|
--button-positive-background-disabled: rgba(var(--successcolor),.2);
|
|
--button-warning-background: rgba(var(--warningcolor),.8);
|
|
--button-warning-background-hover: rgba(var(--warningcolor),.9);
|
|
--button-warning-background-active: rgb(var(--warningcolor));
|
|
--button-warning-background-disabled: rgba(var(--warningcolor),.2);
|
|
--button-danger-background: rgba(var(--dangercolor),.8);
|
|
--button-danger-background-hover: rgba(var(--dangercolor),.9);
|
|
--button-danger-background-active: rgb(var(--dangercolor));
|
|
--button-danger-background-disabled: rgba(var(--dangercolor),.2);
|
|
--button-secondary-background: rgb(var(--textdarkest));
|
|
--button-secondary-background-hover: rgb(var(--textdarker));
|
|
--button-secondary-background-active: rgb(var(--textdark));
|
|
--button-secondary-background-disabled: rgb(var(--textdarkest));
|
|
|
|
--button-outline-positive-text: rgb(var(--successcolor)) !important;
|
|
--button-outline-positive-text-hover: rgb(var(--successcolor)) !important;
|
|
--button-outline-positive-text-active: rgb(var(--successcolor)) !important;
|
|
--button-outline-positive-background: transparent !important;
|
|
--button-outline-positive-background-hover: transparent !important;
|
|
--button-outline-positive-background-active: rgba(var(--successcolor),.1) !important;
|
|
--button-outline-positive-border: rgba(var(--successcolor),.1) !important;
|
|
--button-outline-positive-border-hover: rgba(var(--successcolor),.6) !important;
|
|
--button-outline-positive-border-active: rgb(var(--successcolor)) !important;
|
|
|
|
--button-outline-warning-text: rgb(var(--warningcolor)) !important;
|
|
--button-outline-warning-text-hover: rgb(var(--warningcolor)) !important;
|
|
--button-outline-warning-text-active: rgb(var(--warningcolor)) !important;
|
|
--button-outline-warning-background: transparent !important;
|
|
--button-outline-warning-background-hover: transparent !important;
|
|
--button-outline-warning-background-active: rgba(var(--warningcolor),.1) !important;
|
|
--button-outline-warning-border: rgba(var(--warningcolor),.1) !important;
|
|
--button-outline-warning-border-hover: rgba(var(--warningcolor),.6) !important;
|
|
--button-outline-warning-border-active: rgb(var(--warningcolor)) !important;
|
|
|
|
--button-outline-danger-text: rgb(var(--dangercolor)) !important;
|
|
--button-outline-danger-text-hover: rgb(var(--dangercolor)) !important;
|
|
--button-outline-danger-text-active: rgb(var(--dangercolor)) !important;
|
|
--button-outline-danger-background: transparent !important;
|
|
--button-outline-danger-background-hover: transparent !important;
|
|
--button-outline-danger-background-active: rgba(var(--dangercolor),.1) !important;
|
|
--button-outline-danger-border: rgba(var(--dangercolor),.1) !important;
|
|
--button-outline-danger-border-hover: rgba(var(--dangercolor),.6) !important;
|
|
--button-outline-danger-border-active: rgb(var(--dangercolor)) !important;
|
|
|
|
--button-outline-primary-text: rgb(var(--textbrightest)) !important;
|
|
--button-outline-primary-text-hover: rgb(var(--textbrightest)) !important;
|
|
--button-outline-primary-text-active: rgb(var(--textbrightest)) !important;
|
|
--button-outline-primary-background: transparent !important;
|
|
--button-outline-primary-background-hover: transparent !important;
|
|
--button-outline-primary-background-active: rgba(var(--textbrightest),.1) !important;
|
|
--button-outline-primary-border: rgba(var(--textbrightest),.1) !important;
|
|
--button-outline-primary-border-hover: rgba(var(--textbrightest),.6) !important;
|
|
--button-outline-primary-border-active: rgb(var(--textbrightest)) !important;
|
|
|
|
--header-primary: rgb(var(--textbrightest));
|
|
--header-secondary: rgb(var(--textbright));
|
|
--text-normal: rgb(var(--textbrighter));
|
|
--text-muted: rgb(var(--textdarker));
|
|
--channels-default: rgb(var(--textdark));
|
|
--channel-icon: rgb(var(--textdark));
|
|
|
|
--interactive-normal: rgb(var(--textbright));
|
|
--interactive-hover: rgb(var(--textbrighter));
|
|
--interactive-active: rgb(var(--textbrightest));
|
|
--interactive-muted: rgb(var(--textdarkest));
|
|
|
|
--home-background: rgb(var(--backgroundprimary));
|
|
|
|
--modal-background: rgb(var(--backgroundprimary));
|
|
--modal-footer-background: rgb(var(--backgroundsecondary));
|
|
|
|
--background-primary: rgb(var(--backgroundprimary));
|
|
--background-secondary: rgb(var(--backgroundsecondary));
|
|
--background-secondary-alt: rgb(var(--backgroundsecondaryalt));
|
|
--background-tertiary: rgb(var(--backgroundtertiary));
|
|
--background-accent: rgb(var(--backgroundaccent));
|
|
--background-floating: rgb(var(--backgroundfloating));
|
|
--background-mobile-primary: rgb(var(--backgroundprimary));
|
|
--background-mobile-secondary: rgb(var(--backgroundsecondary));
|
|
|
|
--background-modifier-hover: rgba(var(--backgroundaccent),.3);
|
|
--background-modifier-active: rgba(var(--backgroundaccent),.4);
|
|
--background-modifier-selected: rgba(var(--backgroundaccent),.6);
|
|
--background-modifier-accent: rgba(var(--textdark),.1);
|
|
|
|
--background-mentioned: rgba(var(--mentioncolor, --warningcolor),.05);
|
|
--background-mentioned-hover: rgba(var(--mentioncolor, --warningcolor),.08);
|
|
--background-mentioned-accent: rgb(var(--mentioncolor, --warningcolor));
|
|
|
|
--background-message-hover: rgba(var(--backgroundfloating),.15);
|
|
--background-message-automod: rgba(var(--dangercolor),.05);
|
|
--background-message-automod-hover: rgba(var(--dangercolor),.1);
|
|
|
|
--scrollbar-thin-thumb: rgb(var(--backgroundtertiary));
|
|
--scrollbar-thin-track: transparent;
|
|
--scrollbar-auto-thumb: rgb(var(--backgroundtertiary));
|
|
--scrollbar-auto-track: rgb(var(--backgroundsecondary));
|
|
--scrollbar-auto-scrollbar-color-thumb: rgb(var(--backgroundtertiary));
|
|
--scrollbar-auto-scrollbar-color-track: rgb(var(--backgroundsecondary));
|
|
|
|
--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));
|
|
|
|
--focus-primary: rgb(var(--linkcolor));
|
|
|
|
--guild-header-text-shadow: 0 1px 1px rgba(var(--backgroundfloating),.5);
|
|
|
|
--channeltextarea-background: rgba(var(--backgroundaccent),.8);
|
|
--channel-text-area-placeholder: rgb(var(--textdarker));
|
|
|
|
--input-background: rgb(var(--backgroundtertiary));
|
|
|
|
--activity-card-background: rgb(var(--backgroundtertiary));
|
|
|
|
--textbox-markdown-syntax: rgb(var(--textdark));
|
|
|
|
--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),.6);
|
|
--deprecated-card-editable-bg: rgba(var(--backgroundtertiary),.3);
|
|
--deprecated-store-bg: rgb(var(--backgroundprimary));
|
|
--deprecated-quickswitcher-input-background: rgb(var(--backgroundaccent));
|
|
--deprecated-quickswitcher-input-placeholder: rgb(var(--textdarker));
|
|
--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));
|
|
|
|
--font-primary: var(--font) !important;
|
|
--font-display: var(--font) !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
|
|
6. STORE/NITRO
|
|
1. BIRTHDAY PAGE
|
|
7. LIBRARY
|
|
8. DISCOVERY
|
|
9. USERSETTINGS
|
|
10. GUILDSETTINGS
|
|
11. MODALS
|
|
1. USERMODAL
|
|
2. GUILDADD/CREATION
|
|
3. REGIONSELECTMODAL
|
|
4. UPLOADMODAL
|
|
5. KEYBOARDSHORTCUTSMODAL
|
|
6. QUICKSWITCHER
|
|
7. INVITEMODAL/GROUPCREATE
|
|
8. LOGINSCREEN
|
|
9. TERMACCEPTMODAL
|
|
10. DOWNLOADAPPMODAL
|
|
11. GUILDBOOSTMODAL
|
|
12. REACTIONSMODAL
|
|
13. RATEMODAL
|
|
14. CHANGELOG
|
|
15. NOTIFICATIONSMODAL
|
|
16. PAYMENTMODAL
|
|
17. CHANNELCREATIONMODAL
|
|
18. CLOUDSYNCRESOLUTION
|
|
19. APPLICATIONINSTALLATIONMODAL
|
|
20. SPECIALMARKDOWNMODAL
|
|
21. REPORTPROBLEM
|
|
22. DISPATCHERROR
|
|
23. HYPESQUADQUIZ
|
|
24. NITROFEATUREMODAL
|
|
25. DIRECTORYMODAL
|
|
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),.3);
|
|
}
|
|
|
|
#app-mount .elevationLow-26BbEG, #app-mount .elevationLow-3aiJPL, .lightElevationLow-1QzqDT, .darkElevationLow-2LO4eN {
|
|
box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .elevationHigh-3KUiqj, #app-mount .elevationHigh-28Pty4, .lightElevationHigh-3gER0h, .darkElevationHigh-1BaD2i {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .elevationBorderLow-3_3rXL, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow-2Ysl3H, .darkElevationBorderLow-34oHrM {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .elevationBorderHigh-3drnJX, #app-mount .elevationBorderHigh-1s5JCj, .lightElevationBorderHigh-3wutCI, .darkElevationBorderHigh-8ZYNYM {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .tooltip-16UpTB,
|
|
#app-mount .tooltip-1_vJJI {
|
|
background-color: var(--background-floating);
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .tooltipPointer-1KkjI2,
|
|
#app-mount .tooltipPointer-1awMxk {
|
|
border-right-color: var(--background-floating);
|
|
}
|
|
|
|
#app-mount .bubble-3XikHF {
|
|
background-color: var(--background-floating);
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .bubble-3XikHF::before {
|
|
border: 5px solid transparent;
|
|
border-top-color: var(--background-floating);
|
|
}
|
|
|
|
#app-mount .card-2ART2V::before {
|
|
background-color: var(--background-primary);
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .button-1yVL_7 {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .button-1yVL_7:hover {
|
|
background-color: var(--background-accent);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .text-1SHFy0 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .editIcon-e7sZ3b {
|
|
-webkit-mask: url(https://discord.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg);
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .path2-F-M5gP { /* loading icons spinning circles */
|
|
stroke: var(--background-modifier-selected);
|
|
}
|
|
#app-mount .path3-3tVOpU { /* loading icons spinning circles */
|
|
stroke: var(--background-modifier-active);
|
|
}
|
|
|
|
#app-mount .scrollbarGhost-dCZKgZ::-webkit-scrollbar-thumb {/* scrollers old scrollers */
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .scrollbarGhost-dCZKgZ::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-thin-track);
|
|
border-color: transparent;
|
|
border-width: initial;
|
|
}
|
|
#app-mount .scrollbarGhostHairline-2LpzZ9::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-thin-thumb);
|
|
border-radius: 2px;
|
|
cursor: move;
|
|
}
|
|
#app-mount .scrollbarDefault-2w-Dyz::-webkit-scrollbar-thumb {
|
|
background-color: var(--scrollbar-auto-thumb);
|
|
border-color: transparent;
|
|
}
|
|
#app-mount .scrollbarDefault-2w-Dyz::-webkit-scrollbar-track {
|
|
background-color: var(--scrollbar-auto-track);
|
|
border-color: transparent;
|
|
}
|
|
|
|
#app-mount .breadcrumbWrapper-3rpYiO { /* breadcrumbs wrapper */
|
|
color: rgba(var(--textbrightest),.3);
|
|
}
|
|
#app-mount .activeBreadcrumb-2xVic0 { /* breadcrumbs active */
|
|
color: rgba(var(--textbrightest),.6);
|
|
}
|
|
|
|
html .backgroundaccent-349kuI {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
html .iconBadge-2wi9r4 {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 1.1. TEXT ---- */
|
|
|
|
.description-1u9Qui {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount h1.title-338goq,
|
|
#app-mount h2.title-338goq {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount h3.title-338goq {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount h4.title-338goq,
|
|
#app-mount h5.title-338goq,
|
|
#app-mount h6.title-338goq {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .text-27cdrj,
|
|
#app-mount .title-2CL_z0 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .title-338goq {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .markdown-19oyJN {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .markdown-19oyJN th {
|
|
background-color: var(--background-tertiary);
|
|
border-color: var(--interactive-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .markdown-19oyJN td {
|
|
border-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .markdown-19oyJN tr {
|
|
border-color: var(--interactive-muted);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .markdown-19oyJN tr:nth-child(2n) {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .markdown-19oyJN .blockquote-2mppuN {
|
|
border-left-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .markdown-19oyJN code {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .markdown-19oyJN .codeInline-1RFl81 {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 1.2. BUTTONS ---- */
|
|
|
|
#app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz .spinnerItem-3Y5NsU {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz .spinnerItem-3Y5NsU,
|
|
#app-mount .lookLink-13iF2K.colorPrimary-2-Lusz .spinnerItem-3Y5NsU {
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover,
|
|
#app-mount .lookFilled-1H2Jvj.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover {
|
|
background-image: linear-gradient(0deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .15));
|
|
}
|
|
#app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:active,
|
|
#app-mount .lookFilled-1H2Jvj.hoverPrimary-3dWXRY.hasHover-3y7IPU:active {
|
|
background-image: linear-gradient(0deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3));
|
|
}
|
|
#app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz,
|
|
#app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:disabled {
|
|
background-color: var(--background-accent);
|
|
color: #FFF;
|
|
}
|
|
|
|
#app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:hover,
|
|
#app-mount .lookInverted-2GrLaB.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
|
|
}
|
|
#app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:active,
|
|
#app-mount .lookInverted-2GrLaB.hoverPrimary-3dWXRY.hasHover-3y7IPU:active {
|
|
background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
|
|
}
|
|
#app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz,
|
|
#app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:disabled {
|
|
background-color: #FFF;
|
|
color: var(--background-accent);
|
|
}
|
|
|
|
#app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:hover,
|
|
#app-mount .lookOutlined-3RTC7c.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover {
|
|
border-color: rgba(var(--textbrightest), .6);
|
|
}
|
|
#app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:active,
|
|
#app-mount .lookOutlined-3RTC7c.hoverPrimary-3dWXRY.hasHover-3y7IPU:active {
|
|
background-color: rgba(var(--textbrightest), .1);
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz,
|
|
#app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:disabled {
|
|
border-color: rgba(var(--textbrightest), .1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookLink-13iF2K.colorPrimary-2-Lusz {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .lookLink-13iF2K.colorPrimary-2-Lusz:hover .contents-3NembX,
|
|
#app-mount .lookLink-13iF2K.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover .contents-3NembX {
|
|
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--textbrightest)) 0, rgb(var(--textbrightest)) 2px, transparent 0);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .borderPrimary-1ygM7_ {
|
|
border-color: var(--header-primary) !important;
|
|
}
|
|
|
|
#app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU {
|
|
background-color: rgba(var(--textbrightest),.1);
|
|
}
|
|
#app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU,
|
|
#app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU,
|
|
#app-mount .lookLink-13iF2K.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU {
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:hover,
|
|
#app-mount .lookFilled-1H2Jvj.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover {
|
|
background-color: rgba(var(--textbrightest),.05);
|
|
}
|
|
#app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:active,
|
|
#app-mount .lookFilled-1H2Jvj.hoverTransparent-2WkMPh.hasHover-3y7IPU:active {
|
|
background-color: rgba(var(--textbrightest),.01);
|
|
}
|
|
#app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-,
|
|
#app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:disabled {
|
|
background-color: rgba(var(--textbrightest),.1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:hover,
|
|
#app-mount .lookInverted-2GrLaB.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover {
|
|
background-color: rgba(var(--textbrightest),.05);
|
|
}
|
|
#app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:active,
|
|
#app-mount .lookInverted-2GrLaB.hoverTransparent-2WkMPh.hasHover-3y7IPU:active {
|
|
background-color: rgba(var(--textbrightest),.1);
|
|
}
|
|
#app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-,
|
|
#app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:disabled {
|
|
background-color: var(--header-primary);
|
|
color: rgba(var(--textbrightest),.1);
|
|
}
|
|
|
|
#app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-:hover,
|
|
#app-mount .lookOutlined-3RTC7c.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover {
|
|
background-color: rgba(var(--textbrighter),.1);
|
|
border-color: var(--interactive-hover);
|
|
}
|
|
#app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-:active,
|
|
#app-mount .lookOutlined-3RTC7c.hoverTransparent-2WkMPh.hasHover-3y7IPU:active {
|
|
background-color: rgba(var(--textbrightest),.1);
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-,
|
|
#app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-:disabled {
|
|
background-color: transparent;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#app-mount .lookLink-13iF2K.colorTransparent-2SBJ8- {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .lookLink-13iF2K.colorTransparent-2SBJ8-:hover .contents-3NembX,
|
|
#app-mount .lookLink-13iF2K.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover .contents-3NembX {
|
|
background-image: linear-gradient(0deg, transparent,transparent 1px,rgb(var(--textbrighter)) 0,rgb(var(--textbrighter)) 2px,transparent 0);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#app-mount .borderTransparent-2adzs- {
|
|
border-color: var(--text-normal) !important;
|
|
}
|
|
|
|
/* ---- 1.3. INPUTS ---- */
|
|
|
|
.container-1QtPKm {
|
|
background-color: var(--text-muted) !important;
|
|
}
|
|
.container-1QtPKm path[fill] {
|
|
fill: var(--text-muted) !important;
|
|
}
|
|
|
|
#app-mount .prefixInput-w72mM6 {
|
|
background-color: rgba(0,0,0,.1);
|
|
border-color: rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .prefixInput-w72mM6:hover {
|
|
border-color: rgba(0,0,0,.6);
|
|
}
|
|
#app-mount .prefixInputInput-yS14_1 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .prefixInputInput-yS14_1::-webkit-input-placeholder,
|
|
#app-mount .prefixInputInput-yS14_1::-moz-placeholder,
|
|
#app-mount .prefixInputInput-yS14_1:-ms-input-placeholder,
|
|
#app-mount .prefixInputInput-yS14_1::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .prefixInputPrefix-20KCc9 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD {
|
|
background: rgb(var(--accentcolor));
|
|
color: #fff;
|
|
}
|
|
#app-mount .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD .radioIconForeground-3wH3aU {
|
|
color: #fff;
|
|
}
|
|
#app-mount .item-1TA5qI .radioBar-1XgZqD[style*="--radio-bar-accent-color"] {
|
|
background: var(--radio-bar-accent-color);
|
|
border: unset;
|
|
color: #fff;
|
|
}
|
|
#app-mount .item-1TA5qI[aria-checked=false]:hover .radioBar-1XgZqD[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-Zz0IcO.select-Zz0IcO {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
.searchInput-3pIoTy {
|
|
background-color: transparent;
|
|
}
|
|
.lookFilled-Zz0IcO.select-Zz0IcO:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
|
|
#app-mount .container-30qY7E {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
#app-mount .container-30qY7E:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
|
|
#app-mount .container-2zEtSe {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .selected-2xa993 {
|
|
border-bottom: 2px solid var(--header-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .checkbox-1LuCGM {
|
|
border-color: var(--text-muted);
|
|
}
|
|
#app-mount .checkbox-1LuCGM.checked-22NTbO[style*="border-color: rgb(79, 84, 92)"],
|
|
#app-mount .checkbox-1LuCGM.checked-22NTbO:not([style*="border-color:"]):not([style*="background-color:"]) {
|
|
background-color: rgb(var(--accentcolor)) !important;
|
|
border-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
#app-mount .checkbox-1LuCGM.checked-22NTbO[style*="border-color: rgb(79, 84, 92)"] path,
|
|
#app-mount .checkbox-1LuCGM.checked-22NTbO:not([style*="border-color:"]):not([style*="background-color:"]) path {
|
|
fill: #fff;
|
|
}
|
|
|
|
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d span {
|
|
border-color: var(--text-muted);
|
|
}
|
|
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:checked + span::after {
|
|
border-color: #fff !important;
|
|
}
|
|
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:disabled + span {
|
|
filter: grayscale(0.5);
|
|
}
|
|
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:checked + span {
|
|
background-color: rgb(var(--accentcolor)) !important;
|
|
border-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d.alt-20KvgT .checkboxElement-uwAa9F + span {
|
|
background-color: #fff !important;
|
|
border-color: #fff !important;
|
|
}
|
|
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d.alt-20KvgT .checkboxElement-uwAa9F:checked + span::after {
|
|
border-color: rgb(var(--accentcolor)) !important;
|
|
}
|
|
|
|
#app-mount .maxLength-IdVNmX {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .copyInput-3AbKWB {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
}
|
|
#app-mount .copyInputDefault-3jiMHw {
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
#app-mount .hiddenMessage-3QNvPt,
|
|
#app-mount .inputDefault-1AaKiD {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .hiddenMessage-3QNvPt::placeholder,
|
|
#app-mount .inputDefault-1AaKiD::placeholder {
|
|
color: rgba(var(--textbrightest),.3);
|
|
}
|
|
|
|
#app-mount .grabber-3R-Rx9 {
|
|
background-color: #fff;
|
|
border-color: var(--background-accent);
|
|
}
|
|
#app-mount .bar-2H7Q9u {
|
|
background: var(--background-accent);
|
|
}
|
|
#app-mount .markValue-21gAVC {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .markDash-1ATsxA {
|
|
background: var(--background-accent);
|
|
}
|
|
|
|
.select-1YfRS9 [class*="css-"][class*="-control"] {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border-color: var(--deprecated-text-input-border);
|
|
color: var(--text-normal);
|
|
}
|
|
.select-1YfRS9 [class*="css-"][class*="-control"]:hover,
|
|
.select-1YfRS9 [class*="css-"][class*="-control"]:not(:last-child) {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
.select-1YfRS9.languageSelector-1hjSyO [class*="css-"][class*="-control"] {
|
|
background-color: var(--background-tertiary);
|
|
border: none;
|
|
}
|
|
.select-1YfRS9 [class*="css-"][class*="-singleValue"],
|
|
.select-1YfRS9 [class*="css-"][class*="-placeholder"],
|
|
.select-1YfRS9 [class*="css-"][class*="-indicatorContainer"] {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .optionNormal-12VR9V,
|
|
.css-1gfjib6-option,
|
|
.css-1yz4bi9-option,
|
|
.css-ru8b0x-option,
|
|
.css-1yz4bi9-option {
|
|
background-color: rgba(var(--transparencycolor), .1);
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .optionNormal-12VR9V:hover,
|
|
.css-pkcurw-option,
|
|
.css-rzbxvl-option,
|
|
.css-1qxn4c5-option,
|
|
.css-rzbxvl-option {
|
|
background-color: var(--background-secondary);
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .optionActive-KkAdqq,
|
|
.css-1gxgi19-option,
|
|
.css-1ba14n5-option,
|
|
.css-6qzljd-option,
|
|
.css-1ba14n5-option {
|
|
background-color: var(--background-primary);
|
|
color: var(--interactive-active);
|
|
}
|
|
.select-1YfRS9 > [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-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover:not(.disabled-2G98Nl),
|
|
.topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover:not(.disabled-2G98Nl) {
|
|
background-color: var(--background-modifier-selected);
|
|
}
|
|
|
|
#app-mount .customColorPicker-C_jddW {
|
|
background: var(--background-primary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* ---- 1.4. SEARCHBARS ---- */
|
|
|
|
#app-mount .searchBox-pyIJJj {
|
|
background-color: var(--background-accent);
|
|
box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .searchBox-pyIJJj .searchBoxInput-P0mWHW::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .searchIcon-34RNw9 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .filterLabel-3-eQ3i {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 1.5. IMAGES ---- */
|
|
|
|
#app-mount .successImage-1Ld6xy {
|
|
background-image:url(https://discord.com/assets/15bc6312ff83991a86d4eb9be19094d6.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .searchIndexBackground-2pbSFD {
|
|
background-image: url(https://discord.com/assets/e695cb4a18202a6053674a346e6ba4c2.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .resultsBlockedImage--tkTSD {
|
|
background-image: url(https://discord.com/assets/7490848d1fcddf075abeb71e2d1aaff3.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResultsImage-1-dP2n {
|
|
background-image: url(https://discord.com/assets/af4424ffab53593f696947192ff1854a.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResultsImage-1-dP2n.alt-3_Cl_W {
|
|
background-image: url(https://discord.com/assets/f0a2cc54695a7064a1f02e5ca8b95ccc.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .errorImage-19HeaA {
|
|
background-image: url(https://discord.com/assets/29462d0b6c33d2ed874aa982f6f99326.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .wrapper-3AZUiP { /* crash screen background */
|
|
background-image: url(https://discord.com/assets/da840b1a6c5d073ca1c6710f8967502a.svg);
|
|
}
|
|
#app-mount .image-35kDIs { /* crash screen center image */
|
|
background-image: url(https://discord.com/assets/e9baf4b505eb54129f832556ea16538e.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .gameIcon-1mDo1J {
|
|
background-color: rgba(var(--textbrightest), .1);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .noResults-1nD_92 {
|
|
background: transparent;
|
|
}
|
|
#app-mount .noResults-1nD_92::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: url(https://discord.com/assets/0b298968e0a756e25677771fd6b58b34.svg) no-repeat 50% 40%;
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .noResults-24KNHj {
|
|
background-image: url(https://discord.com/assets/0b298968e0a756e25677771fd6b58b34.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.fullArt-KDeDyg {
|
|
opacity: .5;
|
|
}
|
|
#app-mount .art-1bAcVF {
|
|
background-image: url(https://discord.com/assets/9f670a7821c663913c393f5df62e63d7.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageUnverified-1QCPtJ {
|
|
background-image: url(https://discord.com/assets/e260177e5165e6789e30b9592df75424.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.fullArt-3CUkwC {
|
|
opacity: .5;
|
|
}
|
|
|
|
.image-t6rLT3 {
|
|
opacity: .5;
|
|
}
|
|
.image-t6rLT3[style*='url("/assets/03c7541028afafafd1a9f6a81cb7f149.svg")'] {
|
|
background-image: url(https://discord.com/assets/6793e022dc1b065b21f12d6df02f91bd.svg) !important;
|
|
}
|
|
.image-t6rLT3[style*='url("/assets/9b0d90147f7fab54f00dd193fe7f85cd.svg")'] {
|
|
background-image: url(https://discord.com/assets/308e587f3a68412f137f7317206e92c2.svg) !important;
|
|
}
|
|
|
|
.image-20MDYu {
|
|
opacity: .5;
|
|
}
|
|
.image-20MDYu[style*='url("/assets/c84361b810ca7c10d6e8ddb6ea722ebe.svg")'] {
|
|
background-image: url(https://discord.com/assets/b669713872b43ca42333264abf9c858e.svg) !important;
|
|
}
|
|
.image-20MDYu[style*='url("/assets/857c505aafbe092e4f6efecebcad0bc8.svg")'] {
|
|
background-image: url(https://discord.com/assets/712a0fd4d14a1caadd31cb0745e91238.svg) !important;
|
|
}
|
|
|
|
img[src='/assets/9ad4d437577c5569dc231a787a5377f6.svg'],
|
|
img[src='/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg'] {
|
|
background-image: url(https://discord.com/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg);
|
|
opacity: .5;
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
img[src='/assets/c2c982c416a67d43d72d182f079a8d22.svg'],
|
|
img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
|
|
background-image: url(https://discord.com/assets/58957d928db6fb9d4658eb882f33d7bc.svg);
|
|
opacity: .5;
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
.emptyStateImage-3SXmVX {
|
|
opacity: .5;
|
|
}
|
|
.emptyStateImage-3SXmVX[src='/assets/38defe07899a762bfc301ddddd206116.svg'] {
|
|
background-image: url(https://discord.com/assets/446a060321730a318ca1649b0cc40d44.svg);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
#app-mount .image-3wZlK5 {
|
|
background-image: url(https://discord.com/assets/97e866482f43d3ebd2496641cd934904.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .imageError-dy476I {
|
|
background-image: url(https://discord.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .image-1REvn0 {
|
|
background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .emptyImage-2pCD2j {
|
|
background-image: url(https://discord.com/assets/4bb32037d9d2e8240d1315ddaf4e4b85.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .errorImage-1n5rtg {
|
|
background-image: url(https://discord.com/assets/cdc3daf6fc982fef1df502912b682ada.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .missingEntitlementImage-112ztW {
|
|
background-image: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
|
|
/* ~~~~ 2. GUIDLIST ~~~~ */
|
|
|
|
#app-mount .folder-241Joy.hover-3m7-WT,
|
|
#app-mount .childWrapper-1j_1ub,
|
|
#app-mount .circleIconButton-1VxDrg {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .folder-241Joy,
|
|
#app-mount .expandedFolderBackground-1kSAf6 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub,
|
|
#app-mount .wrapper-3kah-n:hover .childWrapper-1j_1ub {
|
|
background-color: var(--brand-experiment);
|
|
}
|
|
#app-mount .circleIconButton-1VxDrg.selected-2r1Hvo {
|
|
background-color: var(--green-360);
|
|
}
|
|
|
|
/* ~~~~ 3. CHANNELLIST ~~~~ */
|
|
|
|
/* ---- 3.1. GUILDHEADER ---- */
|
|
|
|
.channelNotice-tO6Tus.invite-OjTXrW,
|
|
.channelNotice-tO6Tus.guildMFAWarning-3GEzs8,
|
|
.channelNotice-tO6Tus.maxMembersCount-3E4zND,
|
|
.channelNotice-3DDmsB,
|
|
#app-mount .channelNotice-3hkOiI {
|
|
background: transparent;
|
|
}
|
|
.channelNotice-tO6Tus.invite-OjTXrW::before {
|
|
opacity: 0.6;
|
|
background: url(https://discord.com/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat;
|
|
}
|
|
.channelNotice-tO6Tus.guildMFAWarning-3GEzs8::before {
|
|
opacity: 0.6;
|
|
background: url(https://discord.com/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat;
|
|
}
|
|
.channelNotice-tO6Tus.quickswitcher-35bYg4::before {
|
|
opacity: 0.6;
|
|
}
|
|
.channelNotice-tO6Tus.maxMembersCount-3E4zND::before {
|
|
opacity: 0.6;
|
|
background: url(https://discord.com/assets/01f60394adffda20dc7270a1e3c727df.svg) center 16px no-repeat;
|
|
}
|
|
.channelNotice-3DDmsB::before {
|
|
opacity: 0.6;
|
|
background: url(https://discord.com/assets/1858873f28bdc62dfb3a1f4b67d459bf.svg) center top 20px/153px no-repeat;
|
|
}
|
|
#app-mount .channelNotice-3hkOiI::before {
|
|
opacity: 0.6;
|
|
background: url(https://discord.com/assets/7065587bd42fd829925bf6aa4b36f5e2.svg) center top 22px/220px no-repeat;
|
|
}
|
|
|
|
/* ---- 3.2. CHANNELS ---- */
|
|
|
|
#app-mount .icon-3sfeom {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyUser-13SMCb {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .moreUsers-Gej0iV {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .streamPreview-I7itZ6 {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .previewContainer-35LFgt {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .watchButton-2YRKxv {
|
|
border-color: var(--header-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .watchButton-2YRKxv:not([disabled]):hover {
|
|
border-color: var(--header-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 3.3. DMCHANNELS ---- */
|
|
|
|
.selected-26oxtA,
|
|
.selected-26oxtA:focus-within,
|
|
.selected-26oxtA:hover,
|
|
.snowsgivingLink-1TZi3c:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--header-primary);
|
|
}
|
|
.snowsgivingLink-1TZi3c {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* ---- 3.4. ACCOUNT/VOICE/GOLIVE ---- */
|
|
|
|
#app-mount .userList-3HrI62::before {
|
|
background-color: var(--background-secondary);
|
|
border-color: transparent var(--background-tertiary) var(--background-tertiary) transparent;
|
|
}
|
|
#app-mount .header-yw2_Tb {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .content-2GcAts {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .username-3NpL24 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .discriminator-15aR1s {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
|
|
/* ~~~~ 4. CHAT ~~~~ */
|
|
|
|
/* ---- 4.1. CHANNELHEADER ---- */
|
|
|
|
#app-mount .container-ZMc96U.themed-Hp1KC_ {
|
|
box-shadow: var(--elevation-low);
|
|
}
|
|
|
|
#app-mount .children-3xh0VB::after {
|
|
background: linear-gradient(90deg, transparent 0,var(--background-primary));
|
|
}
|
|
|
|
#app-mount .back-2UeP6M {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .back-2UeP6M:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .back-2UeP6M:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .cloud-PaJUGP {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 4.2. MESSAGES ---- */
|
|
|
|
.noChannel-1GDIAZ {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.content-1jQy2l::before {
|
|
display: none;
|
|
}
|
|
#app-mount .background-fkKrXt,
|
|
#app-mount .container-3wLKDe,
|
|
#app-mount .container-2IKOsH,
|
|
#app-mount .header-3xB4vB,
|
|
#app-mount .container-1um7CU {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .background-fkKrXt .container-2Hi7Km,
|
|
#app-mount .background-fkKrXt .container-xwOzwi,
|
|
#app-mount .background-fkKrXt .container-3rZ3XA,
|
|
#app-mount .background-fkKrXt .icon-2IDTxf,
|
|
#app-mount .background-fkKrXt .containerCard-2kwJKN,
|
|
#app-mount .background-fkKrXt .containerCard-2kwJKN:hover,
|
|
#app-mount .background-fkKrXt .interactiveCard-2iMtdk,
|
|
#app-mount .background-fkKrXt .emptyStateContainer-xWOMPJ,
|
|
#app-mount .background-fkKrXt .card-3x20HF,
|
|
#app-mount .container-3wLKDe .mainCard-3KBsBI,
|
|
#app-mount .container-3wLKDe .sidebarCard-1Gn1ch,
|
|
#app-mount .container-2IKOsH .channelRow-4X_3fi {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .action-3oG-si,
|
|
#app-mount .row--LCpto {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .background-fkKrXt .icon-2IDTxf {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
@media (max-width: 1300px) {
|
|
.container-xwOzwi,
|
|
.container-3rZ3XA {
|
|
background: none !important;
|
|
}
|
|
}
|
|
#app-mount .background-fkKrXt .containerCard-2kwJKN {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .background-fkKrXt .container-3HMTms:hover,
|
|
#app-mount .container-3wLKDe .pill-3pRQlO,
|
|
#app-mount .container-2IKOsH .channelRow-4X_3fi:hover {
|
|
background: var(--background-tertiary);
|
|
}
|
|
#app-mount .textContentFooter-2JnNv8 {
|
|
background: linear-gradient(0deg, rgba(var(--backgroundsecondary), 1), rgba(var(--backgroundsecondary), .97) 36px, rgba(var(--backgroundsecondary), .4));
|
|
}
|
|
|
|
#app-mount .reaction-3vwAF2.reactionMe-1PwQAc {
|
|
background-color: var(--brand-experiment-15a);
|
|
border-color: var(--brand-experiment);
|
|
}
|
|
|
|
#app-mount .reaction-3vwAF2.reactionMe-1PwQAc .reactionCount-26U4As {
|
|
color: var(--brand-experiment-200);
|
|
}
|
|
|
|
#app-mount .noResultIcon-3o4K-b {
|
|
background-image: url(https://discord.com/assets/1eed0d895df6e35f164d8ed5e84037d2.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .scrollSeparator-37GFe9 {
|
|
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating),.3), 0 1px 2px 0 rgba(var(--backgroundfloating),.3);
|
|
}
|
|
|
|
#app-mount .image-3HC6rC {
|
|
background-image: url(https://discord.com/assets/a36505883459aecf5df0ae54c6d7495f.svg);
|
|
opacity: .75;
|
|
}
|
|
#app-mount .title-FyH9jw {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .description-fPkcPm {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyChannelIcon-1YdEz2 {
|
|
position: relative;
|
|
background: var(--background-accent);
|
|
overflow: hidden;
|
|
}
|
|
#app-mount .emptyChannelIcon-1YdEz2::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discord.com/assets/a9847a74a2dac6e2b2958b195a8dad96.svg) center no-repeat;
|
|
}
|
|
|
|
/* ==== 4.2.1. MESSAGE ==== */
|
|
|
|
#app-mount .message-G6O-Wv {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .mentioned-Tre-dv::before {
|
|
background-color: rgb(var(--mentioncolor, --warningcolor));
|
|
}
|
|
|
|
#app-mount .ephemeralMessage-11q8XZ,
|
|
#app-mount .operations-3q3u6E {
|
|
color: var(--channels-default);
|
|
}
|
|
|
|
.icon-JRJzJz[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] {
|
|
-webkit-mask: url(https://discord.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat;
|
|
background: var(--header-secondary) !important;
|
|
}
|
|
.icon-JRJzJz[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] {
|
|
-webkit-mask: url(https://discord.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat;
|
|
background: var(--header-secondary) !important;
|
|
}
|
|
|
|
#app-mount .wrapper-1FP9YQ {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .videoControls-2NzHnF {
|
|
color: #fff;
|
|
}
|
|
|
|
#app-mount .spoilerContent-32CqO- {
|
|
background-color: rgba(var(--textbrightest),.1);
|
|
}
|
|
#app-mount .spoilerContent-32CqO-.hidden-2lQZ5q {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .spoilerContent-32CqO-.hidden-2lQZ5q:hover {
|
|
background-color: rgba(var(--backgroundtertiary),.8);
|
|
}
|
|
|
|
/* ==== 4.2.2. EMBEDS ==== */
|
|
|
|
#app-mount .description-X8_53U {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tagline-3DhQWg {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tile-2mmK5T {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 0 0 rgba(var(--backgroundtertiary),.15);
|
|
}
|
|
#app-mount .tile-2mmK5T:hover {
|
|
background-color: var(--background-floating);
|
|
}
|
|
|
|
#app-mount .progress-xNqAjK {
|
|
background-color: rgba(var(--textdarker),.3);
|
|
}
|
|
#app-mount .metadata-1E7Z4i {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .loadingBackground-26IZRN {
|
|
background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary));
|
|
}
|
|
#app-mount .loadingImage-3R-Yue {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .embedHorizontal-2GF6zV,
|
|
#app-mount .embedVertical-2vpt72 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.lookMinimal-2OMO3G .arrow-2KJjTM {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .svgContentRight-3MSzvF {
|
|
fill: var(--interactive-muted);
|
|
}
|
|
#app-mount .svgContentLeft-2HZqab {
|
|
fill: var(--interactive-muted);
|
|
}
|
|
#app-mount .svgContentLines-1kG7d4,
|
|
#app-mount .svgDots-eHVkRM {
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .svgTag-pnwduA {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .infoLink-3jBZ_6 {
|
|
color: var(--header-secondary) !important
|
|
}
|
|
#app-mount .copyLink-1bBHaR::before {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .buildDetails-15XTIW,
|
|
#app-mount .copyLink-1bBHaR:hover,
|
|
#app-mount .infoLink-3jBZ_6:hover {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .barLoader-WCIKN8,
|
|
#app-mount .buttonLoader-1CeBCI {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .disabledButtonOverride-3gcwQC {
|
|
background-color: var(--background-tertiary) !important
|
|
}
|
|
|
|
/* ==== 4.2.3. NITROGIFT ==== */
|
|
|
|
/* ==== 4.2.4. INVITE ==== */
|
|
|
|
#app-mount .guildIconImage-74OdmM {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .guildIconExpired-2BFmZC {
|
|
background-image: url(https://discord.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .resolvingBackground-1MSH01 {
|
|
background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary));
|
|
}
|
|
|
|
#app-mount .invite-3uuHYQ {
|
|
background: rgba(var(--backgroundsecondary),.6);
|
|
border-color: rgba(var(--backgroundsecondary),.9);
|
|
}
|
|
#app-mount .artworkSpotifySessionEnded-D18iXB {
|
|
background-image: url(https://discord.com/assets/fb6a21ef85b63dec6e7c01c683904e8f.svg);
|
|
}
|
|
#app-mount .header-1Fx4D1 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .name-QjR4Jk,
|
|
#app-mount .partyStatus-2-VcyG {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .moreUsers-3PdGZN {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .partyMemberEmpty-GtlQ_s {
|
|
background: var(--background-accent);
|
|
}
|
|
#app-mount .helpIcon-24pk1Z {
|
|
background-color: var(--header-primary);
|
|
}
|
|
#app-mount .helpIcon-24pk1Z [fill] {
|
|
fill: var(--background-secondary);
|
|
}
|
|
#app-mount .textLink-_PElWP,
|
|
#app-mount .message-group .textLink-_PElWP {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .subHeader-2XPj0v {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .preview-3GfI5V {
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* ---- 4.3. TEXTAREA ---- */
|
|
|
|
#app-mount .form-3gdLxP::before {
|
|
background: linear-gradient(180deg, transparent 0, var(--background-primary));
|
|
}
|
|
|
|
#app-mount .error-3_o9DA {
|
|
color: #f36c6c;
|
|
}
|
|
|
|
#app-mount .toolbar-37BrJ5 {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .toolbar-37BrJ5::before {
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
border-top: 8px solid var(--background-floating);
|
|
}
|
|
#app-mount .divider-3NY7PF {
|
|
border-left: 1px solid rgba(var(--textbrightest),.06);
|
|
}
|
|
#app-mount .icon-3g7qdA {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .active-136ioF .icon-3g7qdA,
|
|
#app-mount .hover-3OQb9Y:hover .icon-3g7qdA {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
#app-mount .cooldownWrapper-2k1jHK[style*="color: rgb(79, 84, 92)"] {
|
|
color: var(--text-muted) !important;
|
|
}
|
|
|
|
/* ---- 4.4. AUTOCOMPLETEMENU ---- */
|
|
|
|
#app-mount .autocomplete-3NRXG8 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .categoryHeader-OpJ1Ly {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .selected-3H3-RC {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
/* ---- 4.5. MEMBERLIST ---- */
|
|
|
|
#app-mount .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* ---- 4.6. CALL ---- */
|
|
|
|
.wrapper-1gVUIN {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.root-22AK9z {
|
|
color: var(--header-primary);
|
|
}
|
|
.gradientContainer-phMG8d {
|
|
display: none;
|
|
}
|
|
.divider-LwO6Dl {
|
|
background: var(--background-modifier-accent);
|
|
}
|
|
.playingText-16QsYy {
|
|
color: var(--header-secondary);
|
|
}
|
|
.controlIcon-10O-4h {
|
|
color: var(--interactive-normal);
|
|
}
|
|
.controlIcon-10O-4h:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
.controlIcon-10O-4h.active-3D763s,
|
|
.controlIcon-10O-4h:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
.pictureInPictureVideo-2puO2Q .controlIcon-10O-4h {
|
|
color: #b9bbbe;
|
|
}
|
|
.pictureInPictureVideo-2puO2Q .controlIcon-10O-4h:hover {
|
|
color: #dcddde;
|
|
}
|
|
.pictureInPictureVideo-2puO2Q .controlIcon-10O-4h.active-3D763s,
|
|
.pictureInPictureVideo-2puO2Q .controlIcon-10O-4h:active {
|
|
color: #fff;
|
|
}
|
|
.colorable-3rVGna.primaryDark-2UJt1G {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
.colorable-3rVGna.primaryDark-2UJt1G,
|
|
.colorable-3rVGna.primaryDark-2UJt1G .centerIcon-JYpTUi {
|
|
color: var(--header-primary);
|
|
}
|
|
.colorable-3rVGna.primaryDark-2UJt1G.active-3D763s,
|
|
.colorable-3rVGna.primaryDark-2UJt1G:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
.root-u9h3Ui {
|
|
color: var(--header-primary);
|
|
}
|
|
.root-22AK9z {
|
|
color: var(--header-primary);
|
|
}
|
|
.tile-2TcwiO {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
.header-1BxQhu {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .regionSelectName-1Tj9C9 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .quickSelectPopoutOption-2E2UmS:hover .regionSelectName-1Tj9C9 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .video-eAcneW {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .video-eAcneW.minimum-1n7zHF {
|
|
background-color: var(--background-floating);
|
|
box-shadow: inset 0 -1px 0 var(--background-tertiary);
|
|
}
|
|
#app-mount .video-eAcneW.noChat-3QkBOE .videoBackgroundTransition-Pn9nCS {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .video-eAcneW.noChat-3QkBOE .videoTop-18vrXm,
|
|
#app-mount .video-eAcneW.normal-1O1dfs .videoTop-18vrXm {
|
|
background-image: linear-gradient(0deg, transparent,rgba(0,0,0,.9));
|
|
}
|
|
|
|
#app-mount .item-2ppWEc {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .itemValue-3eCU6u {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .videoPreview-2MGkOA {
|
|
background-color: var(--background-secondary);
|
|
border: 1px solid var(--background-tertiary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 5. PEOPLES ~~~~ */
|
|
|
|
#app-mount .container-2cd8Mz {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .scroller-hE2gWq {
|
|
border: none;
|
|
}
|
|
|
|
#app-mount .sectionHeader-20RGqu {
|
|
border-bottom: 1px solid rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .moreMutualGuildsBtn-3jEzPC:hover {
|
|
border-color: rgba(var(--textbrightest),.6);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .wrapper-1nP9W7 {
|
|
background-color: rgba(4,4,5,.8);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .header-1bHP7r {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .outer-2JOHae.active-1W_Gl9,
|
|
#app-mount .outer-2JOHae.interactive-2zD88a:hover {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .inset-SbsSFp {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .emptyPreviewImage-3LUxKH {
|
|
background-image: url(https://discord.com/assets/b93ef52d62a513a4f2127a6ca0c3208c.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .partyMemberOverflow-3G1oZz {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .partyMemberBackground-35PUxI,
|
|
#app-mount .partyMemberUnknown-3RMTbX {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .partyMemberUnknownIcon-3HapjE {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .partyMemberUnknown-EEivAl {
|
|
background-image: url(https://discord.com/assets/c2e09a95e595bfb12fa040d56ca27db5.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .popout-3Zw0qN {
|
|
background-color: var(--background-floating);
|
|
border-color: var(--background-tertiary);
|
|
box-shadow: 0 8px 16px rgba(0,0,0,.24);
|
|
}
|
|
#app-mount .enabled-1t_Gxm:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .memberListHeader-543n-J {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .memberListItem-31QoHj:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .multipleIconWrapper-2YHnS6,
|
|
#app-mount .separator-2OaeRP {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .body-16rSsp .separator-2OaeRP {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .voiceSectionNoGuildImageWrapper-17kLyh {
|
|
background: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .voiceSectionIconWrapper-4yoj76 {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .voiceSectionIcon-1_4-an,
|
|
#app-mount .xboxSectionIcon-1xiv4J {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .applicationStreamingPreviewWrapper-7j27t8 {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
/* ~~~~ 6. STORE/NITRO ~~~~ */
|
|
|
|
#app-mount .header-2cF-SF {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .blurb-3d5FqU,
|
|
#app-mount .storeTerms-229iaC,
|
|
#app-mount .subtext-3JuUCk {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .divider-3IBpTV {
|
|
background-color: rgba(var(--backgroundsecondary),.6);
|
|
}
|
|
|
|
#app-mount .iconWrapper-2_MXbk {
|
|
background: var(--background-accent);
|
|
}
|
|
|
|
#app-mount .directoryHeroPrice-1mL8NS,
|
|
#app-mount .directoryHeroPricePremium-cNEUik {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .directorySearchPrice-3X8YHl {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .listingPrice-3Byrq9 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .originalAmount-fVSHy9 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .embedPrice-2cAoWE {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .embedPrice-2cAoWE .salePercentage-1mi7hp {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .loadingContainer-2dRvxT {
|
|
background-color: rgba(0,0,0,.4);
|
|
}
|
|
#app-mount .libraryLink-t3ekoU {
|
|
color: rgba(var(--textbrightest),.6);
|
|
}
|
|
#app-mount .invalidPoop--w1123 {
|
|
background-color: rgba(var(--backgroundaccent),.6);
|
|
background-image: url(https://discord.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .metadata-3MqUp5 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .cancelImage-T807tN {
|
|
background: url(https://discord.com/assets/03863b539aec443327ca2ffc51a89dac.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
#app-mount .container-2Zlzt0 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .xboxLogo-3uO7iP {
|
|
-webkit-mask: url(https://discord.com/assets/7f267bbf7d7569d790f9f6ab97d04044.svg) center no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .feature-2IUcBI {
|
|
background-color: var(--background-secondary-alt);
|
|
border: 1px solid var(--background-modifier-accent);
|
|
box-shadow: var(--elevation-medium);
|
|
}
|
|
|
|
#app-mount .sectionAccountCredit-1lZtoH,
|
|
#app-mount .subscriptionDetails-3u1CML {
|
|
border-color: rgba(var(--textdarker),.3);
|
|
}
|
|
#app-mount .background-HqNWlb {
|
|
background-image: url(https://discord.com/assets/00be7f6ca68f1915a80ae01f061718e5.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .tier1Banner-LvpkWu {
|
|
background: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tier1Banner-LvpkWu::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discord.com/assets/cb89c31c79a62ae99ec12351c1efb277.svg) center/cover no-repeat;
|
|
}
|
|
|
|
#app-mount .categoryHeader-93jmyE,
|
|
#app-mount .premiumApplicationsHeader-3K67Qe {
|
|
border-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .viewAllGames-1jwiR_ {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .divider-3y7HAB {
|
|
border-color: rgba(var(--backgroundsecondary),.6);
|
|
}
|
|
|
|
#app-mount .content-3N5BG9 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .blurb-btvBEJ {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .description-BzYBA2 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .row-2qQ--F {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .featureIcon-3GwsEQ {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .content-26qlhD {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .themedPagination-3jclKS .arrow-2PTaaz {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .themedPagination-3jclKS .dot-1xabNQ {
|
|
background-color: var(--header-primary);
|
|
}
|
|
#app-mount .matureListing-aNebPc {
|
|
background-color: transparent;
|
|
}
|
|
#app-mount h3.contentHeader-2mKb-r {
|
|
color: #dcddde;
|
|
}
|
|
|
|
#app-mount .circle-1ceChx {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .iconCircle-3CMTjB {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .smallHeader--lYkq9 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .text-3UzHA4 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .description-hC8iQf {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .playerOverflow-GbSZQs {
|
|
background-color: var(--background-floating);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .description-hC8iQf strong,
|
|
#app-mount .discriminator-2EHIDr strong,
|
|
#app-mount .username-pDGZS1 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .label-2txsEl {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .username-3gwMST {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .notes-2clhZY {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .root-3mkK8X {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .header-13C7x6 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .section-3Et6MX {
|
|
border-bottom-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .breadcrumb-2tlXzO:hover {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .separator-dn0u3Y {
|
|
background-color: rgba(var(--backgroundsecondary),.6);
|
|
}
|
|
#app-mount .tabNotSelectedColor-2f2hRe {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tabNotSelectedColor-2f2hRe:hover,
|
|
#app-mount .tabSelectedColor-2MQNM- {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tabSelected-2OMwNX {
|
|
border-bottom-color: var(--header-primary);
|
|
}
|
|
#app-mount .sectionTitle-26b5ZR {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .requirementKey-3Mlwzf {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .requirements-2IwVy6 {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#app-mount .content-1W9-9i {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .buttonColorInGuild-1OoSt7 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .name-22c6Wk {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .memberInfo-QIpngr {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .dotOffline-LfSWc8 {
|
|
background-color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .listing-gF29cM {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .link-1DS2h_ {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .applicationName-1iS9zb {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .price-1PvQ0u {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 6.1. BIRTHDAY PAGE ---- */
|
|
|
|
#app-mount .outerContainer-2qLQSo {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .outerContainer-2qLQSo .heroWrapper-20MPew {
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
}
|
|
#app-mount .outerContainer-2qLQSo .birthdayExplanationWrapper-c5wg5T,
|
|
#app-mount .outerContainer-2qLQSo .flipCardOpened-hiYLHX,
|
|
#app-mount .outerContainer-2qLQSo .activityCard-3EABg3,
|
|
#app-mount .outerContainer-2qLQSo .celebrateCardContainer-MAdnBa {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 7. LIBRARY ~~~~ */
|
|
|
|
#app-mount .headerCellSorted-1bg4Lp {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .emptyWumpus-11kRB0 {
|
|
background: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .rate-1lw2ml {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .background-3laMJt {
|
|
stroke: var(--background-accent);
|
|
}
|
|
#app-mount .usageInfo-2CQ9c7 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .installationPath-2PbaRC {
|
|
box-shadow: 0 1px 0 0 var(--background-accent);
|
|
}
|
|
#app-mount .rowTitle-2MoCno {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .rowBody-uWDd7Y {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .defaultLocationCheckbox-1Y3dSI {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .defaultIndicator-1AxErs {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .applicationName-1uqOrC {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .applicationSubText-2SBEgj {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .hiddenLibraryApplication-lfw1ab {
|
|
border-color: var(--background-accent);
|
|
}
|
|
#app-mount .hiddenLibraryApplication-lfw1ab::before {
|
|
background: rgba(var(--backgroundtertiary),.3);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .restoreButton-17sRw1 {
|
|
background: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 1px 5px 0 rgba(0,0,0,.3);
|
|
}
|
|
#app-mount .restoreButton-17sRw1:hover {
|
|
background: var(--background-secondary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .card-2TuZPZ {
|
|
box-shadow: var(--elevation-medium);
|
|
}
|
|
#app-mount .card-2TuZPZ:focus,
|
|
#app-mount .card-2TuZPZ:hover {
|
|
box-shadow: var(--elevation-high);
|
|
}
|
|
|
|
|
|
/* ~~~~ 8. DISCOVERY ~~~~ */
|
|
|
|
#app-mount .pageWrapper-2PwDoS {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
.footerImage-3DpC_8 {
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .search-25t1e9 .searchBox-31Zv9h {
|
|
background-color: #fff;
|
|
}
|
|
#app-mount .search-25t1e9 .searchBox-31Zv9h:focus,
|
|
#app-mount .search-25t1e9 .searchBox-31Zv9h: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-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz {
|
|
color: #2e3338;
|
|
}
|
|
#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::-webkit-input-placeholder,
|
|
#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::-moz-placeholder,
|
|
#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz:-ms-input-placeholder,
|
|
#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::placeholder {
|
|
color: #72767d;
|
|
}
|
|
#app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0 {
|
|
color: #4f5660;
|
|
}
|
|
#app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:hover {
|
|
color: #2e3338;
|
|
}
|
|
#app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:focus {
|
|
color: #060607;
|
|
}
|
|
#app-mount .search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL {
|
|
color: rgba(79,84,92,.6);
|
|
}
|
|
|
|
|
|
/* ~~~~ 9. USERSETTINGS ~~~~ */
|
|
|
|
#app-mount .customContainer-dK1ozq::before {
|
|
box-shadow: 0 1px 4px rgba(0,0,0,.2);
|
|
border-bottom: 1px solid rgba(0,0,0,.2);
|
|
}
|
|
|
|
#app-mount .notice-3jw7ld {
|
|
background: rgba(var(--backgroundtertiary),.95);
|
|
}
|
|
#app-mount .container-20TyK0[style*="background-color: rgba(248, 249, 249"],
|
|
#app-mount .container-20TyK0[style*="background-color: rgba(32, 34, 37"] {
|
|
background-color: rgba(var(--backgroundfloating), .9) !important;
|
|
}
|
|
#app-mount .container-20TyK0[style*="background-color: rgba(248, 249, 249"] .message-3C6JQ1,
|
|
#app-mount .container-20TyK0[style*="background-color: rgba(32, 34, 37"] .message-3C6JQ1 {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .message-3C6JQ1 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .streamerModeEnabledImage-2EveVD {
|
|
background-image: url(https://discord.com/assets/5b7e23080bfec53f966b806abcde8def.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.contentRegion-3HkfJJ div[role="tabpanel"] {
|
|
width: 100%;
|
|
}
|
|
.toolsContainer-25FL6V {
|
|
margin-right: 37px;
|
|
}
|
|
#app-mount .closeButton-PCZcma {
|
|
border-color: var(--channels-default);
|
|
}
|
|
#app-mount .closeButton-PCZcma path[fill] {
|
|
fill: var(--channels-default);
|
|
}
|
|
#app-mount .closeButton-PCZcma:hover {
|
|
background-color: rgba(var(--backgroundaccent),.3);
|
|
border-color: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButton-PCZcma:hover path[fill] {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButton-PCZcma:active {
|
|
border-color: var(--text-normal);
|
|
}
|
|
#app-mount .closeButton-PCZcma:active path[fill] {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .keybind-13vtq8 {
|
|
color: var(--channels-default);
|
|
}
|
|
|
|
#app-mount .closeButtonBold-2Wgbg8 {
|
|
border-color: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButtonBold-2Wgbg8 path[fill] {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .closeButtonBold-2Wgbg8:hover {
|
|
background-color: rgba(var(--backgroundaccent),.6);
|
|
border-color: var(--text-normal);
|
|
}
|
|
#app-mount .closeButtonBold-2Wgbg8:hover path[fill] {
|
|
fill: var(--text-normal);
|
|
}
|
|
#app-mount .closeButtonBold-2Wgbg8:active {
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .closeButtonBold-2Wgbg8:active path[fill] {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .keybindBold-1U6HoA {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .avatarUploader-AF-hm- .sizeInfo-Wk0Ksj {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .avatarUploaderIndicator-2G-aIZ {
|
|
background: var(--background-floating);
|
|
}
|
|
#app-mount .avatarUploaderIndicator-2G-aIZ::after {
|
|
content: "";
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discord.com/assets/d5c25e76af04cea8997e4a060572feae.svg) center no-repeat;
|
|
}
|
|
#app-mount .userSettingsAccount-3wUMIP .viewBody-1l56Sd {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .userSettingsSecurityImage-2_okeh {
|
|
background: url(https://discord.com/assets/cdea41ede63f61153e4a3c0531fa3873.svg) center/cover no-repeat;
|
|
opacity: .5;
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
.colorSwatch-3g4qA8 {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.colorSwatch-3g4qA8 > [role="radio"] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.colorSwatch-3g4qA8 > .dropperIconButton-2shYII {
|
|
width: 69px;
|
|
margin: auto;
|
|
}
|
|
|
|
#app-mount .authedApp-1tw-eT {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .emptyStateHeader-2qdbzr {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .emptyStateSubtext-1nMe5m {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyStateImage-2qGUMK {
|
|
background: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .codeRedemptionRedirect-2hYMSQ {
|
|
background: var(--background-modifier-selected);
|
|
border-color: var(--background-modifier-selected);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .subText-2zL_27 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .subTextHeader-2TGlBa {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .subTextRow-2c7SIq {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .giftCodeRow-3pI-zz {
|
|
border-color: rgba(var(--textdarkest),.6);
|
|
}
|
|
#app-mount .bodyButtonColor-1j4G6V {
|
|
background: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bodyButtonColor-1j4G6V:hover {
|
|
background: var(--background-secondary);
|
|
}
|
|
#app-mount .bodyButtonColor-1j4G6V:active {
|
|
background: var(--background-primary);
|
|
}
|
|
#app-mount .card-1j9yy6 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .splashArt-175LCr {
|
|
background-image: url(https://discord.com/assets/976b56da8d86af63aef4f55afb553a9f.png);
|
|
}
|
|
#app-mount .confirmTitle-3WHs3k {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .confirmBlurb-2gfQ_7 {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .item-3eFBNF {
|
|
box-shadow: inset 0 -1px 0 0 var(--background-accent);
|
|
}
|
|
#app-mount .gemIndicatorContainer-PqApbX {
|
|
background-color: var(--background-floating);
|
|
}
|
|
#app-mount .gemWithoutLabel-1od40y {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierLabel-3MVAnX {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .guildHeaderBackground-1G51bM {
|
|
background-image: url(https://discord.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg);
|
|
opacity: .75;
|
|
}
|
|
#app-mount .emptyGuilds-1cEt2M {
|
|
background-image: url(https://discord.com/assets/e500b2fe39bd0080b48e740d9d96e240.svg);
|
|
opacity: .75;
|
|
}
|
|
|
|
.container-3NTP7o {
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg);
|
|
}
|
|
.notches-2w7UZJ {
|
|
background: transparent !important;
|
|
}
|
|
#app-mount .progress-1S-TDF {
|
|
background-color: var(--text-muted);
|
|
}
|
|
.icon-1fWS75[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"],
|
|
.icon-1fWS75[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] {
|
|
-webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
.icon-1fWS75[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"],
|
|
.icon-1fWS75[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] {
|
|
-webkit-mask: url(https://discord.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
#app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf {
|
|
background-color: var(--background-secondary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
|
|
#app-mount .row-3nMNOy {
|
|
box-shadow: inset 0 -1px 0 rgba(var(--textdarker),.3);
|
|
}
|
|
|
|
.disabled-35mc5w {
|
|
color: var(--interactive-muted);
|
|
}
|
|
.option-1QI4c9 {
|
|
background-color: var(--interactive-muted);
|
|
}
|
|
|
|
|
|
.overlayWarningIcon-B1Xv81 {
|
|
background: url(https://discord.com/assets/afc17a02f2ea7406b0ee518c28414f7c.svg) no-repeat;
|
|
}
|
|
#app-mount .game-2f2vPC {
|
|
box-shadow: var(--elevation-low);
|
|
}
|
|
#app-mount .gameName-zbZetm {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .gameNameInput-2wbDJ9:focus,
|
|
#app-mount .gameNameInput-2wbDJ9:hover {
|
|
background-color: var(--background-primary);
|
|
border-color: rgba(var(--textdark),.3);
|
|
}
|
|
#app-mount .lastPlayed-1jum9A,
|
|
#app-mount .overlayStatusText-In0YrK {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .overlayToggleIconOn-21NN2N .fill-297bdf {
|
|
fill: var(--text-muted);
|
|
}
|
|
#app-mount .addGamePopout-2SKNIV {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .addGamePopout-2SKNIV .cancelButton-1_3Ix7 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .nowPlayingAdd-3I4RbE {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .nowPlaying-3UpuKc {
|
|
background-color: var(--status-positive-background);
|
|
}
|
|
#app-mount .nowPlaying-3UpuKc .gameName-zbZetm {
|
|
color: var(--status-positive-text);
|
|
}
|
|
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:focus,
|
|
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:hover {
|
|
background-color: transparent;
|
|
border-color: var(--status-positive-text);
|
|
}
|
|
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9 {
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9 + * {
|
|
position: relative;
|
|
}
|
|
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:focus + *::before,
|
|
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9: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-3UpuKc .lastPlayed-1jum9A,
|
|
#app-mount .nowPlaying-3UpuKc .overlayStatusText-In0YrK {
|
|
color: var(--status-positive-text);
|
|
}
|
|
#app-mount .nowPlaying-3UpuKc .overlayToggleIconOff-ps4gGp .fill-297bdf,
|
|
#app-mount .nowPlaying-3UpuKc .overlayToggleIconOn-21NN2N .fill-297bdf {
|
|
fill: var(--status-positive-text);
|
|
}
|
|
#app-mount .notDetected-M3Ghh2 {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .notDetected-M3Ghh2 .gameName-zbZetm {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .notDetected-M3Ghh2 .lastPlayed-1jum9A {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .row-2ooh_3 {
|
|
box-shadow: inset 0 -1px 0 rgba(var(--textdarker),.3);
|
|
}
|
|
|
|
#app-mount .foreground-2hyALB {
|
|
background: var(--interactive-normal);
|
|
}
|
|
#app-mount .link-39xJu3:hover .foreground-2hyALB {
|
|
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 {
|
|
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-2VluqV {
|
|
background-color: rgba(var(--backgroundtertiary),.95);
|
|
}
|
|
#app-mount .avatarUploader-2yeaMv .avatarUploaderInner-3SDRO_,
|
|
#app-mount .avatarUploaderDisabled-310UAf .avatarUploaderInner-3SDRO_ {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .avatarUploader-2yeaMv .avatarUploaderInner-3SDRO_:hover {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),inset 0 0 120px rgba(0,0,0,.6);
|
|
}
|
|
#app-mount .avatarUploaderDisabled-310UAf .avatarUploaderInner-3SDRO_:hover {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .divider-3wNib3 {
|
|
border-color: rgba(var(--textdarker),.3);
|
|
}
|
|
|
|
.addRoleIcon-3YjErH {
|
|
-webkit-mask: url(https://discord.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg);
|
|
background: var(--header-secondary);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
#app-mount .dragged-S44x-A {
|
|
-webkit-mask: url(https://discord.com/assets/a8564dac0d728add0025be388f5ad7a2.svg) center/contain no-repeat;
|
|
background: var(--background-tertiary);
|
|
}
|
|
.theme-light .messageContainer-3a6gLR {
|
|
display: none;
|
|
}
|
|
|
|
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse {
|
|
background-color: var(--deprecated-text-input-bg);
|
|
border: 1px solid var(--deprecated-text-input-border);
|
|
}
|
|
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse:hover {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse:focus {
|
|
border-color: rgb(var(--accentcolor));
|
|
}
|
|
#app-mount .emojiAliasPlaceholder-3H_iZA {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .emojiRow-zIc7ZX {
|
|
box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.04);
|
|
}
|
|
|
|
#app-mount .auditLog-1NVAY0 {
|
|
border-color: var(--background-tertiary);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .auditLog-1NVAY0 strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .auditLog-1NVAY0:hover .expandForeground-1nZ4VR {
|
|
stroke: var(--header-primary);
|
|
}
|
|
#app-mount .headerClickable-zGQJz3,
|
|
#app-mount .headerDefault-1e6yjj {
|
|
background-color: rgba(var(--backgroundtertiary),.3);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .headerExpanded-1-zwDr {
|
|
background-color: rgba(var(--backgroundtertiary),.6);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .divider-M3saWq {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .userHook-3R3zjr {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .expandForeground-1nZ4VR {
|
|
stroke: rgba(var(--textbrightest),.6);
|
|
}
|
|
#app-mount .timestamp-147bcs {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .changeDetails-1kMZqI {
|
|
background-color: rgba(var(--backgroundtertiary),.3);
|
|
}
|
|
#app-mount .auditLogMembersIconFg-2dfgB- {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .selected-38kUfI .auditLogMembersIconFg-2dfgB- {
|
|
fill: #fff;
|
|
}
|
|
.themeOverrideLight-bdYR2N.icon-2PiQ65,
|
|
.themeOverrideDark-3-xxHI.icon-2PiQ65,
|
|
#app-mount .icon-2PiQ65 {
|
|
background: none !important;
|
|
}
|
|
.icon-2PiQ65::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: var(--header-primary);
|
|
}
|
|
.icon-2PiQ65.applicationCommand-3YMgNf::before {
|
|
-webkit-mask: url(https://discord.com/assets/561a626f671b8fd8f0c2e85c97df9b04.svg);
|
|
}
|
|
.icon-2PiQ65.autoModerationBlockMessage-97cbNX::before {
|
|
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg);
|
|
}
|
|
.icon-2PiQ65.autoModerationRule-2pc9PC::before {
|
|
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg);
|
|
}
|
|
.icon-2PiQ65.targetAll-21RPfg::before {
|
|
-webkit-mask: url(https://discord.com/assets/22fd0ab3562af24ea964465bb65531aa.svg);
|
|
}
|
|
.icon-2PiQ65.targetBan-qwvck2::before {
|
|
-webkit-mask: url(https://discord.com/assets/fd541825b6853aaae233ad9d83e05a18.svg);
|
|
}
|
|
.icon-2PiQ65.targetChannel-1NWbC5::before {
|
|
-webkit-mask: url(https://discord.com/assets/528ae525a9823affbcd2a35bd20573b0.svg);
|
|
}
|
|
.icon-2PiQ65.targetEmoji-2T6Ze4::before {
|
|
-webkit-mask: url(https://discord.com/assets/858ab2bdee17ca226df85e23263bcf3a.svg);
|
|
}
|
|
.icon-2PiQ65.targetGuild-pvPVWS::before {
|
|
-webkit-mask: url(https://discord.com/assets/448b698d906ab4d93b609282595a1c9d.svg);
|
|
}
|
|
.icon-2PiQ65.targetGuildHome-3LSyOg::before {
|
|
-webkit-mask: url(https://discord.com/assets/eeaa7c1199e8f4cdb46de98c9b924edf.svg);
|
|
}
|
|
.icon-2PiQ65.targetGuildScheduledEvent-330pb3::before {
|
|
-webkit-mask: url(https://discord.com/assets/7093e58edcd5202a129a6e4fbf427c6d.svg);
|
|
}
|
|
.icon-2PiQ65.targetIntegration-j5Mnwy::before {
|
|
-webkit-mask: url(https://discord.com/assets/993b5f52b8bd8d1c1c34cac05015c331.svg);
|
|
}
|
|
.icon-2PiQ65.targetInvite-2hFskc::before {
|
|
-webkit-mask: url(https://discord.com/assets/d0dc8a4c8ea55b119c5c2cccf69b031f.svg);
|
|
}
|
|
.icon-2PiQ65.targetMember-2pI3Cu::before {
|
|
-webkit-mask: url(https://discord.com/assets/e2c0846875f889524e3d60e7d25afa55.svg);
|
|
}
|
|
.icon-2PiQ65.targetMemberRole-jNaX-k::before {
|
|
-webkit-mask: url(https://discord.com/assets/00124e254d0d86c37f6d02ec0c5b1e02.svg);
|
|
}
|
|
.icon-2PiQ65.targetMessage-WgF9Dt::before {
|
|
-webkit-mask: url(https://discord.com/assets/aa9f9c29b51e414f0476d4388031aaf4.svg);
|
|
}
|
|
.icon-2PiQ65.targetPermission-2fNNaU::before {
|
|
-webkit-mask: url(https://discord.com/assets/35de2007bfe0db9821881321d8b7c1fe.svg);
|
|
}
|
|
.icon-2PiQ65.targetRole-24Nm1S::before {
|
|
-webkit-mask: url(https://discord.com/assets/9aa6e9df74888ec09885bb08341800be.svg);
|
|
}
|
|
.icon-2PiQ65.targetStageInstance-2ljqjY::before {
|
|
-webkit-mask: url(https://discord.com/assets/dfad85fc7c072498298077f68cf006ca.svg);
|
|
}
|
|
.icon-2PiQ65.targetSticker-2BoYB9::before {
|
|
-webkit-mask: url(https://discord.com/assets/da5f0aa4b5ccf0165b4220ba9929ea59.svg);
|
|
}
|
|
.icon-2PiQ65.targetVanityUrl-1KGkGd::before {
|
|
-webkit-mask: url(https://discord.com/assets/bef4eebd4f9e00aabbfa7de1949c8565.svg);
|
|
}
|
|
.icon-2PiQ65.targetWebhook-3gzYYG::before {
|
|
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg);
|
|
}
|
|
.icon-2PiQ65.targetWidget-3g4NqJ::before {
|
|
-webkit-mask: url(https://discord.com/assets/03f717eddad9ac74a1900254625657cf.svg);
|
|
}
|
|
.icon-2PiQ65.thread-P4cm8D::before {
|
|
-webkit-mask: url(https://discord.com/assets/c254ffdde9bc5c90c5ec5d9e11dbf382.svg);
|
|
}
|
|
|
|
#app-mount .rolePills-32B_DQ {
|
|
color: rgba(var(--textbrightest),.8);
|
|
}
|
|
#app-mount .footerImage-4UrEF0 {
|
|
background-image: url(https://discord.com/assets/36d0e0bb009fa362c2533003c0af67b5.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .card-1o0mns {
|
|
border-color: var(--background-secondary-alt);
|
|
}
|
|
#app-mount .card-3IImnr {
|
|
border-color: var(--background-secondary-alt);
|
|
}
|
|
|
|
#app-mount .card-3_CqkU {
|
|
box-shadow: var(--elevation-high);
|
|
}
|
|
.splashImage-352DQ1[src="/assets/7b6ed225050df29a07cb5db712d35a73.svg"],
|
|
.splashImage-352DQ1[src="/assets/d03d90cb6f12a7ea06274b278dfa4160.svg"] {
|
|
background: url(https://discord.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg) center/cover no-repeat;
|
|
opacity: .75;
|
|
object-position: -999999px -999999px;
|
|
}
|
|
#app-mount .avatarUploaderInnerSquare-2wsxgt {
|
|
background-image: url(https://discord.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
.exampleContainerLight-2cIJFB,
|
|
.exampleContainerDark-yyX7sl {
|
|
background-image: url(https://discord.com/assets/579d8c1aa51bd06391c5ac19c654cb5e.png);
|
|
}
|
|
|
|
#app-mount .background-3xJH_4 {
|
|
color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierInProgress-1vFUnw {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .moreSubscribers-2FZuij {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary)
|
|
}
|
|
#app-mount .subscriberCount-3iRh_w {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .subscriberCount-3iRh_w strong {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .subscribersPopout-3lkZNO {
|
|
background: var(--background-floating);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .subscribersPopoutUser-3Az2Dc {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tierHeaderLocked-30MLlO {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .tierHeaderUnlocked-1OpOLf {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierCloseClose-T256RA {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierBody-1d3UiS {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .tierCurrent-2nowYi {
|
|
box-shadow: 0 4px 8px rgba(0,0,0,.24);
|
|
}
|
|
|
|
.exampleContainer-2O-nVK,
|
|
.exampleContainer-25sB-A {
|
|
background: transparent;
|
|
position: relative;
|
|
}
|
|
.exampleContainer-2O-nVK > *,
|
|
.exampleContainer-25sB-A > * {
|
|
z-index: 1;
|
|
}
|
|
.exampleContainer-2O-nVK .exampleModal-1lRfuE,
|
|
.exampleContainer-25sB-A .exampleModal-2X2Vf8 {
|
|
position: relative;
|
|
box-shadow: 2 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
.exampleContainer-2O-nVK::after,
|
|
.exampleContainer-25sB-A::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--background-tertiary);
|
|
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/discord_window_placeholder.svg) 0 0/cover no-repeat;
|
|
}
|
|
|
|
#app-mount .member-1q7VfX {
|
|
box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.04);
|
|
}
|
|
#app-mount .member-1q7VfX .name-8yzEIY {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .member-1q7VfX .tag-1YGWN9 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .member-1q7VfX .roleWrapper-1Hde_V {
|
|
color: rgba(var(--textbrightest),.8);
|
|
}
|
|
#app-mount .member-1q7VfX .overflowIconFg-QMRRFI {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .member-1q7VfX .ownerHelpIcon-3ItaBx {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .to-9AOSH0 {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: 0 0 0 4px var(--background-secondary);
|
|
}
|
|
#app-mount .fromToWrapper-7A2MIP {
|
|
background: transparent;
|
|
}
|
|
#app-mount .fromToWrapper-7A2MIP::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-mask: url(https://discord.com/assets/7d74fde5c67e7d6dd17ebefedce42c74.svg) 50% 0 no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .inviteSettingsInviteRow-1rZeIM {
|
|
box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.04);
|
|
}
|
|
#app-mount .row-1oTw_K {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .row-1oTw_K::after {
|
|
background-color: rgba(var(--textbrightest),.04);
|
|
}
|
|
|
|
#app-mount .bannedUser-1IalTM {
|
|
box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.04);
|
|
}
|
|
#app-mount .bannedUser-1IalTM .username-1b3MVI {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO,
|
|
#app-mount .bannedUserModal-3RJCOV .reason-YbfGC6,
|
|
#app-mount .bannedUserModal-3RJCOV .userDiscrim-1D2NlF {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .bannedUserModal-3RJCOV .reasonHeader-2etdjy {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
|
|
/* ~~~~ 11. MODALS ~~~~ */
|
|
|
|
#app-mount .root-1CAIjD,
|
|
#app-mount .modal-2RrUKJ {
|
|
background-color: var(--background-primary);
|
|
border: none;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .rootWithShadow-2hdL2J {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .zoomedCarouselModalRoot-beLNhM {
|
|
background: transparent !important;
|
|
}
|
|
#app-mount .separator-2lLxgC {
|
|
box-shadow: 0 1px 0 0 rgba(var(--backgroundtertiary),.3), 0 1px 2px 0 rgba(var(--backgroundtertiary),.3);
|
|
}
|
|
#app-mount .footer-IubaaS,
|
|
#app-mount .footer-1Ip3Sd {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .footerSeparator-3U8YsT {
|
|
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary),.6);
|
|
}
|
|
|
|
.header-1zd7se > .wrapper-1HSdhi:first-child {
|
|
flex: 1 0 auto;
|
|
}
|
|
|
|
#app-mount .modal-6GHvdM .tabBarContainer-sCZC4w {
|
|
background: rgba(0,0,0,.2);
|
|
box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
|
|
}
|
|
|
|
#app-mount .separator-3TK_-B {
|
|
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating),.3), 0 1px 2px 0 rgba(var(--backgroundfloating),.3);
|
|
}
|
|
#app-mount .divider-3APUjw {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .subHeader-2z6h5Z {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .sectionBody-7I2eAN,
|
|
#app-mount .subHeader-1mr1LG {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .message-1F58Gs {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .secondaryButton-197mr8 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .imageUpgrade-moI_hv {
|
|
background-image: url(https://discord.com/assets/81ded87ebac6f9d55e8624a3e5167c8f.svg);
|
|
}
|
|
#app-mount .imageCancel-2x4k_k {
|
|
background: url(https://discord.com/assets/03863b539aec443327ca2ffc51a89dac.svg);
|
|
}
|
|
#app-mount .imageUnclaimed-5nJyYs {
|
|
background-image: url(https://discord.com/assets/3b65c741e596bc0979f7ba0c42de6fff.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .imageUnverified-2NLnW6 {
|
|
background-image: url(https://discord.com/assets/e260177e5165e6789e30b9592df75424.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
#app-mount .divider-MRAL1L {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
#app-mount .backButtonColor-5k5ViL {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .checkboxLabel-NbUiJx {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .backdrop-1BR_bn,
|
|
#app-mount .backdrop-2ByYRN {
|
|
background-color: rgb(0, 0, 0) !important;
|
|
}
|
|
|
|
/* ---- 11.1. USERMODAL ---- */
|
|
|
|
.emptyIcon-uKVxYR {
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 11.2. GUILDADD/CREATION ---- */
|
|
|
|
.container-x8Y1ix {
|
|
background-color: var(--background-secondary);
|
|
border: none;
|
|
}
|
|
.container-x8Y1ix:hover {
|
|
background-color: var(--background-secondary-alt);
|
|
border: none;
|
|
}
|
|
.arrow-2yY1Tm {
|
|
-webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat;
|
|
background: var(--text-normal);
|
|
object-position: -999999px -999999px;
|
|
}
|
|
|
|
.input-m1-Y7Q {
|
|
background: transparent;
|
|
}
|
|
.inputInner-1Z3Tui {
|
|
border: 1px solid var(--deprecated-text-input-border);
|
|
}
|
|
|
|
/* ---- 11.3. REGIONSELECTMODAL ---- */
|
|
|
|
#app-mount .regionSelect-3lf4eE.regionSelectLoading-34I21m {
|
|
border: 1px solid var(--header-secondary);
|
|
}
|
|
#app-mount .regionSelect-3lf4eE button {
|
|
border: 1px solid var(--header-secondary);
|
|
}
|
|
#app-mount .regionSelect-3lf4eE .regionSelectInner-24f4Ce {
|
|
border: 1px solid var(--header-secondary);
|
|
}
|
|
#app-mount .regionSelectModal-12e-57 {
|
|
background: var(--background-primary) !important;
|
|
}
|
|
#app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
|
|
background-color: var(--background-secondary);
|
|
border: 2px solid var(--background-secondary);
|
|
}
|
|
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .regionSelectName-2-2FWh {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover .regionSelectName-2-2FWh {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .regionSelect-3lf4eE:hover button {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container-1s4HBn.hover-2AGf5p {
|
|
border-color: var(--deprecated-text-input-border-hover);
|
|
}
|
|
#app-mount .flag-16iIBd.vip-3pFIN8::after {
|
|
border-color: var(--background-primary);
|
|
}
|
|
|
|
/* ---- 11.4. UPLOADMODAL ---- */
|
|
|
|
#app-mount .uploadModal-2ie9O_ {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .footer-VCsJQY {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary),.6);
|
|
}
|
|
|
|
/* ---- 11.5. KEYBOARDSHORTCUTSMODAL ---- */
|
|
|
|
#app-mount .keyboardShortcutsModal-2CRmCm {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .modalTitle-2skSKy {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .modalSubtitle-2lx7qk {
|
|
border: none;
|
|
box-shadow: var(--elevation-low);
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .keyboardShortcutList-3VFAYS .keybindGroup-39HP2U .keybindDescription-oXh6w_ {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .keybindShortcut-3zF1P9 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .keybindShortcut-3zF1P9 span {
|
|
background-color: var(--text-muted);
|
|
border: 1px solid var(--background-tertiary);
|
|
box-shadow: inset 0 -4px 0 rgba(var(--backgroundtertiary),.6);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .keybindShortcut-3zF1P9 span .bindArrow-EmK4SC g {
|
|
fill: var(--header-primary);
|
|
}
|
|
#app-mount .keybindShortcut-3zF1P9 span:active {
|
|
box-shadow: inset 0 -2px 0 var(--background-tertiary);
|
|
border: 1px solid #000;
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .keybindShortcut-3zF1P9 span:active .bindArrow-EmK4SC g {
|
|
fill: var(--header-secondary);
|
|
}
|
|
#app-mount .keybindShortcutTipsSelect-2FpxFp:last-of-type::before {
|
|
background-color: var(--interactive-muted);
|
|
}
|
|
#app-mount .tabButton-1hJ4oW {
|
|
background-color: var(--text-muted);
|
|
border: 1px solid var(--background-tertiary);
|
|
border-radius: 4px;
|
|
box-shadow: inset 0 -4px 0 rgba(var(--backgroundtertiary),.6);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tabButton-1hJ4oW rect[fill="#4F545C"],
|
|
#app-mount .tabButton-1hJ4oW path[fill="#36393F"] {
|
|
display: none;
|
|
}
|
|
|
|
/* ---- 11.6. QUICKSWITCHER ---- */
|
|
|
|
#app-mount .emptyState-1OLqEw {
|
|
background: transparent;
|
|
}
|
|
#app-mount .emptyState-1OLqEw::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: url(https://discord.com/assets/0b298968e0a756e25677771fd6b58b34.svg) center/100px no-repeat;
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 11.7. INVITEMODAL/GROUPCREATE ---- */
|
|
|
|
#app-mount .contentWrapper-3oy4Xo {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .friendSelected-3cwmD7,
|
|
#app-mount .inviteRow-3vmB7i:hover {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .friend-8ZraY7,
|
|
#app-mount .inviteRowName-3H4s_c {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .footer-C9oLp9,
|
|
#app-mount .footer-1hTRRZ {
|
|
background-color: var(--background-secondary);
|
|
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary),.6);
|
|
}
|
|
.footerSeparator-b6VH1V,
|
|
#app-mount .content-3nJg0c::before {
|
|
display: none;
|
|
}
|
|
#app-mount .subtitle-3v29zT,
|
|
#app-mount .footerText-30uH1h,
|
|
#app-mount .checkBoxLabel-16BK2g,
|
|
#app-mount .footerText-2QLGHU,
|
|
#app-mount .subText-1CcYgq {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .errorState-1R6bBt {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .notFriends-lSusTz .errorStateIcon-3y6XWh {
|
|
background-image: url(https://discord.com/assets/4f86d7f58df32580164fc595377c0169.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noFriends-1Y8EWR .errorStateIcon-3y6XWh {
|
|
background-image: url(https://discord.com/assets/16bd6f7e8c2feedd7fa44d25013e687f.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .partyFull-kwAvJT .errorStateIcon-3y6XWh {
|
|
background-image: url(https://discord.com/assets/f690b8a9cd33cda18e431d4717fff5ab.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .noResults-1ceiMB .errorStateIcon-3y6XWh {
|
|
background-image: url(https://discord.com/assets/1eed0d895df6e35f164d8ed5e84037d2.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 11.8. LOGINSCREEN ---- */
|
|
|
|
.theme-dark.authBox-1HR6Ha,
|
|
.theme-light.authBox-1HR6Ha {
|
|
background: var(--background-mobile-primary);
|
|
color: var(--text-muted);
|
|
}
|
|
.theme-dark.authBox-1HR6Ha::before,
|
|
.theme-light.authBox-1HR6Ha::before {
|
|
background-image: url(https://discord.com/assets/4f004ac9be168ac6ee18fc442a52ab53.svg);
|
|
}
|
|
.theme-dark.navRow-dG-XX8,
|
|
.theme-light.navRow-dG-XX8 {
|
|
background: var(--background-secondary);
|
|
}
|
|
.subText-1fpEGH strong {
|
|
color: rgba(var(--textbright),.9);
|
|
}
|
|
#app-mount .authBoxWithMobileBanner-cYSkMm {
|
|
background: var(--background-primary);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 11.9. TERMACCEPTMODAL ---- */
|
|
|
|
#app-mount .modal-DRZfgq {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .modal-DRZfgq [style*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"],
|
|
#app-mount .modal-DRZfgq [src*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"] {
|
|
filter: brightness(85%) invert(100%);
|
|
opacity: .7;
|
|
}
|
|
#app-mount .ack-3sCuAV {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .buttonContainer-28osRq {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
/* ---- 11.10. DOWNLOADAPPMODAL ---- */
|
|
|
|
.downloadApps-14IgKV {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
.downloadApps-14IgKV .inner-2b28EM {
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.downloadApps-14IgKV .header-1lOVWt {
|
|
color: var(--text-normal);
|
|
}
|
|
.downloadApps-14IgKV .footer-2TRYcZ {
|
|
color: var(--text-muted);
|
|
}
|
|
.downloadApps-14IgKV .header-1lOVWt {
|
|
color: var(--text-normal);
|
|
}
|
|
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu {
|
|
border-color: var(--header-secondary);
|
|
}
|
|
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu p {
|
|
color: var(--header-secondary);
|
|
}
|
|
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu .downloadButton-2XskEc {
|
|
background-color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.11. GUILDBOOSTMODAL ---- */
|
|
|
|
#app-mount .perksModal-CLcR1c {
|
|
background: var(--background-primary);
|
|
}
|
|
#app-mount .perksModal-CLcR1c::before {
|
|
content: "";
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: var(--header-primary);
|
|
-webkit-mask: url(https://discord.com/assets/c486dc65ce2877eeb18e4c39bb49507a.svg) bottom/100% no-repeat;
|
|
pointer-events: none;
|
|
}
|
|
#app-mount .headerLogo-2M4f14 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierHeaderLocked-3ItHYn {
|
|
background-color: var(--background-floating);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .tierLock-1uBqZ0 {
|
|
color: var(--interactive-muted);
|
|
}
|
|
#app-mount .tierBody-3ju-rc {
|
|
background-color: var(--background-tertiary);
|
|
border-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .barBackground-unEPDT {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tierMarkerBackground-G8FoN4 {
|
|
background-color: var(--background-primary) !important;
|
|
}
|
|
#app-mount .tierMarkerInProgress-2Tdxjz {
|
|
background-color: var(--background-tertiary) !important;
|
|
}
|
|
#app-mount .currentTierIcon-2rq-bv {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .selectedTier-24Xj0k .tierMarkerLabelText-1wk8KK {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .ctaBar-Nhk8yY {
|
|
position: relative;
|
|
background-image: none;
|
|
}
|
|
#app-mount .ctaBar-Nhk8yY::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: var(--text-normal);
|
|
-webkit-mask: url(https://discord.com/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg);
|
|
}
|
|
#app-mount .giftIcon-2kmx1K {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .button-f2h6uQ .giftIcon-2kmx1K {
|
|
color: currentColor;
|
|
}
|
|
#app-mount .badgeIconWithoutSubscribers-1hjTfX {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .tierPill-1yRO48 {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierPillStar-34rvoJ {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .tierPillGem-3zcO2T {
|
|
color: var(--interactive-muted);
|
|
}
|
|
#app-mount .tierPill-3gJ0eN {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .perk-19D_HN {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
#app-mount .tierMarkerAccomplished-1SkbEJ .currentTierIcon-2rq-bv {
|
|
color: #fff;
|
|
}
|
|
|
|
/* ---- 11.12. REACTIONSMODAL ---- */
|
|
|
|
#app-mount .container-KM8BU6,
|
|
#app-mount .reactors-1VXca7 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .remove-19AQn_ {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .remove-19AQn_:hover {
|
|
color: var(--interactive-hover);
|
|
background: transparent;
|
|
}
|
|
#app-mount .remove-19AQn_:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .scroller-2GkvCq {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .reactionSelected-1aMb2K {
|
|
background-color: rgba(var(--backgroundaccent),.8);
|
|
}
|
|
#app-mount .reactionDefault-1Sjj1f:hover {
|
|
background-color: rgba(var(--backgroundaccent),.4);
|
|
}
|
|
#app-mount .reactorDefault-3GSyaV {
|
|
box-shadow: inset 0 -1px 0 rgba(var(--backgroundaccent),.3);
|
|
}
|
|
#app-mount .discriminator-1DCM-o {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 11.13. RATEMODAL ---- */
|
|
|
|
#app-mount .header-sJd8D7 {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 11.14. CHANGELOG ---- */
|
|
|
|
#app-mount .date-1k6kG2 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .content-s2SEQO ol,
|
|
#app-mount .content-s2SEQO p,
|
|
#app-mount .content-s2SEQO ul li {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .content-s2SEQO ul li::before {
|
|
background-color: var(--text-normal);
|
|
}
|
|
#app-mount .video-1FESK- {
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
#app-mount .socialLink-3n2n25 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .socialLink-3n2n25:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .socialLink-3n2n25:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
/* ---- 11.15. NOTIFICATIONSMODAL ---- */
|
|
|
|
#app-mount .channelName-IPB6B3 {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .guildName-1kreI8,
|
|
#app-mount .override-1sK4r0,
|
|
#app-mount .overrideHighlight-3f-yyO {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .override-1sK4r0:hover {
|
|
background-color: rgba(var(--backgroundtertiary),.1);
|
|
}
|
|
#app-mount .overrideHighlight-3f-yyO,
|
|
#app-mount .overrideHighlight-3f-yyO:hover {
|
|
background-color: rgba(var(--backgroundtertiary),.3);
|
|
}
|
|
#app-mount .checkboxContainer-1NbL2v::before {
|
|
background-color: rgba(var(--backgroundtertiary),.6);
|
|
}
|
|
#app-mount .overridePlaceholder-1nDEsX {
|
|
border: 1px dashed var(--background-floating);
|
|
}
|
|
|
|
/* ---- 11.16. PAYMENTMODAL ---- */
|
|
|
|
#app-mount .sectionHeader-1tIM9Z {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .paypalInput-2to8vl,
|
|
#app-mount .paypalInput-2to8vl:focus,
|
|
#app-mount .paypalInput-2to8vl:hover {
|
|
border-color: var(--deprecated-text-input-border);
|
|
}
|
|
|
|
#app-mount .description-1pzois {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .descriptionWrapper-eOmU90 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .defaultIndicator-2ndWks {
|
|
background-color: var(--text-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .premiumIndicator-22GgcZ {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .invalidIndicator-3iumEX {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .summaryInfo-3hcuop {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .payment-2bOh4k {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .hoverablePayment-lE1s4t:hover {
|
|
background-color: var(--background-vbackgroundtertiary);
|
|
}
|
|
#app-mount .paymentHeader-2o7Phd {
|
|
color: var(--header-primary);
|
|
border-color: var(--text-muted);
|
|
}
|
|
#app-mount .expandedInfo-1W31i3 {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .paymentText-BPrx01 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .giftIcon-U9wStf {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .paymentPane-ut5qKZ {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .paginator-1eqD2g {
|
|
background: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .bottomDivider-ZmTm-j {
|
|
border-bottom-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .tab-2hobIk {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .externalRowHeader-LT6-4N {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
#app-mount .authenticationRequiredImage-2E6TQE {
|
|
background-image: url(https://discord.com/assets/8923d313e1704c4bc45025fc8463affd.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .authenticationSuccessImage-tBBeV0 {
|
|
background-image: url(https://discord.com/assets/0c840f9cc846705b725bd89aec58f994.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .authenticationFailImage-3DXXvB {
|
|
background-image: url(https://discord.com/assets/42c81194eaf9128b942adc5d2a6fd66e.svg);
|
|
opacity: .5;
|
|
}
|
|
|
|
/* ---- 11.17. CHANNELCREATIONMODAL ---- */
|
|
|
|
#app-mount .cloneInfo-1J6F5H strong,
|
|
#app-mount .subtitle-3Lv1uG {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 11.18. CLOUDSYNCRESOLUTION ---- */
|
|
|
|
#app-mount .modal-2EjvcX {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .conflictButton-Nfx9ta {
|
|
background-color: var(--background-secondary);
|
|
border-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .conflictButton-Nfx9ta:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .title-11Fgm0 {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .conflictUploadArt-21GcRD {
|
|
background-image: url(https://discord.com/assets/9fefebe24085efe085629513732efd08.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .conflictDownloadArt-3TkINu {
|
|
background-image: url(https://discord.com/assets/ec92991091f67ad3984517478f7a16e4.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .errorArt-1eXOnd {
|
|
background-image: url(https://discord.com/assets/5ad409a997b726652a95dba012336127.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .buttonBody-3UZ8dc {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .choiceLine-2u6VP4 {
|
|
background-color: rgba(var(--textdarkest),.6);
|
|
}
|
|
|
|
/* ---- 11.19. APPLICATIONINSTALLATIONMODAL ---- */
|
|
|
|
#app-mount .gameName-2emMU_ {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .installSize-3az1nt {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .divider-2L-ojc {
|
|
background-color: rgba(var(--backgroundsecondary),.6);
|
|
}
|
|
#app-mount .premiumTerms-2Xoh9K {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 11.20. SPECIALMARKDOWNMODAL ---- */
|
|
|
|
#app-mount .modal-1-Gg9c {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .content-1tc9sG ul li::before {
|
|
background-color: var(--text-normal);
|
|
}
|
|
|
|
/* ---- 11.21. REPORTPROBLEM ---- */
|
|
|
|
#app-mount .art-_juKdZ {
|
|
background-image: url(https://discordapp.oom/assets/2ceb472e89545af8543aa44b072b910d.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .description-AZsW3X {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 11.22. DISPATCHERROR ---- */
|
|
|
|
#app-mount .body-1Y7X6A {
|
|
color: var(--text-normal);
|
|
}
|
|
#app-mount .errorLabel-1DizPW {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .errorDetails-3_kds7 {
|
|
background: var(--background-secondary);
|
|
border-color: rgba(var(--backgroundsecondary),.3);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .closeLink-4nhVgG {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 11.23. HYPESQUADQUIZ ---- */
|
|
|
|
#app-mount .prompt-SAnibq {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .selectYourAnswer-MqT8vm {
|
|
color: var(--channels-default);
|
|
}
|
|
#app-mount .separator-3Yurpx {
|
|
background-color: var(--background-accent);
|
|
}
|
|
|
|
/* ---- 11.24. NITROFEATUREMODAL ---- */
|
|
|
|
#app-mount .cardImageBackground-1zqQ8d {
|
|
background: #000;
|
|
opacity: 0.5;
|
|
}
|
|
#app-mount .cardInfo-62VDSb {
|
|
background: var(--background-floating);
|
|
}
|
|
|
|
/* ---- 11.25. DIRECTORYMODAL ---- */
|
|
|
|
#app-mount .directoryModal-YJsOMv {
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 12. POPOUTS ~~~~ */
|
|
|
|
#app-mount .content-i-YmzK {
|
|
background-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .leftArrow-2gmK1H::before {
|
|
border-right-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .rightArrow-3ywFUF::before {
|
|
border-left-color: var(--background-floating) !important;
|
|
}
|
|
#app-mount .contentNarrowNoMedia-1240OZ.topArrow-2uZYE3::before,
|
|
#app-mount .contentWideNoMedia-35VjDc.topArrow-2uZYE3::before {
|
|
border-bottom-color: var(--header-primary) !important;
|
|
}
|
|
#app-mount .background-1O4oOj {
|
|
color: var(--header-primary) !important;
|
|
}
|
|
|
|
#app-mount .popoutLoadingForeground-3xnRkg {
|
|
background-image: linear-gradient(90deg, var(--background-tertiary),var(--background-accent),var(--background-tertiary));
|
|
}
|
|
|
|
/* ---- 12.1. USERPOPOUT ---- */
|
|
|
|
#app-mount .userPopoutOuter-1OHwPL {
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
}
|
|
|
|
.profileColors-2AgAV4 .mask-1y0tyc circle {
|
|
fill: transparent;
|
|
}
|
|
#app-mount .userProfileOuterThemed-2BgJCM ::-webkit-scrollbar-thumb {
|
|
background-color: var(--profile-gradient-secondary-color) !important;
|
|
}
|
|
|
|
#app-mount .wumpusTooltip-15kPrN {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .wumpusTooltip-15kPrN::after {
|
|
border-color: transparent var(--background-tertiary) transparent transparent;
|
|
}
|
|
|
|
.role-2TIOKu[style*="border-color: rgba(185, 187, 190, .6)"],
|
|
.role-2mCo-N[style*="border-color: rgba(185, 187, 190, .6)"] {
|
|
border-color: rgba(var(--textbrighter), .6) !important;
|
|
}
|
|
.role-2TIOKu .roleCircle-1EgnFN[style*="background-color: rgb(185, 187, 190)"],
|
|
.role-2mCo-N .roleCircle-1ER2zO[style*="background-color: rgb(185, 187, 190)"] {
|
|
background-color: rgb(var(--textbrighter)) !important;
|
|
}
|
|
.role-2TIOKu .roleCircle-1EgnFN[style*="background-color: rgb(185, 187, 190)"] path[fill],
|
|
.role-2mCo-N .roleCircle-1ER2zO[style*="background-color: rgb(185, 187, 190)"] path[fill] {
|
|
fill: rgb(var(--textdarkest)) !important;
|
|
}
|
|
|
|
/* ---- 12.2. EMOJIPICKER ---- */
|
|
|
|
#app-mount .wrapper-2g4olo {
|
|
color: var(--text-muted);
|
|
}
|
|
.categoryItemDefaultCategory-3haEDq:first-child,
|
|
.categoryItemDefaultCategory-3haEDq:first-child + .categoryItemDefaultCategory-3haEDq {
|
|
margin-bottom: 8px;
|
|
}
|
|
#app-mount .sadImage-2_mw0p {
|
|
background-image: url(https://discord.com/assets/e25713e4eba8c1e069ceac8f90262f62.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .imageLoading-2uloYN {
|
|
background: var(--background-tertiary);
|
|
border-radius: 10px;
|
|
}
|
|
.premiumPromoClose-Nuntxy {
|
|
-webkit-mask: url(https://discord.com/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat;
|
|
background: var(--interactive-normal);
|
|
}
|
|
.premiumPromoClose-Nuntxy:hover {
|
|
background: var(--interactive-hover);
|
|
}
|
|
.premiumPromoClose-Nuntxy:active {
|
|
background: var(--interactive-active);
|
|
}
|
|
#app-mount .categoryItemDefaultCategorySelected-2YeRUu .categoryIcon-2cYeku,
|
|
#app-mount .categoryItemDefaultCategorySelected-2YeRUu:hover .categoryIcon-2cYeku {
|
|
color: var(--interactive-active);
|
|
}
|
|
|
|
#app-mount .focused-16Owih,
|
|
#app-mount .result-pzZrwj:hover {
|
|
box-shadow: 0 11px 22px 1px rgba(4,4,5,.3);
|
|
}
|
|
#app-mount .focused-16Owih::after,
|
|
#app-mount .result-pzZrwj:hover::after {
|
|
box-shadow: inset 0 0 0 2px ,inset 0 0 0 3px var(--background-secondary);
|
|
}
|
|
#app-mount .placeholder-T1Tuu8 {
|
|
background: rgba(var(--textdarkest),.6);
|
|
}
|
|
#app-mount .endContainer-22e-US::after {
|
|
background-image: url(https://discord.com/assets/be5f088125f778701a7e4fad471a45da.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .endText-3Ps2ZN {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .emptyHintCard-2A7Tng {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .container-23gRWx {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .header-JHwfVI {
|
|
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating),.3), 0 1px 2px 0 rgba(var(--backgroundfloating),.3);
|
|
}
|
|
#app-mount .backButton-bSKWLe {
|
|
color: var(--interactive-normal);
|
|
}
|
|
#app-mount .backButton-bSKWLe:hover {
|
|
color: var(--interactive-hover);
|
|
}
|
|
#app-mount .backButton-bSKWLe:active {
|
|
color: var(--interactive-active);
|
|
}
|
|
#app-mount .content-1CboaJ::after {
|
|
background: rgba(var(--backgroundaccent),.3);
|
|
}
|
|
|
|
/* ---- 12.3. SEARCHPOPOUT ---- */
|
|
|
|
#app-mount .searchAnswer-23w-CH,
|
|
#app-mount .searchFilter-2UfsDk {
|
|
background-color: var(--background-primary);
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
.option-ayUoaq:hover {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
#app-mount .queryContainer-ZunrLZ {
|
|
border-bottom-color: var(--background-modifier-accent);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .queryContainer-ZunrLZ strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .focused-2FU0YH {
|
|
background-color: var(--background-modifier-active);
|
|
}
|
|
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker {
|
|
background: transparent;
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__header {
|
|
background-color: var(--background-floating);
|
|
border-color: rgba(var(--backgroundfloating),.2);
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation {
|
|
background: transparent;
|
|
border-color: rgba(var(--textbrightest), .5);
|
|
top: 30px;
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
-webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat;
|
|
background-color: rgb(var(--textbrightest));
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation--previous {
|
|
left: 30px;
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation--next {
|
|
right: 30px;
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__current-month {
|
|
border-bottom-color: rgba(var(--backgroundfloating),.3);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next,
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous {
|
|
-webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) 50%/6px 12px no-repeat;
|
|
background: var(--interactive-normal);
|
|
border-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next:hover,
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous:hover {
|
|
background: var(--interactive-hover);
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next:active,
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous:active {
|
|
background: var(--interactive-active);
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__week:last-of-type .react-datepicker__day {
|
|
border-bottom-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__week .react-datepicker__day:last-of-type {
|
|
border-right-color: var(--background-floating);
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__day-name {
|
|
color: rgba(var(--textbrightest),.6);
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__day {
|
|
border-top-color: var(--background-floating);
|
|
border-left-color: var(--background-floating);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:hover,
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__day:hover {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__day {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled,
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover {
|
|
background-color: var(--background-floating);
|
|
color: rgba(var(--textbrightest),.3);
|
|
cursor: no-drop;
|
|
}
|
|
#app-mount .calendarPicker-sDhzdi .react-datepicker__day--outside-month {
|
|
background-color: var(--background-tertiary);
|
|
color: rgba(var(--textbrightest),.3);
|
|
}
|
|
|
|
/* ---- 12.4. EVERYONEMENTION ---- */
|
|
|
|
#app-mount .everyonePopout-nEbJY3 {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6);
|
|
}
|
|
#app-mount .header-3_S6dz {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .body-2iXqIL {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .body-2iXqIL .animation-3GofIz {
|
|
opacity: .5;
|
|
}
|
|
#app-mount .buttonHint-2OxJB8 {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .buttonHint-2OxJB8 strong {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .footer-2aTx0s {
|
|
background-color: rgba(var(--backgroundtertiary),.4);
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .footer-2aTx0s strong {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 12.5. CHANNELFOLLOW ---- */
|
|
|
|
#app-mount .header-13P3fr {
|
|
background: var(--background-tertiary);
|
|
}
|
|
#app-mount .header-13P3fr::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: var(--header-primary);
|
|
-webkit-mask: url(https://discord.com/assets/cb89c31c79a62ae99ec12351c1efb277.svg) center/cover no-repeat;
|
|
}
|
|
|
|
/* ---- 12.6. CHANNELFOLLOWINFO ---- */
|
|
|
|
#app-mount .guildPopout-G6M0fK {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6);
|
|
}
|
|
#app-mount .guildName-31Kpwt {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .dotOffline-19zUSS {
|
|
background-color: var(--header-secondary);
|
|
}
|
|
#app-mount .placeholderSkeleton-2EfCME {
|
|
background: var(--text-muted);
|
|
}
|
|
|
|
/* ---- 12.7. STREAMPREVIEW ---- */
|
|
|
|
#app-mount .streamPreview-3qoMP4 {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .previewContainer-21fFBz {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
#app-mount .applicationName-16TISz {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .watchButton-2v6cPT {
|
|
border-color: var(--text-muted);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .watchButton-2v6cPT:not([disabled]):hover {
|
|
border-color: var(--header-primary);
|
|
}
|
|
#app-mount .previewHover-MxPmU1 {
|
|
background: rgba(0,0,0,.6);
|
|
}
|
|
|
|
/* ---- 12.8. ROLEOVERFLOW ---- */
|
|
|
|
#app-mount .overflowRolesPopoutHeaderText-3HyHGv {
|
|
color: var(--text-muted);
|
|
}
|
|
#app-mount .actionButton-1YKTU0 {
|
|
border-color: var(--header-secondary);
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .overflowRolesPopout-1Puiuq {
|
|
color: rgba(var(--textbrightest),.8);
|
|
}
|
|
#app-mount .overflowRolesPopout-1Puiuq,
|
|
#app-mount .overflowRolesPopoutArrow-2R7g3K {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6);
|
|
}
|
|
|
|
/* ---- 12.9. PUBLICGUILDANNOUNCEMENT ---- */
|
|
|
|
#app-mount .popout-AVsFMl {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6);
|
|
}
|
|
#app-mount .popout-AVsFMl {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 12.10. QUICKSELECTPOPOUT ---- */
|
|
|
|
#app-mount .selectableItem-3-fmiM {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .selectableItem-3-fmiM:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
#app-mount .popoutList-10IFAa {
|
|
background: var(--background-primary);
|
|
}
|
|
#app-mount .popoutListEmpty-3MWXtE {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .quickSelectArrow-1dOOHb {
|
|
-webkit-mask: url(https://discord.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat;
|
|
background: var(--interactive-normal);
|
|
}
|
|
#app-mount .quickSelectPopout-2F0PXw {
|
|
background: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .quickSelectPopoutOption-2E2UmS:hover {
|
|
background-color: var(--background-accent);
|
|
}
|
|
|
|
/* ---- 12.11. RTCSTATUSPOPOUT ---- */
|
|
|
|
#app-mount .container-1ILvLB {
|
|
width: 260px;
|
|
}
|
|
#app-mount .container-1ILvLB .header-2C89wJ {
|
|
background-color: var(--background-secondary);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container-1ILvLB canvas {
|
|
background-color: #36393f;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
#app-mount .container-1ILvLB section {
|
|
background-color: var(--background-primary);
|
|
}
|
|
#app-mount .container-1ILvLB section p {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container-1ILvLB section strong {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .debugButton-OTfjlB {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .krispLogo-aWHaan {
|
|
-webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat;
|
|
background-color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 12.12. PHONE-/EMAILVALIDATION ---- */
|
|
|
|
#app-mount .input-3NIgDw {
|
|
background-color: var(--background-accent);
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .phoneFieldPopout-h7c9mt .countryName-3dA1Xv {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .phoneFieldPopout-h7c9mt .countryCode-2RFA3i {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .activityInviteEducationArrow-1Avyhe {
|
|
-webkit-mask: url(https://discord.com/assets/ba018cf9baa19824316dc4c2beb080a4.svg) center/contain no-repeat;
|
|
background: var(--header-primary);
|
|
}
|
|
|
|
#app-mount .emailVerificationModal-D8InhA .title-3Z7qoP {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .emailVerificationModal-D8InhA .body-2WAVf7 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
#app-mount .verification-2oQUwN .image-cLINxN {
|
|
background-image: url(https://discord.com/assets/c290235278e128e94ae5ac37e58c5cbb.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verification-2oQUwN .title-rdZnFE {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .verification-2oQUwN .body-2IbMjQ,
|
|
#app-mount .verification-2oQUwN .footer-3YDDp6 {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .verificationBlock-xhj3fR {
|
|
border: 1px solid var(--background-tertiary);
|
|
}
|
|
#app-mount .verificationBlock-xhj3fR:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .verificationBlock-xhj3fR .image-cLINxN.email-1Zyyoj {
|
|
background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verificationBlock-xhj3fR .image-cLINxN.phone-2wue_- {
|
|
background-image: url(https://discord.com/assets/ca452f5271ebcc7132db59f60a2a9cfe.svg);
|
|
opacity: .5;
|
|
}
|
|
#app-mount .verificationBlock-xhj3fR .body-2IbMjQ {
|
|
color: var(--header-secondary);
|
|
}
|
|
|
|
/* ---- 12.13. WARNINGPOPOUT ---- */
|
|
|
|
#app-mount .contentWarningPopout-WKdbDG {
|
|
background-color: var(--background-primary);
|
|
box-shadow: 0 2px 10px 0 rgba(var(--backgroundtertiary),.2);
|
|
}
|
|
#app-mount .body-2rDNbs {
|
|
color: var(--header-secondary);
|
|
}
|
|
#app-mount .header-DRA95Q {
|
|
color: var(--header-primary);
|
|
}
|
|
|
|
/* ---- 12.14. ADDROLE ---- */
|
|
|
|
#app-mount .container-1S70rv {
|
|
width: 300px;
|
|
}
|
|
#app-mount .autocompleteArrow-jJE9TQ,
|
|
#app-mount .header-3i_Csh {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
#app-mount .container-1S70rv .input-2lpFVz {
|
|
color: var(--header-primary);
|
|
}
|
|
#app-mount .container-1S70rv .sectionTag-28mLyE {
|
|
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-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));
|
|
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));
|
|
}
|
|
|
|
html .monaco-editor.rename-box {
|
|
background-color: var(--background-secondary) !important;
|
|
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.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),.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),.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),.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),.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), .1), rgba(var(--accentcolor), .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), .1), rgba(var(--accentcolor), .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));
|
|
}
|
|
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));
|
|
}
|
|
|
|
/* ---- 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-38slSD .typingindicator-guild,
|
|
html .typingindicator-folder {
|
|
background: var(--background-secondary);
|
|
border-color: var(--background-secondary);
|
|
}
|
|
|
|
|
|
/* ~~~~ 16. WATERMARK ~~~~ */
|
|
|
|
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB {
|
|
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-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB[style*="display: none"] {
|
|
display: none !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB > * {
|
|
display: none !important;
|
|
}
|
|
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::before,
|
|
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::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-2yBXZl > div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::before {
|
|
background: rgb(125,125,125) !important;
|
|
opacity: 0.5 !important;
|
|
}
|
|
html:only-child > head + body > div#app-mount.appMount-2yBXZl > div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::after {
|
|
background: var(--text-muted) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb {
|
|
position: relative !important;
|
|
}
|
|
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb::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-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb::before {
|
|
content: "DevilBro" !important;
|
|
font-size: 12px !important;
|
|
font-weight: 600 !important;
|
|
color: rgb(var(--accentcolor)) !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;
|
|
} |