BetterDiscordAddons/Themes/DiscordRecolor/DiscordRecolor.css

4454 lines
137 KiB
CSS
Raw Normal View History

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