Hide all Nitro & Boost upsells in Discord!

DisblockOrigin.theme.css

/**
 * @name Adblock for Discord
 * @author TheSunCat and contributors
 * @version 1.0.0
 * @description Hide all Nitro & Boost upsells on Discord!
 * @source https://gist.github.com/TheSunCat/58fedaa19d6154ef3e4b2b676c286906
 */

/* ------------------ */
/* Hide Nitro upsells */
/* ------------------ */

/* [Text Chat][Textarea] Gift Nitro */
/* NOTE: risky, but seems ok for now */
div[class*="channelTextArea_"] div[class*="buttons_"] > button { display: none; }

/* [Home][Sidebar] Hide Nitro button */
a[data-list-item-id$="___nitro"] { display: none; }

/* [Home][Sidebar] Hide shop button */
a[data-list-item-id$="___shop"] { display: none; }

/* TODO: join more than 100 servers upsell */

/* [Settings][Sidebar] Hide Nitro tabs */
div[class*="header_"]:has(+ div[class*="premiumTab_"]) { display: none; }  /* Billing Settings header */
div[class*="premiumTab_"] { display: none; } /* Nitro */
div[class*="premiumTab_"] + div { display: none; } /* Server Boost */
div[class*="premiumTab_"] + div + div { display: none; } /* Subscriptions */
div[class*="premiumTab_"] + div + div + div { display: none; } /* Gift Inventory */
div[class*="premiumTab_"] + div + div + div + div { display: none; } /* Billing */
div[class*="premiumTab_"] + div + div + div + div + div { display: none; } /* Seperator */

/* [Settings][Sidebar] Disable Nitro tab customization (If you want to have Nitro tabs enabled) */
div[class*="premiumTab"] div[class*="premiumLabel"] svg { display: none; }
div[class*="premiumTab"] div[class*="background"] { display: none; }

/* [Settings][Profiles] Make unique profiles for each server box */
div[class*="upsellOverlayContainer_"] { display: none; }

/* [Settings][Profiles] Choose a GIF avatar */
div[class^="optionBox"]:has(div[class^="text-sm-semibold"] > div[class^="optionBoxText"] > div[class^="optionBoxDescription"] > div[class^="nitroWheelFlairContainer"]) { display: none; }

/* [Settings][Profiles] Remove locked and exclusive to Nitro decorations and effects */
div[class*="decorationGridItem"]:has(div[class*="iconBadge"]) { display: none; } /* Decorations */
div[class*="effectGridItem"]:has(div[class*="iconBadge"]) { display: none; } /* Effects */

/* [Settings][Profiles] Try out Nitro! box */
div[class^="premiumFeatureBorder"] { display: none; }

/* [Settings][Profiles] New style ad */
#profile-customization-tab > div[class^="container"]:has(button[class*="colorBrand"]) { display: none; }

/* [Settings][Profiles] Per server avatar */
div[class^="imageUploaderInner"] + div[class^="imageUploaderHint"] { display: none; }
div[class^="imageUploaderInner"] + div[class^="imageUploaderHint"] + div[class^="imageUploaderIcon"]{ display: none; }
div[class^="imageUploaderInner"]:has( + div[class^="imageUploaderHint"]) * { display: none; }
div[class^="avatarUploader"]:has(div[class^="imageUploaderHint"]) { pointer-events: none; }

/* [Settings][Profiles] Hide profile customization ad in banners */
div[class^="bannerNitroUpsell"] { display: none;}

/* [Settings][Voice & Video] Soundboard entrance sounds */
div[id="voice-&-video-tab"] div[class*="callSoundsDivider_"] ~ * { display: none; }

/* [Settings][Appearance] Nitro app icons */
div[class^="selectionGroup"]:has(div[class*="appIconSelectionContainer"]):has(div[class*="premiumSubscribeButton_"]) { display: none; }

/* [Settings][Appearance] Nitro themes */
section[class*="basicThemeSelectors_"] + *:has(div[class*="premiumSubscribeButton_"]) { display: none; }

/* [Text Chat][Textarea] Hide message size upsell */
div[class^="characterCount"] > div[class*="upsell_"] { display: none; }

/* [Voice Chat][Screen Share] Hide Screen Share quality upsells */
div[class*="qualitySettingsContainer_"] button[class*="selectorButtonPremiumRequired_"] { display: none; }
div[class*="qualitySettingsContainer_"] div[class*="upsellBanner_"] { display: none; }

/* [User Profile] Hide nitro icon on the top right in profile banners */
div[class^="premiumIconWrapper"] { display: none; }

/* [User Profile] Hide "Level up your look" ad in account profile popout */
div[class*="hasCollectiblesUpsell"] > div[class ^="userPopoutInner"] > div[class*="animation_"] { display: none; }

/* [User Profile] Hide "Gift Nitro" button in DM User Profile sidebar */
button[class*=" giftButton"] { display: none; }

/* [Emoji] "Get nitro" button */
div[id^="popout_"] div[class*="emojiSection_"] button[class*="shinyButton"]:has(div[class*="premiumSubscribeButton"]) { display: none; }

/* [Emoji] "Powered by nitro" text */
div[class^=nitroTextAndBadge] { display: none; }

/* [Emoji] Hide "Custom emojis" Nitro text from hover tooltip */
div[class^=tooltipPremiumContent] { display: none; }

/* [Emoji] Emoji autocomplete upsell (wowww this stoops low, even for them) */
div[class^="nitroTopDividerContainer"], div[class^="nitroTopDividerContainer"] ~ div { display: none; }

/* [Emoji] Hide the 'Unlock these emoji with Nitro' in emoji picker */
div[class^=upsellContainer] { display: none; }

/* [Emoji] Remove the purple background in the emoji picker and autocomplete */
div[class*=categorySectionNitroLocked] { background-color: unset !important; }

/* [Emoji] Remove the purple divider at the bottom of the emoji picker*/
div[class^=nitroBottomDivider] { display: none; }

/* [Emoji] Hide the lock icon on servers icon in the emoji picker */
div[class^=categoryItemLockIconContainer] { display: none; }

/* [Emoji] Hide the lock icon on emoji in the emoji picker */
div[class^=emojiLockIconContainer] { display: none; }

/* [Emoji] Restore old grayscale filter on Nitro emojis so you don't accidentally click them and get an ad */
div[class*=categorySectionNitroLocked] > ul > li > button > img[class^="lockedEmoji"] { filter: grayscale(); }

/* [Emoji] Grayscale for emoji that are simply locked and not in the Nitro section */
button:has(div[class^=emojiLockIconContainer]) { filter: grayscale(); }

/* Avatar decorations upsell */
/* TODO: I couldn't find where this is? */
div[class*="userProfileInner_"] > div:has(div[aria-label="Go to Shop"]) { display: none; }

/* ------------- */
/* Server boosts */
/* ------------- */

/* [Channels Sidebar] Server Boost button in top left dropdown */
div[role="group"]:has(div[id="guild-header-popout-premium-subscribe"]) { display: none; }
div[role="group"]:has(div[id="guild-header-popout-premium-subscribe"]) + div[role="separator"] { display: none; }

/* [Server settings] Boost tab */
div[class^="serverBoostTabItem"] { display: none; }
div[class^="serverBoostTabItem"] + div[class^="separator"] { display: none; }

/* [Server settings] Overview */
#overview-tab div[class^="divider"]:has( > div > div > div[class^="upsell"]) { display: none; }

/* TODO: Hide role icon in Roles tab when we don't have boost lvl 2 */

/* Server settings: Stickers tab */
/* NOTE: risky, but seems ok for now */
#stickers-tab div[class^="children_"] > div[class^="upsellContainer"] { display: none; }
#stickers-tab div[class^="children_"] > div[class^="upsellContainer"] + div[class*="divider_"] { display: none; }
#stickers-tab div[class*="tier_"]:has(div[class^="tierHeaderLocked"]) { display: none; }
#stickers-tab div[class^="tierInProgress"] { display: none; }

/* Server settings: Custom Invite Link tab */
#vanity_url-tab button[class^="shinyButton"]:has(div[class*="upsellButton"]) { display: none; }

/* Boost progress bar */
/* NOTE: risky, but seems ok for now */
div[class^="sidebar_"] ul[class^="content_"] > li > div[role="button"][class^="container_"]:has(div[class^="progressBarContainer_"]) { display: none; }

/* TODO: would be nice to hide disabled soundboard sounds & emojis
 * However, looks like it needs to be done on the JS level. This is too buggy...
div[class*="premiumDisabled_"] {display:none;}*/

/* --------------- */
/* Super reactions */
/* --------------- */

/* Super reactions button */
button[id="super-reaction-picker-tab"] { display: none; }

/* Super reaction animation */
div[class*="shakeReaction"] { animation: none !important; }
div[class^="reactionInner"] > div > div[class^="effectsWrapper"] { display: none; }
img[class*="hideEmoji"] { animation: blink-emoji 1s linear infinite; opacity: 255; }
@keyframes blink-emoji {  
  50% { opacity: 0; }
}

/* Add Super Reaction menu item */
#message-add-reaction-1 { display: none; }
#message-actions-add-reaction-1 { display: none; }
div[aria-label="Add Super Reaction"] { display: none; }

/* Upsell when hovering a Super Reaction */
div[class^="burstReactionTooltipPrompt"] { display: none; }

/* --------------------------------- */
/* Quests (straight up paid ads lol) */
/* --------------------------------- */

/* Hide quests from the gift inventory */
div[class^="questsContainer"] > * { display: none; }

/* Completed quest profile badge (doesn't provide any use so...) */
a[aria-label^="Completed a Quest"] { display: none; }

/* Ad area above username */
section[class^="panels"] > div[class^="wrapper"] > div:has(div[class^="questUnacceptedContent"]) { display: none; }

/* ------------------ */
/* General annoyances */
/* ------------------ */

/* Chatbox buttons */
button[aria-label="Open GIF picker"] { display: none; }
button[aria-label="Open sticker picker"] { display: none; }

/* Stickers tab in emoji/GIF picker (can always be opened if needed with Ctrl+S) */
button[id="sticker-picker-tab"] { display: none; }

/* Avatar decorations */
svg[class*="avatarDecoration_"] { display: none; }
img[class^="avatarDecoration_"] { display: none; }

/* Profile effects */
div[class^="profileEffects"] { display: none; }

/* Animated "Activities" hover effect in calls */
/* NOTE: would be nice to disable the white hover effect,
 * but that'd break when you're actually in an activity */ 
div[aria-labelledby^="vc-activities"] { display: none; }

/* Bugfix laggy server scroll */
div[data-dnd-name] > div[class^="wrapper"] svg { overflow: hidden; }

/* [Toolbar] Hide Help button */
div[class^="subtitleContainer_"] div[class^="toolbar_"] a[href="https://support.discord.com"] { display: none; }

/* Hide explore servers button */
div[aria-label="Servers"] + div + div { display: none; }

/* Hide download button in web version */
div[aria-label="Servers"] + div[class^="tutorialContainer"] + div + div { display: none; } /* separator */
div[aria-label="Servers"] + div[class^="tutorialContainer"] + div + div + div { display: none; } /* button & click target */

/* [Home] Hide Library button */
a[data-list-item-id$="___library"] { display: none; }

/* Nitro profile badges */
/*a[aria-label^="Subscriber since"], a[aria-label^="Early Supporter"] { display: none; }*/

/* Server booster profile badge */
/* a[aria-label^="Server boosting since"] { display: none; } */

/* Server booster member list badge */
/* svg[aria-label^="Server boosting since"] { display: none; } */

/* Hide all super reactions entirely */
/* div[id*="message-reactions"] div:has(div div[aria-label*="super reaction"]) { display: none; } */

/* Hide "Active Now" sidebar in friends list */
/* div[class^="nowPlayingColumn"] { display: none; } */