Skip to content

Instantly share code, notes, and snippets.

@zoetrope69
Last active June 4, 2023 23:46
Show Gist options
  • Save zoetrope69/6eae47462673e9960b197693be3064ea to your computer and use it in GitHub Desktop.
Save zoetrope69/6eae47462673e9960b197693be3064ea to your computer and use it in GitHub Desktop.
Remove Super Reaction from Discord (BetterDiscord Custom CSS)
/**
* Remove super reaction guff
*/
/*
target reactions with custom background
+ remove background
+ change cursor to ?
*/
[class^="reaction-"][style*="background:"],
[class*=" reaction-"][style*="background:"] {
background: none !important;
cursor: help;
}
/* dont hide border on click */
[class^="reaction-"][style*="background:"]:hover,
[class*=" reaction-"][style*="background:"]:hover {
border-color: hsl(var(--white-500-hsl)/.2) !important;
}
/* stop button from being clickable */
[class^="reaction-"][style*="background:"] [role="button"],
[class*=" reaction-"][style*="background:"] [role="button"] {
pointer-events: none;
}
/* remove super reaction shake */
[class^="shakeReaction-"],
[class*=" shakeReaction-"] {
animation: none !important;
}
/* remove super reaction glow */
[class^="burstGlow-"],
[class*=" burstGlow-"] {
box-shadow: none !important;
}
/* remove super reaction effects */
[class^="effectsWrapper-"],
[class*=" effectsWrapper-"] {
display: none !important;
}
/* don't hide emoji for super reaciton effect */
[class^="hideEmoji-"],
[class*=" hideEmoji-"] {
opacity: 1 !important;
}
/* remove upsell on super reactions */
[class^="burstReactionTooltipSpacer-"],
[class*=" burstReactionTooltipSpacer-"] {
border: none !important;
margin-bottom: 0;
padding-bottom: 0;
}
[class^="burstReactionTooltipPrompt-"],
[class*=" burstReactionTooltipPrompt-"] {
display: none !important;
}
/* hide 'Add Super Reaction' quick action */
[aria-label="Add Super Reaction"] {
display: none !important;
}
/* remove 'Get Super Reactions' from quick menu */
[aria-label="Message Actions"] [class^="colorPremiumGradient-"],
[aria-label="Message Actions"] [class*=" colorPremiumGradient-"] {
display: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment