Cynosphere/pxvmc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

backlog

Browse source
This commit is contained in:
Cynthia Foxwell 2025-03-24 23:28:04 -06:00
parent ee8a4715fb
commit 6d6b51ee88
Signed by: Cynosphere
SSH key fingerprint: SHA256:H3SM8ufP/uxqLwKSH7xY89TDnbR9uOHzjLoBr0tlajk
7 changed files with 356 additions and 230 deletions
Download patch file Download diff file Expand all files Collapse all files

12
pxvmc.scss
View file

@ -6,16 +6,16 @@
//@use "src/ripcord"; //@use "src/ripcord";
@use "src/textbox"; @use "src/textbox";
@use "src/avatars"; @use "src/avatars";
@use "src/channel_list"; //@use "src/channel_list";
@use "src/compact"; @use "src/compact";
@use "src/member_list"; //@use "src/member_list";
@use "src/context_menu"; //@use "src/context_menu";
@use "src/voice_rings"; @use "src/voice_rings";
@use "src/wide_settings"; @use "src/wide_settings";
@use "src/private_channels"; //@use "src/private_channels";
@use "src/embeds"; //@use "src/embeds";
//@use "src/winclassic"; //@use "src/winclassic";
@use "src/guilds"; //@use "src/guilds";
@use "src/misc"; @use "src/misc";
@use "src/ansi_chain"; @use "src/ansi_chain";
@use "src/collapse"; @use "src/collapse";

68
src/color_overrides.scss
View file

@ -998,17 +998,71 @@ svg[fill="#FF73FA"] {
color: var(--text-muted); color: var(--text-muted);
} }
.postnet-repo-wrapper, [class^="mediaBarWrapper_"] {
.postnet-expanded-category { &,
border-color: var(--background-tertiary) !important; &:before,
background: var(--deprecated-card-bg) !important; &:after {
background: #1a1a1a;
}
} }
.hh2-spotify-controls-album-name, /****/
.showTag-username {
color: #{colors.$highlight} !important; .visual-refresh.theme-dark,
.visual-refresh .theme-dark {
--text-primary: #{colors.$c7};
--text-secondary: #{colors.$highlight};
--channels-default: #{colors.$c7};
--text-brand: #{colors.$accent};
--bg-base-primary: #{colors.$primary} !important;
--bg-base-secondary: #{colors.$secondary} !important;
--bg-base-tertiary: #{colors.$tertiary} !important;
--background-primary: #{colors.$primary} !important;
--background-secondary: #{colors.$secondary} !important;
--background-tertiary: #{colors.$tertiary} !important;
--background-base-low: #{colors.$primary} !important;
--background-base-lower: #{colors.$secondary} !important;
--background-base-lowest: #{colors.$tertiary} !important;
--chat-background-default: #{colors.$tertiary} !important;
--background-surface-high: #{colors.$secondary} !important;
--background-surface-higher: #{colors.$secondary} !important;
--checkbox-border-checked: #{colors.$accent} !important;
--card-primary-bg: #{colors.$secondary} !important;
--background-message-hover: #{colors.$tertiary} !important;
[class^="base_"] > [class^="bar_"],
[class^="chatContent_"] {
background: #{colors.$primary} !important;
}
[class^="panels_"] {
background: #{colors.$secondary} !important;
.mediaControls {
background: transparent !important;
}
}
[class^="sidebarRegion_"] > [class^="sidebarRegionScroller_"] > [class^="sidebar_"] [class^="side_"] {
[class^="header_"] {
color: var(--text-secondary) !important;
}
[class^="item_"] {
color: var(--text-primary) !important;
&[class*="selected_"] {
background: #{colors.$accent} !important;
}
}
}
[class^="cardHeader_"] {
background: #1a1a1a !important;
}
} }
/****/
[class^="markdown_"] [class^="codeInline_"], [class^="markdown_"] [class^="codeInline_"],
code.inline, code.inline,
.hljs { .hljs {

147
src/compact.scss
View file

@ -194,36 +194,7 @@ section[class^="panels_"] > [class^="container_"] > [class*="directionRow_"] {
padding-right: 4px !important; padding-right: 4px !important;
} }
.hh2-spotify-controls-player { /*div[class^="sidebar_"]:not(:has(> [class^="side_"]))
margin: 4px 4px !important;
height: 32px !important;
}
.hh2-spotify-controls-album-image {
width: 32px !important;
height: 32px !important;
}
button.hh2-spotify-controls-button {
width: 24px !important;
}
.hh2-spotify-controls-info-box {
margin-left: 4px !important;
max-width: 112px !important;
margin-right: 4px !important;
}
.hh2-spotify-controls-buttons {
display: grid !important;
grid-auto-flow: column;
grid-gap: 4px;
}
.hh2-spotify-controls-track-name {
font-size: 0.75em;
}
.hh2-spotify-controls-album-name span,
.hh2-spotify-controls-album-name a {
color: var(--text-muted) !important;
}
div[class^="sidebar_"]:not(:has(> [class^="side_"]))
> nav[class^="container_"] > nav[class^="container_"]
> [class^="container_"][class*="clickable_"] > [class^="container_"][class*="clickable_"]
> [class^="animatedContainer_"] { > [class^="animatedContainer_"] {
@ -258,7 +229,7 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
[class^="sidebar_"] header[class^="header_"] { [class^="sidebar_"] header[class^="header_"] {
padding: 4px 8px; padding: 4px 8px;
} }*/
/*[class^="chat_"] > [class^="title_"], /*[class^="chat_"] > [class^="title_"],
[class^="chat_"] > section[class*="container_"], [class^="chat_"] > section[class*="container_"],
[class^="base_"] [class^="base_"]
@ -339,62 +310,64 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
} }
}*/ }*/
[class^="chatContent_"] html:not(.visual-refresh-chat-input) {
> form [class^="chatContent_"]
[class^="channelTextArea"] > form
> [class^="scrollableContainer_"] [class^="channelTextArea"]
> [class^="inner_"] > [class^="scrollableContainer_"]
> [class^="textArea_"] > [class^="inner_"]
> div > [class^="textArea_"]
> [class*="fontSize16Padding_"] { > div
padding-top: 9px !important; > [class*="fontSize16Padding_"] {
padding-bottom: 9px !important; padding-top: 9px !important;
} padding-bottom: 9px !important;
[class^="channelTextArea_"] [class^="inner_"] { }
padding-left: 0 !important; [class^="channelTextArea_"] [class^="inner_"] {
} padding-left: 0 !important;
[class^="channelTextArea_"], }
[class^="channelTextArea_"] [class^="inner_"], [class^="channelTextArea_"],
[class^="channelTextArea_"] [class^="buttons_"], [class^="channelTextArea_"] [class^="inner_"],
[class^="channelTextArea_"] [class^="attachWrapper_"], [class^="channelTextArea_"] [class^="buttons_"],
[class^="channelTextArea_"] [class^="attachButton_"], [class^="channelTextArea_"] [class^="attachWrapper_"],
[class^="channelTextArea_"] > [class^="scrollableContainer_"], [class^="channelTextArea_"] [class^="attachButton_"],
[class^="channelTextArea_"] [class^="inner_"] > [class^="textArea_"] { [class^="channelTextArea_"] > [class^="scrollableContainer_"],
min-height: 40px !important; [class^="channelTextArea_"] [class^="inner_"] > [class^="textArea_"] {
} min-height: 40px !important;
[class^="channelTextArea_"] [class^="buttons_"], }
[class^="channelTextArea_"] [class^="attachWrapper_"], [class^="channelTextArea_"] [class^="buttons_"],
[class^="chatContent_"] [class^="channelTextArea_"] [class^="attachWrapper_"],
> form [class^="chatContent_"]
[class^="channelTextArea"] > form
> [class^="scrollableContainer_"] [class^="channelTextArea"]
> [class^="inner_"] > [class^="scrollableContainer_"]
> [class^="textArea_"] { > [class^="inner_"]
height: 40px; > [class^="textArea_"] {
} height: 40px;
[class^="channelTextArea_"] [class^="attachWrapper_"] { }
min-width: 40px; [class^="channelTextArea_"] [class^="attachWrapper_"] {
} min-width: 40px;
[class^="channelTextArea_"] [class^="attachWrapper_"] [class^="attachButton_"] { }
margin-left: 0; [class^="channelTextArea_"] [class^="attachWrapper_"] [class^="attachButton_"] {
padding-top: 0; margin-left: 0;
} padding-top: 0;
[class^="channelTextArea_"] [class^="attachButton_"], }
[class^="channelTextArea_"] [class^="attachButton_"] > [class^="icon_"] { [class^="channelTextArea_"] [class^="attachButton_"],
padding: 5px 8px; [class^="channelTextArea_"] [class^="attachButton_"] > [class^="icon_"] {
} padding: 5px 8px;
[class^="channelTextArea_"] }
[class^="buttons_"] [class^="channelTextArea_"]
[class*="buttonContainer_"] [class^="buttons_"]
> button:not(:has(> [class*="innerButton_"])) { [class*="buttonContainer_"]
margin: 0; > button:not(:has(> [class*="innerButton_"])) {
} margin: 0;
[class^="channelTextArea_"] [class^="buttons_"] > [class^="separator_"], }
[class^="channelTextArea_"] [class^="buttons_"] > [class^="separator_"] [class*="innerButton_"] { [class^="channelTextArea_"] [class^="buttons_"] > [class^="separator_"],
margin-left: 4px; [class^="channelTextArea_"] [class^="buttons_"] > [class^="separator_"] [class*="innerButton_"] {
} margin-left: 4px;
[class^="channelTextArea_"] [class^="buttons_"] > [class^="separator_"] [class*="innerButton_"] { }
margin-right: 0; [class^="channelTextArea_"] [class^="buttons_"] > [class^="separator_"] [class*="innerButton_"] {
margin-right: 0;
}
} }
[class^="sidebar_"] > [class^="privateChannels_"] ul[class^="content_"] > [class*="privateChannelsHeaderContainer_"] { [class^="sidebar_"] > [class^="privateChannels_"] ul[class^="content_"] > [class*="privateChannelsHeaderContainer_"] {

28
src/embeds.scss
View file

@ -41,15 +41,13 @@
[class^="embedWrapper_"] { [class^="embedWrapper_"] {
max-width: 500px !important; max-width: 500px !important;
:is( [class*="embedProvider_"],
[class*="embedProvider_"], [class*="embedAuthor_"],
[class*="embedAuthor_"], [class*="embedTitle_"],
[class*="embedTitle_"], [class*="embedDescription_"],
[class*="embedDescription_"], [class*="embedFields_"],
[class*="embedFields_"], [class*="embedFooter_"],
[class*="embedFooter_"], [class*="embedMedia_"] {
[class*="embedMedia_"]
) {
min-width: unset !important; min-width: unset !important;
max-width: 480px; max-width: 480px;
} }
@ -68,7 +66,8 @@
width: max-content !important; width: max-content !important;
height: max-content !important; height: max-content !important;
:is(img, video) { img,
video {
max-width: 480px !important; max-width: 480px !important;
max-height: 480px !important; max-height: 480px !important;
width: max-content !important; width: max-content !important;
@ -94,14 +93,16 @@
[class*="embedMedia_"] [class^="imageWrapper_"] { [class*="embedMedia_"] [class^="imageWrapper_"] {
max-height: unset !important; max-height: unset !important;
:is(img, video) { img,
video {
max-height: unset !important; max-height: unset !important;
} }
} }
} }
/* linked images equal to attachments */ /* linked images equal to attachments */
:is([class^="inlineMediaEmbed_"], [class^="messageAttachment_"]) { [class^="inlineMediaEmbed_"],
[class^="messageAttachment_"] {
max-width: 480px !important; max-width: 480px !important;
max-height: 480px !important; max-height: 480px !important;
@ -111,7 +112,8 @@
width: max-content !important; width: max-content !important;
height: max-content !important; height: max-content !important;
:is(img, video) { img,
video {
max-width: 480px !important; max-width: 480px !important;
max-height: 480px !important; max-height: 480px !important;
width: max-content !important; width: max-content !important;

4
src/guilds.scss
View file

@ -285,10 +285,10 @@ nav[class*="guilds_"] {
} }
} }
&:hover { /*&:hover {
box-shadow: var(--HoverEdge); box-shadow: var(--HoverEdge);
background-color: var(--ThreeDFace); background-color: var(--ThreeDFace);
} }*/
} }
[class^="wrapperSimple_"] { [class^="wrapperSimple_"] {
width: 40px; width: 40px;

97
src/misc.scss
View file

@ -65,7 +65,11 @@ nav[class*="guilds_"] [class^="itemsContainer_"] > [class^="footer_"] {
.mediaControls { .mediaControls {
padding: 4px; padding: 4px;
padding-bottom: 0.5rem; /* padding-bottom: 0.5rem;*/
.visual-refresh & {
height: unset !important;
}
.mediaControls-controls { .mediaControls-controls {
margin-bottom: 4px; margin-bottom: 4px;
@ -76,6 +80,97 @@ nav[class*="guilds_"] [class^="itemsContainer_"] > [class^="footer_"] {
--__lottieIconColor: var(--interactive-normal) !important; --__lottieIconColor: var(--interactive-normal) !important;
} }
.staffTags-tag-icon.staffTags-tag-memberList,
.staffTags-tag-icon.staffTags-tag-chat {
width: 18px;
height: 18px;
margin-left: 0;
top: 0;
span:has(> &) {
height: 20px;
display: inline-flex;
align-items: center;
object-fit: contain;
margin-left: 0.25rem;
vertical-align: text-top;
}
}
[id|="chat-messages"] [class*="cozy"] .pronouns-badge {
margin-left: 0.25rem;
}
[class^="micButtonParent_"] {
margin-right: 0;
}
[class^="member_"] > [class^="childContainer_"] > [class^="memberInner_"] {
width: 100%;
}
.visual-refresh {
[class^="panels_"] {
display: flex;
flex-direction: column;
[class^="devBanner_"] {
order: 9999;
}
}
svg[class^="radioIndicator_"] {
border: 1px solid #2d2d2d;
&[class*="radioIndicatorChecked_"] {
background-color: var(--brand-experiment);
}
& > circle {
display: none;
}
}
[class^="base_"] > [class^="bar_"] > [class^="title_"] {
justify-content: left;
align-items: left;
margin-left: var(--space-8);
}
[class^="member_"] > [class^="childContainer_"] > [class^="memberInner_"] {
padding: var(--space-xxs) var(--space-xs);
}
[class*="membersGroup_"] {
padding: var(--space-md) var(--space-md) var(--space-xxs) var(--space-md);
}
}
.visual-refresh-chat-input {
[class^="scrollerSpacer_"] {
height: 8px !important;
}
[class^="channelBottomBarArea_"] {
margin: var(--space-xs);
[class^="accessoryBar_"] {
margin: 0;
padding: 4px;
& > [class^="accessoryBarRight_"] {
margin-right: 0;
& > [class^="buttons_"] {
gap: 0;
}
}
[class^="attachButton_"] {
margin-left: 0;
padding: 0 6px;
}
}
}
}
/* unround */ /* unround */
*, *,
[class], [class],

230
src/textbox.scss
View file

@ -1,128 +1,130 @@
[class*="chat_"] [class*="chatContent_"] form { html:not(.visual-refresh-chat-input) {
position: relative; [class*="chat_"] [class*="chatContent_"] form {
margin: 0; position: relative;
} margin: 0;
}
[class*="chat_"] form [class*="typing_"] { [class*="chat_"] form [class*="typing_"] {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
} }
[class*="channelTextArea_"] { [class*="channelTextArea_"] {
margin-bottom: 10px !important; margin-bottom: 10px !important;
margin-top: 24px !important; margin-top: 24px !important;
padding: 0 !important; padding: 0 !important;
} }
[class*="channelTextArea_"] [class*="inner_"] { [class*="channelTextArea_"] [class*="inner_"] {
border-radius: 6px; border-radius: 6px;
} }
[class*="sansAttachButton_"] { [class*="sansAttachButton_"] {
padding-left: 10px !important; padding-left: 10px !important;
} }
.typing .ellipsis, .typing .ellipsis,
[class*="typing_"] span[class*="ellipsis_"] { [class*="typing_"] span[class*="ellipsis_"] {
display: none; display: none;
} }
form [class*="typing_"] { form [class*="typing_"] {
background-color: transparent !important; background-color: transparent !important;
} }
[class^="scrollerSpacer_"] { [class^="scrollerSpacer_"] {
height: 8px !important; height: 8px !important;
} }
[class^="chatContent_"] > form:before { [class^="chatContent_"] > form:before {
display: none !important; display: none !important;
} }
[class^="chatContent_"] > form { [class^="chatContent_"] > form {
padding: 0 !important; padding: 0 !important;
bottom: 0; bottom: 0;
background-color: var(--background-secondary); background-color: var(--background-secondary);
} }
[class^="chatContent_"] > form [class^="channelTextArea"] { [class^="chatContent_"] > form [class^="channelTextArea"] {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
[class^="chatContent_"] > form [class^="channelTextArea"] > [class^="scrollableContainer_"] { [class^="chatContent_"] > form [class^="channelTextArea"] > [class^="scrollableContainer_"] {
border-radius: 0 !important; border-radius: 0 !important;
border: 0 !important; border: 0 !important;
} }
[class^="chatContent_"] [class^="chatContent_"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer_"]
> [class^="inner_"] > [class^="inner_"]
> [class^="textArea_"], > [class^="textArea_"],
[class^="chatContent_"] [class^="chatContent_"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer_"]
> [class^="inner_"] > [class^="inner_"]
> [class^="buttons_"], > [class^="buttons_"],
[class^="chatContent_"] [class^="chatContent_"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer_"]
> [class^="inner_"] > [class^="inner_"]
> [class^="attachWrapper_"], > [class^="attachWrapper_"],
[class^="chatContent_"] [class^="chatContent_"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer_"]
> [class^="inner_"] > [class^="inner_"]
> [class^="attachWrapper_"] > [class^="attachWrapper_"]
> [class^="attachButton_"] { > [class^="attachButton_"] {
min-height: 53px; min-height: 53px;
} }
[class^="chatContent_"] [class^="chatContent_"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer_"]
> [class^="inner_"] > [class^="inner_"]
> [class^="textArea_"] > [class^="textArea_"]
> div > div
> [class*="fontSize16Padding_"] { > [class*="fontSize16Padding_"] {
padding-top: 15px !important; padding-top: 15px !important;
padding-bottom: 15px !important; padding-bottom: 15px !important;
} }
[class^="chatContent_"] [class^="chatContent_"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer_"]
> [class^="inner_"] > [class^="inner_"]
> [class^="buttons_"] > [class^="buttons_"]
[class*="emojiButton_"] { [class*="emojiButton_"] {
max-height: unset; max-height: unset;
} }
[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"], [class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"],
[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="threadSuggestionBar_"] { [class^="channelTextArea_"] > [class^="attachedBars_"] [class^="threadSuggestionBar_"] {
background: transparent; background: transparent;
} }
[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] { [class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
align-self: flex-start; align-self: flex-start;
} }
[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] > [class^="actions_"] { [class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] > [class^="actions_"] {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] [class*="replyLabel_"] { [class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] [class*="replyLabel_"] {
margin-left: 12px; margin-left: 12px;
} }
[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] > [class^="actions_"]::after { [class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] > [class^="actions_"]::after {
position: relative; position: relative;
content: ""; content: "";
background-color: var(--background-modifier-accent); background-color: var(--background-modifier-accent);
width: 1px; width: 1px;
height: 20px; height: 20px;
left: 100%; left: 100%;
}
} }