Discord Client Tweaks

Discord sucks. The client is slow and ugly.

This will grow, but it's changing the weight on the nicks and giving colors based on the numbers in their avatar's file name. It also hides the avatars because they're ugly.

This also tightens up the channel buffer and makes channel names red on activity. If you aren't already, be sure to enable the Favorites Server experiment.

For this CSS:

open developer tools
expand <head> and find the <style... after all of the prefetch and before all of the preload javascript
right click on <style... and Edit as HTML then paste this in above the one line that is there.
if you don't already, go into Settings > Appearance > and enable Avatars -- this is our anchor for the username colors

body {
  font-family: monospace !important;
}
div[class^="name__"] {
  font-weight: 400 !important;
}

a[aria-label^="unread"] div div {
  color: #ff5555 !important;
  font-weight: 700 !important;
}

ul[aria-label^="Channels"] li div:nth-of-type(2) {
  padding: 0px !important;
  height: 20px !important;
}

h3 span span {
  font-weight: 400 !important;
  color: #ff0000 !important;
}
h3 img {
  display: none;
}
h3 img[src*="avatars/0"] + span span {
  color: #980000 !important;
}
h3 img[src*="avatars/1"] + span span {
  color: #ff0001 !important;
}
h3 img[src*="avatars/2"] + span span {
  color: #ff9901 !important;
}
h3 img[src*="avatars/3"] + span span {
  color: #7f6100 !important;
}
h3 img[src*="avatars/4"] + span span {
  color: #6aa94f !important;
}
h3 img[src*="avatars/5"] + span span {
  color: #45818e !important;
}
h3 img[src*="avatars/6"] + span span {
  color: #3c78d8 !important;
}
h3 img[src*="avatars/7"] + span span {
  color: #0000ff !important;
}
h3 img[src*="avatars/8"] + span span {
  color: #9a00ff !important;
}
h3 img[src*="avatars/9"] + span span {
  color: #ff01ff !important;
}

boringparty/discordCSS.md