Custom CSS for BetterDiscord / Replugged / Vencord.

custom.css

@import url(//fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700&display=swap);
@import url(//raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/hideGlobalDiscovery.css);
@import url(//ukriu.github.io/cssCord/Other/noDistractions.css);

/* Includes variables */
:root {
  /*--server-unread-colour: 255, 255, 255;
  --server-hover-colour: 255, 255, 255;
  --server-selected-colour: var(--accent, 0, 231, 169);
  --server-spacing: 16px;
  --server-glow-intensity: 1;
  --blurple: #576aed;
  --grey:#252629;
  --lightgrey:#323438;
  --darkgrey:#17181a;
  --red:#eb4148;
  --blurple-gradient: linear-gradient(0deg, rgba(37,38,41,1) 0%, rgba(87,106,237,1) 70%);
  --darkgrey-gradient: linear-gradient(0deg, rgba(37,38,41,1) 0%, rgba(23,24,26,1) 100%);
  --radius: 12px;*/
  --font-primary: Karla, ui-sans-serif,system-ui,-apple-system,
    BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,
    sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; 
  --font-code: "Consolas", "Andale Mono WT", "Andale Mono",
    "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
    "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Monaco",
    "Courier New", "Courier", "monospace";
}

/* .theme-dark {
  --background-primary: ;
  --background-secondary: ;                   
  --background-tertiary:;           
  --border-primary: ;         
  --border-secondary: ; 
} 

 .theme-light {
  --background-primary: ;
  --background-secondary: ;
  --background-tertiary: ;
  --border-primary: ;
  --channeltextarea-background: ;
  --background-secondary-alt: ;
} */


img[class*="vatar"] {
    border-radius: 10% !important;
}

[aria-label='Send a gift'],
[class*='stickerButton'],
div[class^="tutorialContainer"]:has([aria-label="Add a Server"]),
div[class^="listItem"]:has(div[class^="pill__5"]),
[class^="channel-"] > div > [href="/store"], /* Nitro Button above DM List */
[class^="channelTextArea"] [class^="buttons-"] > button, /* Gift Button */
[class^="upsellVisible-"], /* Banner Nitro Upsell Header in the user modal */
[class^="premiumIconWrapper"], /* Nitro Icon in top right on Banners */
[class^="characterCount-"] [class*="upsell-"], /* "Send longer Messages with Discord Nitro!" */
[class^="emojiSection-"] [class*="shinyButton-"] /* "Get Nitro" button in Emoji/Sticker modal" */
{
    display: none !important;
}


/* SUPER REACTIONS */

/* removes a bunch of stuff */
[class^="message-"] div[aria-label*="super" i]:has([class^="icon-"]),
[class^="reactButtons-"] > div[aria-label*="super" i],
[class^="reactionInner-"] [class^="effectsWrapper-"],
[class^="burstReactionTooltipPrompt-"],
[class^="burstEmojiSection-"],
[class*="colorPremiumGradient-"],
button[id="super-reaction-picker-tab"],
[class^="burstGlow-"] {
  display: none;
}
/* makes super reactions not disappear on hover */
[class*="hideEmoji-"] {
  opacity: 1;
}
/* removes stuff from emoji hover popup */
[class*="burstReactionTooltipSpacer-"] {
  border: none !important;
  padding: 0px;
  margin: 0px;
}
/* makes background color the same as normal reactions in "show reactions" tab*/
[class^="reactionSelected-"] {
  background: var(--background-tertiary) !important;
}
/* disables clicking */
[class^="reactionInner-"]:is([aria-label*=" super " i]) {
  pointer-events: none;
}
/* removes shake animation */
[class*="shakeReaction-"] {
  animation: none !important;
}
div[aria-label='Add Super Reaction'] { display: none }