Last active
November 24, 2025 23:33
-
-
Save cheesits456/41d659f932b5a574b5dfb9b391a4506e to your computer and use it in GitHub Desktop.
Custom CSS for Discord to remove the GIF picker and Nitro Gift buttons from the message bar
I use Vencord, so I want to leave the plugin buttons on. Here's my list of tweaks, thanks to everyone above:
/* Hide unnecessary stuff */
[class^="buttons"] .expression-picker-chat-input-button:not(div[class*="vc-chatbar-button"]), /* Emoji, GIF and sticker buttons */
[class^="buttons"] *[aria-label="Send a gift"], /* Gift Nitro button */
[class^="buttons"] .buttonContainer_e6e74f.app-launcher-entrypoint, /* App launcher button */
[class^="channelAppLauncher"], /* Apps in VCs */
[class*="chipletContainer"], /* Server tags */
[class*="upsell"], /* Nitro upsell box */
[href="/activities"], /* Activities */
[href="/library"], /* Big library button */
[href="/store"], /* Big store button */
[href="/shop"], /* Big shop button */
[href="/quest-home"], /* Big quest/mission button */
.tutorialContainer__650eb+div, /* Discovery button in server list */
div[class^="containerDefault_"]:has(div[data-list-item-id^="channels___upcoming-events"]) /* Events list in server */
{
display: none;
}
class stuff. thanks!
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This is my current list of tweaks, removing multiple annoyances. These are just selectors, grab the ones you want, put them in a single rule, and use
display: none !importantas the rule body (the!importantisn't required for most, but doesn't hurt and I think some do need it).A few of these rely on element order. This makes them language-agnostic (unlike the aria-label method many others use), but it means they will break if Discord changes the order. That happens infrequently enough that I prefer this method.
All the buttons in the message field except the emoji button (and the + button, that's in a different container):
All the buttons and their container, in case you don't even want the emoji button:
The "send longer messages with Nitro!" nag box:
(This one might also affect other upselling pop-ups. Good riddance.)
Buttons that show up on messages on hover:
Events, shop, Nitro, Quests in DMs list:
App launcher (games in voice channels):
Edit image with apps hover button:
Server tags that show up on user names:
And this one I usually don't bother with, but this removes the custom backgrounds in server member lists, because for some reason Discord doesn't have an option to disable/hide them: