- CSS 100%
| DisblockOrigin.theme.css | Hide "Play Again" activities in the DMs list | |
| logo.svg | feat: add branding | |
| README.md | Clarify the settings usage with an example | |
Disblock Origin
An ad-blocker "Theme" for Discord that hides all Nitro and "boost" upsells, alongside some annoyances.
Installation
Use your favorite client mod (such as Vencord) to add the theme. You can use this URL, which mirrors the files on the repo:
https://allpurposem.at/disblock/DisblockOrigin.theme.css
To see whether Disblock Origin is properly installed, check for the logo at the bottom of the settings sidebar next to Discord's social logos, you should see a Disblock Origin logo to let you know it's working.
Customization
Certain features of Disblock Origin are cutomizable by overriding settings listed at the top of the theme file:
/* ----------------------------------------- */
/* Settings. Override these in your QuickCSS */
/* Possible values by type:
* - bool: true, false
* - display: none, unset
* NOTE: type is at the start of the name */
/* ----------------------------------------- */
:root {
--display-badges: none; /* Nitro and Booster badges on user profiles */
--display-gif-button: none; /* GIF button in chat bar */
--display-sticker-buttons: none; /* Sticker button in chat bar & emoji picker */
--display-hover-reaction-emoji: unset; /* Emoji suggestions on message hover */
--display-app-launcher: none; /* App launcher right of chat bar */
--bool-super-reaction-hide-anim: true; /* Replace Super Reactions with a blink animation */
--display-super-reactions: unset; /* Hide super reactions entirely */
--display-profile-effects: none; /* Avatar decorations & profile effects */
--display-active-now: unset; /* Active Now column in friends list */
--display-server-settings-boost-tab: none; /* Server settings menu Boost tab */
--display-settings-billing-header: unset; /* Settings menu Billing Settings header */
--display-settings-nitro-tab: none; /* Settings menu Nitro tab */
--display-settings-server-boost-tab: none; /* Settings menu Server Boost tab */
--display-settings-subscriptions-tab: none; /* Settings menu Subscriptions tab */
--display-settings-gift-inventory-tab: unset; /* Settings menu Gift Inventory tab */
--display-settings-billing-tab: none; /* Settings menu Billing tab */
}
To change a setting, copy and paste the :root block into your custom CSS (accessible on Vencord via Local Themes > Edit QuickCSS), and any variables you want changed. Use none to hide something, and unset to show it.
For example, to show the GIF button in the chat box, you can use the following snippet in your custom CSS:
:root {
/* disable hiding the GIF picker button */
--display-gif-button: unset;
}