Discord Adblock

CSS rules that remove Nitro ads and some other premium-only elements

This CSS blocklist will remove common nags and pay-to-use related elements from Discord, such as the store, gift button, and various upsells when possible.

This project was originally started by CroissantDuNord on GitHub. As Nathan lost access to his GitHub profile, I'm continuing it here.
My utmost thanks to Nathan for the effort.

How to use

1. You'll need a mod such as Vencord or BetterDiscord.

2. Find the Custom CSS menu for your chosen mod.

3. By adding this line to it, the list should auto-update when you start your Discord client:

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

Extra tweaks

If you wish to remove more fluff from Discord that doesn't necessarily fall in line with ads, check out my Discord CSS Tweaks:
codeberg.org/ridge/Discord-CSS-Tweaks.

It contains rules to remove things at your own discretion.
Including but not limited to: avatar decorations, apps buttons, the activities sidebar in your friends list, or even the entire "server" bar if you don't use it, like me.

Project scope

Not everything can be removed cleanly, and I will not add rules that target language-specific strings. For example, "aria-labels" that use English language.
The list will also assume that the user does not pay to use Discord, and doesn't want to see things like super reaction toggles or similar elements.

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:

• Ads profiles and menus.
• Upsells, such as nitro-only features.
  • Example: Nitro themes, super reaction button, etc.
• Banner and seasonal ads.
• Store and nitro buttons.
• Gift button.
• Server boost elements.

Some things will not be removed when deemed less important:

• Upsell in screen sharing picker.
  • Please use the FakeNitro plugin for this instead, included in Vencord.
• Some dismissible ads.
  • With the reason being these are often dismissed once and won't appear again.
  • This prevents bloating the stylesheet and potentially impacting performance.

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 or aria-labels 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.

You can also donate to me via BuyMeACoffee, which would go a long way to help me out.

Tired of using Discord altogether?

Me too.

There are plenty of alternatives popping up, and my personal favourite is Fluxer.
I've been using it actively since February and find it to be the best direct alternative to Discord so far.
It's open source, and allows self-hosting, custom clients, and client modding. Plus the team is very transparent about its development.

I'm not associated with the Fluxer team, nor am I encouraged or paid to sing its praises, I just really think it's that good.

If you and/or your community is looking to jump ship, why not give it a shot?
Click here to join Fluxer.