Modifications for the Discord client to remove the clutter

RemoveClutter.theme.css

/*==========
RemoveClutter.theme.css by aaravrav
How to inject: Paste in "Custom CSS" tab in BetterDiscord or download and use as theme
========== */


/* Stickers same size as emojis */
.assetWrapper-3GNt0z {
        max-width: 48px;
        max-height: 48px;
}

/* Removes the nitro button at left-bottom */
.fixedBottomList-1yrBla {
        display: none;
}

/* Removes the Search Bar at the top of DMS */
.searchBar-3TnChZ {
        display: none;
}

/* Removes the Big Nitro Button */
a[href="/store"] {
        display: none;
}

/* Removes "Inbox" button */
div[aria-label="Inbox"] {
        display: none;
}

/* Removes "Support" question mark button */
a[href="https://support.discord.com"]
{
        display: none;
}

/* Removes "Support" question mark button from search popup */
.searchLearnMore-1gNL3A {
        display: none;
}

/* Removes "Active Now" section in Friends tab */
*[class^='nowPlayingColumn'] {
    display: none;
}

/* Removes the "Group DM" button and divider in Friends tab */
.inviteToolbar-2k2nqz {
        display: none;
}

/* Removes "Gift nitro" button from message bar */
button[aria-label="Send a gift"] {
        display: none;
}

/* Removes "Sticker picker" button from message bar */
button[aria-label="Open sticker picker"] {
        display: none;
}

/* Removes "GIF picker" button from message bar */
button[aria-label="Open GIF picker"] {
        display: none;
}

/* Hides "Mark as Read" and icon in the "Unread messages" notification */
.barButtonAlt-TQoCdZ.barButtonBase-Sk2mdB {
        display: none;
}

/* Hides the New Message indicator next to only folders */
.wrapper-38slSD > .listItem-3SmSlK > .pill-2RsI5Q {
        display: none;
}

/* Nitro Shop */
[data-list-item-id*="__nitro"] {
  display: none;
}
[data-list-item-id*="__shop"] {
  display: none;
}
[aria-label="Send a gift"]{
  display: none;
}

/* Disable Store button in Home tab */
a[href="/shop"] {
    display:none;
}

Anyone have CSS for removing the "Translate Modal" button in chats?

@GSNotifications I am not sure what that is. Could you write the steps to activate it?

@GSNotifications I am not sure what that is. Could you write the steps to activate it?

It's okay, I found out that for some reason I had a Google Translate plugin enabled via Vencord. Apologies on the useless request.

Also, how would we go about finding the css code that goes to a button in case I want to remove more in the future, or modify other things?

...but being linked to a tutorial or smth to learn how to do this may still be helpful in the future to me - or others

@USBCharger You need to learn what CSS selectors are and how you can use them. Then use inspect element to see the path of the element. If you have ublock origin just select the element with the element zapper and use that instead as it's easier

Anyone have the selector or even a full block to disable the activity at top of servers they recently introduced?

Anyone have the selector or even a full block to disable the activity at top of servers they recently introduced?

Can you send a screenshot? I don't see it

Anyone have the selector or even a full block to disable the activity at top of servers they recently introduced?

Can you send a screenshot? I don't see it

https://imgur.com/a/8GLbB5u

It appears at the top of certain servers. I've tried finding the class for it but it seems hidden?

it seems to be a beta experiment thing
https://support.discord.com/hc/en-us/articles/22045487931799-Members-List-Recent-Activity-FAQ

Not sure how to PR on Gist/access this via Github to PR, but a recent Discord update added back the Discover button/forced it to follow under channels

/* Remove Discover button from server list */
.footer_aa1bff {
display: none;
}