Discord CSS Tweaks

CSS rules that can help you clean up your Discord client.

This CSS blocklist can help you remove elements you don't like from your Discord client, be it avatar decorations, profile headers, or even the "server" bar.

How to use (Read carefully)

First, you'll need a mod such as Vencord or BetterDiscord.

/* ==UserStyle==
@name Discord CSS Tweaks
@namespace codeberg.org/ridge/Discord-CSS-Tweaks
@version 1.0.0
@description Tweaks to remove various amounts of fluff from the Discord client, using CSS rules.
@author ridge
==/UserStyle== */
@-moz-document domain("discord.com") {
// Put the CSS code here
}

Once that's installed, find the Custom CSS menu for your chosen mod.
Then open this list and have a look through it: Click here

Copy whichever rules you think sound interesting to you, and paste it into your Custom CSS settings.

I don't recommend importing the entire list, as it is quite opinionated and there will most definitely be things in it you personally want to keep.
If for any reason you DO want to import all of the rules, import this line instead. You were warned.

@import url(https://codeberg.org/ridge/Discord-CSS-Tweaks/raw/branch/main/discord-css-tweaks.css);

Looking for "Discord Adblock"?

This is a spin-off project from Discord Adblock, for anything that might not fit into the adblock list.
If you wish to remove Nitro ads and various store elements, check out Discord Adblock: https://codeberg.org/ridge/Discord-AdBlock

Project scope

This list is highly opinionated, and tries to remove elements without actually breaking the client.
You're free to request rules or even contribute some in a pull request, but I reserve the right to decline a contribution for any reason.

Not everything can be removed cleanly, and I will not add rules that target English-language strings.
The blocklist will focus being as universal as possible, so if a rule requires the client to be in English, it won't be added.
Keep this in mind if contributing, please.

The list will focusing on removing things such as:

• All Nitro profile customisations (Avatar frames, effects, etc.)
• Profile badges.
• Server boost elements.
• Activity list in guild members list.
• The "Discover" button.
• Soundmoji.

On the other hand, things I deem quite useful, such as pronouns and the message hover bar, won't get added to the list.

Contributing

You can report any problems and suggest ideas by opening an issue.
If you're contributing with a pull request, please keep the above project scope in mind. Rules that target randomised strings, such as contents_c19a55 will not be accepted, as they will break when they're inevitably randomised again.
Check out the existing rules and take inspiration from them.
The Mozilla Developer Network has handy documentation on CSS for these purposes: https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors