cheesits456/RemoveButtons.theme.css

NotDarkn · 2024-09-13T12:05:26Z

Edit: For those who also want to remove GIF / STICKER / EMOJI -Buttons there is a way to do so: If you are using vencord and also have custom plugins like "Translator" or "Silent Message" you can use following thing for the buttons in order:
buttonContainer_d0696b.expression-picker-chat-input-button:nth-of-type(XXXXX){
    display: none;
}
In this case the "XXXXX" is the number of the position from the icon/function you want to remove. In my case for the GIF it would be the 3 like this:
buttonContainer_d0696b.expression-picker-chat-input-button:nth-of-type(3){
    display: none;
}
The order goes from left to right 1 -> 2 -> 3 ....

Hope this helps a bit. :)

yo heads up! make sure to include . in the beginning of the buttonContainer code boxes, as then it won't work.

TheOttoZone · 2024-10-04T07:15:38Z

For the "new" button for nitro gifts, here is the new code to remove it: Will send the "new" Sticker and Gif stuff aswell. They change the id's of the buttons from time to time (idk why) so it has to be updated.
/* Remove Gift-Button */
.buttons_d0696b > .grow_dd4f85.colorBrand_dd4f85.lookBlank_dd4f85.button_dd4f85{
    display: none;
}

specifically the nitro button code isnt working for me, any fix?

0aShadow · 2024-10-29T17:43:28Z

Updated original Post with new values (29.10.2024)
As long as they constantly changing these containers, it will start not working again.
I hope there is a good Plugin-Dev that can actually remove them regardless of ther div-names and can reach out to vencord.

If you keep posting here I'll try to maintain this code from time to time, but with Manifest 3 coming to chromium it'll be a lot harder to find these entrys in their shitty code :D

Have a nice day ladies n gentleman

FlurryShy · 2024-10-30T07:44:10Z

@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...

0aShadow · 2024-10-30T10:51:55Z

@FlurryShy Sure, if this works the same way, i would prefer to use this, have u tested it?
Also does the label stays the same on every update? Or atlest for more then one update :D

FlurryShy · 2024-10-30T14:48:34Z

@0aShadow
been using it like that for probably a few years (?) at this point.
I'd need to check the commits on my theme to see how long it has survived the discord updates so far.
so yeah, works 👍

0aShadow · 2024-10-30T16:22:52Z

@FlurryShy
It is working perfectly fine for me if I set it up for my enviroment.
As you mentioned, it is language dependent
So because I'am using a german enviroment, I have to change the labelnames to the german values like this:

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

/*  gif selector  */
button[aria-label="GIF-Auswahl öffnen"] {
    display: none;
}
button[aria-label="Open GIF picker"] {
    display: none;
}

/*  sticker  */
button[aria-label="Open sticker picker"] {
    display: none;
}
button[aria-label="Stickerauswahl öffnen"] {
    display: none;
}

I'll keep the english versions, I'll soon change to fully english system so I'll keep that.

I'll look for a easy way to create a toggle plugin for Vencord so you can change each one as you like.

Thank you very much bro.

FlurryShy · 2024-10-30T18:52:47Z

@0aShadow kein problem 👍
bin seit Jahren nur noch Englisch unterwegs, daher die Englische variante. :)

if you are bored, check my github for the theme I am maintaining... some things may be broken but you may or may not like some snippets in there. keep in mind some things in there are English language dependent.

0aShadow · 2024-10-30T22:31:11Z

@FlurryShy Kuss ;)

So I created a plugin now, tested everything and will submit it to vencord, maybe you'll see it in the future in Vencord, maybe not.
Please suggest languages that should be added and provide the information in a way @FlurryShy has posted. Thank you guys.

FlurryShy · 2024-10-31T12:46:38Z

I highly doubt Vencord would make it into a plugin, since it's way too easy to do via CSS.
and since it's language dependent it's a bit of a messy code to just add every language in there.

0aShadow · 2024-10-31T23:23:04Z

Yeah they declined it anyway, atleast I have a plugin for this now ^^

BrambleTakato · 2024-11-26T01:17:48Z

Hey! Came to give a heads up (since I was helped before, I want to return the favor); They changed the .footer for the Discover button. Just change this;

.footer_aa1bff{
display:none;
}

To this;

.footer_d71945{
display:none;
}

FlurryShy · 2024-11-26T15:30:34Z

@BrambleTakato
here is my generalized take on it, which doesn't need updating when the class-name changes, unless they also change the structure:
(yes, I could have just gone for class*="footer_" since it hasn't appeared anywhere else yet, but I'd like to have it more specific to not break anything else)

/* Public server thing, new, always visible BS. */
div[class*="footer_"]:has(> div > div[class*="listItemWrapper_"])
{
    display:none;
}

BrambleTakato · 2024-12-12T04:40:10Z

@BrambleTakato here is my generalized take on it, which doesn't need updating when the class-name changes, unless they also change the structure: (yes, I could have just gone for class*="footer_" since it hasn't appeared anywhere else yet, but I'd like to have it more specific to not break anything else)
/* Public server thing, new, always visible BS. */
div[class*="footer_"]:has(> div > div[class*="listItemWrapper_"])
{
    display:none;
}

This works quite nicely, thank you! Kind of a pain that they kept trying to change the class-name :(

FlurryShy · 2024-12-12T07:45:57Z

@BrambleTakato here is my generalized take on it, which doesn't need updating when the class-name changes, unless they also change the structure: (yes, I could have just gone for class*="footer_" since it hasn't appeared anywhere else yet, but I'd like to have it more specific to not break anything else)
/* Public server thing, new, always visible BS. */
div[class*="footer_"]:has(> div > div[class*="listItemWrapper_"])
{
    display:none;
}
This works quite nicely, thank you! Kind of a pain that they kept trying to change the class-name :(

yeah that is why I try to keep the selectors generic, but "specific enough" to not cause issues elsewhere.
it will take more computing this way, but should be neglectable with most modern systems, but it will not break when class names change.

it's technically not (directly) their fault that class names change.
when they re-compile the whole app, the compiler will create those class names automatically and without regard for what the class names were previously.

sharknado55 · 2024-12-23T22:23:47Z

@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!

Techbane · 2025-03-26T14:56:54Z

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

FlurryShy · 2025-03-26T17:15:43Z

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

Fauxtecual · 2025-03-26T19:11:04Z

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

FlurryShy · 2025-03-26T20:16:35Z

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

caminashell · 2025-04-13T17:46:27Z

Initially looking for a plugin then realised this thread. Took me back to the MySpace hack days :)

Here my crusty contribution of overrides since the "2025 visual refresh".
Very nice to realise I could manually mod away at will, thank you!

/* Hide Unused Nonsense */

.expression-picker-chat-input-button:not(div[class*="vc-chatbar-button"]),
button[aria-label="Send a gift"],
div.channelAppLauncher_e6e74f,
.listItemWrapper__91816,
.unreadMentionsIndicatorBottom_ef3116,
.unreadMentionsFixedFooter_ef3116 {
	display:none !important;
}

/* Adjustments */

section[aria-label="User area"] {
	bottom: 23px !important;
}

.sidebarList_c48ade,
.chat_f75fb0[data-has-border=true],
.searchBar__97492,
.container_c8ffbb {
	border: none !important;
}

.wrapper_cc5dd2 > svg{
	filter: saturate(0);
}

Note

Bare in mind I do not use the desktop Discord client, but Vencord, so your mileage may vary.

nocturni · 2025-04-19T05:04:04Z

anyone has one for the promoted games button?

Techbane · 2025-04-21T16:20:39Z

anyone has one for the promoted games button?

Promoted Games are nested under "Apps"; see above.

plechovka · 2025-06-11T08:34:06Z

I'm not best at making stuff, I kinda disliked that Ido have Vencord and too many buttons there in chat making textbox smaller and sometimes annoying to type especially when I switch to laptop where screen is smaller

For anyone if you want to use, modify or anything feel free to take:

[class^="scrollableContainer__"] {
    position: relative;
}

[class^="buttons__"] button[aria-label="Send a gift"],
[class^="buttons__"] button[aria-label="Open Translate Modal"],
[class^="buttons__"] button[aria-label="Disable Silent Typing"],
[class^="buttons__"] button[aria-label="Enable Silent Typing"],
[class^="buttons__"] button[aria-label="Insert Timestamp"],
[class^="buttons__"] button[aria-label="Encrypt Message"],
[class^="buttons__"] button[aria-label="Preview Message"],
[class^="buttons__"] button[aria-label="Open GIF picker"],
[class^="buttons__"] button[aria-label="Open sticker picker"],
[class^="buttons__"] button[aria-label="Select emoji"],
[class^="buttons__"] button[aria-label="Apps"] {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease, transform 1s ease;
}

[class^="buttons__"]:hover button[aria-label="Send a gift"],
[class^="buttons__"]:hover button[aria-label="Open Translate Modal"],
[class^="buttons__"]:hover button[aria-label="Disable Silent Typing"],
[class^="buttons__"]:hover button[aria-label="Enable Silent Typing"],
[class^="buttons__"]:hover button[aria-label="Insert Timestamp"],
[class^="buttons__"]:hover button[aria-label="Encrypt Message"],
[class^="buttons__"]:hover button[aria-label="Preview Message"],
[class^="buttons__"]:hover button[aria-label="Open GIF picker"],
[class^="buttons__"]:hover button[aria-label="Open sticker picker"],
[class^="buttons__"]:hover button[aria-label="Select emoji"],
[class^="buttons__"]:hover button[aria-label="Apps"] {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

Adding new buttons is simple, I have no idea if discord changes numbers at the end that's why is a class. Feel free to use it in QuickCSS Editor or if you find better way to do it... tell me.

It works simply, if you hover mouse where usually discord buttons are, it reveals your buttons. Whenever textchat becomes scrollable it keeps buttons on top right.

How it looks:

When you hover on right top corner:

Theme used is:
https://refact0r.github.io/midnight-discord/build/midnight.css

or look at:
https://refact0r.github.io/midnight-discord/

Wrizz · 2025-08-03T18:14:30Z

You can remove the gift nitro button with this:

div[aria-label="Send a gift"] {
  display: none !important;
}

Put this in QuickCSS in Vencord settings. That button is actually a div.

If it doesn't work for you then:

Go to web discord.
Inspect the gift button.
See what label it is.
Modify the snippet accordingly.

murderpigs · 2025-08-04T10:07:34Z

ive made a discord theme with the help of code from this thread

customise to your needs by commenting out or removing code ;P

megaspel · 2025-08-04T10:40:09Z

It's only changed to a div recently. I like using commas to group this stuff up just in case they revert it.

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

ShamgarStreams · 2025-08-04T17:34:33Z

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,

murderpigs · 2025-08-04T23:30:18Z

It's only changed to a div recently. I like using commas to group this stuff up just in case they revert it.

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

thanks! theme updated as such :)

murderpigs · 2025-08-04T23:32:20Z

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:

paste the css you choose into "Edit QuickCSS"
"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

	/**
	* @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;
	}

cheesits456/RemoveButtons.theme.css

NotDarkn commented Sep 13, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

TheOttoZone commented Oct 4, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

0aShadow commented Oct 29, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

FlurryShy commented Oct 30, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

0aShadow commented Oct 30, 2024

Uh oh!

FlurryShy commented Oct 30, 2024

Uh oh!

0aShadow commented Oct 30, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

FlurryShy commented Oct 30, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

0aShadow commented Oct 30, 2024

Uh oh!

FlurryShy commented Oct 31, 2024

Uh oh!

0aShadow commented Oct 31, 2024

Uh oh!

BrambleTakato commented Nov 26, 2024

Uh oh!

FlurryShy commented Nov 26, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

BrambleTakato commented Dec 12, 2024

Uh oh!

FlurryShy commented Dec 12, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

sharknado55 commented Dec 23, 2024

Uh oh!

Techbane commented Mar 26, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

FlurryShy commented Mar 26, 2025

Uh oh!

Fauxtecual commented Mar 26, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

FlurryShy commented Mar 26, 2025

Uh oh!

caminashell commented Apr 13, 2025

Uh oh!

nocturni commented Apr 19, 2025

Uh oh!

Techbane commented Apr 21, 2025

Uh oh!

plechovka commented Jun 11, 2025

Uh oh!

Wrizz commented Aug 3, 2025

Uh oh!

murderpigs commented Aug 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

megaspel commented Aug 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ShamgarStreams commented Aug 4, 2025

Uh oh!

murderpigs commented Aug 4, 2025

Uh oh!

murderpigs commented Aug 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

NotDarkn commented Sep 13, 2024 •

edited

Loading

TheOttoZone commented Oct 4, 2024 •

edited

Loading

0aShadow commented Oct 29, 2024 •

edited

Loading

FlurryShy commented Oct 30, 2024 •

edited

Loading

0aShadow commented Oct 30, 2024 •

edited

Loading

FlurryShy commented Oct 30, 2024 •

edited

Loading

FlurryShy commented Nov 26, 2024 •

edited

Loading

FlurryShy commented Dec 12, 2024 •

edited

Loading

Techbane commented Mar 26, 2025 •

edited

Loading

Fauxtecual commented Mar 26, 2025 •

edited

Loading

murderpigs commented Aug 4, 2025 •

edited

Loading

megaspel commented Aug 4, 2025 •

edited

Loading

murderpigs commented Aug 4, 2025 •

edited

Loading