Skip to content

Instantly share code, notes, and snippets.

@TheBunnyMan123
Last active August 19, 2024 22:16
Show Gist options
  • Save TheBunnyMan123/6315b2b6db6096ae8485736b4ebbceff to your computer and use it in GitHub Desktop.
Save TheBunnyMan123/6315b2b6db6096ae8485736b4ebbceff to your computer and use it in GitHub Desktop.
Square Corners discord theme
/* *
* @name Square Corners
* @author TheKillerBunny
* @description Squares off corners
* @version 1.0
* @license MIT
* @source https://gist.github.com/TheBunnyMan123/6315b2b6db6096ae8485736b4ebbceff
*/
nav[class*="guilds"] * {
border-radius: 0;
}
nav[class*="guilds"] svg:has(foreignObject) {
border: solid #11111b;
border-width: 2px;
border-radius: 0;
}
nav[class*="guilds"] img {
transform: 0 !important;
}
div[class*="avatar"] div svg circle {
opacity: 0 !important;
}
img[class*="avatar"] {
border-radius: 0;
}
div[class*="avatarStack"]:has(img[class*="avatar"]) img {
border: none !important;
transform: none !important;
}
div:has(img[class*="avatar"]):has(div[class*="markup"]) :not(:has(img[class*="icon"])) img {
border: solid #11111b;
border-width: 2px;
border-radius: 0;
transform: translate(-2px, -2px);
}
div:has(img[class*="avatar"]):has(div[class*="markup"]) img[class*="replyAvatar"] {
transform: translate(0) !important;
}
div[class*="avatarStack"] {
mask: none;
}
*[class*="avatarDecoration"] {
opacity: 0;
}
foreignObject[mask*="url(#"] {
mask: none;
border-radius: 0;
}
rect[class*="pointerEvents"] {
stroke: #11111b;
stroke-width: 2px;
border-radius: 0;
mask: none;
}
svg:has(rect[class*="pointerEvents"]) foreignObject {
border: solid #11111b;
border-width: 2px;
}
svg:has(rect[class*="pointerEvents"]) svg rect {
rx: 0;
ry: 0;
}
div[class*="callAvatarMaskContainer"] div {
border-radius: 0;
}
svg:has(foreignObject):has(div[data-list-item-id*="guildsnav___"]):has(svg) {
border: solid #11111b;
border-width: 2px;
}
svg:has(foreignObject):has(div[data-list-item-id*="guildsnav___"]):has(svg) svg {
border: none;
}
div[class*="avatarStack"]::after {
border-radius: 0;
}
div[class*="avatar"]:has(img[class*="circularImage"]):not(:has(div[class*="avatarStack"])) img {
transform: translate(0, 0) !important;
border: none !important;
}
div[class*="avatar"]:has(img[class*="circularImage"]):not(:has(div[class*="avatarStack"])) svg {
border: solid #11111b;
border-width: 2px;
scale: 90%;
transform: translate(-2px, -2px) !important;
}
a[aria-label*="group"] div[class*="avatar"]:has(div[class*="avatarStack"]) {
border: solid #11111b;
border-width: 2px;
scale: 90%;
transform: translate(-2px) !important;
}
img[data-type="sticker"] {
border: none !important;
transform: none !important;
}
img[data-type="emoji"] {
border: none !important;
transform: none !important;
}
div[class*="message"] img[class*="lazyImg"] {
border: none !important;
transform: none !important;
}
img[class*="badge"] {
border: none !important;
transform: none !important;
}
ul[data-list-id="attachments"] img {
border: none !important;
transform: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment