YouHaveTrouble/discord-custom-css
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

un-refresh the visuals

Browse Source
This commit is contained in:
YouHaveTrouble
2025-03-31 16:08:37 +02:00
parent 21a505e75f
commit 0359d259b1
1 changed files with 78 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
v2.css
+78 -55
View File
@@ -1,81 +1,104 @@
/**
* For discord visual refresh
*/
:root {
/* This is the padding of the message input box */
--custom-channel-textarea-text-area-height: 2.5rem;
}
div[class*=profileEffects_] {
/* Remove profile effects */
.visual-refresh div[class*=profileEffects_] {
display: none;
}
div[class*=imageWrapper_] {
/* Remove avatar decorations */
.visual-refresh img[class^="avatarDecoration__"] {
display: none;
}
/* Display pixel art and low resolution images without blur */
.visual-refresh div[class*=imageWrapper_] {
image-rendering: pixelated;
}
button[aria-label="Send a gift"] {
/* Remove useless buttons */
.visual-refresh button[aria-label="Send a gift"] {
display: none;
}
.visual-refresh button[aria-label="Open sticker picker"] {
display: none;
}
.visual-refresh button[aria-label="Open GIF picker"] {
display: none;
}
.visual-refresh span[aria-label="Download the mobile app to make your first remix"] {
display: none;
}
.visual-refresh a[href="https://support.discord.com"] {
display: none;
}
.visual-refresh div[class^="channelAppLauncher_"] {
display: none;
}
button[aria-label="Open sticker picker"] {
/* Hide activities panel */
.visual-refresh div[class*="membersGroup_"]:has([class^="headerContainer__"][role="button"]) {
display: none;
}
button[aria-label="Open GIF picker"] {
display: none;
}
span[aria-label="Download the mobile app to make your first remix"] {
display: none;
}
a[href="https://support.discord.com"] {
display: none;
}
img[class^="avatarDecoration__"] {
display: none;
}
nav[aria-label="Servers sidebar"] div[class^="footer_"] {
display: none;
}
div[class^="channelAppLauncher_"] {
display: none;
}
div[aria-label="Members"] h3:has(span[role="button"]) {
display: none;
}
/* Adds spacing to the top of the top left discord button after removing the top bar */
div[class^="itemsContainer_"] {
padding-top: 0.5rem;
}
/* Makes entire message input box lower to not waste space on the bottom */
[class^="channelTextArea_"] {
margin-bottom: 0.5rem;
}
/* removes pointless spacing on the buttons within message input box */
div[class^="buttons__"] {
/* Remove unnecessary gap between buttons in chat input box */
.visual-refresh div[class^="channelTextArea_"] div[class^="buttons__"] {
gap: 0 !important;
}
/* Removes top bar */
/* Remove top bar */
.visual-refresh div[class^="base_"] div[class^="bar_"] {
display: none;
}
.visual-refresh div[class^="base_"] {
grid-template-rows: [top] 0 [titleBarEnd] min-content [noticeEnd] 1fr [end];
}
/* Remove the margin between messages and input box. Why tf did they do this? */
.visual-refresh form[class^="form_"] {
margin-top: 0;
}
div[class^="base_"] div[class^="bar_"] {
display: none;
.visual-refresh div[class^="stack_"] {
padding-top: 0.5rem;
margin-top: 0;
}
/* Remove top border */
.visual-refresh div[class^="sidebarList_"] {
border-top: 0 !important;
border-top-left-radius: 0 !important;
}
.visual-refresh div[class^="chat_"] {
border-top: 0 !important;
border-top-left-radius: 0 !important;
}
/* User area rework */
.visual-refresh section[aria-label="User area"] {
left: var(--custom-guild-list-width);
bottom: 0;
width: calc(var(--custom-guild-sidebar-width) - var(--custom-guild-list-width))
}
.visual-refresh section[aria-label="User area"] div[class^="container__"] {
display: flex;
flex-direction: column;
padding-inline: 0.5rem;
gap: 0;
}
.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="avatarWrapper__"] {
width: 100%;
}
.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
gap: 0.5rem;
}
.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] button[type="button"] {
width: 1.1rem;
height: 1.1rem;
}
.visual-refresh [class^="sidebar_"] [aria-label="Servers sidebar"] {
margin-bottom: 0;
}