-
-
Save aarav2you/d66e2369074fb70f74e061062c77e9c4 to your computer and use it in GitHub Desktop.
| /*========== | |
| RemoveClutter.theme.css by aarav2you | |
| 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; | |
| } |
NayooZ
commented
Nov 9, 2023
The Discord div class names seem to have a random string at the end of the name that changes on their builds. For example it used to be nowPlayingColumn-1eCBCN and now it's nowPlayingColumn_f5023f. Is there a way to match only the prefix of the element names?
For now the latest way to hide "active now" users is:
/* Removes "Active Now" section in Friends tab */
.nowPlayingColumn_f5023f {
display: none;
}
/* Removes "Active Now" section in Friends tab */
*[class^='nowPlayingColumn'] {
display: none;
}
Could you also all a rule removing the shop?
/* Disable Store button in Home tab */
a[href="/shop"] {
display:none;
}
Glad to see that this long code still works!
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