Last active
May 1, 2025 15:35
-
-
Save DubyaDude/1ee0e8c218a22883721635dfae3e022c to your computer and use it in GitHub Desktop.
My list of annoying stuff I hide/disable in Discord using Quick CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Dubyas list of annoying stuff he hides in discord using Quick CSS */ | |
/* Want to have this be synced up with your Discord so you don't need to re-copy and paste this for new additions? | |
* Feel free to just import this gist directly by adding the following line: | |
* @import url("https://gist.githubusercontent.com/DubyaDude/1ee0e8c218a22883721635dfae3e022c/raw/DubyasCleanupOfDiscord.css"); | |
*/ | |
/* Disable profile edit page upsell */ | |
div[id="profile-customization-tab"] > div[class^="container_"] | |
{ | |
display:none; | |
} | |
/* Disable emoji inspection upsell (ty Regalia) */ | |
[class^="nitroTextAndBadge_"], button:has([class^="premiumIcon_"]), | |
[class^="emojiSection_"] [class^="flex_"] div[class*="text-sm-normal"] | |
{ | |
display:none; | |
} | |
/* Disable Gift Button(s) (in chat) */ | |
button[aria-label="Send a gift"] | |
{ | |
display: none; | |
} | |
/* Hide Channel App Launcher in chat */ | |
[class^="channelAppLauncher_"] | |
{ | |
display:none; | |
} | |
[class^="channelAppLauncher_"] > [class^="buttonContainer_"] | |
{ | |
display:none; | |
} | |
.visual-refresh .channelAppLauncher_e6e74f | |
{ | |
display:none; | |
} | |
/* Hide things in DMs page */ | |
li div a[href="/shop"], /* Hide 'Shop' Tab */ | |
li div a[href="/store"] /* Hide 'Ntiro' Tab */ | |
{ | |
display: none; | |
} | |
/* Hide DM Wallpapers */ | |
/* As of writing, no global toggle exists in Discord. It is handled per DM. Will disable it once that exists. */ | |
[class^="chatContent_"] > [class^="wallpaperContainer_"] | |
{ | |
display:none; | |
} | |
[class^="chatContent_"] > [class^="thumbhashContainer_"] | |
{ | |
display:none; | |
} | |
/* Hide 'Play Again'' DMs page */ | |
/* Disabled as this can be hidden by either: | |
- Right click and click Hide | |
- Or go to User Settings -> Advanced -> Show Play Again in DMs List | |
[class^="container_e5a9ed"] | |
{ | |
display:none; | |
} | |
*/ | |
/* Profile effects */ | |
[class^="profileEffects"] | |
{ | |
display: none; | |
} | |
/* Avatar Decorations */ | |
svg[class^="avatarDecoration"], /* Avatar Decorations */ | |
img[class^="avatarDecoration"], /* Avatar Decorations in Messages */ | |
/* Fix 'View Profile' selector with hidden decoration */ | |
[class*="bannerSVGWrapper_"] > mask > image | |
{ | |
display: none; | |
} | |
[class*=avatarDecorationHint_] > foreignObject | |
{ | |
width: 80px; | |
height: 80px; | |
mask: url(#svg-mask-avatar-status-round-80); | |
} | |
[class*=avatarDecorationHint_] | |
{ | |
top: -80px; | |
left: 0px; | |
position: relative; | |
} | |
/* Hide nameplates background decoration on members list and DM list (ty Regalia) */ | |
div[class*=videoContainer_] { | |
display: none; | |
} | |
div[class*="container"]:has(div[class*=videoContainer_]) { | |
background: none !important; | |
} | |
/* Disable nitro icon on members list hover and opening nitro page */ | |
/* Some discords have the boosting capitalized, some don't, no clue why. There's probably a cleaner way to do this. */ | |
div[class*=nameAndDecorators] div[role="button"]:has(svg[aria-label^="Server boosting since"]), | |
div[class*=nameAndDecorators] div[role="button"]:has(svg[aria-label^="Server Boosting since"]) | |
{ | |
pointer-events: none; | |
} | |
/* Disable clan tag in messages, memebers list, and popout profile view */ | |
div[class^=body_] > span[class^="clickable_"] [role="button"], | |
div[class*=compact_] span[class*="clanTagChiplet_"], /* (ty SupDos on Github) */ | |
span[class*="clanTagChiplet_"], | |
span[class*="clanTag_"] | |
{ | |
display: none; | |
} | |
/* Disable 'Learn More' for nitro in the popout in the side DM (ty Regalia) */ | |
div[class*=overlayBackground_]:has(button[class*=getNitroButton_]) | |
{ | |
display: none; | |
}; | |
/* Disable nitro icon in word count (ty Regalia) */ | |
div[class*=characterCount_] div[class*=iconOnly_]:has(svg[class*=premium_]) | |
{ | |
display: none; | |
} | |
/* Hide 'Explore Discoverable Servers'/'Discover' in server page */ | |
div[class*="listItem"]:has(div[data-list-item-id="guildsnav___guild-discover-button"]) | |
{ | |
display: none; | |
} | |
/* Removes floating server list footer (currently only contains Discover) (ty gongo and provi) */ | |
ul[data-list-id='guildsnav'] > div[class^=footer] | |
{ | |
display: none; | |
} | |
div[class*=unreadMentionsFixedFooter] | |
{ | |
bottom: 0px; | |
} | |
/* Make Super Reactions less annoying (ty Regalia) */ | |
div[class^="effectsWrapper"] | |
{ | |
display: none; | |
} | |
img.emoji | |
{ | |
opacity: 100; | |
} | |
div[class*="shakeReaction"] | |
{ | |
animation: none !important; | |
} |
The Disable clan tag css doesn't seem to apply to messages when using the compact view, managed to fix it by adding div[class*=compact_] span[class*=clanTagChiplet_],
, but not sure if that's the correct method
The Disable clan tag css doesn't seem to apply to messages when using the compact view, managed to fix it by adding
div[class*=compact_] span[class*=clanTagChiplet_],
, but not sure if that's the correct method
Yup, looks good to me, added to the gist, ty
For those on Linux and don't care about the inbox or help buttons this removes the really dumb looking double title bar at the top
/* Disables the dumb top bar, mostly for Linux users*/ div [class="bar_c38106"] { display: none; } :root { --custom-app-top-bar-height: 0px; }
it doesnt fully remove it, theres still some leftover 😭
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Appreciate all the support, love hearing that others are also a little fed up with the constant addition of new sparkles Discord keeps adding.
While I do understand the general dislike of the new title bar, I'll likely pass on making modifications to that. But everyone has their own tastes, so feel free to continue sharing your css 'fixes'. I try to make the changes here stuff that most people would agree upon in terms of de-sparkling Discord, and people have rather split feelings on how the top bar should be handled.