dotfiles/discord/data/stable/custom.scss

52 lines
1.7 KiB
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;
}