dotfiles/discord/data/stable/custom.scss

// --- hide nitro and other nonsense
// -- "Send a gift!" chat window button
button[aria-label="Send a gift"],
// -- literally any super reacts ever, hopefully
div.reactionInner__4135b[aria-label*="press to super react"],
// -- stuff encouraging buying avatar frames
.container_d6bff4,
// -- hide "select avatar decoration" in profile edit
div.sectionsContainer_a37883 > div.customizationSection__16fec:nth-child(4),
// -- hide "change profile effect"
div.sectionsContainer_a37883 > div.customizationSection__16fec:nth-child(5),
// -- hide "try out nitro!"
div.tryItOutSection__0f9fb {
  display: none;
  width: 0;
  height: 0;
}

// --- hide other shit i find annoying
// -- snowsgiving snow animation and etc on DMs button
.childWrapper__01b9c:before, .childWrapper__01b9c:after {
  background-image: none !important;
  animation: none !important;
}
// --- SQUARE ICONS
// -- border radius vars
$small: 4px;
$medium: $small;
$large: 6px;

// -- clear mask that makes icons round in various spots
foreignObject[mask*="url(#"] {
  mask: none;
  //! SIDENOTE: while this removes the rounding, it also removes any cutout for the status icon. i'm going to be frank and say i think this looks like shit. i will look into crafting my own SVG instead at some point if i can, as an alternative to just entirely clearing it (but i'll still be using border rads for custom icon rounding)
  //! NOTE 2: check the SVG masks for avatar frames! they might help
}

// -- now apply border rads
// - user list icons (DM list, server member list)
.wrapper_edb6e0 svg foreignObject {
  border-radius: $small;
}

// - user icons in chat
.avatar__08316 {
  border-radius: $medium;
}

// - profile modal icons
.clickable__35918 svg foreignObject {
  border-radius: $large;
}