Last active
March 5, 2023 18:17
-
-
Save NeonLightning/df5348ba41469e5d98b90174228f0c6f to your computer and use it in GitHub Desktop.
Neontheme.css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* @name Neon | |
* @description horrible theme, based on ReColour, and code from discordstyles and greenman36 | |
* @author Neon | |
* @version 1.0.0 | |
* | |
* | |
* | |
* | |
* | |
* | |
* | |
*/ | |
@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css"); | |
@import url("https://greenman36.github.io/files/discord-mods/themes/snippets/channel-icons.css"); | |
@import url("https://greenman36.github.io/files/discord-mods/themes/snippets/outline-dark-emojis.css"); | |
@import url("https://greenman36.github.io/files/discord-mods/themes/snippets/outline-dark-emojis.css"); | |
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@100;300;400;500;700&display=swap'); | |
:root { | |
--font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; | |
--successcolor: 59,165,92; | |
--warningcolor: 250,166,26; | |
--dangercolor: 237,66,69; | |
--outline-dark-emojis: drop-shadow(0px 0px .5px yellow) drop-shadow(0px 0px 1px green); | |
--accentcolor: 16,0,0; | |
--accentcolor2: 80,0,77; | |
--linkcolor: 2,112,126; | |
--mentioncolor: 228,171,0; | |
--textbrightest: 85,159,0; | |
--textbrighter: 0,150,136; | |
--textbright: 177,0,0; | |
--textdark: 203,182,0; | |
--textdarker: 76,175,80; | |
--textdarkest: 68,0,189; | |
--font: Courier Prime; | |
--backgroundaccent: 0,0,0; | |
--backgroundprimary: 0,0,0; | |
--backgroundsecondary: 0,2,12; | |
--backgroundsecondaryalt: 25,0,0; | |
--backgroundtertiary: 0,0,0; | |
--backgroundfloating: 0,0,0; | |
--settingsicons: 1; | |
--sidebars-animation: var(--sidebar-animation-speed) ease-out 0.1s; | |
--member-bar-top-offset: 0px; | |
--sidebar-animation-speed: 0.2s; | |
--resizeEmojiSize: 1.5; | |
--server-size: var(--HSL-server-icon-size, var(--HSL-size, 30px)); | |
--server-spacing: var(--HSL-server-spacing, var(--HSL-spacing, 3px)); | |
--server-container: calc(var(--server-size) + 20px); | |
--server-direction: var(--HSL-server-direction, column); | |
--server-alignment: var(--HSL-server-alignment, flex-start); | |
--squared-green: hsl(145.38,65%,39.22%); | |
--squared-yellow: hsl(40.42,86.36%,56.86%); | |
--squared-red: hsl(358.66,87.32%,59.8%); | |
--squared-grey: hsl(226.15,5.49%,53.53%); | |
--squared-border-width: 3px; | |
--squared-real-border-width: clamp(1px, var(--squared-border-width), 16px); | |
} | |
/* start of reaction sizes */ | |
/* on messages */ | |
.reaction-3vwAF2 img.emoji { | |
width: clamp(12px, calc(var(--resizeEmojiSize) * 1rem), 32px); | |
height: clamp(12px, calc(var(--resizeEmojiSize) * 1rem), 32px); | |
} | |
/* on forum threads, limited to 1.25x for overflow reasons */ | |
.reaction-102jx9 .emoji { | |
width: clamp(12px, calc(var(--resizeEmojiSize) * 1rem), 20px); | |
height: clamp(12px, calc(var(--resizeEmojiSize) * 1rem), 20px); | |
} | |
/* end of reaction sizes */ | |
/* Server Topbar code */ | |
#app-mount .app-3xd6d0 .base-2jDfDU { | |
top: var(--server-container) !important; | |
position: absolute !important; | |
left: 0 !important; | |
right: 0; | |
bottom: 0; | |
max-width: 100%; | |
} | |
#app-mount .sidebar-1tnWFu { | |
border-radius: 0; | |
} | |
#app-mount [class*=unreadMentionsIndicator] { | |
width: var(--server-size); | |
padding: 0; | |
left: 50%; | |
transform: translateX(-50%); | |
height: auto; | |
} | |
#app-mount .guilds-2JjMmN { | |
transform-origin: top left; | |
transform: rotate(-90deg); | |
height: 100vw !important; | |
width: var(--server-container); | |
top: var(--server-container); | |
bottom: unset; | |
position: absolute !important; | |
left: 0; | |
} | |
#app-mount .guilds-2JjMmN > [data-list-id=guildsnav] { | |
margin-bottom: 0 !important; | |
} | |
#app-mount .guilds-2JjMmN .scrollerWrap-1IAIlv { | |
width: calc(100% + 30px); | |
} | |
#app-mount .guilds-2JjMmN .scrollerBase-1Pkza4 { | |
padding: var(--server-spacing) 0 !important; | |
display: flex; | |
flex-direction: var(--server-direction); | |
gap: var(--server-spacing); | |
align-items: var(--server-alignment); | |
justify-content: var(--server-alignment); | |
} | |
#app-mount .guilds-2JjMmN .scrollerBase-1Pkza4 > div[style]:not(.listItem-2P_4kh) { | |
height: auto !important; | |
} | |
#app-mount .guilds-2JjMmN .scrollerBase-1Pkza4 > div[style]:not(.listItem-2P_4kh)[style*="height: 0px"] { | |
padding-top: 1px; | |
} | |
#app-mount .guilds-2JjMmN .scrollerBase-1Pkza4 > div[aria-label] { | |
display: flex; | |
flex-direction: var(--server-direction); | |
gap: var(--server-spacing); | |
} | |
#app-mount .guilds-2JjMmN .svg-2ifYOU, | |
#app-mount .guilds-2JjMmN .wrapper-2PSQCG, | |
#app-mount .guilds-2JjMmN .guildsError-b7zR5H, | |
#app-mount .guilds-2JjMmN .placeholderMask-2FHNZU { | |
width: var(--server-size); | |
height: var(--server-size); | |
} | |
#app-mount .guilds-2JjMmN [role=group] { | |
height: auto !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] { | |
transform: rotate(90deg) translateY(-50%); | |
height: var(--server-size); | |
width: 4px; | |
top: calc(var(--server-size) / -1 + var(--server-size) / 2 - 8px) !important; | |
margin-left: -2px; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span { | |
height: 100% !important; | |
width: 4px !important; | |
transform: scale(0, 1) !important; | |
transition: 0.15s ease !important; | |
margin-left: 0; | |
border-radius: 0 0 0 0; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 0"] { | |
transform: scale(1, 0.24) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 1"] { | |
transform: scale(1, 0.24) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 2"] { | |
transform: scale(1, 0.24) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 3"] { | |
transform: scale(1, 0.24) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 4"] { | |
transform: scale(1, 0.24) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 5"] { | |
transform: scale(1, 0.24) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 6"] { | |
transform: scale(1, 0.24) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 7"] { | |
transform: scale(1, 0.24) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 8"] { | |
transform: scale(1, 0.24) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 9"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 10"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 11"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 12"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 13"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 14"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 15"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 16"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 17"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 18"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 19"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 20"] { | |
transform: scale(1, 0.7) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 21"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 22"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 23"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 24"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 25"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 26"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 27"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 28"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 29"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 30"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 31"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 32"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 33"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 34"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 35"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 36"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 37"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 38"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 39"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN [class*=pill] span[style*="height: 40"] { | |
transform: scale(1, 1) !important; | |
} | |
#app-mount .guilds-2JjMmN .wrapper-z5ab_q { | |
height: var(--server-size) !important; | |
} | |
#app-mount .guilds-2JjMmN .wrapper-38slSD { | |
width: var(--server-container); | |
display: flex; | |
flex-direction: var(--server-direction); | |
gap: var(--server-spacing); | |
} | |
#app-mount .guilds-2JjMmN .wrapper-38slSD ul[role=group] { | |
display: flex; | |
flex-direction: var(--server-direction); | |
gap: var(--server-spacing); | |
} | |
#app-mount .guilds-2JjMmN [class*=listItem]:not([class*=listItemWrapper]) { | |
width: var(--server-size); | |
transform: rotate(90deg); | |
margin: 0 10px; | |
position: unset; | |
} | |
#app-mount .guilds-2JjMmN [class*=guildSeparator] { | |
transform: rotate(90deg); | |
width: var(--server-size); | |
} | |
#app-mount .guilds-2JjMmN [class*=expandedFolderBackground] { | |
width: var(--server-size); | |
left: 50%; | |
border-radius: 0; | |
transform: translateX(-50%); | |
height: 100%; | |
} | |
#app-mount .guilds-2JjMmN .folder-241Joy { | |
background: transparent; | |
} | |
#app-mount .guilds-2JjMmN .wrapper-3XVBev { | |
top: 0; | |
bottom: 0; | |
} | |
#app-mount .guilds-2JjMmN .target-1eRTCg::before { | |
top: 0; | |
height: var(--server-size); | |
width: 4px; | |
left: -6px; | |
} | |
#app-mount .guilds-2JjMmN.hidden-10MsGQ + .base-2jDfDU { | |
top: 0 !important; | |
} | |
#app-mount [class*=listItemTooltip] { | |
position: absolute; | |
max-width: unset; | |
white-space: nowrap; | |
margin-left: calc(var(--server-size) / -1 - 20px); | |
top: calc(var(--server-size) - 10px); | |
} | |
#app-mount [class*=listItemTooltip] [class*=tooltipPointer] { | |
transform: rotate(180deg); | |
top: -5px !important; | |
right: unset; | |
left: 13px; | |
z-index: 1; | |
} | |
#app-mount .friendsOnline-2JkivW { | |
position: absolute; | |
transform: translate(-50%, 50%); | |
top: calc(-50% + var(--server-spacing)); | |
left: -50%; | |
width: calc(var(--server-size) + var(--server-spacing)); | |
display: flex; | |
justify-content: center; | |
} | |
#app-mount .guilds-2JjMmN.content-Pph8t6, | |
#app-mount .BF-folderSidebar { | |
position: absolute !important; | |
top: calc(var(--server-container) * 2) !important; | |
} | |
#app-mount .guilds-2JjMmN.content-Pph8t6:not(.closed-j55_T-) + .base-2jDfDU, | |
#app-mount .BF-folderSidebar:not(.closed-j55_T-) + .base-2jDfDU { | |
top: calc(var(--server-container) * 2.5) !important; | |
} | |
#app-mount .guilds-2JjMmN .frame-oXWS21[class*=listItem] { | |
height: var(--server-size) !important; | |
} | |
#app-mount .guilds-2JjMmN .frame-oXWS21[class*=listItem] .wrapper-3kah-n { | |
height: 100% !important; | |
} | |
#app-mount .guilds-2JjMmN .frame-oXWS21[class*=listItem] .button-Jt-tIg { | |
width: 100%; | |
height: 100% !important; | |
border-radius: 0; | |
padding: 2px; | |
font-size: 10px; | |
box-sizing: border-box; | |
text-align: center; | |
} | |
#app-mount .BF-folderSidebar { | |
top: calc(var(--server-container)) !important; | |
} | |
#app-mount .serverCountWrap-k8F5De { | |
height: var(--server-size); | |
} | |
#app-mount .serverCount-FsTTs1 { | |
white-space: pre-line; | |
font-size: 12px; | |
display: flex; | |
align-items: center; | |
} | |
html.platform-osx #app-mount .typeMacOS-3V4xXE { | |
width: 100%; | |
} | |
html.platform-osx #app-mount .base-2jDfDU { | |
top: calc(var(--server-container) + 30px) !important; | |
} | |
html.platform-osx #app-mount #pluginNotice { | |
top: 32px; | |
z-index: 100000 !important; | |
} | |
body.foldercontentopened .base-2jDfDU { | |
transition: 0.2s ease !important; | |
} | |
.accountProfilePopoutWrapper-3GskID { | |
left: 0; | |
} | |
/*end of server topbar code */ | |
/*start of memberlist autohide */ | |
/* only enable colapsing member bar when below this window size */ | |
@media only screen and (max-width: 1920px) { | |
.container-2o3qEW { | |
max-width: 60px; | |
position: absolute; | |
top: var(--member-bar-top-offset); | |
bottom: 0; | |
right: 0; | |
/* fixes a weird bug that sometimes happens when doing a big paste in the textbox */ | |
height: calc(100% - var(--member-bar-top-offset)); | |
} | |
/* fixes the layering of the sidebar */ | |
.sidebar-1tnWFu { | |
z-index: 101; | |
/* optional, might be useful in the future */ | |
top: var(--channel-bar-top-offset); | |
} | |
/* only set the chat width in actual channels */ | |
main.chatContent-3KubbW:not([aria-label=" (channel)"]) { | |
max-width: calc(100% - 60px); | |
} | |
/* this button just breaks how the theme looks when used and the bar is collapsed */ | |
[aria-label="Hide Member List"] { | |
display: none !important; | |
} | |
/* expand memberlist on hover */ | |
.container-2o3qEW:hover { | |
transition: max-width 0s; | |
max-width: 240px; | |
} | |
div:not(.threadSidebarOpen-1LSXvU) > div > .container-3wLKDe { | |
padding-right: 60px; | |
} | |
} | |
@media only screen and (max-width: 1290) { | |
/* fix forum */ | |
.container-3XgAHv /*:not(.chatTarget-3H6mpC)*/ { | |
position: absolute; | |
right: -440px; | |
bottom: 0; | |
top: 0; | |
transition: right var(--sidebars-animation); | |
transition-delay: .5s; | |
width: 500px !important | |
} | |
.chatLayerWrapper-2mgEK- > .container-3XgAHv:hover { | |
right: 0; | |
transition: right var(--sidebars-animation); | |
transition-duration: .05s; | |
} | |
.threadSidebarOpen-1LSXvU ~ .resizeHandle-PBRzPC { | |
display: none; | |
} | |
.threadSidebarOpen-1LSXvU > .title-31SJ6t.container-ZMc96U.themed-Hp1KC_ > .toolbar-3_r2xA { | |
padding-right: 60px; | |
} | |
div.threadSidebarOpen-1LSXvU > div > .container-3wLKDe { | |
padding-right: 60px; | |
} | |
} | |
/* end of autohide */ | |
/* start of surround status */ | |
.wrapper-3Un6-K svg foreignobject { | |
--border-width: 2px; | |
border: var(--border-width) solid brown; | |
mask: none; | |
} | |
[aria-label*=", Online"] svg foreignobject {border: var(--border-width) solid green} | |
[aria-label*=", Idle"] svg foreignobject {border: var(--border-width) solid yellow} | |
[aria-label*=", Do Not Disturb"] svg foreignobject {border: var(--border-width) solid red} | |
[aria-label*=", Invisible"] svg foreignobject {border: var(--border-width) solid grey} | |
:is( | |
[aria-label*=", Online"], [aria-label*=", Idle"], [aria-label*=", Do Not Disturb"], [aria-label*=", Invisible"] | |
) svg :is(rect, mask) { | |
display: none; | |
} | |
/* end of surround status */ | |
/* recolour */ | |
.theme-light:not(.userProfileOuterThemed-3EfHmv), | |
.theme-dark:not(.userProfileOuterThemed-3EfHmv), | |
.theme-amoled:not(.userProfileOuterThemed-3EfHmv) { | |
--text-positive: rgb(var(--successcolor)); | |
--text-warning: rgb(var(--warningcolor)); | |
--text-danger: rgb(var(--dangercolor)); | |
--info-positive-background: rgba(var(--successcolor),.1); | |
--info-positive-foreground: rgb(var(--successcolor)); | |
--info-positive-text: #fff; | |
--info-warning-background: rgba(var(--warningcolor),.1); | |
--info-warning-foreground: rgb(var(--warningcolor)); | |
--info-warning-text: #fff; | |
--info-danger-background: rgba(var(--dangercolor),.1); | |
--info-danger-foreground: rgb(var(--dangercolor)); | |
--info-danger-text: #fff; | |
--status-positive: rgb(var(--successcolor)); | |
--status-positive-background: rgb(var(--successcolor)); | |
--status-positive-text: #fff; | |
--status-warning: rgb(var(--warningcolor)); | |
--status-warning-background: rgb(var(--warningcolor)); | |
--status-warning-text: #fff; | |
--status-danger: rgb(var(--dangercolor)); | |
--status-danger-background: rgb(var(--dangercolor)); | |
--status-danger-text: #fff; | |
--button-positive-background: rgba(var(--successcolor),.8); | |
--button-positive-background-hover: rgba(var(--successcolor),.9); | |
--button-positive-background-active: rgb(var(--successcolor)); | |
--button-positive-background-disabled: rgba(var(--successcolor),.2); | |
--button-warning-background: rgba(var(--warningcolor),.8); | |
--button-warning-background-hover: rgba(var(--warningcolor),.9); | |
--button-warning-background-active: rgb(var(--warningcolor)); | |
--button-warning-background-disabled: rgba(var(--warningcolor),.2); | |
--button-danger-background: rgba(var(--dangercolor),.8); | |
--button-danger-background-hover: rgba(var(--dangercolor),.9); | |
--button-danger-background-active: rgb(var(--dangercolor)); | |
--button-danger-background-disabled: rgba(var(--dangercolor),.2); | |
--button-secondary-background: rgb(var(--textdarkest)); | |
--button-secondary-background-hover: rgb(var(--textdarker)); | |
--button-secondary-background-active: rgb(var(--textdark)); | |
--button-secondary-background-disabled: rgb(var(--textdarkest)); | |
--button-outline-positive-text: rgb(var(--successcolor)) !important; | |
--button-outline-positive-text-hover: rgb(var(--successcolor)) !important; | |
--button-outline-positive-text-active: rgb(var(--successcolor)) !important; | |
--button-outline-positive-background: transparent !important; | |
--button-outline-positive-background-hover: transparent !important; | |
--button-outline-positive-background-active: rgba(var(--successcolor),.1) !important; | |
--button-outline-positive-border: rgba(var(--successcolor),.1) !important; | |
--button-outline-positive-border-hover: rgba(var(--successcolor),.6) !important; | |
--button-outline-positive-border-active: rgb(var(--successcolor)) !important; | |
--button-outline-warning-text: rgb(var(--warningcolor)) !important; | |
--button-outline-warning-text-hover: rgb(var(--warningcolor)) !important; | |
--button-outline-warning-text-active: rgb(var(--warningcolor)) !important; | |
--button-outline-warning-background: transparent !important; | |
--button-outline-warning-background-hover: transparent !important; | |
--button-outline-warning-background-active: rgba(var(--warningcolor),.1) !important; | |
--button-outline-warning-border: rgba(var(--warningcolor),.1) !important; | |
--button-outline-warning-border-hover: rgba(var(--warningcolor),.6) !important; | |
--button-outline-warning-border-active: rgb(var(--warningcolor)) !important; | |
--button-outline-danger-text: rgb(var(--dangercolor)) !important; | |
--button-outline-danger-text-hover: rgb(var(--dangercolor)) !important; | |
--button-outline-danger-text-active: rgb(var(--dangercolor)) !important; | |
--button-outline-danger-background: transparent !important; | |
--button-outline-danger-background-hover: transparent !important; | |
--button-outline-danger-background-active: rgba(var(--dangercolor),.1) !important; | |
--button-outline-danger-border: rgba(var(--dangercolor),.1) !important; | |
--button-outline-danger-border-hover: rgba(var(--dangercolor),.6) !important; | |
--button-outline-danger-border-active: rgb(var(--dangercolor)) !important; | |
--button-outline-primary-text: rgb(var(--textbrightest)) !important; | |
--button-outline-primary-text-hover: rgb(var(--textbrightest)) !important; | |
--button-outline-primary-text-active: rgb(var(--textbrightest)) !important; | |
--button-outline-primary-background: transparent !important; | |
--button-outline-primary-background-hover: transparent !important; | |
--button-outline-primary-background-active: rgba(var(--textbrightest),.1) !important; | |
--button-outline-primary-border: rgba(var(--textbrightest),.1) !important; | |
--button-outline-primary-border-hover: rgba(var(--textbrightest),.6) !important; | |
--button-outline-primary-border-active: rgb(var(--textbrightest)) !important; | |
--header-primary: rgb(var(--textbrightest)); | |
--header-secondary: rgb(var(--textbright)); | |
--text-normal: rgb(var(--textbrighter)); | |
--text-muted: rgb(var(--textdarker)); | |
--channels-default: rgb(var(--textdark)); | |
--interactive-normal: rgb(var(--textbright)); | |
--interactive-hover: rgb(var(--textbrighter)); | |
--interactive-active: rgb(var(--textbrightest)); | |
--interactive-muted: rgb(var(--textdarkest)); | |
--home-background: rgb(var(--backgroundprimary)); | |
--modal-background: rgb(var(--backgroundprimary)); | |
--modal-footer-background: rgb(var(--backgroundsecondary)); | |
--background-primary: rgb(var(--backgroundprimary)); | |
--background-secondary: rgb(var(--backgroundsecondary)); | |
--background-secondary-alt: rgb(var(--backgroundsecondaryalt)); | |
--background-tertiary: rgb(var(--backgroundtertiary)); | |
--background-accent: rgb(var(--backgroundaccent)); | |
--background-floating: rgb(var(--backgroundfloating)); | |
--background-mobile-primary: rgb(var(--backgroundprimary)); | |
--background-mobile-secondary: rgb(var(--backgroundsecondary)); | |
--background-modifier-hover: rgba(var(--backgroundaccent),.3); | |
--background-modifier-active: rgba(var(--backgroundaccent),.4); | |
--background-modifier-selected: rgba(var(--backgroundaccent),.6); | |
--background-modifier-accent: rgba(var(--textdark),.1); | |
--background-mentioned: rgba(var(--mentioncolor, --warningcolor),.05); | |
--background-mentioned-hover: rgba(var(--mentioncolor, --warningcolor),.08); | |
--background-mentioned-accent: rgb(var(--mentioncolor, --warningcolor)); | |
--background-message-hover: rgba(var(--backgroundfloating),.15); | |
--background-message-automod: rgba(var(--dangercolor),.05); | |
--background-message-automod-hover: rgba(var(--dangercolor),.1); | |
--scrollbar-thin-thumb: rgb(var(--backgroundtertiary)); | |
--scrollbar-thin-track: transparent; | |
--scrollbar-auto-thumb: rgb(var(--backgroundtertiary)); | |
--scrollbar-auto-track: rgb(var(--backgroundsecondary)); | |
--scrollbar-auto-scrollbar-color-thumb: rgb(var(--backgroundtertiary)); | |
--scrollbar-auto-scrollbar-color-track: rgb(var(--backgroundsecondary)); | |
--elevation-stroke: 0 0 0 1px rgba(6,6,7,.08); | |
--elevation-low: 0 1px 0 rgba(6,6,7,.1), 0 1.5px 0 rgba(6,6,7,.25), 0 2px 0 rgba(6,6,7,.025); | |
--elevation-medium: 0 4px 4px rgba(0,0,0,.08); | |
--elevation-high: 0 8px 16px rgba(0,0,0,.16); | |
--logo-primary: rgb(var(--accentcolor)); | |
--focus-primary: rgb(var(--linkcolor)); | |
--guild-header-text-shadow: 0 1px 1px rgba(var(--backgroundfloating),.5); | |
--channeltextarea-background: rgba(var(--backgroundaccent),.8); | |
--input-background: rgb(var(--backgroundtertiary)); | |
--activity-card-background: rgb(var(--backgroundtertiary)); | |
--textbox-markdown-syntax: rgb(var(--textdark)); | |
--search-popout-option-fade: linear-gradient(90deg,transparent,var(--background-floating) 80%); | |
--search-popout-option-fade-hover: linear-gradient(90deg,transparent,var(--background-primary) 50%); | |
--search-popout-option-user-nickname: var(--text-normal); | |
--search-popout-option-user-username: var(--text-muted); | |
--search-popout-option-filter-text: var(--text-muted); | |
--search-popout-option-non-text-color: var(--text-normal); | |
--search-popout-option-filter-color: var(--text-normal); | |
--search-popout-option-answer-color: var(--text-normal); | |
--search-popout-date-picker-border: 1px solid hsla(214,calc(var(--saturation-factor, 1)*9.1%),15.1%,0.3); | |
--search-popout-date-picker-hint-text: var(--text-normal); | |
--search-popout-date-picker-hint-value-text: #fff; | |
--deprecated-card-bg: rgba(var(--backgroundtertiary),.6); | |
--deprecated-card-editable-bg: rgba(var(--backgroundtertiary),.3); | |
--deprecated-store-bg: rgb(var(--backgroundprimary)); | |
--deprecated-quickswitcher-input-background: rgb(var(--backgroundaccent)); | |
--deprecated-quickswitcher-input-placeholder: rgb(var(--textdarker)); | |
--deprecated-text-input-bg: rgba(0,0,0,.1); | |
--deprecated-text-input-border: rgba(0,0,0,.3); | |
--deprecated-text-input-border-hover: #040405; | |
--deprecated-text-input-border-disabled: #202225; | |
--deprecated-text-input-prefix: rgb(var(--textbrighter)); | |
--font-primary: var(--font) !important; | |
--font-display: var(--font) !important; | |
} | |
html { | |
color: var(--header-primary); | |
} | |
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */ | |
/* | |
1. GENERAL | |
1. TEXT | |
2. BUTTONS | |
3. INPUTS | |
4. SEARCHBARS | |
5. IMAGES | |
2. GUILDLIST | |
3. CHANNELLIST | |
1. GUILDHEADER | |
2. CHANNELS | |
3. DMCHANNELS | |
4. ACCOUNT/VOICE/GOLIVE | |
4. CHAT | |
1. CHANNELHEADER | |
2. MESSAGES | |
1. MESSAGE | |
2. EMBEDS | |
3. NITROGIFT | |
4. INVITE | |
3. TEXTAREA | |
4. AUTOCOMPLETEMENU | |
5. MEMBERLIST | |
6. CALL | |
5. PEOPLES | |
6. STORE/NITRO | |
7. LIBRARY | |
8. DISCOVERY | |
9. USERSETTINGS | |
10. GUILDSETTINGS | |
11. MODALS | |
1. USERMODAL | |
2. GUILDADD/CREATION | |
3. REGIONSELECTMODAL | |
4. UPLOADMODAL | |
5. KEYBOARDSHORTCUTSMODAL | |
6. QUICKSWITCHER | |
7. INVITEMODAL/GROUPCREATE | |
8. LOGINSCREEN | |
9. TERMACCEPTMODAL | |
10. DOWNLOADAPPMODAL | |
11. GUILDBOOSTMODAL | |
12. REACTIONSMODAL | |
13. RATEMODAL | |
14. CHANGELOG | |
15. NOTIFICATIONSMODAL | |
16. PAYMENTMODAL | |
17. CHANNELCREATIONMODAL | |
18. CLOUDSYNCRESOLUTION | |
19. APPLICATIONINSTALLATIONMODAL | |
20. SPECIALMARKDOWNMODAL | |
21. REPORTPROBLEM | |
22. DISPATCHERROR | |
23. HYPESQUADQUIZ | |
24. NITROFEATUREMODAL | |
25. DIRECTORYMODAL | |
12. POPOUTS | |
1. USERPOPOUT | |
2. EMOJIPICKER | |
3. SEARCHPOPOUT | |
4. EVERYONEMENTION | |
5. CHANNELFOLLOW | |
6. CHANNELFOLLOWINFO | |
7. STREAMPREVIEW | |
8. ROLEOVERFLOW | |
9. PUBLICGUILDANNOUNCEMENT | |
10. QUICKSELECTPOPOUT | |
11. RTCSTATUSPOPOUT | |
12. PHONE-/EMAILVALIDATION | |
13. WARNINGPOPOUT | |
14. ADDROLE | |
13. BDSUPPORT | |
14. POWERCORDSUPPORT | |
15. PLUGINSUPPORT | |
1. MEMBERCOUNT | |
2. CHANNELTABS | |
3. TYPINGINDICATOR | |
16. WATERMARK | |
*/ | |
/* ~~~~ 1. GENERAL ~~~~ */ | |
svg [style*="stroke: rgb(114, 118, 125)"], | |
svg [style*="stroke: #72767d"], | |
svg [style*="stroke: #72767D"], | |
svg [stroke="rgb(114, 118, 125)"], | |
svg [stroke="#72767d"], | |
svg [stroke="#72767D"] { | |
stroke: var(--text-muted) !important; | |
} | |
svg [style*="fill: rgb(114, 118, 125)"], | |
svg [style*="fill: #72767d"], | |
svg [style*="fill: #72767D"], | |
svg [fill="rgb(114, 118, 125)"], | |
svg [fill="#72767d"], | |
svg [fill="#72767D"] { | |
fill: var(--text-muted) !important; | |
} | |
svg [style*="stroke: rgb(79, 84, 92)"], | |
svg [style*="stroke: #4f545c"], | |
svg [style*="stroke: #4F545C"], | |
svg [stroke="rgb(79, 84, 92)"], | |
svg [stroke="#4f545c"], | |
svg [stroke="#4F545C"] { | |
stroke: var(--interactive-muted) !important; | |
} | |
svg [style*="fill: rgb(79, 84, 92)"], | |
svg [style*="fill: #4f545c"], | |
svg [style*="fill: #4F545C"], | |
svg [fill="rgb(79, 84, 92)"], | |
svg [fill="#4f545c"], | |
svg [fill="#4F545C"] { | |
fill: var(--interactive-muted) !important; | |
} | |
.highlight { | |
background: rgba(var(--mentioncolor, --warningcolor),.3); | |
} | |
#app-mount .elevationLow-26BbEG, #app-mount .elevationLow-3aiJPL, .lightElevationLow-1QzqDT, .darkElevationLow-2LO4eN { | |
box-shadow: 0 1px 5px 0 rgba(0,0,0,.3); | |
} | |
#app-mount .elevationHigh-3KUiqj, #app-mount .elevationHigh-28Pty4, .lightElevationHigh-3gER0h, .darkElevationHigh-1BaD2i { | |
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .elevationBorderLow-3_3rXL, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow-2Ysl3H, .darkElevationBorderLow-34oHrM { | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 1px 5px 0 rgba(0,0,0,.3); | |
} | |
#app-mount .elevationBorderHigh-3drnJX, #app-mount .elevationBorderHigh-1s5JCj, .lightElevationBorderHigh-3wutCI, .darkElevationBorderHigh-8ZYNYM { | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .tooltip-16UpTB, | |
#app-mount .tooltip-1_vJJI { | |
background-color: var(--background-floating); | |
color: var(--text-normal); | |
} | |
#app-mount .tooltipPointer-1KkjI2, | |
#app-mount .tooltipPointer-1awMxk { | |
border-right-color: var(--background-floating); | |
} | |
#app-mount .bubble-3XikHF { | |
background-color: var(--background-floating); | |
color: var(--text-normal); | |
} | |
#app-mount .bubble-3XikHF::before { | |
border: 5px solid transparent; | |
border-top-color: var(--background-floating); | |
} | |
#app-mount .card-2ART2V::before { | |
background-color: var(--background-primary); | |
border-color: var(--background-secondary); | |
} | |
#app-mount .button-1yVL_7 { | |
background-color: var(--background-primary); | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 1px 5px 0 rgba(0,0,0,.3); | |
} | |
#app-mount .button-1yVL_7:hover { | |
background-color: var(--background-accent); | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .text-1SHFy0 { | |
color: var(--header-primary); | |
} | |
#app-mount .editIcon-e7sZ3b { | |
-webkit-mask: url(https://discord.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg); | |
background: var(--header-primary); | |
} | |
#app-mount .path2-F-M5gP { /* loading icons spinning circles */ | |
stroke: var(--background-modifier-selected); | |
} | |
#app-mount .path3-3tVOpU { /* loading icons spinning circles */ | |
stroke: var(--background-modifier-active); | |
} | |
#app-mount .scrollbarGhost-dCZKgZ::-webkit-scrollbar-thumb {/* scrollers old scrollers */ | |
background-color: var(--scrollbar-thin-thumb); | |
border-color: transparent; | |
} | |
#app-mount .scrollbarGhost-dCZKgZ::-webkit-scrollbar-track { | |
background-color: var(--scrollbar-thin-track); | |
border-color: transparent; | |
border-width: initial; | |
} | |
#app-mount .scrollbarGhostHairline-2LpzZ9::-webkit-scrollbar-thumb { | |
background-color: var(--scrollbar-thin-thumb); | |
cursor: move; | |
} | |
#app-mount .scrollbarDefault-2w-Dyz::-webkit-scrollbar-thumb { | |
background-color: var(--scrollbar-auto-thumb); | |
border-color: transparent; | |
} | |
#app-mount .scrollbarDefault-2w-Dyz::-webkit-scrollbar-track { | |
background-color: var(--scrollbar-auto-track); | |
border-color: transparent; | |
} | |
#app-mount .breadcrumbWrapper-3rpYiO { /* breadcrumbs wrapper */ | |
color: rgba(var(--textbrightest),.3); | |
} | |
#app-mount .activeBreadcrumb-2xVic0 { /* breadcrumbs active */ | |
color: rgba(var(--textbrightest),.6); | |
} | |
html .backgroundaccent-349kuI { | |
color: var(--header-primary); | |
} | |
html .iconBadge-2wi9r4 { | |
background-color: var(--background-floating); | |
color: var(--header-primary); | |
} | |
/* ---- 1.1. TEXT ---- */ | |
.description-1u9Qui { | |
color: var(--header-secondary); | |
} | |
#app-mount h1.title-338goq, | |
#app-mount h2.title-338goq { | |
color: var(--header-primary); | |
} | |
#app-mount h3.title-338goq { | |
color: var(--text-normal); | |
} | |
#app-mount h4.title-338goq, | |
#app-mount h5.title-338goq, | |
#app-mount h6.title-338goq { | |
color: var(--header-secondary); | |
} | |
#app-mount .text-27cdrj, | |
#app-mount .title-2CL_z0 { | |
color: var(--text-muted); | |
} | |
#app-mount .title-338goq { | |
color: var(--header-secondary); | |
} | |
#app-mount .markdown-19oyJN { | |
color: var(--text-normal); | |
} | |
#app-mount .markdown-19oyJN th { | |
background-color: var(--background-tertiary); | |
border-color: var(--interactive-muted); | |
color: var(--header-primary); | |
} | |
#app-mount .markdown-19oyJN td { | |
border-color: var(--interactive-muted); | |
} | |
#app-mount .markdown-19oyJN tr { | |
border-color: var(--interactive-muted); | |
color: var(--header-secondary); | |
} | |
#app-mount .markdown-19oyJN tr:nth-child(2n) { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .markdown-19oyJN .blockquote-2mppuN { | |
border-left-color: var(--interactive-muted); | |
} | |
#app-mount .markdown-19oyJN code { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .markdown-19oyJN .codeInline-1RFl81 { | |
color: var(--text-normal); | |
} | |
/* ---- 1.2. BUTTONS ---- */ | |
#app-mount .lookInverted-2mDUMi.colorPrimary-2AuQVo .spinnerItem-3dCJpG { | |
background-color: var(--background-accent); | |
} | |
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo .spinnerItem-3dCJpG, | |
#app-mount .lookLink-15mFoz.colorPrimary-2AuQVo .spinnerItem-3dCJpG { | |
background-color: var(--header-primary); | |
} | |
#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover, | |
#app-mount .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:hover { | |
background-image: linear-gradient(0deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .15)); | |
} | |
#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo:active, | |
#app-mount .lookFilled-yCfaCM.hoverPrimary-2hqNIm.hasHover-26V98q:active { | |
background-image: linear-gradient(0deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)); | |
} | |
#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo, | |
#app-mount .lookFilled-yCfaCM.colorPrimary-2AuQVo:disabled { | |
background-color: var(--background-accent); | |
color: #FFF; | |
} | |
#app-mount .lookInverted-2mDUMi.colorPrimary-2AuQVo:hover, | |
#app-mount .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:hover { | |
background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); | |
} | |
#app-mount .lookInverted-2mDUMi.colorPrimary-2AuQVo:active, | |
#app-mount .lookInverted-2mDUMi.hoverPrimary-2hqNIm.hasHover-26V98q:active { | |
background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)); | |
} | |
#app-mount .lookInverted-2mDUMi.colorPrimary-2AuQVo, | |
#app-mount .lookInverted-2mDUMi.colorPrimary-2AuQVo:disabled { | |
background-color: #FFF; | |
color: var(--background-accent); | |
} | |
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover, | |
#app-mount .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:hover { | |
border-color: rgba(var(--textbrightest), .6); | |
} | |
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo:active, | |
#app-mount .lookOutlined-3yKVGo.hoverPrimary-2hqNIm.hasHover-26V98q:active { | |
background-color: rgba(var(--textbrightest), .1); | |
border-color: var(--header-primary); | |
} | |
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo, | |
#app-mount .lookOutlined-3yKVGo.colorPrimary-2AuQVo:disabled { | |
border-color: rgba(var(--textbrightest), .1); | |
color: var(--header-primary); | |
} | |
#app-mount .lookLink-15mFoz.colorPrimary-2AuQVo { | |
color: var(--header-primary); | |
} | |
#app-mount .lookLink-15mFoz.colorPrimary-2AuQVo:hover .contents-3ca1mk, | |
#app-mount .lookLink-15mFoz.hoverPrimary-2hqNIm.hasHover-26V98q:hover .contents-3ca1mk { | |
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--textbrightest)) 0, rgb(var(--textbrightest)) 2px, transparent 0); | |
color: var(--header-primary); | |
} | |
#app-mount .borderPrimary-1ygM7_ { | |
border-color: var(--header-primary) !important; | |
} | |
#app-mount .lookInverted-2mDUMi.colorTransparent-13Bvvi .spinnerItem-3dCJpG { | |
background-color: rgba(var(--textbrightest),.1); | |
} | |
#app-mount .lookFilled-yCfaCM.colorTransparent-13Bvvi .spinnerItem-3dCJpG, | |
#app-mount .lookOutlined-3yKVGo.colorTransparent-13Bvvi .spinnerItem-3dCJpG, | |
#app-mount .lookLink-15mFoz.colorTransparent-13Bvvi .spinnerItem-3dCJpG { | |
background-color: var(--header-primary); | |
} | |
#app-mount .lookFilled-yCfaCM.colorTransparent-13Bvvi:hover, | |
#app-mount .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:hover { | |
background-color: rgba(var(--textbrightest),.05); | |
} | |
#app-mount .lookFilled-yCfaCM.colorTransparent-13Bvvi:active, | |
#app-mount .lookFilled-yCfaCM.hoverTransparent-1F6BzX.hasHover-26V98q:active { | |
background-color: rgba(var(--textbrightest),.01); | |
} | |
#app-mount .lookFilled-yCfaCM.colorTransparent-13Bvvi, | |
#app-mount .lookFilled-yCfaCM.colorTransparent-13Bvvi:disabled { | |
background-color: rgba(var(--textbrightest),.1); | |
color: var(--header-primary); | |
} | |
#app-mount .lookInverted-2mDUMi.colorTransparent-13Bvvi:hover, | |
#app-mount .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:hover { | |
background-color: rgba(var(--textbrightest),.05); | |
} | |
#app-mount .lookInverted-2mDUMi.colorTransparent-13Bvvi:active, | |
#app-mount .lookInverted-2mDUMi.hoverTransparent-1F6BzX.hasHover-26V98q:active { | |
background-color: rgba(var(--textbrightest),.1); | |
} | |
#app-mount .lookInverted-2mDUMi.colorTransparent-13Bvvi, | |
#app-mount .lookInverted-2mDUMi.colorTransparent-13Bvvi:disabled { | |
background-color: var(--header-primary); | |
color: rgba(var(--textbrightest),.1); | |
} | |
#app-mount .lookOutlined-3yKVGo.colorTransparent-13Bvvi:hover, | |
#app-mount .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:hover { | |
background-color: rgba(var(--textbrighter),.1); | |
border-color: var(--interactive-hover); | |
} | |
#app-mount .lookOutlined-3yKVGo.colorTransparent-13Bvvi:active, | |
#app-mount .lookOutlined-3yKVGo.hoverTransparent-1F6BzX.hasHover-26V98q:active { | |
background-color: rgba(var(--textbrightest),.1); | |
border-color: var(--header-primary); | |
} | |
#app-mount .lookOutlined-3yKVGo.colorTransparent-13Bvvi, | |
#app-mount .lookOutlined-3yKVGo.colorTransparent-13Bvvi:disabled { | |
background-color: transparent; | |
color: var(--text-normal); | |
} | |
#app-mount .lookLink-15mFoz.colorTransparent-13Bvvi { | |
color: var(--text-normal); | |
} | |
#app-mount .lookLink-15mFoz.colorTransparent-13Bvvi:hover .contents-3ca1mk, | |
#app-mount .lookLink-15mFoz.hoverTransparent-1F6BzX.hasHover-26V98q:hover .contents-3ca1mk { | |
background-image: linear-gradient(0deg, transparent,transparent 1px,rgb(var(--textbrighter)) 0,rgb(var(--textbrighter)) 2px,transparent 0); | |
color: var(--text-normal); | |
} | |
#app-mount .borderTransparent-2P3AAk { | |
border-color: var(--text-normal) !important; | |
} | |
/* ---- 1.3. INPUTS ---- */ | |
.container-1QtPKm { | |
background-color: var(--text-muted) !important; | |
} | |
.container-1QtPKm path[fill] { | |
fill: var(--text-muted) !important; | |
} | |
#app-mount .prefixInput-w72mM6 { | |
background-color: rgba(0,0,0,.1); | |
border-color: rgba(0,0,0,.3); | |
} | |
#app-mount .prefixInput-w72mM6:hover { | |
border-color: rgba(0,0,0,.6); | |
} | |
#app-mount .prefixInputInput-yS14_1 { | |
color: var(--header-primary); | |
} | |
#app-mount .prefixInputInput-yS14_1::-webkit-input-placeholder, | |
#app-mount .prefixInputInput-yS14_1::-moz-placeholder, | |
#app-mount .prefixInputInput-yS14_1:-ms-input-placeholder, | |
#app-mount .prefixInputInput-yS14_1::placeholder { | |
color: var(--text-muted); | |
} | |
#app-mount .prefixInputPrefix-20KCc9 { | |
color: var(--text-muted); | |
} | |
#app-mount .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD { | |
background: rgb(var(--accentcolor)); | |
color: #fff; | |
} | |
#app-mount .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD .radioIconForeground-3wH3aU { | |
color: #fff; | |
} | |
#app-mount .item-1TA5qI .radioBar-1XgZqD[style*="--radio-bar-accent-color"] { | |
background: var(--radio-bar-accent-color); | |
border: unset; | |
color: #fff; | |
} | |
#app-mount .item-1TA5qI[aria-checked=false]:hover .radioBar-1XgZqD[style*="--radio-bar-accent-color"] { | |
background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)); | |
} | |
.lookFilled-Zz0IcO.select-Zz0IcO { | |
background-color: var(--deprecated-text-input-bg); | |
border-color: var(--deprecated-text-input-border); | |
} | |
.searchInput-3pIoTy { | |
background-color: transparent; | |
} | |
.lookFilled-Zz0IcO.select-Zz0IcO:hover { | |
border-color: var(--deprecated-text-input-border-hover); | |
} | |
#app-mount .container-30qY7E { | |
background-color: var(--deprecated-text-input-bg); | |
border-color: var(--deprecated-text-input-border); | |
} | |
#app-mount .container-30qY7E:hover { | |
border-color: var(--deprecated-text-input-border-hover); | |
} | |
#app-mount .container-2zEtSe { | |
color: var(--header-secondary); | |
} | |
#app-mount .selected-2xa993 { | |
border-bottom: 2px solid var(--header-primary); | |
color: var(--header-primary); | |
} | |
#app-mount .checkbox-1LuCGM { | |
border-color: var(--text-muted); | |
} | |
#app-mount .checkbox-1LuCGM.checked-22NTbO[style*="border-color: rgb(79, 84, 92)"], | |
#app-mount .checkbox-1LuCGM.checked-22NTbO:not([style*="border-color:"]):not([style*="background-color:"]) { | |
background-color: rgb(var(--accentcolor)) !important; | |
border-color: rgb(var(--accentcolor)) !important; | |
} | |
#app-mount .checkbox-1LuCGM.checked-22NTbO[style*="border-color: rgb(79, 84, 92)"] path, | |
#app-mount .checkbox-1LuCGM.checked-22NTbO:not([style*="border-color:"]):not([style*="background-color:"]) path { | |
fill: #fff; | |
} | |
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d span { | |
border-color: var(--text-muted); | |
} | |
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:checked + span::after { | |
border-color: #fff !important; | |
} | |
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:disabled + span { | |
filter: grayscale(0.5); | |
} | |
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d .checkboxElement-uwAa9F:checked + span { | |
background-color: rgb(var(--accentcolor)) !important; | |
border-color: rgb(var(--accentcolor)) !important; | |
} | |
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d.alt-20KvgT .checkboxElement-uwAa9F + span { | |
background-color: #fff !important; | |
border-color: #fff !important; | |
} | |
#app-mount .checkbox-1ycfTw .checkboxInner-1aRh1d.alt-20KvgT .checkboxElement-uwAa9F:checked + span::after { | |
border-color: rgb(var(--accentcolor)) !important; | |
} | |
#app-mount .maxLength-IdVNmX { | |
color: var(--text-muted); | |
} | |
#app-mount .copyInput-3AbKWB { | |
background-color: var(--deprecated-text-input-bg); | |
} | |
#app-mount .copyInputDefault-3jiMHw { | |
border-color: var(--deprecated-text-input-border); | |
} | |
#app-mount .hiddenMessage-3QNvPt, | |
#app-mount .inputDefault-1AaKiD { | |
color: var(--header-primary); | |
} | |
#app-mount .hiddenMessage-3QNvPt::placeholder, | |
#app-mount .inputDefault-1AaKiD::placeholder { | |
color: rgba(var(--textbrightest),.3); | |
} | |
#app-mount .grabber-3R-Rx9 { | |
background-color: #fff; | |
border-color: var(--background-accent); | |
} | |
#app-mount .bar-2H7Q9u { | |
background: var(--background-accent); | |
} | |
#app-mount .markValue-21gAVC { | |
color: var(--text-muted); | |
} | |
#app-mount .markDash-1ATsxA { | |
background: var(--background-accent); | |
} | |
.select-1YfRS9 [class*="css-"][class*="-control"] { | |
background-color: var(--deprecated-text-input-bg); | |
border-color: var(--deprecated-text-input-border); | |
color: var(--text-normal); | |
} | |
.select-1YfRS9 [class*="css-"][class*="-control"]:hover, | |
.select-1YfRS9 [class*="css-"][class*="-control"]:not(:last-child) { | |
border-color: var(--deprecated-text-input-border-hover); | |
} | |
.select-1YfRS9.languageSelector-1hjSyO [class*="css-"][class*="-control"] { | |
background-color: var(--background-tertiary); | |
border: none; | |
} | |
.select-1YfRS9 [class*="css-"][class*="-singleValue"], | |
.select-1YfRS9 [class*="css-"][class*="-placeholder"], | |
.select-1YfRS9 [class*="css-"][class*="-indicatorContainer"] { | |
color: var(--text-normal); | |
} | |
#app-mount .optionNormal-12VR9V, | |
.css-1gfjib6-option, | |
.css-1yz4bi9-option, | |
.css-ru8b0x-option, | |
.css-1yz4bi9-option { | |
background-color: rgba(var(--transparencycolor), .1); | |
color: var(--interactive-normal); | |
} | |
#app-mount .optionNormal-12VR9V:hover, | |
.css-pkcurw-option, | |
.css-rzbxvl-option, | |
.css-1qxn4c5-option, | |
.css-rzbxvl-option { | |
background-color: var(--background-secondary); | |
color: var(--interactive-hover); | |
} | |
#app-mount .optionActive-KkAdqq, | |
.css-1gxgi19-option, | |
.css-1ba14n5-option, | |
.css-6qzljd-option, | |
.css-1ba14n5-option { | |
background-color: var(--background-primary); | |
color: var(--interactive-active); | |
} | |
.select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] { | |
background-color: var(--background-tertiary); | |
border-color: var(--background-tertiary); | |
box-shadow: var(--elevation-high); | |
overflow: hidden; | |
} | |
.side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover:not(.disabled-2G98Nl), | |
.topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover:not(.disabled-2G98Nl) { | |
background-color: var(--background-modifier-selected); | |
} | |
#app-mount .customColorPicker-C_jddW { | |
background: var(--background-primary); | |
border-color: var(--background-tertiary); | |
} | |
/* ---- 1.4. SEARCHBARS ---- */ | |
#app-mount .searchBox-pyIJJj { | |
background-color: var(--background-accent); | |
box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .searchBox-pyIJJj .searchBoxInput-P0mWHW::placeholder { | |
color: var(--text-muted); | |
} | |
#app-mount .searchIcon-34RNw9 { | |
color: var(--text-muted); | |
} | |
#app-mount .filterLabel-3-eQ3i { | |
color: var(--header-secondary); | |
} | |
/* ---- 1.5. IMAGES ---- */ | |
#app-mount .successImage-1Ld6xy { | |
background-image:url(https://discord.com/assets/15bc6312ff83991a86d4eb9be19094d6.svg); | |
opacity: .5; | |
} | |
#app-mount .searchIndexBackground-2pbSFD { | |
background-image: url(https://discord.com/assets/e695cb4a18202a6053674a346e6ba4c2.svg); | |
opacity: .5; | |
} | |
#app-mount .resultsBlockedImage--tkTSD { | |
background-image: url(https://discord.com/assets/7490848d1fcddf075abeb71e2d1aaff3.svg); | |
opacity: .5; | |
} | |
#app-mount .noResultsImage-1-dP2n { | |
background-image: url(https://discord.com/assets/af4424ffab53593f696947192ff1854a.svg); | |
opacity: .5; | |
} | |
#app-mount .noResultsImage-1-dP2n.alt-3_Cl_W { | |
background-image: url(https://discord.com/assets/f0a2cc54695a7064a1f02e5ca8b95ccc.svg); | |
opacity: .5; | |
} | |
#app-mount .errorImage-19HeaA { | |
background-image: url(https://discord.com/assets/29462d0b6c33d2ed874aa982f6f99326.svg); | |
opacity: .5; | |
} | |
#app-mount .wrapper-3AZUiP { /* crash screen background */ | |
background-image: url(https://discord.com/assets/da840b1a6c5d073ca1c6710f8967502a.svg); | |
} | |
#app-mount .image-35kDIs { /* crash screen center image */ | |
background-image: url(https://discord.com/assets/e9baf4b505eb54129f832556ea16538e.svg); | |
opacity: .5; | |
} | |
#app-mount .gameIcon-1mDo1J { | |
background-color: rgba(var(--textbrightest), .1); | |
color: var(--header-primary); | |
} | |
#app-mount .noResults-1nD_92 { | |
background: transparent; | |
} | |
#app-mount .noResults-1nD_92::before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
background: url(https://discord.com/assets/0b298968e0a756e25677771fd6b58b34.svg) no-repeat 50% 40%; | |
opacity: .5; | |
} | |
#app-mount .noResults-24KNHj { | |
background-image: url(https://discord.com/assets/0b298968e0a756e25677771fd6b58b34.svg); | |
opacity: .5; | |
} | |
.fullArt-KDeDyg { | |
opacity: .5; | |
} | |
#app-mount .art-1bAcVF { | |
background-image: url(https://discord.com/assets/9f670a7821c663913c393f5df62e63d7.svg); | |
opacity: .5; | |
} | |
#app-mount .imageUnverified-1QCPtJ { | |
background-image: url(https://discord.com/assets/e260177e5165e6789e30b9592df75424.svg); | |
opacity: .5; | |
} | |
.fullArt-3CUkwC { | |
opacity: .5; | |
} | |
.image-t6rLT3 { | |
opacity: .5; | |
} | |
.image-t6rLT3[style*='url("/assets/03c7541028afafafd1a9f6a81cb7f149.svg")'] { | |
background-image: url(https://discord.com/assets/6793e022dc1b065b21f12d6df02f91bd.svg) !important; | |
} | |
.image-t6rLT3[style*='url("/assets/9b0d90147f7fab54f00dd193fe7f85cd.svg")'] { | |
background-image: url(https://discord.com/assets/308e587f3a68412f137f7317206e92c2.svg) !important; | |
} | |
.image-20MDYu { | |
opacity: .5; | |
} | |
.image-20MDYu[style*='url("/assets/c84361b810ca7c10d6e8ddb6ea722ebe.svg")'] { | |
background-image: url(https://discord.com/assets/b669713872b43ca42333264abf9c858e.svg) !important; | |
} | |
.image-20MDYu[style*='url("/assets/857c505aafbe092e4f6efecebcad0bc8.svg")'] { | |
background-image: url(https://discord.com/assets/712a0fd4d14a1caadd31cb0745e91238.svg) !important; | |
} | |
img[src='/assets/9ad4d437577c5569dc231a787a5377f6.svg'], | |
img[src='/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg'] { | |
background-image: url(https://discord.com/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg); | |
opacity: .5; | |
object-position: -999999px -999999px; | |
} | |
img[src='/assets/c2c982c416a67d43d72d182f079a8d22.svg'], | |
img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] { | |
background-image: url(https://discord.com/assets/58957d928db6fb9d4658eb882f33d7bc.svg); | |
opacity: .5; | |
object-position: -999999px -999999px; | |
} | |
.emptyStateImage-3SXmVX { | |
opacity: .5; | |
} | |
.emptyStateImage-3SXmVX[src='/assets/38defe07899a762bfc301ddddd206116.svg'] { | |
background-image: url(https://discord.com/assets/446a060321730a318ca1649b0cc40d44.svg); | |
object-position: -999999px -999999px; | |
} | |
#app-mount .image-3wZlK5 { | |
background-image: url(https://discord.com/assets/97e866482f43d3ebd2496641cd934904.svg); | |
opacity: .5; | |
} | |
#app-mount .imageError-dy476I { | |
background-image: url(https://discord.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg); | |
opacity: .5; | |
} | |
#app-mount .image-1REvn0 { | |
background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg); | |
opacity: .5; | |
} | |
#app-mount .emptyImage-2pCD2j { | |
background-image: url(https://discord.com/assets/4bb32037d9d2e8240d1315ddaf4e4b85.svg); | |
opacity: .5; | |
} | |
#app-mount .errorImage-1n5rtg { | |
background-image: url(https://discord.com/assets/cdc3daf6fc982fef1df502912b682ada.svg); | |
opacity: .5; | |
} | |
#app-mount .missingEntitlementImage-112ztW { | |
background-image: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg); | |
opacity: .5; | |
} | |
/* ~~~~ 2. GUIDLIST ~~~~ */ | |
#app-mount .folder-241Joy.hover-3m7-WT, | |
#app-mount .childWrapper-1j_1ub, | |
#app-mount .circleIconButton-1VxDrg { | |
background-color: var(--background-primary); | |
} | |
#app-mount .folder-241Joy, | |
#app-mount .expandedFolderBackground-1kSAf6 { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, | |
#app-mount .wrapper-3kah-n:hover .childWrapper-1j_1ub { | |
background-color: var(--brand-experiment); | |
} | |
#app-mount .circleIconButton-1VxDrg.selected-2r1Hvo { | |
background-color: var(--green-360); | |
} | |
/* ~~~~ 3. CHANNELLIST ~~~~ */ | |
/* ---- 3.1. GUILDHEADER ---- */ | |
.channelNotice-tO6Tus.invite-OjTXrW, | |
.channelNotice-tO6Tus.guildMFAWarning-3GEzs8, | |
.channelNotice-tO6Tus.maxMembersCount-3E4zND, | |
.channelNotice-3DDmsB, | |
#app-mount .channelNotice-3hkOiI { | |
background: transparent; | |
} | |
.channelNotice-tO6Tus.invite-OjTXrW::before { | |
opacity: 0.6; | |
background: url(https://discord.com/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat; | |
} | |
.channelNotice-tO6Tus.guildMFAWarning-3GEzs8::before { | |
opacity: 0.6; | |
background: url(https://discord.com/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat; | |
} | |
.channelNotice-tO6Tus.quickswitcher-35bYg4::before { | |
opacity: 0.6; | |
} | |
.channelNotice-tO6Tus.maxMembersCount-3E4zND::before { | |
opacity: 0.6; | |
background: url(https://discord.com/assets/01f60394adffda20dc7270a1e3c727df.svg) center 16px no-repeat; | |
} | |
.channelNotice-3DDmsB::before { | |
opacity: 0.6; | |
background: url(https://discord.com/assets/1858873f28bdc62dfb3a1f4b67d459bf.svg) center top 20px/153px no-repeat; | |
} | |
#app-mount .channelNotice-3hkOiI::before { | |
opacity: 0.6; | |
background: url(https://discord.com/assets/7065587bd42fd829925bf6aa4b36f5e2.svg) center top 22px/220px no-repeat; | |
} | |
/* ---- 3.2. CHANNELS ---- */ | |
#app-mount .icon-3sfeom { | |
color: var(--header-secondary); | |
} | |
#app-mount .emptyUser-13SMCb { | |
background-color: var(--background-accent); | |
} | |
#app-mount .moreUsers-Gej0iV { | |
background-color: var(--background-floating); | |
color: var(--header-secondary); | |
} | |
#app-mount .streamPreview-I7itZ6 { | |
background-color: var(--background-tertiary); | |
color: var(--header-secondary); | |
} | |
#app-mount .previewContainer-35LFgt { | |
background-color: var(--background-floating); | |
} | |
#app-mount .watchButton-2YRKxv { | |
border-color: var(--header-secondary); | |
color: var(--header-secondary); | |
} | |
#app-mount .watchButton-2YRKxv:not([disabled]):hover { | |
border-color: var(--header-primary); | |
color: var(--header-primary); | |
} | |
/* ---- 3.3. DMCHANNELS ---- */ | |
.selected-26oxtA, | |
.selected-26oxtA:focus-within, | |
.selected-26oxtA:hover, | |
.snowsgivingLink-1TZi3c:hover { | |
background-color: var(--background-modifier-hover); | |
color: var(--header-primary); | |
} | |
.snowsgivingLink-1TZi3c { | |
} | |
/* ---- 3.4. ACCOUNT/VOICE/GOLIVE ---- */ | |
#app-mount .userList-3HrI62::before { | |
background-color: var(--background-secondary); | |
border-color: transparent var(--background-tertiary) var(--background-tertiary) transparent; | |
} | |
#app-mount .header-yw2_Tb { | |
background-color: var(--background-tertiary); | |
color: var(--header-primary); | |
} | |
#app-mount .content-2GcAts { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .username-3NpL24 { | |
color: var(--text-normal); | |
} | |
#app-mount .discriminator-15aR1s { | |
color: var(--text-muted); | |
} | |
/* ~~~~ 4. CHAT ~~~~ */ | |
/* ---- 4.1. CHANNELHEADER ---- */ | |
#app-mount .container-ZMc96U.themed-Hp1KC_ { | |
box-shadow: var(--elevation-low); | |
} | |
#app-mount .children-3xh0VB::after { | |
background: linear-gradient(90deg, transparent 0,var(--background-primary)); | |
} | |
#app-mount .back-2UeP6M { | |
color: var(--interactive-normal); | |
} | |
#app-mount .back-2UeP6M:hover { | |
color: var(--interactive-hover); | |
} | |
#app-mount .back-2UeP6M:active { | |
color: var(--interactive-active); | |
} | |
#app-mount .cloud-PaJUGP { | |
color: var(--text-muted); | |
} | |
/* ---- 4.2. MESSAGES ---- */ | |
.content-1jQy2l::before { | |
display: none; | |
} | |
#app-mount .background-fkKrXt, | |
#app-mount .container-3wLKDe, | |
#app-mount .container-2IKOsH, | |
#app-mount .header-3xB4vB, | |
#app-mount .container-1um7CU { | |
background-color: var(--background-primary); | |
} | |
#app-mount .background-fkKrXt .container-2Hi7Km, | |
#app-mount .background-fkKrXt .container-xwOzwi, | |
#app-mount .background-fkKrXt .container-3rZ3XA, | |
#app-mount .background-fkKrXt .icon-2IDTxf, | |
#app-mount .background-fkKrXt .containerCard-2kwJKN, | |
#app-mount .background-fkKrXt .containerCard-2kwJKN:hover, | |
#app-mount .background-fkKrXt .interactiveCard-2iMtdk, | |
#app-mount .background-fkKrXt .emptyStateContainer-xWOMPJ, | |
#app-mount .background-fkKrXt .card-3x20HF, | |
#app-mount .container-3wLKDe .mainCard-3KBsBI, | |
#app-mount .container-3wLKDe .sidebarCard-1Gn1ch, | |
#app-mount .container-2IKOsH .channelRow-4X_3fi { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .background-fkKrXt .icon-2IDTxf { | |
border-color: var(--background-secondary); | |
} | |
@media (max-width: 1300px) { | |
.container-xwOzwi, | |
.container-3rZ3XA { | |
background: none !important; | |
} | |
} | |
#app-mount .background-fkKrXt .containerCard-2kwJKN { | |
border-color: var(--background-secondary); | |
} | |
#app-mount .background-fkKrXt .container-3HMTms:hover, | |
#app-mount .container-3wLKDe .pill-3pRQlO, | |
#app-mount .container-2IKOsH .channelRow-4X_3fi:hover { | |
background: var(--background-tertiary); | |
} | |
#app-mount .textContentFooter-2JnNv8 { | |
background: linear-gradient(0deg, rgba(var(--backgroundsecondary), 1), rgba(var(--backgroundsecondary), .97) 36px, rgba(var(--backgroundsecondary), .4)); | |
} | |
#app-mount .noResultIcon-3o4K-b { | |
background-image: url(https://discord.com/assets/1eed0d895df6e35f164d8ed5e84037d2.svg); | |
opacity: .5; | |
} | |
#app-mount .scrollSeparator-37GFe9 { | |
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating),.3), 0 1px 2px 0 rgba(var(--backgroundfloating),.3); | |
} | |
#app-mount .image-3HC6rC { | |
background-image: url(https://discord.com/assets/a36505883459aecf5df0ae54c6d7495f.svg); | |
opacity: .75; | |
} | |
#app-mount .title-FyH9jw { | |
color: var(--header-primary); | |
} | |
#app-mount .description-fPkcPm { | |
color: var(--header-secondary); | |
} | |
#app-mount .emptyChannelIcon-1YdEz2 { | |
position: relative; | |
background: var(--background-accent); | |
overflow: hidden; | |
} | |
#app-mount .emptyChannelIcon-1YdEz2::before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
background: var(--header-primary); | |
-webkit-mask: url(https://discord.com/assets/a9847a74a2dac6e2b2958b195a8dad96.svg) center no-repeat; | |
} | |
/* ==== 4.2.1. MESSAGE ==== */ | |
#app-mount .message-G6O-Wv { | |
background-color: var(--background-primary); | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .mentioned-Tre-dv::before { | |
background-color: rgb(var(--mentioncolor, --warningcolor)); | |
} | |
#app-mount .ephemeralMessage-11q8XZ, | |
#app-mount .operations-3q3u6E { | |
color: var(--channels-default); | |
} | |
.icon-JRJzJz[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { | |
-webkit-mask: url(https://discord.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat; | |
background: var(--header-secondary) !important; | |
} | |
.icon-JRJzJz[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { | |
-webkit-mask: url(https://discord.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat; | |
background: var(--header-secondary) !important; | |
} | |
#app-mount .wrapper-1FP9YQ { | |
background-color: var(--background-tertiary); | |
color: var(--header-primary); | |
} | |
#app-mount .videoControls-2NzHnF { | |
color: #fff; | |
} | |
#app-mount .spoilerText-27bIiA { | |
background-color: rgba(var(--textbrightest),.1); | |
} | |
#app-mount .spoilerText-27bIiA.hidden-3B-Rum { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .spoilerText-27bIiA.hidden-3B-Rum:hover { | |
background-color: rgba(var(--backgroundtertiary),.8); | |
} | |
/* ==== 4.2.2. EMBEDS ==== */ | |
#app-mount .description-X8_53U { | |
color: var(--header-primary); | |
} | |
#app-mount .tagline-3DhQWg { | |
color: var(--header-secondary); | |
} | |
#app-mount .tile-2mmK5T { | |
background-color: var(--background-tertiary); | |
box-shadow: 0 0 0 rgba(var(--backgroundtertiary),.15); | |
} | |
#app-mount .tile-2mmK5T:hover { | |
background-color: var(--background-floating); | |
} | |
#app-mount .progress-xNqAjK { | |
background-color: rgba(var(--textdarker),.3); | |
} | |
#app-mount .metadata-1E7Z4i { | |
color: var(--text-muted); | |
} | |
#app-mount .loadingBackground-26IZRN { | |
background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary)); | |
} | |
#app-mount .loadingImage-3R-Yue { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .embedHorizontal-2GF6zV, | |
#app-mount .embedVertical-2vpt72 { | |
background-color: var(--background-primary); | |
} | |
.lookMinimal-2OMO3G .arrow-2KJjTM { | |
color: var(--header-secondary); | |
} | |
#app-mount .svgContentRight-3MSzvF { | |
fill: var(--interactive-muted); | |
} | |
#app-mount .svgContentLeft-2HZqab { | |
fill: var(--interactive-muted); | |
} | |
#app-mount .svgContentLines-1kG7d4, | |
#app-mount .svgDots-eHVkRM { | |
fill: var(--text-muted); | |
} | |
#app-mount .svgTag-pnwduA { | |
fill: var(--text-normal); | |
} | |
#app-mount .infoLink-3jBZ_6 { | |
color: var(--header-secondary) !important | |
} | |
#app-mount .copyLink-1bBHaR::before { | |
background-color: var(--background-accent); | |
} | |
#app-mount .buildDetails-15XTIW, | |
#app-mount .copyLink-1bBHaR:hover, | |
#app-mount .infoLink-3jBZ_6:hover { | |
color: var(--header-primary) !important; | |
} | |
#app-mount .barLoader-WCIKN8, | |
#app-mount .buttonLoader-1CeBCI { | |
background-color: var(--background-accent); | |
} | |
#app-mount .disabledButtonOverride-3gcwQC { | |
background-color: var(--background-tertiary) !important | |
} | |
/* ==== 4.2.3. NITROGIFT ==== */ | |
/* ==== 4.2.4. INVITE ==== */ | |
#app-mount .guildIconImage-74OdmM { | |
background-color: var(--background-primary); | |
} | |
#app-mount .guildIconExpired-2BFmZC { | |
background-image: url(https://discord.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg); | |
opacity: .5; | |
} | |
#app-mount .resolvingBackground-1MSH01 { | |
background-image: linear-gradient(90deg, var(--background-primary),var(--background-accent),var(--background-primary)); | |
} | |
#app-mount .invite-3uuHYQ { | |
background: rgba(var(--backgroundsecondary),.6); | |
border-color: rgba(var(--backgroundsecondary),.9); | |
} | |
#app-mount .artworkSpotifySessionEnded-D18iXB { | |
background-image: url(https://discord.com/assets/fb6a21ef85b63dec6e7c01c683904e8f.svg); | |
} | |
#app-mount .header-1Fx4D1 { | |
color: var(--text-muted); | |
} | |
#app-mount .name-QjR4Jk, | |
#app-mount .partyStatus-2-VcyG { | |
color: var(--header-primary); | |
} | |
#app-mount .moreUsers-3PdGZN { | |
background-color: var(--background-floating); | |
color: var(--header-secondary); | |
} | |
#app-mount .partyMemberEmpty-GtlQ_s { | |
background: var(--background-accent); | |
} | |
#app-mount .helpIcon-24pk1Z { | |
background-color: var(--header-primary); | |
} | |
#app-mount .helpIcon-24pk1Z [fill] { | |
fill: var(--background-secondary); | |
} | |
#app-mount .textLink-_PElWP, | |
#app-mount .message-group .textLink-_PElWP { | |
color: var(--header-primary); | |
} | |
#app-mount .subHeader-2XPj0v { | |
color: var(--text-muted); | |
} | |
#app-mount .preview-3GfI5V { | |
border-color: var(--background-tertiary); | |
} | |
/* ---- 4.3. TEXTAREA ---- */ | |
#app-mount .form-3gdLxP::before { | |
background: linear-gradient(180deg, transparent 0, var(--background-primary)); | |
} | |
#app-mount .error-3_o9DA { | |
color: #f36c6c; | |
} | |
#app-mount .toolbar-37BrJ5 { | |
background-color: var(--background-floating); | |
} | |
#app-mount .toolbar-37BrJ5::before { | |
border-left: 8px solid transparent; | |
border-right: 8px solid transparent; | |
border-top: 8px solid var(--background-floating); | |
} | |
#app-mount .divider-3NY7PF { | |
border-left: 1px solid rgba(var(--textbrightest),.06); | |
} | |
#app-mount .icon-3g7qdA { | |
color: var(--interactive-normal); | |
} | |
#app-mount .active-136ioF .icon-3g7qdA, | |
#app-mount .hover-3OQb9Y:hover .icon-3g7qdA { | |
color: var(--interactive-active); | |
} | |
#app-mount .cooldownWrapper-2k1jHK[style*="color: rgb(79, 84, 92)"] { | |
color: var(--text-muted) !important; | |
} | |
/* ---- 4.4. AUTOCOMPLETEMENU ---- */ | |
#app-mount .autocomplete-3NRXG8 { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .categoryHeader-OpJ1Ly { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .selected-3H3-RC { | |
background-color: var(--background-primary); | |
} | |
/* ---- 4.5. MEMBERLIST ---- */ | |
#app-mount .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover { | |
background-color: var(--background-tertiary); | |
} | |
/* ---- 4.6. CALL ---- */ | |
.wrapper-1gVUIN { | |
background-color: var(--background-primary); | |
} | |
.root-22AK9z { | |
color: var(--header-primary); | |
} | |
.gradientContainer-phMG8d { | |
display: none; | |
} | |
.divider-LwO6Dl { | |
background: var(--background-modifier-accent); | |
} | |
.playingText-16QsYy { | |
color: var(--header-secondary); | |
} | |
.controlIcon-10O-4h { | |
color: var(--interactive-normal); | |
} | |
.controlIcon-10O-4h:hover { | |
color: var(--interactive-hover); | |
} | |
.controlIcon-10O-4h.active-3D763s, | |
.controlIcon-10O-4h:active { | |
color: var(--interactive-active); | |
} | |
.pictureInPictureVideo-2puO2Q .controlIcon-10O-4h { | |
color: #b9bbbe; | |
} | |
.pictureInPictureVideo-2puO2Q .controlIcon-10O-4h:hover { | |
color: #dcddde; | |
} | |
.pictureInPictureVideo-2puO2Q .controlIcon-10O-4h.active-3D763s, | |
.pictureInPictureVideo-2puO2Q .controlIcon-10O-4h:active { | |
color: #fff; | |
} | |
.colorable-3rVGna.primaryDark-2UJt1G { | |
background-color: var(--background-secondary); | |
} | |
.colorable-3rVGna.primaryDark-2UJt1G, | |
.colorable-3rVGna.primaryDark-2UJt1G .centerIcon-JYpTUi { | |
color: var(--header-primary); | |
} | |
.colorable-3rVGna.primaryDark-2UJt1G.active-3D763s, | |
.colorable-3rVGna.primaryDark-2UJt1G:hover { | |
background-color: var(--background-tertiary); | |
} | |
.root-u9h3Ui { | |
color: var(--header-primary); | |
} | |
.root-22AK9z { | |
color: var(--header-primary); | |
} | |
.tile-2TcwiO { | |
background-color: var(--background-tertiary); | |
} | |
.header-1BxQhu { | |
color: var(--header-primary); | |
} | |
#app-mount .regionSelectName-1Tj9C9 { | |
color: var(--header-secondary); | |
} | |
#app-mount .quickSelectPopoutOption-2E2UmS:hover .regionSelectName-1Tj9C9 { | |
color: var(--header-primary); | |
} | |
#app-mount .video-eAcneW { | |
background-color: var(--background-floating); | |
} | |
#app-mount .video-eAcneW.minimum-1n7zHF { | |
background-color: var(--background-floating); | |
box-shadow: inset 0 -1px 0 var(--background-tertiary); | |
} | |
#app-mount .video-eAcneW.noChat-3QkBOE .videoBackgroundTransition-Pn9nCS { | |
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .video-eAcneW.noChat-3QkBOE .videoTop-18vrXm, | |
#app-mount .video-eAcneW.normal-1O1dfs .videoTop-18vrXm { | |
background-image: linear-gradient(0deg, transparent,rgba(0,0,0,.9)); | |
} | |
#app-mount .item-2ppWEc { | |
color: var(--header-primary); | |
} | |
#app-mount .itemValue-3eCU6u { | |
color: var(--header-secondary); | |
} | |
#app-mount .videoPreview-2MGkOA { | |
background-color: var(--background-secondary); | |
border: 1px solid var(--background-tertiary); | |
} | |
/* ~~~~ 5. PEOPLES ~~~~ */ | |
#app-mount .container-2cd8Mz, | |
#app-mount .container-2cd8Mz { | |
background-color: var(--background-primary); | |
} | |
#app-mount .scroller-hE2gWq { | |
border: none; | |
} | |
#app-mount .sectionHeader-20RGqu { | |
border-bottom: 1px solid rgba(0,0,0,.2); | |
} | |
#app-mount .moreMutualGuildsBtn-3jEzPC:hover { | |
border-color: rgba(var(--textbrightest),.6); | |
color: var(--header-primary); | |
} | |
#app-mount .wrapper-1nP9W7 { | |
background-color: rgba(4,4,5,.8); | |
color: var(--header-secondary); | |
} | |
#app-mount .header-1bHP7r { | |
color: var(--header-primary); | |
} | |
#app-mount .outer-2JOHae.active-1W_Gl9, | |
#app-mount .outer-2JOHae.interactive-2zD88a:hover, | |
#app-mount .outer-2JOHae.active-1W_Gl9, | |
#app-mount .outer-2JOHae.interactive-2zD88a:hover { | |
background-color: var(--background-floating); | |
} | |
#app-mount .inset-SbsSFp, | |
#app-mount .inset-SbsSFp { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .emptyPreviewImage-3LUxKH { | |
background-image: url(https://discord.com/assets/b93ef52d62a513a4f2127a6ca0c3208c.svg); | |
opacity: .5; | |
} | |
#app-mount .partyMemberOverflow-3G1oZz { | |
background-color: var(--background-floating); | |
color: var(--header-secondary); | |
} | |
#app-mount .partyMemberBackground-35PUxI, | |
#app-mount .partyMemberUnknown-3RMTbX { | |
background-color: var(--background-accent); | |
} | |
#app-mount .partyMemberUnknownIcon-3HapjE { | |
color: var(--text-muted); | |
} | |
#app-mount .partyMemberUnknown-EEivAl { | |
background-image: url(https://discord.com/assets/c2e09a95e595bfb12fa040d56ca27db5.svg); | |
opacity: .5; | |
} | |
#app-mount .popout-3Zw0qN { | |
background-color: var(--background-floating); | |
border-color: var(--background-tertiary); | |
box-shadow: 0 8px 16px rgba(0,0,0,.24); | |
} | |
#app-mount .enabled-1t_Gxm:hover { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .memberListHeader-543n-J { | |
color: var(--header-secondary); | |
} | |
#app-mount .memberListItem-31QoHj:hover { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .multipleIconWrapper-2YHnS6, | |
#app-mount .separator-2OaeRP { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .body-16rSsp .separator-2OaeRP { | |
background-color: var(--background-primary); | |
} | |
#app-mount .voiceSectionNoGuildImageWrapper-17kLyh { | |
background: var(--background-tertiary); | |
color: var(--header-primary); | |
} | |
#app-mount .voiceSectionIconWrapper-4yoj76 { | |
background-color: var(--background-floating); | |
} | |
#app-mount .voiceSectionIcon-1_4-an, | |
#app-mount .xboxSectionIcon-1xiv4J { | |
color: var(--header-secondary); | |
} | |
#app-mount .applicationStreamingPreviewWrapper-7j27t8 { | |
background-color: var(--background-secondary-alt); | |
} | |
/* ~~~~ 6. STORE/NITRO ~~~~ */ | |
#app-mount .header-2cF-SF { | |
color: var(--header-primary); | |
} | |
#app-mount .blurb-3d5FqU, | |
#app-mount .storeTerms-229iaC, | |
#app-mount .subtext-3JuUCk { | |
color: var(--header-secondary); | |
} | |
#app-mount .divider-3IBpTV { | |
background-color: rgba(var(--backgroundsecondary),.6); | |
} | |
#app-mount .iconWrapper-2_MXbk { | |
background: var(--background-accent); | |
} | |
#app-mount .directoryHeroPrice-1mL8NS, | |
#app-mount .directoryHeroPricePremium-cNEUik { | |
color: var(--header-primary); | |
} | |
#app-mount .directorySearchPrice-3X8YHl { | |
color: var(--header-secondary); | |
} | |
#app-mount .listingPrice-3Byrq9 { | |
color: var(--header-primary); | |
} | |
#app-mount .originalAmount-fVSHy9 { | |
color: var(--header-secondary); | |
} | |
#app-mount .embedPrice-2cAoWE { | |
color: var(--header-primary); | |
} | |
#app-mount .embedPrice-2cAoWE .salePercentage-1mi7hp { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .loadingContainer-2dRvxT { | |
background-color: rgba(0,0,0,.4); | |
} | |
#app-mount .libraryLink-t3ekoU { | |
color: rgba(var(--textbrightest),.6); | |
} | |
#app-mount .invalidPoop--w1123 { | |
background-color: rgba(var(--backgroundaccent),.6); | |
background-image: url(https://discord.com/assets/e0c782560fd96acd7f01fda1f8c6ff24.svg); | |
opacity: .5; | |
} | |
#app-mount .metadata-3MqUp5 { | |
color: var(--text-muted); | |
} | |
#app-mount .cancelImage-T807tN { | |
background: url(https://discord.com/assets/03863b539aec443327ca2ffc51a89dac.svg); | |
opacity: .75; | |
} | |
#app-mount .container-2Zlzt0 { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .xboxLogo-3uO7iP { | |
-webkit-mask: url(https://discord.com/assets/7f267bbf7d7569d790f9f6ab97d04044.svg) center no-repeat; | |
background: var(--header-primary); | |
} | |
#app-mount .feature-2IUcBI { | |
background-color: var(--background-secondary-alt); | |
border: 1px solid var(--background-modifier-accent); | |
box-shadow: var(--elevation-medium); | |
} | |
#app-mount .sectionAccountCredit-1lZtoH, | |
#app-mount .subscriptionDetails-3u1CML { | |
border-color: rgba(var(--textdarker),.3); | |
} | |
#app-mount .background-HqNWlb { | |
background-image: url(https://discord.com/assets/00be7f6ca68f1915a80ae01f061718e5.svg); | |
opacity: .5; | |
} | |
#app-mount .tier1Banner-LvpkWu { | |
background: var(--background-secondary); | |
color: var(--header-primary); | |
} | |
#app-mount .tier1Banner-LvpkWu::before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
background: var(--header-primary); | |
-webkit-mask: url(https://discord.com/assets/cb89c31c79a62ae99ec12351c1efb277.svg) center/cover no-repeat; | |
} | |
#app-mount .categoryHeader-93jmyE, | |
#app-mount .premiumApplicationsHeader-3K67Qe { | |
border-color: var(--background-accent); | |
color: var(--header-primary); | |
} | |
#app-mount .viewAllGames-1jwiR_ { | |
color: var(--header-primary); | |
} | |
#app-mount .divider-3y7HAB { | |
border-color: rgba(var(--backgroundsecondary),.6); | |
} | |
#app-mount .content-3N5BG9 { | |
color: var(--text-muted); | |
} | |
#app-mount .blurb-btvBEJ { | |
color: var(--text-normal); | |
} | |
#app-mount .description-BzYBA2 { | |
color: var(--header-secondary); | |
} | |
#app-mount .row-2qQ--F { | |
background-color: var(--background-secondary); | |
color: var(--header-secondary); | |
} | |
#app-mount .featureIcon-3GwsEQ { | |
color: var(--header-secondary); | |
} | |
#app-mount .content-26qlhD { | |
color: var(--text-muted); | |
} | |
#app-mount .themedPagination-3jclKS .arrow-2PTaaz { | |
color: var(--header-primary); | |
} | |
#app-mount .themedPagination-3jclKS .dot-1xabNQ { | |
background-color: var(--header-primary); | |
} | |
#app-mount .matureListing-aNebPc { | |
background-color: transparent; | |
} | |
#app-mount h3.contentHeader-2mKb-r { | |
color: #dcddde; | |
} | |
#app-mount .circle-1ceChx { | |
color: var(--header-primary); | |
} | |
#app-mount .iconCircle-3CMTjB { | |
background-color: var(--background-accent); | |
} | |
#app-mount .smallHeader--lYkq9 { | |
color: var(--header-secondary); | |
} | |
#app-mount .text-3UzHA4 { | |
color: var(--header-primary); | |
} | |
#app-mount .description-hC8iQf { | |
color: var(--header-secondary); | |
} | |
#app-mount .playerOverflow-GbSZQs { | |
background-color: var(--background-floating); | |
color: var(--header-secondary); | |
} | |
#app-mount .description-hC8iQf strong, | |
#app-mount .discriminator-2EHIDr strong, | |
#app-mount .username-pDGZS1 { | |
color: var(--header-primary); | |
} | |
#app-mount .label-2txsEl { | |
color: var(--text-muted); | |
} | |
#app-mount .username-3gwMST { | |
color: var(--header-primary); | |
} | |
#app-mount .notes-2clhZY { | |
color: var(--header-secondary); | |
} | |
#app-mount .root-3mkK8X { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .header-13C7x6 { | |
color: var(--header-primary); | |
} | |
#app-mount .section-3Et6MX { | |
border-bottom-color: var(--background-primary); | |
} | |
#app-mount .breadcrumb-2tlXzO:hover { | |
color: var(--header-primary); | |
} | |
#app-mount .separator-dn0u3Y { | |
background-color: rgba(var(--backgroundsecondary),.6); | |
} | |
#app-mount .tabNotSelectedColor-2f2hRe { | |
color: var(--header-secondary); | |
} | |
#app-mount .tabNotSelectedColor-2f2hRe:hover, | |
#app-mount .tabSelectedColor-2MQNM- { | |
color: var(--header-primary); | |
} | |
#app-mount .tabSelected-2OMwNX { | |
border-bottom-color: var(--header-primary); | |
} | |
#app-mount .sectionTitle-26b5ZR { | |
color: var(--header-secondary); | |
} | |
#app-mount .requirementKey-3Mlwzf { | |
color: var(--text-muted); | |
} | |
#app-mount .requirements-2IwVy6 { | |
color: var(--text-normal); | |
} | |
#app-mount .content-1W9-9i { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .buttonColorInGuild-1OoSt7 { | |
color: var(--header-primary); | |
} | |
#app-mount .name-22c6Wk { | |
color: var(--header-secondary); | |
} | |
#app-mount .memberInfo-QIpngr { | |
color: var(--text-muted); | |
} | |
#app-mount .dotOffline-LfSWc8 { | |
background-color: var(--text-muted); | |
} | |
#app-mount .listing-gF29cM { | |
color: var(--header-primary); | |
} | |
#app-mount .link-1DS2h_ { | |
color: var(--header-primary); | |
} | |
#app-mount .applicationName-1iS9zb { | |
color: var(--text-normal); | |
} | |
#app-mount .price-1PvQ0u { | |
background-color: var(--background-accent); | |
color: var(--header-primary); | |
} | |
/* ~~~~ 7. LIBRARY ~~~~ */ | |
#app-mount .headerCellSorted-1bg4Lp { | |
color: var(--header-primary); | |
} | |
#app-mount .emptyWumpus-11kRB0 { | |
background: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg); | |
opacity: .5; | |
} | |
#app-mount .rate-1lw2ml { | |
color: var(--text-muted); | |
} | |
#app-mount .background-3laMJt { | |
stroke: var(--background-accent); | |
} | |
#app-mount .usageInfo-2CQ9c7 { | |
color: var(--header-secondary); | |
} | |
#app-mount .installationPath-2PbaRC { | |
box-shadow: 0 1px 0 0 var(--background-accent); | |
} | |
#app-mount .rowTitle-2MoCno { | |
color: var(--text-normal); | |
} | |
#app-mount .rowBody-uWDd7Y { | |
color: var(--text-muted); | |
} | |
#app-mount .defaultLocationCheckbox-1Y3dSI { | |
color: var(--header-primary); | |
} | |
#app-mount .defaultIndicator-1AxErs { | |
background-color: var(--background-accent); | |
color: var(--header-primary); | |
} | |
#app-mount .applicationName-1uqOrC { | |
color: var(--header-primary); | |
} | |
#app-mount .applicationSubText-2SBEgj { | |
color: var(--text-muted); | |
} | |
#app-mount .hiddenLibraryApplication-lfw1ab { | |
border-color: var(--background-accent); | |
} | |
#app-mount .hiddenLibraryApplication-lfw1ab::before { | |
background: rgba(var(--backgroundtertiary),.3); | |
border-color: var(--background-tertiary); | |
} | |
#app-mount .restoreButton-17sRw1 { | |
background: var(--background-primary); | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 1px 5px 0 rgba(0,0,0,.3); | |
} | |
#app-mount .restoreButton-17sRw1:hover { | |
background: var(--background-secondary); | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .card-2TuZPZ { | |
box-shadow: var(--elevation-medium); | |
} | |
#app-mount .card-2TuZPZ:focus, | |
#app-mount .card-2TuZPZ:hover { | |
box-shadow: var(--elevation-high); | |
} | |
/* ~~~~ 8. DISCOVERY ~~~~ */ | |
#app-mount .pageWrapper-2PwDoS { | |
background-color: var(--background-primary); | |
color: var(--header-primary); | |
} | |
.footerImage-3DpC_8 { | |
opacity: .5; | |
} | |
#app-mount .search-25t1e9 .searchBox-31Zv9h { | |
background-color: #fff; | |
} | |
#app-mount .search-25t1e9 .searchBox-31Zv9h:focus, | |
#app-mount .search-25t1e9 .searchBox-31Zv9h:focus-within { | |
box-shadow: 0 0 0 1px rgb(91,67,240), 0 0 0 2px rgba(91,67,240,.6), 0 0 0 3px rgba(91,67,240,.3); | |
border-color: transparent; | |
} | |
#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz { | |
color: #2e3338; | |
} | |
#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::-webkit-input-placeholder, | |
#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::-moz-placeholder, | |
#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz:-ms-input-placeholder, | |
#app-mount .search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz::placeholder { | |
color: #72767d; | |
} | |
#app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0 { | |
color: #4f5660; | |
} | |
#app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:hover { | |
color: #2e3338; | |
} | |
#app-mount .search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:focus { | |
color: #060607; | |
} | |
#app-mount .search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL { | |
color: rgba(79,84,92,.6); | |
} | |
/* ~~~~ 9. USERSETTINGS ~~~~ */ | |
#app-mount .customContainer-dK1ozq::before { | |
box-shadow: 0 1px 4px rgba(0,0,0,.2); | |
border-bottom: 1px solid rgba(0,0,0,.2); | |
} | |
#app-mount .notice-3jw7ld { | |
background: rgba(var(--backgroundtertiary),.95); | |
} | |
#app-mount .container-20TyK0[style*="background-color: rgba(248, 249, 249"], | |
#app-mount .container-20TyK0[style*="background-color: rgba(32, 34, 37"] { | |
background-color: rgba(var(--backgroundfloating), .9) !important; | |
} | |
#app-mount .container-20TyK0[style*="background-color: rgba(248, 249, 249"] .message-3C6JQ1, | |
#app-mount .container-20TyK0[style*="background-color: rgba(32, 34, 37"] .message-3C6JQ1 { | |
color: var(--header-primary) !important; | |
} | |
#app-mount .message-3C6JQ1 { | |
color: var(--header-primary); | |
} | |
#app-mount .streamerModeEnabledImage-2EveVD { | |
background-image: url(https://discord.com/assets/5b7e23080bfec53f966b806abcde8def.svg); | |
opacity: .5; | |
} | |
.contentRegion-3HkfJJ div[role="tabpanel"] { | |
width: 100%; | |
} | |
.toolsContainer-25FL6V { | |
margin-right: 37px; | |
} | |
#app-mount .closeButton-PCZcma { | |
border-color: var(--channels-default); | |
} | |
#app-mount .closeButton-PCZcma path[fill] { | |
fill: var(--channels-default); | |
} | |
#app-mount .closeButton-PCZcma:hover { | |
background-color: rgba(var(--backgroundaccent),.3); | |
border-color: var(--header-secondary); | |
} | |
#app-mount .closeButton-PCZcma:hover path[fill] { | |
fill: var(--header-secondary); | |
} | |
#app-mount .closeButton-PCZcma:active { | |
border-color: var(--text-normal); | |
} | |
#app-mount .closeButton-PCZcma:active path[fill] { | |
fill: var(--text-normal); | |
} | |
#app-mount .keybind-13vtq8 { | |
color: var(--channels-default); | |
} | |
#app-mount .closeButtonBold-2Wgbg8 { | |
border-color: var(--header-secondary); | |
} | |
#app-mount .closeButtonBold-2Wgbg8 path[fill] { | |
fill: var(--header-secondary); | |
} | |
#app-mount .closeButtonBold-2Wgbg8:hover { | |
background-color: rgba(var(--backgroundaccent),.6); | |
border-color: var(--text-normal); | |
} | |
#app-mount .closeButtonBold-2Wgbg8:hover path[fill] { | |
fill: var(--text-normal); | |
} | |
#app-mount .closeButtonBold-2Wgbg8:active { | |
border-color: var(--header-primary); | |
} | |
#app-mount .closeButtonBold-2Wgbg8:active path[fill] { | |
fill: var(--header-primary); | |
} | |
#app-mount .keybindBold-1U6HoA { | |
color: var(--header-secondary); | |
} | |
#app-mount .avatarUploader-AF-hm- .sizeInfo-Wk0Ksj { | |
color: var(--text-muted); | |
} | |
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg { | |
color: var(--interactive-normal); | |
} | |
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg:hover { | |
color: var(--interactive-hover); | |
} | |
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg:active { | |
color: var(--interactive-active); | |
} | |
#app-mount .avatarUploaderIndicator-2G-aIZ { | |
background: var(--background-floating); | |
} | |
#app-mount .avatarUploaderIndicator-2G-aIZ::after { | |
content: ""; | |
position: relative; | |
width: 100%; | |
height: 100%; | |
background: var(--header-primary); | |
-webkit-mask: url(https://discord.com/assets/d5c25e76af04cea8997e4a060572feae.svg) center no-repeat; | |
} | |
#app-mount .userSettingsAccount-3wUMIP .viewBody-1l56Sd { | |
color: var(--header-secondary); | |
} | |
#app-mount .userSettingsSecurityImage-2_okeh { | |
background: url(https://discord.com/assets/cdea41ede63f61153e4a3c0531fa3873.svg) center/cover no-repeat; | |
opacity: .5; | |
object-position: -999999px -999999px; | |
} | |
.colorSwatch-3g4qA8 { | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
} | |
.colorSwatch-3g4qA8 > [role="radio"] { | |
display: flex; | |
flex-direction: column; | |
align-items: center; | |
} | |
.colorSwatch-3g4qA8 > .dropperIconButton-2shYII { | |
width: 69px; | |
margin: auto; | |
} | |
#app-mount .authedApp-1tw-eT { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .emptyStateHeader-2qdbzr { | |
color: var(--header-primary); | |
} | |
#app-mount .emptyStateSubtext-1nMe5m { | |
color: var(--header-secondary); | |
} | |
#app-mount .emptyStateImage-2qGUMK { | |
background: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg); | |
opacity: .5; | |
} | |
#app-mount .codeRedemptionRedirect-2hYMSQ { | |
background: var(--background-modifier-selected); | |
border-color: var(--background-modifier-selected); | |
color: var(--header-primary); | |
} | |
#app-mount .subText-2zL_27 { | |
color: var(--text-muted); | |
} | |
#app-mount .subTextHeader-2TGlBa { | |
color: var(--text-muted); | |
} | |
#app-mount .subTextRow-2c7SIq { | |
color: var(--header-secondary); | |
} | |
#app-mount .giftCodeRow-3pI-zz { | |
border-color: rgba(var(--textdarkest),.6); | |
} | |
#app-mount .bodyButtonColor-1j4G6V { | |
background: var(--background-tertiary); | |
color: var(--header-primary); | |
} | |
#app-mount .bodyButtonColor-1j4G6V:hover { | |
background: var(--background-secondary); | |
} | |
#app-mount .bodyButtonColor-1j4G6V:active { | |
background: var(--background-primary); | |
} | |
#app-mount .card-1j9yy6 { | |
color: var(--header-primary); | |
} | |
#app-mount .splashArt-175LCr { | |
background-image: url(https://discord.com/assets/976b56da8d86af63aef4f55afb553a9f.png); | |
} | |
#app-mount .confirmTitle-3WHs3k { | |
color: var(--header-primary); | |
} | |
#app-mount .confirmBlurb-2gfQ_7 { | |
color: var(--header-secondary); | |
} | |
#app-mount .item-3eFBNF { | |
box-shadow: inset 0 -1px 0 0 var(--background-accent); | |
} | |
#app-mount .gemIndicatorContainer-PqApbX { | |
background-color: var(--background-floating); | |
} | |
#app-mount .gemWithoutLabel-1od40y { | |
color: var(--header-primary); | |
} | |
#app-mount .tierLabel-3MVAnX { | |
color: var(--header-primary); | |
} | |
#app-mount .guildHeaderBackground-1G51bM { | |
background-image: url(https://discord.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg); | |
opacity: .75; | |
} | |
#app-mount .emptyGuilds-1cEt2M { | |
background-image: url(https://discord.com/assets/e500b2fe39bd0080b48e740d9d96e240.svg); | |
opacity: .75; | |
} | |
.container-3NTP7o { | |
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg); | |
} | |
.notches-2w7UZJ { | |
background: transparent !important; | |
} | |
#app-mount .progress-1S-TDF { | |
background-color: var(--text-muted); | |
} | |
.icon-1fWS75[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"], | |
.icon-1fWS75[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] { | |
-webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat; | |
background-color: var(--header-primary); | |
object-position: -999999px -999999px; | |
} | |
.icon-1fWS75[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"], | |
.icon-1fWS75[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { | |
-webkit-mask: url(https://discord.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat; | |
background-color: var(--header-primary); | |
object-position: -999999px -999999px; | |
} | |
#app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf { | |
background-color: var(--background-secondary); | |
border-color: var(--background-tertiary); | |
} | |
#app-mount .row-3nMNOy { | |
box-shadow: inset 0 -1px 0 rgba(var(--textdarker),.3); | |
} | |
.disabled-35mc5w { | |
color: var(--interactive-muted); | |
} | |
.option-1QI4c9 { | |
background-color: var(--interactive-muted); | |
} | |
.overlayWarningIcon-B1Xv81 { | |
background: url(https://discord.com/assets/afc17a02f2ea7406b0ee518c28414f7c.svg) no-repeat; | |
} | |
#app-mount .game-2f2vPC { | |
box-shadow: var(--elevation-low); | |
} | |
#app-mount .gameName-zbZetm { | |
color: var(--header-primary); | |
} | |
#app-mount .gameNameInput-2wbDJ9:focus, | |
#app-mount .gameNameInput-2wbDJ9:hover { | |
background-color: var(--background-primary); | |
border-color: rgba(var(--textdark),.3); | |
} | |
#app-mount .lastPlayed-1jum9A, | |
#app-mount .overlayStatusText-In0YrK { | |
color: var(--text-muted); | |
} | |
#app-mount .overlayToggleIconOn-21NN2N .fill-297bdf { | |
fill: var(--text-muted); | |
} | |
#app-mount .addGamePopout-2SKNIV { | |
background-color: var(--background-primary); | |
} | |
#app-mount .addGamePopout-2SKNIV .cancelButton-1_3Ix7 { | |
color: var(--header-primary); | |
} | |
#app-mount .nowPlayingAdd-3I4RbE { | |
color: var(--header-secondary); | |
} | |
#app-mount .nowPlaying-3UpuKc { | |
background-color: var(--status-positive-background); | |
} | |
#app-mount .nowPlaying-3UpuKc .gameName-zbZetm { | |
color: var(--status-positive-text); | |
} | |
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:focus, | |
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:hover { | |
background-color: transparent; | |
border-color: var(--status-positive-text); | |
} | |
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9 { | |
position: relative; | |
z-index: 3; | |
} | |
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9 + * { | |
position: relative; | |
} | |
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:focus + *::before, | |
#app-mount .nowPlaying-3UpuKc .gameNameInput-2wbDJ9:hover + *::before { | |
content: ""; | |
display: block; | |
position: absolute; | |
top: -24px; | |
left: -5px; | |
width: 240px; | |
height: 24px; | |
background-color: var(--status-positive-text); | |
opacity: 0.3; | |
pointer-events: none; | |
z-index: 2; | |
} | |
#app-mount .nowPlaying-3UpuKc .lastPlayed-1jum9A, | |
#app-mount .nowPlaying-3UpuKc .overlayStatusText-In0YrK { | |
color: var(--status-positive-text); | |
} | |
#app-mount .nowPlaying-3UpuKc .overlayToggleIconOff-ps4gGp .fill-297bdf, | |
#app-mount .nowPlaying-3UpuKc .overlayToggleIconOn-21NN2N .fill-297bdf { | |
fill: var(--status-positive-text); | |
} | |
#app-mount .notDetected-M3Ghh2 { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .notDetected-M3Ghh2 .gameName-zbZetm { | |
color: var(--interactive-active); | |
} | |
#app-mount .notDetected-M3Ghh2 .lastPlayed-1jum9A { | |
color: var(--text-muted); | |
} | |
#app-mount .row-2ooh_3 { | |
box-shadow: inset 0 -1px 0 rgba(var(--textdarker),.3); | |
} | |
#app-mount .foreground-2hyALB { | |
background: var(--interactive-normal); | |
} | |
#app-mount .link-39xJu3:hover .foreground-2hyALB { | |
background: var(--interactive-active); | |
} | |
.bd-social-link[title="BD" i] .bd-social-logo, | |
.bd-social-link[title="BetterDiscord" i] .bd-social-logo, | |
.bd-social-link[title="BBD" i] .bd-social-logo, | |
.bd-social-link[title="BandagedBD" i] .bd-social-logo { | |
background: var(--interactive-normal); | |
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat; | |
opacity: 1; | |
transition: background .15s ease; | |
} | |
.bd-social-link[title="BD" i]:hover .bd-social-logo, | |
.bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo, | |
.bd-social-link[title="BBD" i]:hover .bd-social-logo, | |
.bd-social-link[title="BandagedBD" i]:hover .bd-social-logo { | |
background: var(--interactive-active); | |
} | |
.bd-social-link[title="BD" i] .bd-social-logo > *, | |
.bd-social-link[title="BetterDiscord" i] .bd-social-logo > *, | |
.bd-social-link[title="BBD" i] .bd-social-logo > *, | |
.bd-social-link[title="BandagedBD" i] .bd-social-logo > * { | |
display: none; | |
} | |
/* ~~~~ 10. GUILDSETTINGS ~~~~ */ | |
#app-mount .guildSettingsOverviewNotice-2VluqV { | |
background-color: rgba(var(--backgroundtertiary),.95); | |
} | |
#app-mount .avatarUploader-2yeaMv .avatarUploaderInner-3SDRO_, | |
#app-mount .avatarUploaderDisabled-310UAf .avatarUploaderInner-3SDRO_ { | |
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .avatarUploader-2yeaMv .avatarUploaderInner-3SDRO_:hover { | |
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2),inset 0 0 120px rgba(0,0,0,.6); | |
} | |
#app-mount .avatarUploaderDisabled-310UAf .avatarUploaderInner-3SDRO_:hover { | |
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .divider-3wNib3 { | |
border-color: rgba(var(--textdarker),.3); | |
} | |
.addRoleIcon-3YjErH { | |
-webkit-mask: url(https://discord.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg); | |
background: var(--header-secondary); | |
object-position: -999999px -999999px; | |
} | |
#app-mount .dragged-S44x-A { | |
-webkit-mask: url(https://discord.com/assets/a8564dac0d728add0025be388f5ad7a2.svg) center/contain no-repeat; | |
background: var(--background-tertiary); | |
} | |
.theme-light .messageContainer-3a6gLR { | |
display: none; | |
} | |
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse { | |
background-color: var(--deprecated-text-input-bg); | |
border: 1px solid var(--deprecated-text-input-border); | |
} | |
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse:hover { | |
border-color: var(--deprecated-text-input-border-hover); | |
} | |
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse:focus { | |
border-color: rgb(var(--accentcolor)); | |
} | |
#app-mount .emojiAliasPlaceholder-3H_iZA { | |
color: var(--header-primary); | |
} | |
#app-mount .emojiRow-zIc7ZX { | |
box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.04); | |
} | |
#app-mount .auditLog-1NVAY0 { | |
border-color: var(--background-tertiary); | |
color: var(--text-muted); | |
} | |
#app-mount .auditLog-1NVAY0 strong { | |
color: var(--header-primary); | |
} | |
#app-mount .auditLog-1NVAY0:hover .expandForeground-1nZ4VR { | |
stroke: var(--header-primary); | |
} | |
#app-mount .headerClickable-zGQJz3, | |
#app-mount .headerDefault-1e6yjj { | |
background-color: rgba(var(--backgroundtertiary),.3); | |
color: var(--header-secondary); | |
} | |
#app-mount .headerExpanded-1-zwDr { | |
background-color: rgba(var(--backgroundtertiary),.6); | |
color: var(--header-secondary); | |
} | |
#app-mount .divider-M3saWq { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .userHook-3R3zjr { | |
color: var(--header-primary); | |
} | |
#app-mount .expandForeground-1nZ4VR { | |
stroke: rgba(var(--textbrightest),.6); | |
} | |
#app-mount .timestamp-147bcs { | |
color: var(--text-muted); | |
} | |
#app-mount .changeDetails-1kMZqI { | |
background-color: rgba(var(--backgroundtertiary),.3); | |
} | |
#app-mount .auditLogMembersIconFg-2dfgB- { | |
fill: var(--header-primary); | |
} | |
#app-mount .selected-38kUfI .auditLogMembersIconFg-2dfgB- { | |
fill: #fff; | |
} | |
.themeOverrideLight-bdYR2N.icon-2PiQ65, | |
.themeOverrideDark-3-xxHI.icon-2PiQ65, | |
#app-mount .icon-2PiQ65 { | |
background: none !important; | |
} | |
.icon-2PiQ65::before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
background: var(--header-primary); | |
} | |
.icon-2PiQ65.applicationCommand-3YMgNf::before { | |
-webkit-mask: url(https://discord.com/assets/561a626f671b8fd8f0c2e85c97df9b04.svg); | |
} | |
.icon-2PiQ65.autoModerationBlockMessage-97cbNX::before { | |
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); | |
} | |
.icon-2PiQ65.autoModerationRule-2pc9PC::before { | |
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); | |
} | |
.icon-2PiQ65.targetAll-21RPfg::before { | |
-webkit-mask: url(https://discord.com/assets/22fd0ab3562af24ea964465bb65531aa.svg); | |
} | |
.icon-2PiQ65.targetBan-qwvck2::before { | |
-webkit-mask: url(https://discord.com/assets/fd541825b6853aaae233ad9d83e05a18.svg); | |
} | |
.icon-2PiQ65.targetChannel-1NWbC5::before { | |
-webkit-mask: url(https://discord.com/assets/528ae525a9823affbcd2a35bd20573b0.svg); | |
} | |
.icon-2PiQ65.targetEmoji-2T6Ze4::before { | |
-webkit-mask: url(https://discord.com/assets/858ab2bdee17ca226df85e23263bcf3a.svg); | |
} | |
.icon-2PiQ65.targetGuild-pvPVWS::before { | |
-webkit-mask: url(https://discord.com/assets/448b698d906ab4d93b609282595a1c9d.svg); | |
} | |
.icon-2PiQ65.targetGuildHome-3LSyOg::before { | |
-webkit-mask: url(https://discord.com/assets/eeaa7c1199e8f4cdb46de98c9b924edf.svg); | |
} | |
.icon-2PiQ65.targetGuildScheduledEvent-330pb3::before { | |
-webkit-mask: url(https://discord.com/assets/7093e58edcd5202a129a6e4fbf427c6d.svg); | |
} | |
.icon-2PiQ65.targetIntegration-j5Mnwy::before { | |
-webkit-mask: url(https://discord.com/assets/993b5f52b8bd8d1c1c34cac05015c331.svg); | |
} | |
.icon-2PiQ65.targetInvite-2hFskc::before { | |
-webkit-mask: url(https://discord.com/assets/d0dc8a4c8ea55b119c5c2cccf69b031f.svg); | |
} | |
.icon-2PiQ65.targetMember-2pI3Cu::before { | |
-webkit-mask: url(https://discord.com/assets/e2c0846875f889524e3d60e7d25afa55.svg); | |
} | |
.icon-2PiQ65.targetMemberRole-jNaX-k::before { | |
-webkit-mask: url(https://discord.com/assets/00124e254d0d86c37f6d02ec0c5b1e02.svg); | |
} | |
.icon-2PiQ65.targetMessage-WgF9Dt::before { | |
-webkit-mask: url(https://discord.com/assets/aa9f9c29b51e414f0476d4388031aaf4.svg); | |
} | |
.icon-2PiQ65.targetPermission-2fNNaU::before { | |
-webkit-mask: url(https://discord.com/assets/35de2007bfe0db9821881321d8b7c1fe.svg); | |
} | |
.icon-2PiQ65.targetRole-24Nm1S::before { | |
-webkit-mask: url(https://discord.com/assets/9aa6e9df74888ec09885bb08341800be.svg); | |
} | |
.icon-2PiQ65.targetStageInstance-2ljqjY::before { | |
-webkit-mask: url(https://discord.com/assets/dfad85fc7c072498298077f68cf006ca.svg); | |
} | |
.icon-2PiQ65.targetSticker-2BoYB9::before { | |
-webkit-mask: url(https://discord.com/assets/da5f0aa4b5ccf0165b4220ba9929ea59.svg); | |
} | |
.icon-2PiQ65.targetVanityUrl-1KGkGd::before { | |
-webkit-mask: url(https://discord.com/assets/bef4eebd4f9e00aabbfa7de1949c8565.svg); | |
} | |
.icon-2PiQ65.targetWebhook-3gzYYG::before { | |
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg); | |
} | |
.icon-2PiQ65.targetWidget-3g4NqJ::before { | |
-webkit-mask: url(https://discord.com/assets/03f717eddad9ac74a1900254625657cf.svg); | |
} | |
.icon-2PiQ65.thread-P4cm8D::before { | |
-webkit-mask: url(https://discord.com/assets/c254ffdde9bc5c90c5ec5d9e11dbf382.svg); | |
} | |
#app-mount .rolePills-32B_DQ { | |
color: rgba(var(--textbrightest),.8); | |
} | |
#app-mount .footerImage-4UrEF0 { | |
background-image: url(https://discord.com/assets/36d0e0bb009fa362c2533003c0af67b5.svg); | |
opacity: .5; | |
} | |
#app-mount .card-1o0mns { | |
border-color: var(--background-secondary-alt); | |
} | |
#app-mount .card-3IImnr { | |
border-color: var(--background-secondary-alt); | |
} | |
#app-mount .card-3_CqkU { | |
box-shadow: var(--elevation-high); | |
} | |
.splashImage-352DQ1[src="/assets/7b6ed225050df29a07cb5db712d35a73.svg"], | |
.splashImage-352DQ1[src="/assets/d03d90cb6f12a7ea06274b278dfa4160.svg"] { | |
background: url(https://discord.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg) center/cover no-repeat; | |
opacity: .75; | |
object-position: -999999px -999999px; | |
} | |
#app-mount .avatarUploaderInnerSquare-2wsxgt { | |
background-image: url(https://discord.com/assets/d03d90cb6f12a7ea06274b278dfa4160.svg); | |
opacity: .5; | |
} | |
.exampleContainerLight-2cIJFB, | |
.exampleContainerDark-yyX7sl { | |
background-image: url(https://discord.com/assets/579d8c1aa51bd06391c5ac19c654cb5e.png); | |
} | |
#app-mount .background-3xJH_4 { | |
color: var(--background-tertiary); | |
} | |
#app-mount .tierInProgress-1vFUnw { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .moreSubscribers-2FZuij { | |
background-color: var(--background-tertiary); | |
color: var(--header-primary) | |
} | |
#app-mount .subscriberCount-3iRh_w { | |
color: var(--header-secondary); | |
} | |
#app-mount .subscriberCount-3iRh_w strong { | |
color: var(--text-normal); | |
} | |
#app-mount .subscribersPopout-3lkZNO { | |
background: var(--background-floating); | |
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .subscribersPopoutUser-3Az2Dc { | |
color: var(--header-secondary); | |
} | |
#app-mount .tierHeaderLocked-30MLlO { | |
background-color: var(--background-tertiary); | |
color: var(--header-secondary); | |
} | |
#app-mount .tierHeaderUnlocked-1OpOLf { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .tierCloseClose-T256RA { | |
color: var(--header-primary); | |
} | |
#app-mount .tierBody-1d3UiS { | |
background-color: var(--background-secondary); | |
color: var(--header-secondary); | |
} | |
#app-mount .tierCurrent-2nowYi { | |
box-shadow: 0 4px 8px rgba(0,0,0,.24); | |
} | |
.exampleContainer-2O-nVK, | |
.exampleContainer-25sB-A { | |
background: transparent; | |
position: relative; | |
} | |
.exampleContainer-2O-nVK > *, | |
.exampleContainer-25sB-A > * { | |
z-index: 1; | |
} | |
.exampleContainer-2O-nVK .exampleModal-1lRfuE, | |
.exampleContainer-25sB-A .exampleModal-2X2Vf8 { | |
position: relative; | |
box-shadow: 2 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
.exampleContainer-2O-nVK::after, | |
.exampleContainer-25sB-A::after { | |
content: ""; | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
background: var(--background-tertiary); | |
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/discord_window_placeholder.svg) 0 0/cover no-repeat; | |
} | |
#app-mount .member-1q7VfX { | |
box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.04); | |
} | |
#app-mount .member-1q7VfX .name-8yzEIY { | |
color: var(--header-primary); | |
} | |
#app-mount .member-1q7VfX .tag-1YGWN9 { | |
color: var(--text-muted); | |
} | |
#app-mount .member-1q7VfX .roleWrapper-1Hde_V { | |
color: rgba(var(--textbrightest),.8); | |
} | |
#app-mount .member-1q7VfX .overflowIconFg-QMRRFI { | |
fill: var(--header-primary); | |
} | |
#app-mount .member-1q7VfX .ownerHelpIcon-3ItaBx { | |
color: var(--header-primary); | |
} | |
#app-mount .to-9AOSH0 { | |
background-color: var(--background-secondary); | |
box-shadow: 0 0 0 4px var(--background-secondary); | |
} | |
#app-mount .fromToWrapper-7A2MIP { | |
background: transparent; | |
} | |
#app-mount .fromToWrapper-7A2MIP::before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
-webkit-mask: url(https://discord.com/assets/7d74fde5c67e7d6dd17ebefedce42c74.svg) 50% 0 no-repeat; | |
background: var(--header-primary); | |
} | |
#app-mount .inviteSettingsInviteRow-1rZeIM { | |
box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.04); | |
} | |
#app-mount .row-1oTw_K { | |
color: var(--header-primary); | |
} | |
#app-mount .row-1oTw_K::after { | |
background-color: rgba(var(--textbrightest),.04); | |
} | |
#app-mount .bannedUser-1IalTM { | |
box-shadow: 0 1px 0 0 rgba(var(--textbrightest),.04); | |
} | |
#app-mount .bannedUser-1IalTM .username-1b3MVI { | |
color: var(--header-primary); | |
} | |
#app-mount .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO, | |
#app-mount .bannedUserModal-3RJCOV .reason-YbfGC6, | |
#app-mount .bannedUserModal-3RJCOV .userDiscrim-1D2NlF { | |
color: var(--text-muted); | |
} | |
#app-mount .bannedUserModal-3RJCOV .reasonHeader-2etdjy { | |
color: var(--text-normal); | |
} | |
/* ~~~~ 11. MODALS ~~~~ */ | |
#app-mount .root-1CAIjD, | |
#app-mount .modal-2RrUKJ { | |
background-color: var(--background-primary); | |
border: none; | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .rootWithShadow-2hdL2J { | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .zoomedCarouselModalRoot-beLNhM { | |
background: transparent !important; | |
} | |
#app-mount .separator-2lLxgC { | |
box-shadow: 0 1px 0 0 rgba(var(--backgroundtertiary),.3), 0 1px 2px 0 rgba(var(--backgroundtertiary),.3); | |
} | |
#app-mount .footer-IubaaS, | |
#app-mount .footer-1Ip3Sd { | |
background-color: var(--background-secondary); | |
color: var(--header-secondary); | |
} | |
#app-mount .footerSeparator-3U8YsT { | |
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary),.6); | |
} | |
.header-1zd7se > .wrapper-1HSdhi:first-child { | |
flex: 1 0 auto; | |
} | |
#app-mount .modal-6GHvdM .tabBarContainer-sCZC4w { | |
background: rgba(0,0,0,.2); | |
box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); | |
} | |
#app-mount .separator-3TK_-B { | |
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating),.3), 0 1px 2px 0 rgba(var(--backgroundfloating),.3); | |
} | |
#app-mount .divider-3APUjw { | |
border-color: var(--background-secondary); | |
} | |
#app-mount .subHeader-2z6h5Z { | |
color: var(--header-secondary); | |
} | |
#app-mount .sectionBody-7I2eAN, | |
#app-mount .subHeader-1mr1LG { | |
color: var(--header-secondary); | |
} | |
#app-mount .message-1F58Gs { | |
color: var(--header-secondary); | |
} | |
#app-mount .secondaryButton-197mr8 { | |
color: var(--header-primary); | |
} | |
#app-mount .imageUpgrade-moI_hv { | |
background-image: url(https://discord.com/assets/81ded87ebac6f9d55e8624a3e5167c8f.svg); | |
} | |
#app-mount .imageCancel-2x4k_k { | |
background: url(https://discord.com/assets/03863b539aec443327ca2ffc51a89dac.svg); | |
} | |
#app-mount .imageUnclaimed-5nJyYs { | |
background-image: url(https://discord.com/assets/3b65c741e596bc0979f7ba0c42de6fff.svg); | |
opacity: .5; | |
} | |
#app-mount .imageUnverified-2NLnW6 { | |
background-image: url(https://discord.com/assets/e260177e5165e6789e30b9592df75424.svg); | |
opacity: .5; | |
} | |
#app-mount .divider-MRAL1L { | |
border-color: var(--background-secondary); | |
} | |
#app-mount .backButtonColor-5k5ViL { | |
color: var(--header-primary); | |
} | |
#app-mount .checkboxLabel-NbUiJx { | |
color: var(--header-secondary); | |
} | |
#app-mount .backdrop-1BR_bn, | |
#app-mount .backdrop-2ByYRN { | |
background-color: rgb(0, 0, 0) !important; | |
} | |
/* ---- 11.1. USERMODAL ---- */ | |
.emptyIcon-uKVxYR { | |
opacity: .5; | |
} | |
.profileColors-3Y0XaR .mask-1y0tyc circle { | |
fill: transparent; | |
} | |
#app-mount .userProfileOuterThemed-3EfHmv ::-webkit-scrollbar-thumb { | |
background-color: var(--profile-gradient-secondary-color) !important; | |
} | |
/* ---- 11.2. GUILDADD/CREATION ---- */ | |
.container-x8Y1ix { | |
background-color: var(--background-secondary); | |
border: none; | |
} | |
.container-x8Y1ix:hover { | |
background-color: var(--background-secondary-alt); | |
border: none; | |
} | |
.arrow-2yY1Tm { | |
-webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat; | |
background: var(--text-normal); | |
object-position: -999999px -999999px; | |
} | |
.input-m1-Y7Q { | |
background: transparent; | |
} | |
.inputInner-1Z3Tui { | |
border: 1px solid var(--deprecated-text-input-border); | |
} | |
/* ---- 11.3. REGIONSELECTMODAL ---- */ | |
#app-mount .regionSelect-3lf4eE.regionSelectLoading-34I21m { | |
border: 1px solid var(--header-secondary); | |
} | |
#app-mount .regionSelect-3lf4eE button { | |
border: 1px solid var(--header-secondary); | |
} | |
#app-mount .regionSelect-3lf4eE .regionSelectInner-24f4Ce { | |
border: 1px solid var(--header-secondary); | |
} | |
#app-mount .regionSelectModal-12e-57 { | |
background: var(--background-primary) !important; | |
} | |
#app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA { | |
color: var(--text-muted); | |
} | |
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 { | |
background-color: var(--background-secondary); | |
border: 2px solid var(--background-secondary); | |
} | |
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover { | |
border-color: var(--background-tertiary); | |
} | |
#app-mount .regionSelectName-2-2FWh { | |
color: var(--text-muted); | |
} | |
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover .regionSelectName-2-2FWh { | |
color: var(--text-normal); | |
} | |
#app-mount .regionSelect-3lf4eE:hover button { | |
color: var(--header-primary); | |
} | |
#app-mount .container-1s4HBn.hover-2AGf5p { | |
border-color: var(--deprecated-text-input-border-hover); | |
} | |
#app-mount .flag-16iIBd.vip-3pFIN8::after { | |
border-color: var(--background-primary); | |
} | |
/* ---- 11.4. UPLOADMODAL ---- */ | |
#app-mount .uploadModal-2ie9O_ { | |
background-color: var(--background-primary); | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .footer-VCsJQY { | |
background-color: var(--background-secondary); | |
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary),.6); | |
} | |
/* ---- 11.5. KEYBOARDSHORTCUTSMODAL ---- */ | |
#app-mount .keyboardShortcutsModal-2CRmCm { | |
background-color: var(--background-primary); | |
} | |
#app-mount .modalTitle-2skSKy { | |
color: var(--header-primary); | |
} | |
#app-mount .modalSubtitle-2lx7qk { | |
border: none; | |
box-shadow: var(--elevation-low); | |
color: var(--text-normal); | |
} | |
#app-mount .keyboardShortcutList-3VFAYS .keybindGroup-39HP2U .keybindDescription-oXh6w_ { | |
color: var(--header-secondary); | |
} | |
#app-mount .keybindShortcut-3zF1P9 { | |
color: var(--header-primary); | |
} | |
#app-mount .keybindShortcut-3zF1P9 span { | |
background-color: var(--text-muted); | |
border: 1px solid var(--background-tertiary); | |
box-shadow: inset 0 -4px 0 rgba(var(--backgroundtertiary),.6); | |
color: var(--header-primary); | |
} | |
#app-mount .keybindShortcut-3zF1P9 span .bindArrow-EmK4SC g { | |
fill: var(--header-primary); | |
} | |
#app-mount .keybindShortcut-3zF1P9 span:active { | |
box-shadow: inset 0 -2px 0 var(--background-tertiary); | |
border: 1px solid #000; | |
color: var(--header-secondary); | |
} | |
#app-mount .keybindShortcut-3zF1P9 span:active .bindArrow-EmK4SC g { | |
fill: var(--header-secondary); | |
} | |
#app-mount .keybindShortcutTipsSelect-2FpxFp:last-of-type::before { | |
background-color: var(--interactive-muted); | |
} | |
#app-mount .tabButton-1hJ4oW { | |
background-color: var(--text-muted); | |
border: 1px solid var(--background-tertiary); | |
box-shadow: inset 0 -4px 0 rgba(var(--backgroundtertiary),.6); | |
color: var(--header-primary); | |
} | |
#app-mount .tabButton-1hJ4oW rect[fill="#4F545C"], | |
#app-mount .tabButton-1hJ4oW path[fill="#36393F"] { | |
display: none; | |
} | |
/* ---- 11.6. QUICKSWITCHER ---- */ | |
#app-mount .emptyState-1OLqEw { | |
background: transparent; | |
} | |
#app-mount .emptyState-1OLqEw::before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
background: url(https://discord.com/assets/0b298968e0a756e25677771fd6b58b34.svg) center/100px no-repeat; | |
opacity: .5; | |
} | |
/* ---- 11.7. INVITEMODAL/GROUPCREATE ---- */ | |
#app-mount .contentWrapper-3oy4Xo { | |
background-color: var(--background-primary); | |
} | |
#app-mount .friendSelected-3cwmD7, | |
#app-mount .inviteRow-3vmB7i:hover { | |
background-color: var(--background-accent); | |
color: var(--header-primary); | |
} | |
#app-mount .friend-8ZraY7, | |
#app-mount .inviteRowName-3H4s_c { | |
color: var(--header-secondary); | |
} | |
#app-mount .footer-C9oLp9, | |
#app-mount .footer-1hTRRZ { | |
background-color: var(--background-secondary); | |
box-shadow: inset 0 1px 0 rgba(var(--backgroundsecondary),.6); | |
} | |
.footerSeparator-b6VH1V, | |
#app-mount .content-3nJg0c::before { | |
display: none; | |
} | |
#app-mount .subtitle-3v29zT, | |
#app-mount .footerText-30uH1h, | |
#app-mount .checkBoxLabel-16BK2g, | |
#app-mount .footerText-2QLGHU, | |
#app-mount .subText-1CcYgq { | |
color: var(--header-secondary); | |
} | |
#app-mount .errorState-1R6bBt { | |
color: var(--text-muted:) | |
} | |
#app-mount .notFriends-lSusTz .errorStateIcon-3y6XWh { | |
background-image: url(https://discord.com/assets/4f86d7f58df32580164fc595377c0169.svg); | |
opacity: .5; | |
} | |
#app-mount .noFriends-1Y8EWR .errorStateIcon-3y6XWh { | |
background-image: url(https://discord.com/assets/16bd6f7e8c2feedd7fa44d25013e687f.svg); | |
opacity: .5; | |
} | |
#app-mount .partyFull-kwAvJT .errorStateIcon-3y6XWh { | |
background-image: url(https://discord.com/assets/f690b8a9cd33cda18e431d4717fff5ab.svg); | |
opacity: .5; | |
} | |
#app-mount .noResults-1ceiMB .errorStateIcon-3y6XWh { | |
background-image: url(https://discord.com/assets/1eed0d895df6e35f164d8ed5e84037d2.svg); | |
opacity: .5; | |
} | |
/* ---- 11.8. LOGINSCREEN ---- */ | |
.theme-dark.authBox-1HR6Ha, | |
.theme-light.authBox-1HR6Ha { | |
background: var(--background-mobile-primary); | |
color: var(--text-muted); | |
} | |
.theme-dark.authBox-1HR6Ha::before, | |
.theme-light.authBox-1HR6Ha::before { | |
background-image: url(https://discord.com/assets/4f004ac9be168ac6ee18fc442a52ab53.svg); | |
} | |
.theme-dark.navRow-dG-XX8, | |
.theme-light.navRow-dG-XX8 { | |
background: var(--background-secondary); | |
} | |
.subText-1fpEGH strong { | |
color: rgba(var(--textbright),.9); | |
} | |
#app-mount .authBoxWithMobileBanner-cYSkMm { | |
background: var(--background-primary); | |
color: var(--text-muted); | |
} | |
/* ---- 11.9. TERMACCEPTMODAL ---- */ | |
#app-mount .modal-DRZfgq { | |
background-color: var(--background-primary); | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .modal-DRZfgq [style*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"], | |
#app-mount .modal-DRZfgq [src*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"] { | |
filter: brightness(85%) invert(100%); | |
opacity: .7; | |
} | |
#app-mount .ack-3sCuAV { | |
color: var(--header-secondary); | |
} | |
#app-mount .buttonContainer-28osRq { | |
background-color: var(--background-secondary); | |
} | |
/* ---- 11.10. DOWNLOADAPPMODAL ---- */ | |
.downloadApps-14IgKV { | |
background-color: var(--background-primary); | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
.downloadApps-14IgKV .inner-2b28EM { | |
height: 100%; | |
width: 100%; | |
overflow: hidden; | |
} | |
.downloadApps-14IgKV .header-1lOVWt { | |
color: var(--text-normal); | |
} | |
.downloadApps-14IgKV .footer-2TRYcZ { | |
color: var(--text-muted); | |
} | |
.downloadApps-14IgKV .header-1lOVWt { | |
color: var(--text-normal); | |
} | |
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu { | |
border-color: var(--header-secondary); | |
} | |
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu p { | |
color: var(--header-secondary); | |
} | |
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu .downloadButton-2XskEc { | |
background-color: var(--header-secondary); | |
} | |
/* ---- 11.11. GUILDBOOSTMODAL ---- */ | |
#app-mount .perksModal-CLcR1c { | |
background: var(--background-primary); | |
} | |
#app-mount .perksModal-CLcR1c::before { | |
content: ""; | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
background-color: var(--header-primary); | |
-webkit-mask: url(https://discord.com/assets/c486dc65ce2877eeb18e4c39bb49507a.svg) bottom/100% no-repeat; | |
pointer-events: none; | |
} | |
#app-mount .headerLogo-2M4f14 { | |
color: var(--header-primary); | |
} | |
#app-mount .tierHeaderLocked-3ItHYn { | |
background-color: var(--background-floating); | |
color: var(--text-muted); | |
} | |
#app-mount .tierLock-1uBqZ0 { | |
color: var(--interactive-muted); | |
} | |
#app-mount .tierBody-3ju-rc { | |
background-color: var(--background-tertiary); | |
border-color: var(--background-secondary); | |
} | |
#app-mount .barBackground-unEPDT { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .tierMarkerBackground-G8FoN4 { | |
background-color: var(--background-primary) !important; | |
} | |
#app-mount .tierMarkerInProgress-2Tdxjz { | |
background-color: var(--background-tertiary) !important; | |
} | |
#app-mount .currentTierIcon-2rq-bv { | |
color: var(--header-secondary); | |
} | |
#app-mount .selectedTier-24Xj0k .tierMarkerLabelText-1wk8KK { | |
color: var(--header-primary); | |
} | |
#app-mount .ctaBar-Nhk8yY { | |
position: relative; | |
background-image: none; | |
} | |
#app-mount .ctaBar-Nhk8yY::before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
background-color: var(--text-normal); | |
-webkit-mask: url(https://discord.com/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg); | |
} | |
#app-mount .giftIcon-2kmx1K { | |
color: var(--header-secondary); | |
} | |
#app-mount .button-f2h6uQ .giftIcon-2kmx1K { | |
color: currentColor; | |
} | |
#app-mount .badgeIconWithoutSubscribers-1hjTfX { | |
color: var(--text-muted); | |
} | |
#app-mount .tierPill-1yRO48 { | |
background-color: var(--background-primary); | |
color: var(--header-primary); | |
} | |
#app-mount .tierPillStar-34rvoJ { | |
color: var(--header-primary); | |
} | |
#app-mount .tierPillGem-3zcO2T { | |
color: var(--interactive-muted); | |
} | |
#app-mount .tierPill-3gJ0eN { | |
background-color: var(--background-primary); | |
color: var(--header-primary); | |
} | |
#app-mount .perk-19D_HN { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .tierMarkerAccomplished-1SkbEJ .currentTierIcon-2rq-bv { | |
color: #fff; | |
} | |
/* ---- 11.12. REACTIONSMODAL ---- */ | |
#app-mount .container-KM8BU6, | |
#app-mount .reactors-1VXca7 { | |
background-color: var(--background-primary); | |
} | |
#app-mount .remove-19AQn_ { | |
color: var(--interactive-normal); | |
} | |
#app-mount .remove-19AQn_:hover { | |
color: var(--interactive-hover); | |
background: transparent; | |
} | |
#app-mount .remove-19AQn_:active { | |
color: var(--interactive-active); | |
} | |
#app-mount .scroller-2GkvCq { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .reactionSelected-1aMb2K { | |
background-color: rgba(var(--backgroundaccent),.8); | |
} | |
#app-mount .reactionDefault-1Sjj1f:hover { | |
background-color: rgba(var(--backgroundaccent),.4); | |
} | |
#app-mount .reactorDefault-3GSyaV { | |
box-shadow: inset 0 -1px 0 rgba(var(--backgroundaccent),.3); | |
} | |
#app-mount .discriminator-1DCM-o { | |
color: var(--text-muted); | |
} | |
/* ---- 11.13. RATEMODAL ---- */ | |
#app-mount .header-sJd8D7 { | |
color: var(--header-primary); | |
} | |
/* ---- 11.14. CHANGELOG ---- */ | |
#app-mount .date-1k6kG2 { | |
color: var(--header-secondary); | |
} | |
#app-mount .content-s2SEQO ol, | |
#app-mount .content-s2SEQO p, | |
#app-mount .content-s2SEQO ul li { | |
color: var(--header-secondary); | |
} | |
#app-mount .content-s2SEQO ul li::before { | |
background-color: var(--text-normal); | |
} | |
#app-mount .video-1FESK- { | |
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
#app-mount .socialLink-3n2n25 { | |
color: var(--interactive-normal); | |
} | |
#app-mount .socialLink-3n2n25:hover { | |
color: var(--interactive-hover); | |
} | |
#app-mount .socialLink-3n2n25:active { | |
color: var(--interactive-active); | |
} | |
/* ---- 11.15. NOTIFICATIONSMODAL ---- */ | |
#app-mount .channelName-IPB6B3 { | |
color: var(--header-primary); | |
} | |
#app-mount .guildName-1kreI8, | |
#app-mount .override-1sK4r0, | |
#app-mount .overrideHighlight-3f-yyO { | |
color: var(--header-secondary); | |
} | |
#app-mount .override-1sK4r0:hover { | |
background-color: rgba(var(--backgroundtertiary),.1); | |
} | |
#app-mount .overrideHighlight-3f-yyO, | |
#app-mount .overrideHighlight-3f-yyO:hover { | |
background-color: rgba(var(--backgroundtertiary),.3); | |
} | |
#app-mount .checkboxContainer-1NbL2v::before { | |
background-color: rgba(var(--backgroundtertiary),.6); | |
} | |
#app-mount .overridePlaceholder-1nDEsX { | |
border: 1px dashed var(--background-floating); | |
} | |
/* ---- 11.16. PAYMENTMODAL ---- */ | |
#app-mount .sectionHeader-1tIM9Z { | |
color: var(--header-secondary); | |
} | |
#app-mount .paypalInput-2to8vl, | |
#app-mount .paypalInput-2to8vl:focus, | |
#app-mount .paypalInput-2to8vl:hover { | |
border-color: var(--deprecated-text-input-border); | |
} | |
#app-mount .description-1pzois { | |
color: var(--text-normal); | |
} | |
#app-mount .descriptionWrapper-eOmU90 { | |
color: var(--text-muted); | |
} | |
#app-mount .defaultIndicator-2ndWks { | |
background-color: var(--text-muted); | |
color: var(--header-primary); | |
} | |
#app-mount .premiumIndicator-22GgcZ { | |
color: var(--header-primary); | |
} | |
#app-mount .invalidIndicator-3iumEX { | |
color: var(--header-primary); | |
} | |
#app-mount .summaryInfo-3hcuop { | |
color: var(--header-primary); | |
} | |
#app-mount .payment-2bOh4k { | |
background-color: var(--background-secondary); | |
color: var(--header-secondary); | |
} | |
#app-mount .hoverablePayment-lE1s4t:hover { | |
background-color: var(--background-vbackgroundtertiary); | |
} | |
#app-mount .paymentHeader-2o7Phd { | |
color: var(--header-primary); | |
border-color: var(--text-muted); | |
} | |
#app-mount .expandedInfo-1W31i3 { | |
background-color: var(--background-primary); | |
} | |
#app-mount .paymentText-BPrx01 { | |
color: var(--header-secondary); | |
} | |
#app-mount .giftIcon-U9wStf { | |
color: var(--header-primary); | |
} | |
#app-mount .paymentPane-ut5qKZ { | |
background-color: var(--background-secondary); | |
color: var(--header-primary); | |
} | |
#app-mount .paginator-1eqD2g { | |
background: var(--background-secondary); | |
color: var(--text-muted); | |
} | |
#app-mount .bottomDivider-ZmTm-j { | |
border-bottom-color: var(--background-tertiary); | |
} | |
#app-mount .tab-2hobIk { | |
color: var(--text-muted); | |
} | |
#app-mount .externalRowHeader-LT6-4N { | |
color: var(--header-secondary); | |
} | |
#app-mount .authenticationRequiredImage-2E6TQE { | |
background-image: url(https://discord.com/assets/8923d313e1704c4bc45025fc8463affd.svg); | |
opacity: .5; | |
} | |
#app-mount .authenticationSuccessImage-tBBeV0 { | |
background-image: url(https://discord.com/assets/0c840f9cc846705b725bd89aec58f994.svg); | |
opacity: .5; | |
} | |
#app-mount .authenticationFailImage-3DXXvB { | |
background-image: url(https://discord.com/assets/42c81194eaf9128b942adc5d2a6fd66e.svg); | |
opacity: .5; | |
} | |
/* ---- 11.17. CHANNELCREATIONMODAL ---- */ | |
#app-mount .cloneInfo-1J6F5H strong, | |
#app-mount .subtitle-3Lv1uG { | |
color: var(--header-secondary); | |
} | |
/* ---- 11.18. CLOUDSYNCRESOLUTION ---- */ | |
#app-mount .modal-2EjvcX { | |
color: var(--text-normal); | |
} | |
#app-mount .conflictButton-Nfx9ta { | |
background-color: var(--background-secondary); | |
border-color: var(--background-tertiary); | |
} | |
#app-mount .conflictButton-Nfx9ta:hover { | |
background-color: var(--background-accent); | |
} | |
#app-mount .title-11Fgm0 { | |
color: var(--text-normal); | |
} | |
#app-mount .conflictUploadArt-21GcRD { | |
background-image: url(https://discord.com/assets/9fefebe24085efe085629513732efd08.svg); | |
opacity: .5; | |
} | |
#app-mount .conflictDownloadArt-3TkINu { | |
background-image: url(https://discord.com/assets/ec92991091f67ad3984517478f7a16e4.svg); | |
opacity: .5; | |
} | |
#app-mount .errorArt-1eXOnd { | |
background-image: url(https://discord.com/assets/5ad409a997b726652a95dba012336127.svg); | |
opacity: .5; | |
} | |
#app-mount .buttonBody-3UZ8dc { | |
color: var(--header-primary); | |
} | |
#app-mount .choiceLine-2u6VP4 { | |
background-color: rgba(var(--textdarkest),.6); | |
} | |
/* ---- 11.19. APPLICATIONINSTALLATIONMODAL ---- */ | |
#app-mount .gameName-2emMU_ { | |
color: var(--text-normal); | |
} | |
#app-mount .installSize-3az1nt { | |
background-color: var(--background-accent); | |
color: var(--header-primary); | |
} | |
#app-mount .divider-2L-ojc { | |
background-color: rgba(var(--backgroundsecondary),.6); | |
} | |
#app-mount .premiumTerms-2Xoh9K { | |
color: var(--text-normal); | |
} | |
/* ---- 11.20. SPECIALMARKDOWNMODAL ---- */ | |
#app-mount .modal-1-Gg9c { | |
background-color: var(--background-primary); | |
} | |
#app-mount .content-1tc9sG ul li::before { | |
background-color: var(--text-normal); | |
} | |
/* ---- 11.21. REPORTPROBLEM ---- */ | |
#app-mount .art-_juKdZ { | |
background-image: url(https://discordapp.oom/assets/2ceb472e89545af8543aa44b072b910d.svg); | |
opacity: .5; | |
} | |
#app-mount .description-AZsW3X { | |
color: var(--header-primary); | |
} | |
/* ---- 11.22. DISPATCHERROR ---- */ | |
#app-mount .body-1Y7X6A { | |
color: var(--text-normal); | |
} | |
#app-mount .errorLabel-1DizPW { | |
color: var(--header-secondary); | |
} | |
#app-mount .errorDetails-3_kds7 { | |
background: var(--background-secondary); | |
border-color: rgba(var(--backgroundsecondary),.3); | |
color: var(--header-primary); | |
} | |
#app-mount .closeLink-4nhVgG { | |
color: var(--header-primary); | |
} | |
/* ---- 11.23. HYPESQUADQUIZ ---- */ | |
#app-mount .prompt-SAnibq { | |
color: var(--header-primary); | |
} | |
#app-mount .selectYourAnswer-MqT8vm { | |
color: var(--channels-default); | |
} | |
#app-mount .separator-3Yurpx { | |
background-color: var(--background-accent); | |
} | |
/* ---- 11.24. NITROFEATUREMODAL ---- */ | |
#app-mount .cardImageBackground-1zqQ8d { | |
background: #000; | |
opacity: 0.5; | |
} | |
#app-mount .cardInfo-62VDSb { | |
background: var(--background-floating); | |
} | |
/* ---- 11.25. DIRECTORYMODAL ---- */ | |
#app-mount .directoryModal-YJsOMv { | |
background: var(--background-primary); | |
} | |
/* ~~~~ 12. POPOUTS ~~~~ */ | |
#app-mount .content-i-YmzK { | |
background-color: var(--background-floating) !important; | |
} | |
#app-mount .leftArrow-2gmK1H::before { | |
border-right-color: var(--background-floating) !important; | |
} | |
#app-mount .rightArrow-3ywFUF::before { | |
border-left-color: var(--background-floating) !important; | |
} | |
#app-mount .contentNarrowNoMedia-1240OZ.topArrow-2uZYE3::before, | |
#app-mount .contentWideNoMedia-35VjDc.topArrow-2uZYE3::before { | |
border-bottom-color: var(--header-primary) !important; | |
} | |
#app-mount .background-1O4oOj { | |
color: var(--header-primary) !important; | |
} | |
#app-mount .popoutLoadingForeground-3xnRkg { | |
background-image: linear-gradient(90deg, var(--background-tertiary),var(--background-accent),var(--background-tertiary)); | |
} | |
/* ---- 12.1. USERPOPOUT ---- */ | |
#app-mount .userPopout-2j1gM4, | |
#app-mount .userPopout-3fydSP, | |
#app-mount .userPopout-29jUdN, | |
#app-mount .userPopoutOuter-3AVBmJ, | |
#app-mount .menu-2TXYjN { | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); | |
} | |
.profileColors-3Y0XaR { | |
--profile-avatar-border-color: transparent !important; | |
} | |
.userPopoutInnerWithTheme-71l1ON { | |
--profile-avatar-border-color: transparent !important; | |
} | |
.userPopoutInnerWithTheme-71l1ON .banner-2boKnS { | |
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 12 120 A 46 46 0 0 1 48 74 A 46 46 0 0 1 104 126 L 2400 120 L 2400 0 L 0 0 z"/></svg>') bottom left no-repeat; | |
} | |
.userPopoutInnerWithTheme-71l1ON::after { | |
content: ""; | |
position: absolute; | |
display: block; | |
background: var(--profile-gradient-primary-color); | |
top: 4px; | |
right: 4px; | |
left: 4px; | |
height: 60px; | |
z-index: 1; | |
} | |
.userPopoutInnerWithBanner-wsoegj::after, | |
.userPopoutInnerWithBanner-24GX6I::after { | |
height: 120px; | |
} | |
.userPopoutInnerWithTheme-71l1ON::before { | |
z-index: 2; | |
} | |
.userPopoutInnerWithTheme-71l1ON > * { | |
z-index: 3; | |
} | |
.userPopoutInner-PA9zkU { | |
} | |
#app-mount .headerNormal-T_seeN { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .headerNormal-T_seeN .headerTag-2pZJzA { | |
color: var(--header-secondary); | |
} | |
#app-mount .headerNormal-T_seeN .headerName-fajvi9, | |
#app-mount .headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881 { | |
color: var(--header-primary); | |
} | |
#app-mount .body-2wLx-E, | |
#app-mount .footer-3naVBw { | |
color: var(--header-secondary); | |
} | |
#app-mount .wumpusTooltip-mj7eo0 { | |
background-color: var(--background-tertiary); | |
color: var(--header-primary); | |
} | |
#app-mount .wumpusTooltip-mj7eo0::after { | |
border-color: transparent var(--background-tertiary) transparent transparent; | |
} | |
.role-2TIOKu[style*="border-color: rgba(185, 187, 190, .6)"], | |
.role-2mCo-N[style*="border-color: rgba(185, 187, 190, .6)"] { | |
border-color: rgba(var(--textbrighter), .6) !important; | |
} | |
.role-2TIOKu .roleCircle-1EgnFN[style*="background-color: rgb(185, 187, 190)"], | |
.role-2mCo-N .roleCircle-1ER2zO[style*="background-color: rgb(185, 187, 190)"] { | |
background-color: rgb(var(--textbrighter)) !important; | |
} | |
.role-2TIOKu .roleCircle-1EgnFN[style*="background-color: rgb(185, 187, 190)"] path[fill], | |
.role-2mCo-N .roleCircle-1ER2zO[style*="background-color: rgb(185, 187, 190)"] path[fill] { | |
fill: rgb(var(--textdarkest)) !important; | |
} | |
/* ---- 12.2. EMOJIPICKER ---- */ | |
#app-mount .wrapper-2g4olo { | |
color: var(--text-muted); | |
} | |
.categoryItemDefaultCategory-3haEDq:first-child, | |
.categoryItemDefaultCategory-3haEDq:first-child + .categoryItemDefaultCategory-3haEDq { | |
margin-bottom: 8px; | |
} | |
#app-mount .sadImage-2_mw0p { | |
background-image: url(https://discord.com/assets/e25713e4eba8c1e069ceac8f90262f62.svg); | |
opacity: .5; | |
} | |
#app-mount .imageLoading-2uloYN { | |
background: var(--background-tertiary); | |
} | |
.premiumPromoClose-Nuntxy { | |
-webkit-mask: url(https://discord.com/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat; | |
background: var(--interactive-normal); | |
} | |
.premiumPromoClose-Nuntxy:hover { | |
background: var(--interactive-hover); | |
} | |
.premiumPromoClose-Nuntxy:active { | |
background: var(--interactive-active); | |
} | |
#app-mount .categoryItemDefaultCategorySelected-2YeRUu .categoryIcon-2cYeku, | |
#app-mount .categoryItemDefaultCategorySelected-2YeRUu:hover .categoryIcon-2cYeku { | |
color: var(--interactive-active); | |
} | |
#app-mount .focused-16Owih, | |
#app-mount .result-pzZrwj:hover { | |
box-shadow: 0 11px 22px 1px rgba(4,4,5,.3); | |
} | |
#app-mount .focused-16Owih::after, | |
#app-mount .result-pzZrwj:hover::after { | |
box-shadow: inset 0 0 0 2px ,inset 0 0 0 3px var(--background-secondary); | |
} | |
#app-mount .placeholder-T1Tuu8 { | |
background: rgba(var(--textdarkest),.6); | |
} | |
#app-mount .endContainer-22e-US::after { | |
background-image: url(https://discord.com/assets/be5f088125f778701a7e4fad471a45da.svg); | |
opacity: .5; | |
} | |
#app-mount .endText-3Ps2ZN { | |
color: var(--header-secondary); | |
} | |
#app-mount .emptyHintCard-2A7Tng { | |
background-color: var(--background-primary); | |
color: var(--header-secondary); | |
} | |
#app-mount .container-23gRWx { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .header-JHwfVI { | |
box-shadow: 0 1px 0 0 rgba(var(--backgroundfloating),.3), 0 1px 2px 0 rgba(var(--backgroundfloating),.3); | |
} | |
#app-mount .backButton-bSKWLe { | |
color: var(--interactive-normal); | |
} | |
#app-mount .backButton-bSKWLe:hover { | |
color: var(--interactive-hover); | |
} | |
#app-mount .backButton-bSKWLe:active { | |
color: var(--interactive-active); | |
} | |
#app-mount .content-1CboaJ::after { | |
background: rgba(var(--backgroundaccent),.3); | |
} | |
/* ---- 12.3. SEARCHPOPOUT ---- */ | |
#app-mount .searchAnswer-23w-CH, | |
#app-mount .searchFilter-2UfsDk { | |
background-color: var(--background-primary); | |
color: var(--header-primary); | |
} | |
.option-ayUoaq:hover { | |
background-color: var(--background-primary); | |
} | |
#app-mount .queryContainer-ZunrLZ { | |
border-bottom-color: var(--background-modifier-accent); | |
color: var(--header-secondary); | |
} | |
#app-mount .queryContainer-ZunrLZ strong { | |
color: var(--header-primary); | |
} | |
#app-mount .focused-2FU0YH { | |
background-color: var(--background-modifier-active); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker { | |
background: transparent; | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__header { | |
background-color: var(--background-floating); | |
border-color: rgba(var(--backgroundfloating),.2); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation { | |
background: transparent; | |
border-color: rgba(var(--textbrightest), .5); | |
top: 30px; | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation::before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
-webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat; | |
background-color: rgb(var(--textbrightest)); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation--previous { | |
left: 30px; | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation--next { | |
right: 30px; | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__current-month { | |
border-bottom-color: rgba(var(--backgroundfloating),.3); | |
color: var(--header-primary); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next, | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous { | |
-webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) 50%/6px 12px no-repeat; | |
background: var(--interactive-normal); | |
border-color: var(--background-floating); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next:hover, | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous:hover { | |
background: var(--interactive-hover); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--next:active, | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation.react-datepicker__navigation--previous:active { | |
background: var(--interactive-active); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__week:last-of-type .react-datepicker__day { | |
border-bottom-color: var(--background-floating); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__week .react-datepicker__day:last-of-type { | |
border-right-color: var(--background-floating); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__day-name { | |
color: rgba(var(--textbrightest),.6); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__day { | |
border-top-color: var(--background-floating); | |
border-left-color: var(--background-floating); | |
color: var(--header-primary); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--selected:hover, | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__day:hover { | |
color: var(--header-primary); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__day { | |
background-color: var(--background-secondary); | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled, | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover { | |
background-color: var(--background-floating); | |
color: rgba(var(--textbrightest),.3); | |
cursor: no-drop; | |
} | |
#app-mount .calendarPicker-sDhzdi .react-datepicker__day--outside-month { | |
background-color: var(--background-tertiary); | |
color: rgba(var(--textbrightest),.3); | |
} | |
/* ---- 12.4. EVERYONEMENTION ---- */ | |
#app-mount .everyonePopout-nEbJY3 { | |
background-color: var(--background-primary); | |
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6); | |
} | |
#app-mount .header-3_S6dz { | |
color: var(--header-primary); | |
} | |
#app-mount .body-2iXqIL { | |
color: var(--header-secondary); | |
} | |
#app-mount .body-2iXqIL .animation-3GofIz { | |
opacity: .5; | |
} | |
#app-mount .buttonHint-2OxJB8 { | |
color: var(--text-muted); | |
} | |
#app-mount .buttonHint-2OxJB8 strong { | |
color: var(--header-secondary); | |
} | |
#app-mount .footer-2aTx0s { | |
background-color: rgba(var(--backgroundtertiary),.4); | |
color: var(--text-muted); | |
} | |
#app-mount .footer-2aTx0s strong { | |
color: var(--header-secondary); | |
} | |
/* ---- 12.5. CHANNELFOLLOW ---- */ | |
#app-mount .header-13P3fr { | |
background: var(--background-tertiary); | |
} | |
#app-mount .header-13P3fr::before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
background: var(--header-primary); | |
-webkit-mask: url(https://discord.com/assets/cb89c31c79a62ae99ec12351c1efb277.svg) center/cover no-repeat; | |
} | |
/* ---- 12.6. CHANNELFOLLOWINFO ---- */ | |
#app-mount .guildPopout-G6M0fK { | |
background-color: var(--background-tertiary); | |
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6); | |
} | |
#app-mount .guildName-31Kpwt { | |
color: var(--header-primary); | |
} | |
#app-mount .dotOffline-19zUSS { | |
background-color: var(--header-secondary); | |
} | |
#app-mount .placeholderSkeleton-2EfCME { | |
background: var(--text-muted); | |
} | |
/* ---- 12.7. STREAMPREVIEW ---- */ | |
#app-mount .streamPreview-3qoMP4 { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .previewContainer-21fFBz { | |
background-color: var(--background-secondary-alt); | |
} | |
#app-mount .applicationName-16TISz { | |
color: var(--header-primary); | |
} | |
#app-mount .watchButton-2v6cPT { | |
border-color: var(--text-muted); | |
color: var(--header-primary); | |
} | |
#app-mount .watchButton-2v6cPT:not([disabled]):hover { | |
border-color: var(--header-primary); | |
} | |
#app-mount .previewHover-MxPmU1 { | |
background: rgba(0,0,0,.6); | |
} | |
/* ---- 12.8. ROLEOVERFLOW ---- */ | |
#app-mount .overflowRolesPopoutHeaderText-3HyHGv { | |
color: var(--text-muted); | |
} | |
#app-mount .actionButton-1YKTU0 { | |
border-color: var(--header-secondary); | |
color: var(--header-secondary); | |
} | |
#app-mount .overflowRolesPopout-1Puiuq { | |
color: rgba(var(--textbrightest),.8); | |
} | |
#app-mount .overflowRolesPopout-1Puiuq, | |
#app-mount .overflowRolesPopoutArrow-2R7g3K { | |
background-color: var(--background-tertiary); | |
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6); | |
} | |
/* ---- 12.9. PUBLICGUILDANNOUNCEMENT ---- */ | |
#app-mount .popout-AVsFMl { | |
background-color: var(--background-tertiary); | |
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(var(--backgroundtertiary),.6); | |
} | |
#app-mount .popout-AVsFMl { | |
color: var(--header-primary); | |
} | |
/* ---- 12.10. QUICKSELECTPOPOUT ---- */ | |
#app-mount .selectableItem-3-fmiM { | |
color: var(--header-primary); | |
} | |
#app-mount .selectableItem-3-fmiM:hover { | |
background-color: var(--background-accent); | |
} | |
#app-mount .popoutList-10IFAa { | |
background: var(--background-primary); | |
} | |
#app-mount .popoutListEmpty-3MWXtE { | |
color: var(--header-primary); | |
} | |
#app-mount .quickSelectArrow-1dOOHb { | |
-webkit-mask: url(https://discord.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat; | |
background: var(--interactive-normal); | |
} | |
#app-mount .quickSelectPopout-2F0PXw { | |
background: var(--background-secondary); | |
color: var(--header-primary); | |
} | |
#app-mount .quickSelectPopoutOption-2E2UmS:hover { | |
background-color: var(--background-accent); | |
} | |
/* ---- 12.11. RTCSTATUSPOPOUT ---- */ | |
#app-mount .container-1ILvLB { | |
width: 260px; | |
} | |
#app-mount .container-1ILvLB .header-2C89wJ { | |
background-color: var(--background-secondary); | |
color: var(--header-primary); | |
} | |
#app-mount .container-1ILvLB canvas { | |
background-color: #36393f; | |
padding: 5px; | |
} | |
#app-mount .container-1ILvLB section { | |
background-color: var(--background-primary); | |
} | |
#app-mount .container-1ILvLB section p { | |
color: var(--header-primary); | |
} | |
#app-mount .container-1ILvLB section strong { | |
color: var(--header-primary); | |
} | |
#app-mount .debugButton-OTfjlB { | |
color: var(--header-secondary); | |
} | |
#app-mount .krispLogo-aWHaan { | |
-webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat; | |
background-color: var(--header-primary); | |
} | |
/* ---- 12.12. PHONE-/EMAILVALIDATION ---- */ | |
#app-mount .input-3NIgDw { | |
background-color: var(--background-accent); | |
color: var(--header-primary); | |
} | |
#app-mount .phoneFieldPopout-h7c9mt .countryName-3dA1Xv { | |
color: var(--header-secondary); | |
} | |
#app-mount .phoneFieldPopout-h7c9mt .countryCode-2RFA3i { | |
color: var(--header-primary); | |
} | |
#app-mount .activityInviteEducationArrow-1Avyhe { | |
-webkit-mask: url(https://discord.com/assets/ba018cf9baa19824316dc4c2beb080a4.svg) center/contain no-repeat; | |
background: var(--header-primary); | |
} | |
#app-mount .emailVerificationModal-D8InhA .title-3Z7qoP { | |
color: var(--header-primary); | |
} | |
#app-mount .emailVerificationModal-D8InhA .body-2WAVf7 { | |
color: var(--text-muted); | |
} | |
#app-mount .verification-2oQUwN .image-cLINxN { | |
background-image: url(https://discord.com/assets/c290235278e128e94ae5ac37e58c5cbb.svg); | |
opacity: .5; | |
} | |
#app-mount .verification-2oQUwN .title-rdZnFE { | |
color: var(--header-primary); | |
} | |
#app-mount .verification-2oQUwN .body-2IbMjQ, | |
#app-mount .verification-2oQUwN .footer-3YDDp6 { | |
color: var(--header-secondary); | |
} | |
#app-mount .verificationBlock-xhj3fR { | |
border: 1px solid var(--background-tertiary); | |
} | |
#app-mount .verificationBlock-xhj3fR:hover { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .verificationBlock-xhj3fR .image-cLINxN.email-1Zyyoj { | |
background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg); | |
opacity: .5; | |
} | |
#app-mount .verificationBlock-xhj3fR .image-cLINxN.phone-2wue_- { | |
background-image: url(https://discord.com/assets/ca452f5271ebcc7132db59f60a2a9cfe.svg); | |
opacity: .5; | |
} | |
#app-mount .verificationBlock-xhj3fR .body-2IbMjQ { | |
color: var(--header-secondary); | |
} | |
/* ---- 12.13. WARNINGPOPOUT ---- */ | |
#app-mount .contentWarningPopout-WKdbDG { | |
background-color: var(--background-primary); | |
box-shadow: 0 2px 10px 0 rgba(var(--backgroundtertiary),.2); | |
} | |
#app-mount .body-2rDNbs { | |
color: var(--header-secondary); | |
} | |
#app-mount .header-DRA95Q { | |
color: var(--header-primary); | |
} | |
/* ---- 12.14. ADDROLE ---- */ | |
#app-mount .container-1S70rv { | |
width: 300px; | |
} | |
#app-mount .autocompleteArrow-jJE9TQ, | |
#app-mount .header-3i_Csh { | |
background-color: var(--background-tertiary); | |
} | |
#app-mount .container-1S70rv .input-2lpFVz { | |
color: var(--header-primary); | |
} | |
#app-mount .container-1S70rv .sectionTag-28mLyE { | |
background-color: var(--background-secondary); | |
color: var(--header-secondary); | |
} | |
/* ~~~~ 13. BDSUPPORT ~~~~ */ | |
html .toast, | |
html .bd-toast { | |
background-color: var(--background-floating); | |
box-shadow: var(--elevation-medium); | |
color: var(--header-primary); | |
} | |
html .bd-settings-group.collapsible .bd-settings-title:hover { | |
color: var(--text-normal); | |
cursor: pointer; | |
} | |
html .bd-settings-group.collapsible .bd-settings-title::before { | |
background-color: currentColor; | |
opacity: 0.2; | |
} | |
html .bd-settings-group.collapsible .bd-settings-title::after { | |
background-color: currentColor; | |
} | |
.bd-tab-item.selected:hover { | |
background-color: var(--background-modifier-selected); | |
} | |
.bd-error-modal-content { | |
padding: 0 10px 16px 10px; | |
} | |
#app-mount .fav { | |
background: var(--interactive-active); | |
width: 16px; | |
height: 16px; | |
padding: 0; | |
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star_empty.svg) center/contain no-repeat; | |
} | |
#app-mount .fav:hover, | |
#app-mount .fav.active { | |
background: #faa61a; | |
} | |
#app-mount .fav.active { | |
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star.svg) center/contain no-repeat; | |
} | |
html .floating-window.resizable { | |
background: var(--background-tertiary); | |
} | |
html .floating-window-titlebar { | |
background: var(--background-tertiary); | |
border-bottom-color: var(--background-modifier-hover); | |
color: var(--header-primary); | |
width: unset; | |
height: 32px; | |
padding: 0; | |
} | |
html .floating-window-buttons, | |
html .floating-window-buttons .button { | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
height: 100%; | |
padding: 0; | |
} | |
html .floating-window-buttons .button { | |
width: 32px; | |
} | |
html .floating-window-buttons .button:hover { | |
background-color: var(--background-modifier-hover); | |
color: var(--interactive-hover); | |
} | |
html .floating-window-buttons .close-button:hover { | |
background-color: rgb(var(--dangercolor)); | |
color: var(--interactive-hover); | |
} | |
html .floating-window-buttons .button svg { | |
margin: 0; | |
} | |
html .floating-window-buttons .close-button svg path.fill, | |
html .floating-window-buttons .button:not(.close-button) svg path:not([fill]) { | |
fill: var(--interactive-normal); | |
} | |
html .floating-window-buttons .button:not(.close-button):hover svg path:not([fill]) { | |
fill: var(--interactive-hover); | |
} | |
html .floating-window-buttons .close-button:hover svg path.fill { | |
fill: #fff; | |
} | |
html .floating-window-content { | |
background: var(--background-tertiary); | |
color: var(--header-primary); | |
} | |
html #bd-editor-controls, | |
html .floating-window #bd-editor-controls { | |
box-shadow: unset; | |
height: 32px; | |
padding: 0; | |
} | |
html .controls-section, | |
html #bd-editor-controls button { | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
height: 100%; | |
padding: 0; | |
} | |
html #bd-editor-controls button { | |
color: var(--interactive-normal); | |
margin: 0; | |
width: 32px; | |
} | |
html #bd-editor-controls button:hover { | |
background-color: var(--background-modifier-hover); | |
color: var(--interactive-hover); | |
} | |
html #bd-editor-controls button path:not([fill]) { | |
fill: currentColor; | |
} | |
html #bd-editor-panel #bd-editor-controls { | |
background-color: var(--background-tertiary); | |
overflow: hidden; | |
} | |
html #bd-editor-panel .editor-wrapper { | |
background-color: var(--background-secondary); | |
overflow: hidden; | |
} | |
html .floating-window #bd-editor-panel .editor-wrapper:last-child { | |
} | |
html .monaco-editor .minimap, | |
html .monaco-editor .decorationsOverviewRuler { | |
display: none; | |
} | |
html .monaco-editor, | |
html .monaco-editor-background, | |
html .monaco-editor .inputarea.ime-input, | |
html .monaco-editor .margin { | |
background-color: var(--background-secondary); | |
} | |
html .monaco-editor, | |
html .monaco-editor .inputarea.ime-input { | |
color: var(--text-normal); | |
} | |
html .mtk9 { | |
color: var(--text-normal); | |
} | |
html .monaco-editor .line-numbers { | |
color: var(--channels-default); | |
} | |
html .monaco-editor .bracket-match { | |
border-color: var(--channels-default); | |
} | |
html .monaco-editor .lines-content .cigr { | |
box-shadow: 1px 0 0 0 var(--interactive-muted) inset; | |
} | |
html .monaco-editor .view-overlays .current-line { | |
border-color: var(--interactive-muted); | |
} | |
html .monaco-editor .selected-text { | |
background-color: var(--background-tertiary); | |
} | |
html .monaco-editor .focused .selected-text { | |
background-color: rgb(var(--mentioncolor, --warningcolor)); | |
} | |
html .monaco-editor.rename-box { | |
background-color: var(--background-secondary) !important; | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important; | |
color: var(--header-secondary) !important; | |
} | |
html .monaco-editor.rename-box .rename-input { | |
background-color: var(--background-primary) !important; | |
color: var(--text-normal) !important; | |
} | |
html .monaco-editor .find-widget { | |
background-color: var(--background-secondary); | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2); | |
color: var(--header-secondary); | |
} | |
html .monaco-editor .find-widget .monaco-sash { | |
background-color: var(--background-accent); | |
} | |
html .monaco-editor .find-widget .monaco-inputbox, | |
html .monaco-editor .find-widget .monaco-inputbox textarea { | |
background-color: var(--background-primary) !important; | |
color: var(--text-normal) !important; | |
} | |
html .monaco-editor .find-widget .button:not(.disabled):hover, | |
html .monaco-editor.hc-black .find-widget .button:not(.disabled):hover, | |
html .monaco-editor.vs-dark .find-widget .button:not(.disabled):hover { | |
background-color: var(--background-modifier-hover); | |
} | |
html .monaco-editor .monaco-editor-hover { | |
background-color: var(--background-secondary) !important; | |
border: unset !important; | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important; | |
color: var(--header-secondary) !important; | |
} | |
html .monaco-editor .monaco-editor-hover .hover-row:not(:first-child):not(:empty) { | |
border-color: var(--background-modifier-accent); | |
} | |
html .monaco-editor .monaco-editor-hover .hover-row .actions { | |
background-color: var(--background-floating); | |
} | |
html .monaco-editor .monaco-editor-hover .monaco-editor-hover-content[style*="max-height"] { | |
max-height: 300px !important; | |
} | |
html .monaco-quick-open-widget { | |
background-color: var(--background-secondary) !important; | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important; | |
color: var(--header-secondary) !important; | |
} | |
html .monaco-quick-open-widget input { | |
background-color: var(--background-primary) !important; | |
color: var(--text-normal) !important; | |
} | |
html .monaco-quick-open-widget .results-group { | |
color: var(--text-muted) !important; | |
} | |
html .monaco-tree[class*="monaco-tree-instance"] .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) { | |
background-color: var(--background-primary) !important; | |
color: var(--header-primary) !important; | |
} | |
html .monaco-tree[class*="monaco-tree-instance"] .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused) .results-group { | |
color: var(--header-primary) !important; | |
} | |
html .monaco-editor .findOptionsWidget { | |
background-color: var(--background-secondary) !important; | |
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.6), 0 2px 10px 0 rgba(0,0,0,.2) !important; | |
color: var(--header-secondary) !important; | |
} | |
html .monaco-editor .peekview-widget .head { | |
background: var(--background-tertiary) !important; | |
} | |
html .monaco-editor .peekview-widget .head .peekview-title .filename { | |
color: var(--header-primary) !important; | |
} | |
html .monaco-editor .peekview-widget .head .peekview-title .dirname { | |
color: var(--header-secondary) !important; | |
} | |
html .monaco-editor .reference-zone-widget .ref-tree { | |
background: var(--background-secondary) !important; | |
color: var(--header-secondary) !important; | |
} | |
html .monaco-list[class*="list_id"] .monaco-list-rows { | |
background: var(--background-secondary) !important; | |
} | |
html .monaco-list[class*="list_id"] .monaco-list-row { | |
color: var(--text-muted) !important; | |
} | |
html .monaco-drag-image, | |
html .monaco-list[class*="list_id"] .monaco-list-row.focused, | |
html .monaco-list[class*="list_id"] .monaco-list-row.focused:hover, | |
html .monaco-list[class*="list_id"] .monaco-list-row.selected, | |
html .monaco-list[class*="list_id"] .monaco-list-row.selected:hover, | |
html .monaco-list[class*="list_id"]:focus .monaco-list-row.selected.focused, | |
html .monaco-list[class*="list_id"]:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) { | |
color: var(--header-primary) !important; | |
} | |
html .monaco-list[class*="list_id"] .monaco-list-row.focused, | |
html .monaco-list[class*="list_id"] .monaco-list-row.focused:hover, | |
html .monaco-list[class*="list_id"] .monaco-list-row.selected, | |
html .monaco-list[class*="list_id"] .monaco-list-row.selected:hover, | |
html .monaco-list[class*="list_id"]:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) { | |
background: var(--background-primary) !important; | |
} | |
html .monaco-editor .reference-zone-widget .preview .monaco-editor .margin { | |
background: var(--background-secondary) linear-gradient(0deg, rgba(var(--accentcolor), .1), rgba(var(--accentcolor), .1)); | |
} | |
html .monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background, | |
html .monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input { | |
background: var(--background-secondary) linear-gradient(0deg, rgba(var(--accentcolor), .1), rgba(var(--accentcolor), .1)); | |
} | |
html .monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) { | |
background: var(--background-primary) !important; | |
color: var(--header-primary) !important; | |
} | |
html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight { | |
background: rgb(var(--mentioncolor, --warningcolor)); | |
} | |
html .codicon-close, | |
html .codicon-remove-close, | |
html .codicon-x { | |
color: var(--interactive-normal) !important; | |
} | |
html .codicon-close:hover, | |
html .codicon-remove-close:hover, | |
html .codicon-x:hover { | |
color: var(--interactive-hover) !important; | |
} | |
html .monaco-menu .monaco-action-bar.vertical { | |
cursor: default; | |
background: var(--background-floating) !important; | |
box-shadow: var(--elevation-high); | |
box-sizing: border-box; | |
color: var(--text-normal) !important; | |
padding: 8px 6px; | |
height: auto; | |
max-height: calc(100vh - 32px); | |
} | |
html .monaco-menu .monaco-action-bar.vertical .action-label.separator { | |
border-bottom: 1px solid var(--background-modifier-accent) !important; | |
box-sizing: border-box; | |
margin: 4px; | |
padding: 0; | |
opacity: 1; | |
} | |
html .monaco-menu .monaco-action-bar.vertical .action-menu-item { | |
position: relative; | |
display: flex; | |
justify-content: space-between; | |
align-items: center; | |
border-color: var(--interactive-normal) !important; | |
box-sizing: border-box; | |
color: var(--interactive-normal) !important; | |
cursor: pointer; | |
margin: 2px 0; | |
padding: 6px 8px; | |
line-height: 18px; | |
font-size: 14px; | |
font-weight: 500; | |
box-sizing: border-box; | |
min-height: 32px; | |
} | |
html .monaco-menu .monaco-action-bar.vertical .action-menu-item[style*="color: rgb(255, 255, 255)"], | |
html .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover { | |
border-color: #ffffff !important; | |
color: #ffffff !important; | |
} | |
html .monaco-menu .monaco-action-bar.vertical .action-menu-item > * { | |
border-color: currentColor !important; | |
color: currentColor !important; | |
} | |
html .monaco-menu .monaco-action-bar.vertical .action-label { | |
flex: 1 1 auto; | |
white-space: nowrap; | |
overflow: hidden; | |
font-size: unset; | |
line-height: unset; | |
text-overflow: ellipsis; | |
padding: unset; | |
} | |
html .monaco-menu .monaco-action-bar.vertical .keybinding, | |
html .monaco-menu .monaco-action-bar.vertical .submenu-indicator { | |
font-size: unset; | |
line-height: unset; | |
padding-left: unset; | |
flex: 0 0 auto; | |
max-height: 18px; | |
margin-left: 8px; | |
} | |
html .monaco-menu .monaco-action-bar.vertical .submenu-indicator.codicon::before { | |
margin-left: 0; | |
margin-right: -4px; | |
flex: 2 1 auto; | |
} | |
/* ~~~~ 14. POWERCORDSUPPORT ~~~~ */ | |
html .powercord-toast-container { | |
--toast-background: var(--background-secondary); | |
--toast-header: var(--background-tertiary); | |
--toast-contents: var(--background-primary); | |
--toast-box-shadow: var(--elevation-stroke),var(--elevation-high); | |
--toast-border: transparent; | |
} | |
html .powercord-pc-icon { | |
margin-right: 4px; | |
} | |
html .powercord-pc-icon svg { | |
padding-right: 0; | |
width: 28px; | |
} | |
html .powercord-pc-icon::before { | |
background: var(--interactive-normal); | |
-webkit-mask: url('data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAcEAAAHBAgMAAABs1eh7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURQAAAK2trf///xHpVx0AAAACdFJOUwAQayTdXAAABbVJREFUeNrt3UFy8jgQQGFVL2aho+iUqjmJalYqnXISYAgmwbjVrcfkp30Av5I/2RhHMSnZtzx6QrcyPjYyKJ9BdJTjvFUsmC/Fziqikv8FR4MPKndYrwcVO6xfQWi2yk2xwYwU5A0jBDnoomyKFWZkpk7Bi5sgMVkFL2a8uGUkTo9BFwUv5vtipRnXFwddFLyY8WLBi9+Cqy/lghczXix4cdDFHxgXz9WMFwteHHRR8GLGiz8xDpxx4IwDZ+w4Y8cZG87YaMalp2PBi4M+OX5m7DhjC8ZgfFfGMmBGuUpRjPk6DIqxXKkoxus4QMaLFch4GQjJeMYiGU8jQRlPWijjaSgs4ycXy/gxFpjxwwtm/BgMzfhooz6DCcYH20LGB1swBmMw/rmMGWcsNOOzYsOLFS8mutjx4oqv/3mScd44zzEakGWKMVuUZxjFdO6UCUbbcsg8wWg7XUXPKLazR/SMxuWQWc9oXA5ZDIxzs9XCOAVpYpyCtDHOFG2MM1PHxjgxdYyME0Uj48RktTLqi1ZG9WQ1M6qLZkb16WFmVBfNjNqinVFbdGBUXgIcGJVF/W2ccTmk6G9Vjcshs/523Lgcsui/chi/0+q/VomtKPqvjtlWzPqvx8VWnHgEYHw2oX9aZVwOOfFEzrgc8tnzsX7Mobox/gRpfMb0LPh9X2J7xiRPi+2Qgx/jD5DG5ZBPGb/vzPjk7nnwHlJsT+7kQLEdcOiOjN/2VmzPCg8w3hsZn04eCW4hxfaQWQ4V23OH6sl4B1lsJ8chxu3+jI+1jwVvj5lxrYAcLLZnDs2XcTME41qBg4y3kMa/hxwNfo0BYrxxghhvBkExfkFRjNdRYIxeyyGzothpRqflkJqgy3JIURUbzOizHFLF6LIcUhd0WA4pymKDGT2WQyoZHZZDaoPm5ZCiLjaY0b4cUs1oXvLhFVzIaF3ykb2KwRiMwRiMwRiMfwij4IwZZyw0o1ux4VO14sVET9WOF48zZpwx04xeJ0fHiw0vev4Z15sx4YwJZ0w4o+CMgjMKzig0o1Mx0cWOFxterHgxvcEY2xvMVf58fME1p73BZ4cKEr8H+LX3Ofy9nAaSvyf/td87FMWMTx3+GytflDcopncoFvzCyhczfc15wb1VoieOT1H3z4AFZvSZOipGl6mTEgyp/Z/OAjN6QFZlUWhGO6T+P9cLzGiHrOqi0IxWyJl3VxSY0QpZJ4pCM9og597sMgn5zyzjNGSdZZyGvHnxLQPZb17uy0C2mxcYM5D189jUyaJMnogyO8QpSOPbwgpzPbVBVltRoOupBdL80rcCM05AVnyMiXY0M0owBmMwBmMwBmMwBmMw/kbGjDMWmlFdbHix4sVEFztebHix4kV7cOZlBOh11YFx5qUSKKRHcOblICCkC+PMS158If9ezngPmZYz3kH2vbnrxLiFbDPvtTWNse7N3bSiuDd33X5II9/ttCxnLHc7zasZN8W6dxFKK6bq3kWoryj2vU+TtmKqtr1Pk7qiWPc+TdKKk2Pv06SvKPa92wI3xtPu23aneSnjqVjLZqeylPH8M6h5u9OljKe9n0fV9+7vmnMxbXeaVzLKuL6fqu7d3yXvYt7udCXjpSjbnZaFjHLZ3XaneR3jad/nz+HdG/XkW6xPb9T7+mJZxviomJcxPirKMsaHy3qWMT4s5lWMD4uy6qA+XixVFh3Ux8W8ZqbuFNOiIe4UZc0Q9xa9lQUTdb94Trr//OLuwj5Z9QOzCd2iGEXXT+Qo/sJiQ4vykmKPovc28IvOa4rsCVleUmRPyIxP1vySE3LwxYqfHg0vdvz0GHyx0qcHCyk4pAwccuCQBYfMbwApPOTAIQsOmQMyIAMyIAMyIAMyIAMyIP/3kH8FZJyRARmQARmQARmQARmQARmQIORb/OEs4ZAJh0w4ZMIhEw6ZaEh45ZXgxY/D2hJ9WB139i9DGxh/HluS1wAAAABJRU5ErkJggg==') left/18px 18px no-repeat; | |
} | |
html .powercord-pc-icon:hover::before { | |
background: var(--interactive-hover); | |
} | |
html .powercord-pc-icon:active::before { | |
background: var(--interactive-active); | |
} | |
/* ~~~~ 15. PLUGINSUPPORT ~~~~ */ | |
/* ---- 15.1. MEMBERCOUNT ---- */ | |
#app-mount #MemberCount { | |
background-color: var(--background-secondary); | |
} | |
/* ---- 15.2. CHANNELTABS ---- */ | |
html #channelTabs-settingsMenu, | |
html .channelTabs-tabNav > div, | |
html .channelTabs-tab, | |
html .channelTabs-fav { | |
cursor: pointer; | |
} | |
html #channelTabs-settingsMenu:hover [fill]:not([fill="none"]), | |
html .channelTabs-tabContainer .channelTabs-tabNav > div:hover [fill]:not([fill="none"]), | |
html .channelTabs-tabContainer .channelTabs-newTab:hover [fill]:not([fill="none"]) { | |
fill: var(--header-primary); | |
} | |
html .channelTabs-tabContainer .channelTabs-tabNav > .channelTabs-tabNavClose:hover { | |
background: rgb(var(--dangercolor)); | |
} | |
/* ---- 15.3. TYPINGINDICATOR ---- */ | |
html .typingindicator-guild, | |
html .typingindicator-dms, | |
html .typingindicator-folder { | |
background: var(--background-tertiary); | |
border: 4px solid var(--background-tertiary); | |
border-right: unset; | |
box-shadow: unset; | |
right: 12px; | |
bottom: -5px; | |
padding: 2px 0; | |
} | |
html .wrapper-38slSD .typingindicator-guild, | |
html .typingindicator-folder { | |
background: var(--background-secondary); | |
border-color: var(--background-secondary); | |
} | |
/* ~~~~ 16. WATERMARK ~~~~ */ | |
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB { | |
display: block !important; | |
position: absolute !important; | |
max-width: unset !important; | |
min-width: unset !important; | |
width: 55px !important; | |
max-height: unset !important; | |
min-height: unset !important; | |
height: 16px !important; | |
margin: 0 !important; | |
padding: 3px 9px 3px !important; | |
top: 0 !important; | |
left: 0 !important; | |
bottom: unset !important; | |
right: unset !important; | |
opacity: 1 !important; | |
visibility: visible !important; | |
transform: unset !important; | |
animation: unset !important; | |
} | |
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB > * { | |
display: none !important; | |
} | |
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::before, | |
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::after { | |
content: "" !important; | |
-webkit-mask: url('data:image/svg+xml; utf8, <svg width="55" height="19" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z" transform="translate(1 3)"></path></svg>') center/contain no-repeat !important; | |
width: 55px !important; | |
height: 19px !important; | |
display: inline !important; | |
position: absolute !important; | |
top: unset !important; | |
left: unset !important; | |
bottom: unset !important; | |
right: unset !important; | |
padding: 0 !important; | |
margin: 0 !important; | |
visibility: visible !important; | |
transform: unset !important; | |
animation: unset !important; | |
} | |
html:only-child > head + body > div#app-mount.appMount-2yBXZl > div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::before { | |
background: rgb(125,125,125) !important; | |
opacity: 0.5 !important; | |
} | |
html:only-child > head + body > div#app-mount.appMount-2yBXZl > div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::after { | |
background: var(--text-muted) !important; | |
opacity: 1 !important; | |
} | |
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb { | |
position: relative !important; | |
} | |
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb::after { | |
content: "DiscordRecolor by" !important; | |
font-size: 12px !important; | |
color: var(--text-muted) !important; | |
cursor: pointer !important; | |
display: inline !important; | |
opacity: 1 !important; | |
padding: 0 !important; | |
margin: 0 !important; | |
cursor: text !important; | |
visibility: visible !important; | |
position: relative !important; | |
top: unset !important; | |
left: unset !important; | |
bottom: unset !important; | |
right: unset !important; | |
transform: unset !important; | |
animation: unset !important; | |
} | |
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb::before { | |
content: "DevilBro" !important; | |
font-size: 12px !important; | |
font-weight: 600 !important; | |
color: rgb(var(--accentcolor)) !important; | |
display: inline !important; | |
opacity: 1 !important; | |
padding: 0 !important; | |
margin: 0 !important; | |
cursor: pointer !important; | |
visibility: visible !important; | |
position: absolute !important; | |
top: unset !important; | |
left: 108px !important; | |
bottom: 8px !important; | |
right: unset !important; | |
transform: unset !important; | |
animation: unset !important; | |
} | |
/* end of recolour */ | |
/*square off everything*/ | |
.wrapper-3Un6-K svg foreignobject, | |
.avatarUploader-CHGwK7 { | |
border: var(--squared-real-border-width) solid transparent; | |
mask: none; | |
transform: scale(1.1); | |
} | |
[aria-label*=", Online"] svg foreignobject, | |
.avatarUploader-CHGwK7:has(div svg rect[fill="hsl(145.38,65%,39.22%)"]){ | |
border: var(--squared-real-border-width) solid var(--squared-green); | |
} | |
[aria-label*=", Idle"] svg foreignobject, | |
.avatarUploader-CHGwK7:has(div svg rect[fill="hsl(40.42,86.36%,56.86%)"]){ | |
border: var(--squared-real-border-width) solid var(--squared-yellow); | |
} | |
[aria-label*=", Do Not Disturb"] svg foreignobject, | |
.avatarUploader-CHGwK7:has(div svg rect[fill="hsl(358.66,87.32%,59.8%)"]){ | |
border: var(--squared-real-border-width) solid var(--squared-red); | |
} | |
[aria-label*=", Invisible"] svg foreignobject, | |
.avatarUploader-CHGwK7:has(div svg rect[fill="hsl(226.15,5.49%,53.53%)"]){ | |
border: var(--squared-real-border-width) solid var(--squared-grey); | |
} | |
:is( | |
[aria-label*=", Online"], | |
[aria-label*=", Idle"], | |
[aria-label*=", Do Not Disturb"], | |
[aria-label*=", Invisible"] | |
) svg :is(rect, mask), | |
.status-b9jLr4, | |
.blobContainer-ikKyFs .svg-2ifYOU mask { | |
display: none; | |
} | |
.wrapper-2PSQCG svg foreignobject { | |
mask:none; | |
} | |
* { | |
border-radius: 0 !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment