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