-
-
Save cheesits456/41d659f932b5a574b5dfb9b391a4506e to your computer and use it in GitHub Desktop.
If anyone's looking for an up to date theme or CSS code for the newest discord UI updates, I made my own. :::}
https://gist.github.com/OrieDargon/220ec8eee4bd6ae1da043ca6f3f0cf9d
/*You may remove or comment out any bit of code you want, if you would prefer to have certain buttons.*/
/*The code below removes the Sticker Picker button in the right of the chat box.*/
[class$="buttons"] div[aria-label="Open sticker picker"] {
display: none;
}
/*The code below removes the GIF Picker button in the right of the chat box.*/
[class$="buttons"] div[aria-label="Open GIF picker"] {
display: none;
}
/*The code below removes the Nitro Gift button in the right of the chat box.*/
[class$="buttons"] div[aria-label="Send a gift"] {
display: none;
}
/*The code below removes the "Apps" button in the right of the chat box.*/
[class$="buttons"] div[aria-label="Apps"] {
display: none;
}
/*The code below removes the "Apps" button in the bottom left user area, when in a voice call. You can also still access this if needed if you click into the voice call.*/
[class$="actionButtons"] button:nth-child(5) {
display: none;
}
I updated them and and tweaked some for better UI experience and so they won't break as much
/* Hide unnecessary stuff */
/* Emoji, GIF and sticker button container (remove /* at beginning to delete all. All but main emoji button included below) */
/* [class$="buttons"] .expression-picker-chat-input-button:not(div[class*="vc-chatbar-button"]),
/* Sticker button + removes empty space */
[class^="expression-picker-chat-input-button"]:has([class*="stickerButton"]),
/* GIF button + removes empty space */
[class^="expression-picker-chat-input-button"]:has([aria-label="Open GIF picker"]),
/* Gift button in chat + removes empty space */
[class$="-container"]:has([aria-label="Send a gift"]),
/* All Gift buttons like shop, etc (leaves empty space in chat) */
/* [class$="buttons"] [aria-label="Send a gift"],
/* Vencord Stickers+ button */
/* div:has(> button > svg.vc-more-stickers-icon),
/* Server tags */
[class*="chipletContainer"],
/* App launcher button */
[class$="buttons"] .app-launcher-entrypoint,
/* Apps in VC (participants/screenshare screen) + removes empty space */
[class*="buttonContainer"]:has([aria-label*="Start an Activity"]),
/* Apps in VC (user panel) */
button[aria-describedby*="«ret»"],
/* Nitro Home/upsell box */
[class*="upsell"],
/* Activities */
[href="/activities"],
/* Big library button */
[href="/library"],
/* Big store button */
[href="/store"],
/* Big shop button */
[href="/shop"],
/* Big quest/mission button */
[href="/quest-home"],
/* Discovery button in server list */
[class*="tutorialContainer"] + [class*="listItem"],
/* Events list in server */
[class^="containerDefault_"]:has([data-list-item-id^="channels___upcoming-events"]),
/* Events in server */
li:has([aria-label="Events"]),
/* Server Boosts in server */
li:has([aria-label="Server Boosts"])
{
display: none !important;
pointer-events: none !important;
}
@MichaelDavidGK the aria-describedby for apps in VC would change daily about a week ago, and be inconsistent naming schemes between devices. I don't trust that code remaining consistent anymore, so I specified the "child" in the actionButtons class to display none, and it worked consistently so far
/* Gift button in chat + removes empty space */
[class$="-container"]:has([aria-label="Send a gift"]),
this line seems to break/remove the entire interface for me, could be that it interferes with themes (?).
/* Gift button in chat + removes empty space */
[class$="-container"]:has([aria-label="Send a gift"]),this line seems to break/remove the entire interface for me, could be that it interferes with themes (?).
Change it to this and it should work:
[class$="-container"]:has(> [aria-label="Send a gift"]),
class stuff. thanks!