My list of annoying stuff I hide/disable in Discord using Quick CSS

DubyasCleanupOfDiscord.css

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

you are a lifesaver. thank you so much!

i love you so much thank you

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

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

this is great, even on windows. although this makes the server list a bit uncomfortable as this removes the top padding when removing the titlebar. i've added a 12 pixel padding (the same as the x padding) so it looks a bit more "natural". im not sure if this would persist through updates as the class name is hardcoded here. but hey, works on my machine™

/* Add 12px offset to the server list, fixes the uncomfortable look when removing the titlebar*/
nav.wrapper_ef3116 {
  padding-top: 12px;
}

Hugest thanks, you saved whats left of my braincells.
Feels as if i got sent back to 2017, i wish you could do the same for mobile app.

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.

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 😭