-
-
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; | |
} |
@aarav2you Could you remove the new nitro shop that's under the "Message Requests" button in the dms screen
@aarav2you Could you remove the new nitro shop that's under the "Message Requests" button in the dms screen
[data-list-item-id*="__nitro"] {
display: none;
}
[data-list-item-id*="__shop"] {
display: none;
}
[aria-label="Send a gift"]{
display: none;
}
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
i guess you can use the following instead of the original code but its hacky. if i had more time i would have done a proper solution