Custom CSS for Discord to remove the GIF picker and Nitro Gift buttons from the message bar

RemoveButtons.theme.css

/**
 * @name Remove Buttons
 * @version 1.1.1
 * @author cheesits456
 * @authorId 306018440639152128
 * @description Remove the nitro gift, GIF picker, and sticker picker buttons from the message box. Also remove the sticker suggestion popup
 * @source https://gist.github.com/cheesits456/41d659f932b5a574b5dfb9b391a4506e
 * @invite 7QH4YeD
 * @donate https://donate.haileybot.com
 * @website https://cheesits456.dev
*/

/* Hide Nitro gift button */
button[aria-label="Send a gift"] {
    display: none;
}
/* Hide GIF picker button */
button[aria-label="Open GIF picker"] {
    display: none;
}
/* Hide sticker picker button */
button[aria-label="Open sticker picker"] {
    display: none;
}
/* Hide annoying sticker popup window that appears when you type */
.channelTextArea-1FufC0 > .container-1ZA19X {
    display: none;
}

@0aShadow

if you don't mind it being language dependent you can just do this and be done with it:

/* Hide Nitro gift button, language dependent*/
button[aria-label="Send a gift"] {
    display: none;
}

For the other buttons you could use:

/* Hide gif picker button, language dependent*/
button[aria-label="Open GIF picker"] {
    display: none;
}
/* Hide sticker picker button, language dependent*/
button[aria-label="Open sticker picker"] {
    display: none;
}

finding those entries is actually fairly easy as long as you can access the dev tools - F12 in most browsers, [ctrl] + [shift] + [i] in vencord, then use [ctrl] + [shift] + [c] to "select" the object you want to inspect. it'll show you the item in the tree. that wont change with manifest v3...

didn't expect this to work, thanks!

For anyone else looking to get rid of the Apps button the same way, the aria-label is literally just "Apps", so:

/* Hide apps button, language dependent*/
button[aria-label="Apps"] {
    display: none;
}

For anyone else looking to get rid of the Apps button the same way, the aria-label is literally just "Apps", so:

/* Hide apps button, language dependent*/
button[aria-label="Apps"] {
    display: none;
}

alternatively, not language dependent:

/* remove bs app-launcher button */
div[class^="channelAppLauncher_"]{
    display:none !important;
}

Any way to hide "Events" without hiding the Channels & Roles and whatnot in other servers? Driving me absolutely insane that it's pinned in every single server I own, I have never used it even once in my life. :/

Contribution:
When you have a chain of quote replies and it yells at you to make a thread:

/* Stop nagging about threads /
[class="threadSuggestionBar_"] {
display: none; }

Any way to hide "Events" without hiding the Channels & Roles and whatnot in other servers? Driving me absolutely insane that it's pinned in every single server I own, I have never used it even once in my life. :/

Contribution: When you have a chain of quote replies and it yells at you to make a thread:

/* Stop nagging about threads / [class="threadSuggestionBar_"] { display: none; }

try this one:

div[class^="containerDefault_"]:has(div[data-list-item-id^="channels___upcoming-events"]){
    display:none;
}