Discord CSS

quick.css

@import "https://raw.githubusercontent.com/surgedevs/visual-refresh-compact-title-bar/aff2e1f72dd8d802d0fe149d163db3365b10d8b2/desktop.css";

* {
  --vr-header-snippet-space: 45px !important;
}

.button__85643[aria-label="Help"] {
  display: none;
}

[class*="chipletContainerInner_"]:has([src*="/clan-badges/"]) { 
    display: none; 
}

/* https://discord.com/channels/1015060230222131221/1028106818368589824/1272837576381698048 */
/* Modernized audio attachments */
[class^="mosaicItem"] > [class^="wrapperAudio"] > [class^="audioMetadata"] {
    margin-bottom: 24px;
}

[class^="mosaicItem"] > [class^="wrapperAudio"] > [class^="audioControls"] {
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 0px 0px 8px 8px;
}

.emoji[alt="🥺"], img[src$="059679850d492e83.svg"] {
    content: url("https://cdn.discordapp.com/emojis/1258978498131922945.webp?size=80");
}

/* Hide nameplates background decoration on members list and DM list (ty pointy from the vencord discord server)*/
[style^="background: linear-gradient(90deg"]:has([src*="/nameplates/"]) { display: none; }
[class*="dm_"]:has([class*="linkPlated_"]) {
    & [class*="linkPlated_"] { padding-right: var(--space-16); }
    & [class*="closeButtonPlated_"] {
        opacity: 0.7;
        &:hover { opacity: 1; }
        & [class^="innerCloseButtonPlated"] {
            opacity: unset; 
            background: none;
            & svg {
                color: inherit;
                &:is(:hover, :focus-within) { color: var(--interactive-hover); }
            }
        }
    }
}

/* i hate this stupid icon so much */
div[aria-label="I'm new here, say hi!"] {
    display: none;
}

/* nitro option in the friends list */
ul.content__99f8c > :nth-child(3) {
	display: none;
}

/* shop option in the friends list */
ul.content__99f8c > :nth-child(4) {
	display: none;
}

/* nitro gift button */
button.button__201d5.lookBlank__201d5.colorBrand__201d5.grow__201d5[aria-label="Send a gift"] {
	display: none;
}

/* push the av + name back to the left (why tf is it moved right now?) */
section.title_f75fb0.container__9293f.themed__9293f {
    padding-left: calc(var(--custom-message-margin-horizontal) - var(--space-4) + var(--custom-chat-aligned-icon-offset) / 6 - 1px);
}

/* move the message box down a bit */
.channelTextArea_f75fb0 {
    margin-top: 9px;
    margin-bottom: 9px;
}

/* move the typing indicator above the moved message box */
.typing_b88801 {
    margin-bottom: calc(9px + 52px);
}

/* fix the search being weirdly cut after the first term */
.defaultColor__4bd52.text-sm\/medium_cf4812.searchAnswer_bd8186 {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -3px;
    border-left: unset;
    padding-left: 2px;
}

/* remove the outer circle on the "Find or start a conversation" bit */
button.button__201d5.lookFilled__201d5.colorPrimary__201d5.sizeSmall__201d5.fullWidth__201d5.grow__201d5 {
    background-color: unset;
    border: unset;
}

section.panels_c48ade {
	/* 1px because otherwise the right border isn't quite overlapping properly */
    width: calc(100% - var(--custom-guild-list-width) + 1px) !important;
    left: calc(var(--custom-guild-list-width)) !important;
	/* back to the bottom */
    bottom: 0 !important;
	/* put the padding back because we're shoving it down */
    padding-bottom: calc(var(--space-xs) / 2);
    /* but evenly distributed */
    padding-top: calc(var(--space-xs) / 2);
	/* un-round it */
    border-radius: unset !important;
}

/* make the servers which were under the overlapping part of the status switcher visible again */
.visual-refresh .wrapper_ef3116 {
    margin-bottom: var(--space-cx) !important;
}

/* i don't like the big [BOT] tag */
span.botTagCompact_c19a55.botTag_c19a55.botTagRegular__82f07.botTag__82f07.rem__82f07 {
	display: none;
}

/* we gotta move the stuff a little left because it was offset when the bot tag was added */
.hasBadges_c19a55 > :nth-child(2) {
    margin-left: -0.25em;
}

/* the user info panel is strangely out of place bg wise */
.outer_c0bea0.theme-dark.theme-midnight.images-dark.panel_c0bea0 {
	background-color: var(--background-primary);
}

/* bot tag is ugly */
.botTag__4211a { 
	display: none;
}

/* i do not like the larger reactions sorry not sorry */
.reaction__23977 .emoji {
	height: 1rem !important;
	width: 1rem !important;
}

/* 
 * Taken from the wonderful gist by DubyaDude
 * https://gist.github.com/DubyaDude/1ee0e8c218a22883721635dfae3e022c 
*/

/* Disable profile edit page upsell */
div[id="profile-customization-tab"] > div[class^="container_"] {
    display:none;
}

/* Hide Channel App Launcher in chat */
[class^="channelAppLauncher_"] > [class^="buttonContainer_"] {
    display:none;
}

/* Profile effects */
[class^="profileEffects"] {
    display: none;
}

/* Avatar Decorations */
svg[class^="avatarDecoration"],
/* Avatar Decorations in Messages */
img[class^="avatarDecoration"],      
/* Fix 'View Profile' selector with hidden decoration */
[class*="bannerSVGWrapper_"] > mask > image {
    display: none;
}
[class*=avatarDecorationHint_] > foreignObject {
    width: 80px;
    height: 80px;
    mask: url(#svg-mask-avatar-status-round-80);
}
[class*=avatarDecorationHint_] {
    top: -80px;
    left: 0px;
    position: relative;
}