Some filters to make Discord less shitty as its investors push them to more aggressively monetize

No, I will not pay 5 goddamn dollars for an avatar border. Stop asking.

Some filters to make Discord less shitty as its investors push them to more aggressively monetize
average discord user

For uBlock Origin:

discord.com##[aria-label="send a gift" i]
discord.com##[aria-label="open sticker picker" i]
discord.com##[aria-label="add super reaction" i]
discord.com##[class*="offerBadge"]
discord.com##div > a[href="/activities"]
discord.com##div > a[href="/store"]
discord.com##div > a[href="/shop"]
discord.com##[class*="categorySectionNitroLocked_"]
discord.com##[class*="nitroTopDividerContainer__"]
discord.com##[class*="upsellContainer__"]

For BetterDiscord (which injects into the app[1] itself):

button[aria-label="send a gift" i] {
  display: none;
}

button[aria-label="open sticker picker" i] {
  display: none;
}

button[aria-label="add super reaction" i] {
  display: none;
}

[class*="offerBadge"] {
  display: none;
}

div > a[href="/activities"] {
  display: none;
}

div > a[href="/store"] {
  display: none;
}

div > a[href="/shop"] {
  display: none;
}

[class*="categorySectionNitroLocked_"] {
  display: none;
}

[class*="nitroTopDividerContainer__"] {
  display: none;
}

[class*="upsellContainer__"] {
  display: none;
}

These will hide the "super reaction" buttons that my friends often accidentally click, the sub-newgrounds flash games button ("activities"), the button that jumps to the bad clipart tab in the gif/emoji picker, and various buttons encouraging you to spend money on Nitro or various shameful sub-Gaia-Online-quality profile cosmetics.

If you have a normal human tolerance for bad fonts that are trash garbage and hideous, you can stop here.

If you're like me, and aren't a fan of vicious and evil assaults on the eyes, and do not (as George C. Scott's character in The Exorcist 3 put it) "believe in slime, and stink, and every crawling, putrid thing, every possible ugliness and corruption," then you can also swap Discord's execrable custom font out for Source Sans 3.[2]

For BetterDiscord:

@import url('https://fonts.googleapis.com/css?family=Source%20Sans%203&display=swap');
@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');

:root {
  --font-primary: "Source Sans 3",sans-serif;
  --font-display: "Source Sans 3",sans-serif;
  --font-code: 'Inconsolata',sans-serif;
}

code {
  font-size: 16px !important;
}

For Tampermonkey or whatever userscript extension you prefer:

// ==UserScript==
// @name         Destroy Terrible Gamer Font
// @namespace    http://tampermonkey.net/
// @version      2024-04-10
// @description  god forbid i replace your piece of shit font
// @author       blorgblorgblorg
// @match        https://discord.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=discord.com
// @grant        GM_addStyle
// ==/UserScript==

GM_addStyle("@import url('https://fonts.googleapis.com/css?family=Source%20Sans%203&display=swap'); :root{ --font-primary: 'Source Sans 3',sans-serif !important; --font-display: 'Source Sans 3',sans-serif !important; --fontfix-text-stroke-width: 0px; --fontfix-text-stroke-width-messages: 0px; }");
GM_addStyle("@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap'); :root{ --font-code: 'Inconsolata',sans-serif !important;}  code { font-size: 16px !important; }");
console.log('fuck you, discord');

 

I really don't care for that Discord font.


April 10th, 2024 update

Added code to replace the new supplementary font crime "gg code" with Inconsolata. (I also jumped the code font size from 14 to 16 because it's easier for me to read.)

March 4th, 2024 update

Added three more filters to get rid of the new aggressive upselling in the emoji picker.

November 2nd update

Add this to get rid of the spammy new-server checklist nag demanding that you add a bot to your server that periodically informs you of Steam sales on SCP wiki microtransactions.

discord.com##div[class*="cardTextContainer__"]:has-text(/Add your first app/):upward([class^="cardWrapper__"]):upward(1)

November 10th update

Source Sans Pro has been superceded by Source Sans 3 and who knows how long they'll keep supporting the old URL when the font page is gone now. Also added a footnote about Stylus settings.

December 7th update

Noticed the BetterDiscord font CSS wasn't catching all the text, and realized I hadn't backported the variable stuff from stylus, so I did that.

December 8th update

Unwilling to rest on their idiot asshole laurels after fucking up the mobile app, Discord appears to have changed their Content Security Policy to block style injections?? Stylus stopped working, and even with the "Patch CSP to allow style assets" advanced setting enabled I was getting console errors about the styles being blocked by what appeared to be a CSP setting to categorically ignore whitelisted external scripts. I ended up having to make a userscript to inject the non-awful font. Preserved below is the custom CSS from the innocent beforetimes:

@import url('https://fonts.googleapis.com/css?family=Source%20Sans%203&display=swap');

:root{
    --font-primary: "Source Sans 3",sans-serif;
    --font-display: "Source Sans 3",sans-serif;

    --fontfix-text-stroke-width: 0px;
    --fontfix-text-stroke-width-messages: 0px;
}

  1. It's not actually an app, it's Electron.js, which means it's a dedicated Chrome instance displaying a web page pretending to be an app. Electron is the software equivalent of 3 raccoons in a trenchcoat insisting they are a human person. ↩︎

  2. Truly any font would be less vile than "gg sans", like the modded joke version of Comic Sans to add serifs, or that Blambot font that Penny Arcade uses to take 300 words per panel to say a videogame isn't very good. ↩︎