How To: Remove curved corners from Discord media

[Franpa]

Code: Select all

nav[aria-label="Servers sidebar"] *, li[id^="chat-messages"] * {
  border-radius: 0 !important;
}

foreignObject[mask] {
  mask: none !important;
}

Needed addon (choose for Firefox or Chrome):
(Stylish add-on) https://chrome.google.com/webstore/deta ... leoegfcffe
(Stylish add-on) https://addons.mozilla.org/en-US/firefox/addon/stylish/

Create a new Style with the above code and apply it to the domain discord.com.

Code figured out by Bored#9697 on Discord.

alternatively:

Code: Select all

    div[data-dnd-name][class^="blobContainer"] *, li[id^="chat-messages"] *, li[class^="channel"][class*="container"] *, aside[class^="membersWrap"] *, div[class^="peopleList"] * {
        border-radius: 0 !important;
    }

    div[data-dnd-name][class^="blobContainer"] foreignObject[mask], li[class^="channel"][class*="container"] foreignObject[mask], aside[class^="membersWrap"] foreignObject[mask], div[class^="peopleList"] foreignObject[mask] {
        mask: none !important;
    }

If you want functionality icons in the server bar to remain rounded (Direct Messages, Add Server, server folder etc.)