Skip to content

Instantly share code, notes, and snippets.

@DubyaDude
Last active April 13, 2026 07:00
Show Gist options
  • Select an option

  • Save DubyaDude/1ee0e8c218a22883721635dfae3e022c to your computer and use it in GitHub Desktop.

Select an option

Save DubyaDude/1ee0e8c218a22883721635dfae3e022c to your computer and use it in GitHub Desktop.
My list of annoying stuff I hide/disable in Discord using Quick CSS
/* This css has been moved due to the Vencord development team not allowing gists for import urls.
* Source css: https://github.com/DubyaDude/DubyasCleanupOfDiscord/blob/main/DubyasCleanupOfDiscord.css
*/
@import url("https://raw.githubusercontent.com/DubyaDude/DubyasCleanupOfDiscord/main/DubyasCleanupOfDiscord.css");
@Mousa-Media
Copy link
Copy Markdown

you are a lifesaver. thank you so much!

@mothdotmonster
Copy link
Copy Markdown

i love you so much thank you

@Malthbern
Copy link
Copy Markdown

Malthbern commented Mar 29, 2025

For those on Linux and don't care about the inbox or help buttons this removes the really dumb looking double title bar at the top

/* Disables the dumb top bar, mostly for Linux users*/
div [class="bar_c38106"]
{
  display: none;
}
:root
{
  --custom-app-top-bar-height: 0px;
}

@sagemono
Copy link
Copy Markdown

For those on Linux and don't care about the inbox or help buttons this removes the really dumb looking double title bar at the top

/* Disables the dumb top bar, mostly for Linux users*/
div [class="bar_c38106"]
{
  display: none;
}
:root
{
  --custom-app-top-bar-height: 0px;
}

this is great, even on windows. although this makes the server list a bit uncomfortable as this removes the top padding when removing the titlebar. i've added a 12 pixel padding (the same as the x padding) so it looks a bit more "natural". im not sure if this would persist through updates as the class name is hardcoded here. but hey, works on my machine™

/* Add 12px offset to the server list, fixes the uncomfortable look when removing the titlebar*/
nav.wrapper_ef3116 {
  padding-top: 12px;
}

@Deololis
Copy link
Copy Markdown

Hugest thanks, you saved whats left of my braincells.
Feels as if i got sent back to 2017, i wish you could do the same for mobile app.

@DubyaDude
Copy link
Copy Markdown
Author

Appreciate all the support, love hearing that others are also a little fed up with the constant addition of new sparkles Discord keeps adding.

While I do understand the general dislike of the new title bar, I'll likely pass on making modifications to that. But everyone has their own tastes, so feel free to continue sharing your css 'fixes'. I try to make the changes here stuff that most people would agree upon in terms of de-sparkling Discord, and people have rather split feelings on how the top bar should be handled.

@SupDos
Copy link
Copy Markdown

SupDos commented Apr 28, 2025

The Disable clan tag css doesn't seem to apply to messages when using the compact view, managed to fix it by adding div[class*=compact_] span[class*=clanTagChiplet_],, but not sure if that's the correct method

@DubyaDude
Copy link
Copy Markdown
Author

The Disable clan tag css doesn't seem to apply to messages when using the compact view, managed to fix it by adding div[class*=compact_] span[class*=clanTagChiplet_],, but not sure if that's the correct method

Yup, looks good to me, added to the gist, ty

@dxcvvxd
Copy link
Copy Markdown

dxcvvxd commented May 1, 2025

For those on Linux and don't care about the inbox or help buttons this removes the really dumb looking double title bar at the top

/* Disables the dumb top bar, mostly for Linux users*/
div [class="bar_c38106"]
{
  display: none;
}
:root
{
  --custom-app-top-bar-height: 0px;
}

it doesnt fully remove it, theres still some leftover 😭

image

@IAmYhvr
Copy link
Copy Markdown

IAmYhvr commented May 12, 2025

This works to fully hide the top bar for me:

.bar_c38106 {
    display: none;
}

:root {
    --custom-app-top-bar-height: 0px;
}

@freshQka
Copy link
Copy Markdown

Thank you for this.
Does anyone know how to hide JUST the server name from the titlebar?

@DubyaDude
Copy link
Copy Markdown
Author

This css has been due to the Vencord development team not allowing gists for import urls.
Source css: https://github.com/DubyaDude/DubyasCleanupOfDiscord/blob/main/DubyasCleanupOfDiscord.css

And here's the new repo:
https://github.com/DubyaDude/DubyasCleanupOfDiscord

@zmeyka3310
Copy link
Copy Markdown

For those on Linux and don't care about the inbox or help buttons this removes the really dumb looking double title bar at the top

/* Disables the dumb top bar, mostly for Linux users*/
div [class="bar_c38106"]
{
  display: none;
}
:root
{
  --custom-app-top-bar-height: 0px;
}

this is great, even on windows. although this makes the server list a bit uncomfortable as this removes the top padding when removing the titlebar. i've added a 12 pixel padding (the same as the x padding) so it looks a bit more "natural". im not sure if this would persist through updates as the class name is hardcoded here. but hey, works on my machine™

/* Add 12px offset to the server list, fixes the uncomfortable look when removing the titlebar*/
nav.wrapper_ef3116 {
  padding-top: 12px;
}

for anyone thats still here, the new thing is over at

nav.ef3116c2da186559-wrapper {
padding-top: 12px;
}

@abbyintheattic
Copy link
Copy Markdown

the code to remove avatar decorations has no effect, but the nameplate removing code also removes avatar decorations, i want to see nameplates, but not avatar decorations, how would i achieve this?

@DubyaDude
Copy link
Copy Markdown
Author

DubyaDude commented Apr 13, 2026

the code to remove avatar decorations has no effect, but the nameplate removing code also removes avatar decorations, i want to see nameplates, but not avatar decorations, how would i achieve this?

Are you sure? I just tested it, and removing the two lines under Avatar Decorations brought back* the profile icon decoration

@abbyintheattic
Copy link
Copy Markdown

Are you sure? I just tested it, and removing the two lines under Avatar Decorations brought back* the profile icon decoration

I just tried again myself, it works now? Probably just a fluke then, I suppose

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment