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;
}

Hi folks,

Is there a tutorial about how to get this CSS into Discord? I don't really know how to apply these suggestions.

Thanks,

what operating system do you use? regardless, i think vencord's install page is very useful! if you still cant figure out how to install vencord, there are several videos on how to do such if you need!

from there, once discord is restarted and such, go to user settings > vencord (right under "user settings") > themes >

and then you have 1 of 2 options:

1. paste the css you choose into "Edit QuickCSS"
2. "open theme folder" and download a css theme, drag it in, click "load missing themes" and simply flip the switch to enable

as said, if you have any more questions the internet has lots of documentation to look into, use any search engine you like to get to it. hope this helps somewhat! :D