request: hide your own nameplate in the account area

[Rinkerbel]

Thanks for the css, my discord looks a lot calmer now!
If you could add css for hiding the nameplate on the usermodal, that'd make me happy <3

[abbie]

Sure thing, I will look into it sometime this week. If it ends up being longer than that without any updates from me, feel free to post another reply to this to make sure I haven't forgot about it.

[abbie]

@Rinkerbel I do not own any nameplates myself and was unable to quickly find a way to spoof one in the user area for testing purposes. If you are able to, could you please paste this at the bottom of your Vencord QuickCSS and let me know if it correctly hides the nameplate?

div[class*="sidebar_"] > section[aria-label] div[class*="container"]:has(> div[class*="videoContainer"]) {
		display: none;
}

[Rinkerbel]

@abbie almost the right selector! I stopped being lazy yesterday and did 80% of the CSS but got hit by a bout of stomach flu 😔
I'll be contributing probably later today

[Rinkerbel]

Your selector did actually work but only on Windows, on Linux it's done different apparently. This selector should work on both platforms.
Other rules are for when you hover over the modal because the hover effect would still contain a different color based on your nameplate. Same for the mic and headphone button in their muted and hovered state.

div[class^="sidebar_"] > section[aria-label] > div[class^="container"] {
  > :has([src^="https://cdn.discordapp.com/media/v1/collectibles-shop"]) {
    display: none;
  }

  > div[class*="plated"]:hover {
    background-color: var(--background-mod-normal) !important;
  }

  > div[class^="buttons"] {
    > div {
      > [class*="plateMuted"] {
        background-color: var(--opacity-red-12) !important;
        -webkit-backdrop-filter: unset !important;
        backdrop-filter: unset !important;
      }
      > [class*="plateMuted"]:hover {
        background-color: var(--opacity-red-24) !important;
        -webkit-backdrop-filter: unset !important;
        backdrop-filter: unset !important;
      }
      > [class*="plated"]:not([class*="plateMuted"]):hover {
        background-color: var(--interactive-background-selected) !important;
        -webkit-backdrop-filter: unset !important;
        backdrop-filter: unset !important;
      }
    }
    > button:hover {
      background-color: var(--interactive-background-selected) !important;
      -webkit-backdrop-filter: unset !important;
      backdrop-filter: unset !important;
    }
  }
}