Skip to content

Instantly share code, notes, and snippets.

@aaravrav

aaravrav/RemoveClutter.theme.css

Last active January 6, 2026 07:04
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save aaravrav/d66e2369074fb70f74e061062c77e9c4 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save aaravrav/d66e2369074fb70f74e061062c77e9c4 to your computer and use it in GitHub Desktop.
Download ZIP
Modifications for the Discord client to remove the clutter
Raw
RemoveClutter.theme.css
/*==========
RemoveClutter.theme.css by aaravrav
How to inject: Paste in "Custom CSS" tab in BetterDiscord or download and use as theme
How to disable a feature: Find it using the provided comments and simply delete it (or comment it out)
========== */
/* Stickers same size as emojis */
.assetWrapper-3GNt0z {
max-width: 48px;
max-height: 48px;
}
/* Removes the nitro button at left-bottom */
.fixedBottomList-1yrBla {
display: none;
}
/* Removes the Search Bar at the top of DMS */
.searchBar-3TnChZ {
display: none;
}
/* Removes the Big Nitro Button */
a[href="/store"] {
display: none;
}
/* Removes "Inbox" button */
div[aria-label="Inbox"] {
display: none;
}
/* Removes "Support" question mark button */
a[href="https://support.discord.com"]
{
display: none;
}
/* Removes "Support" question mark button from search popup */
.searchLearnMore-1gNL3A {
display: none;
}
/* Removes "Active Now" section in Friends tab */
*[class^='nowPlayingColumn'] {
display: none;
}
/* Removes the "Group DM" button and divider in Friends tab */
.inviteToolbar-2k2nqz {
display: none;
}
/* Removes "Gift nitro" button from message bar */
button[aria-label="Send a gift"] {
display: none;
}
/* Removes "Sticker picker" button from message bar */
button[aria-label="Open sticker picker"] {
display: none;
}
/* Removes "GIF picker" button from message bar */
button[aria-label="Open GIF picker"] {
display: none;
}
/* Hides "Mark as Read" and icon in the "Unread messages" notification */
.barButtonAlt-TQoCdZ.barButtonBase-Sk2mdB {
display: none;
}
/* Hides the New Message indicator next to only folders */
.wrapper-38slSD > .listItem-3SmSlK > .pill-2RsI5Q {
display: none;
}
/* Nitro Shop */
[data-list-item-id*="__nitro"] {
display: none;
}
[data-list-item-id*="__shop"] {
display: none;
}
[aria-label="Send a gift"]{
display: none;
}
/* Disable Store button in Home tab */
a[href="/shop"] {
display:none;
}
/* Removes Server Tags from chat */
span[class^='chipletContainerInner'] {
display:none !important;
}
/* Removes Activity cards from member list */
h3[class^="membersGroup"]:has(> span[role="button"])
{
display:none;
}
/* Removes gradient from role colors */
[class*="usernameGradient"] {
background-image: linear-gradient(to right, var(--custom-gradient-color-1), var(--custom-gradient-color-1));
animation: none;
}
[class*="usernameGradient"]::after {
content: none;
}
[class*="usernameGlow"] {
display: none;
}
/* Remove Discover Button */
div[class*="footer_"]:has(> div > div[class*="listItemWrapper_"])
{
display:none;
}
@aaravrav
Copy link
Author

aaravrav commented Sep 26, 2024 •
edited
Loading

Also, how would we go about finding the css code that goes to a button in case I want to remove more in the future, or modify other things?

...but being linked to a tutorial or smth to learn how to do this may still be helpful in the future to me - or others

@USBCharger You need to learn what CSS selectors are and how you can use them. Then use inspect element to see the path of the element. If you have ublock origin just select the element with the element zapper and use that instead as it's easier

@UWPA
Copy link

UWPA commented Sep 26, 2024

Anyone have the selector or even a full block to disable the activity at top of servers they recently introduced?

@aaravrav
Copy link
Author

aaravrav commented Sep 27, 2024

Anyone have the selector or even a full block to disable the activity at top of servers they recently introduced?

Can you send a screenshot? I don't see it

@UWPA
Copy link

UWPA commented Sep 27, 2024 •
edited
Loading

Anyone have the selector or even a full block to disable the activity at top of servers they recently introduced?

Can you send a screenshot? I don't see it

https://imgur.com/a/8GLbB5u

It appears at the top of certain servers. I've tried finding the class for it but it seems hidden?

it seems to be a beta experiment thing
https://support.discord.com/hc/en-us/articles/22045487931799-Members-List-Recent-Activity-FAQ

@UWPA
Copy link

UWPA commented Oct 1, 2024

Not sure how to PR on Gist/access this via Github to PR, but a recent Discord update added back the Discover button/forced it to follow under channels

/* Remove Discover button from server list */
.footer_aa1bff {
display: none;
}

@Doomelf
Copy link

Doomelf commented Dec 17, 2024

The footer was changed again. Using this now.

/* Remove Discover Button */
div[class*="footer_"]:has(> div > div[class*="listItemWrapper_"])
{
    display:none;
}

@Nightblade
Copy link

Nightblade commented May 31, 2025 •
edited
Loading 

/* Removes Server Tags from chat */
span[class^='chipletContainerInner'] {
    display:none !important;
}

@Nightblade
Copy link

Nightblade commented Jun 7, 2025 

/* Removes Activity cards from member list */
h3[class^="membersGroup"]:has(> span[role="button"])
{
    display:none;
}

@Nightblade
Copy link

Nightblade commented Dec 6, 2025 

/* Removes gradient from role colors */
[class*="usernameGradient"] {
    background-image: linear-gradient(to right, var(--custom-gradient-color-1), var(--custom-gradient-color-1));
    animation: none;
}

[class*="usernameGradient"]::after {
    content: none;
}

[class*="usernameGlow"] {
    display: none;
}

@aaravrav
Copy link
Author

aaravrav commented Dec 10, 2025

updated

@Nightblade
Copy link

Nightblade commented Dec 16, 2025

Most of these don't seem to be working today?

@LavenderAndChamomile
Copy link

LavenderAndChamomile commented Dec 25, 2025 •
edited
Loading

Mine is kinda broken...

@import url("https://scattagain.github.io/VencordStuff/css/GuildbarRevert.css");

@import url('https://raw.githubusercontent.com/surgedevs/visual-refresh-compact-title-bar/refs/heads/main/desktop.css');

:root {
    /* Only include this part if you wish to change these variables */
    /* You can change the size but only to be less than 48px, you must change the blob scale too */
    --guildbar-avatar-size: 48px;
    --blob-scale: 48;

    --guildbar-folder-size: var(--guildbar-avatar-size);
    --folder-blob-scale: var(--blob-scale);
}

.visual-refresh section[aria-label="User area"] {
    width: calc(var(--custom-guild-sidebar-width) - var(--custom-guild-list-width) + 1px);;
    left: var(--custom-guild-list-width);
    bottom: 0px;
    border-radius: 0px;
    border: none;
}

.visual-refresh nav:has([data-list-id="guildsnav"]) {
  margin-bottom: unset;

}

/*==========
RemoveClutter.theme.css by aarav2you
How to inject: Paste in "Custom CSS" tab in BetterDiscord or download and use as theme
========== */


/* Stickers same size as emojis */
.assetWrapper-3GNt0z {
        max-width: 48px;
        max-height: 48px;
}

/* Removes the nitro button at left-bottom */
.fixedBottomList-1yrBla {
        display: none;
}

/* Removes the Search Bar at the top of DMS */
.searchBar-3TnChZ {
        display: none;
}

/* Removes the Big Nitro Button */
a[href="/store"] {
        display: none;
}

/* Removes "Inbox" button */
div[aria-label="Inbox"] {
        display: none;
}

/* Removes "Support" question mark button */
a[href="https://support.discord.com"]
{
        display: none;
}

/* Removes "Support" question mark button from search popup */
.searchLearnMore-1gNL3A {
        display: none;
}

/* Removes "Active Now" section in Friends tab */
*[class^='nowPlayingColumn'] {
    display: none;
}

/* Removes the "Group DM" button and divider in Friends tab */
.inviteToolbar-2k2nqz {
        display: none;
}

/* Removes "Gift nitro" button from message bar */
button[aria-label="Send a gift"] {
        display: none;
}

/* Removes "Sticker picker" button from message bar */
button[aria-label="Open sticker picker"] {
        display: none;
}

/* Removes "GIF picker" button from message bar */
button[aria-label="Open GIF picker"] {
        display: none;
}

/* Hides "Mark as Read" and icon in the "Unread messages" notification */
.barButtonAlt-TQoCdZ.barButtonBase-Sk2mdB {
        display: none;
}

/* Hides the New Message indicator next to only folders */
.wrapper-38slSD > .listItem-3SmSlK > .pill-2RsI5Q {
        display: none;
}

/* Nitro Shop */
[data-list-item-id*="__nitro"] {
  display: none;
}
[data-list-item-id*="__shop"] {
  display: none;
}
[aria-label="Send a gift"]{
  display: none;
}

/* Disable Store button in Home tab */
a[href="/shop"] {
    display:none;
}

div[aria-label="Explore Public Servers"] {
        display: none;
}
#app-mount > div.appDevToolsWrapper-1QxdQf > div > div.app-3xd6d0 > div > div.layers-OrUESM.layers-1YQhyW > div:nth-child(2) > div > div.sidebarRegion-1VBisG > div > nav > div > div:nth-child(9)~div:not(#app-mount > div.appDevToolsWrapper-1QxdQf > div > div.app-3xd6d0 > div > div.layers-OrUESM.layers-1YQhyW > div:nth-child(2) > div > div.sidebarRegion-1VBisG > div > nav > div > div:nth-child(16) ~ div) {
  display: none;}

span[class*="timestampInline_"] time::before {
  content: attr(aria-label);
  font-size: 12px;
}

span[class*="timestampInline_"] {
  font-size: 0px !important;
}

/* Hide nameplates */
[style^="background: linear-gradient(90deg"]:has([src*="/nameplates/"]) { display: none; }
[class*="dm_"]:has([class*="linkPlated_"]) {
    & [class*="linkPlated_"] { padding-right: var(--space-16); }
    & [class*="closeButtonPlated_"] {
        opacity: 0.7;
        &:hover { opacity: 1; }
        & [class^="innerCloseButtonPlated"] {
            opacity: unset; 
            background: none;
            & svg {
                color: inherit;
                &:is(:hover, :focus-within) { color: var(--interactive-hover); }
            }
        }
    }
}

/* REMOVE QUICK REACT BAR */
.button_f7ecac.hoverBarButton_f84418:nth-of-type(1),
.button_f7ecac.hoverBarButton_f84418:nth-of-type(2),
.button_f7ecac.hoverBarButton_f84418:nth-of-type(3),
.separator_f84418 {
   display: none;
}

@aaravrav
Copy link
Author

aaravrav commented Dec 26, 2025

I don't use discord, so if you find a fix let me know.

@Nightblade
Copy link

Nightblade commented Jan 6, 2026

I've switched to using the Disblock-Origin theme over on codeberg. Not sure if it's OK to post a link here, but I'm sure you can web-search for it.

@aaravrav
Copy link
Author

aaravrav commented Jan 6, 2026

Nice https://codeberg.org/AllPurposeMat/Disblock-Origin

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment