Last active
July 20, 2024 08:12
-
-
Save aaravrav/d66e2369074fb70f74e061062c77e9c4 to your computer and use it in GitHub Desktop.
Modifications for the Discord client to remove the clutter
This file contains 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
/*========== | |
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.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Could you drop the css code here on how I can remove the Download Apps button? (I'm using vesktop, hence why it appears)
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?
Edit: I'm realizing this is not caused by Vesktop but a my-theme-is-old-and-has-problems issue lol
Edit 2: I just went with another theme, 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