Custom discord theme

better-discord.css

/* -- Hide "Blocked Messages" frames -- */

.messageGroupBlocked-3wrQQX {
  display: none !important;
}

/* -- Reduce message input box margins -- */

/* .chat-3bRxxu form {
  margin: 0px 10px !important;
} */

/* .channelTextArea-1LDbYG {
  margin-bottom: 30px !important;
  padding-top: 6px !important;
} */

/* -- Bring back blue tooltips -- */

/* .tooltipBlack-PPG47z {
  color: #FFFFFF !important;
  background-color: #728ADA !important;
  padding: 6px 8px !important;
}

.tooltipBlack-PPG47z .tooltipPointer-3ZfirK {
  border-top-color: #728ADA !important;
} */

/* -- Fix for Japanese fonts -- */

body, span, input, textarea, button {
  font-family: Whitney,"Helvetica Neue",Helvetica,Arial,"Meiryo UI",sans-serif !important;
}

code, code span {
  font-family: "Fira Code",Menlo,Consolas,Monaco,monospace,Meiryo !important;
}

code.inline {
  font-family: "Fira Code",Consolas,"Liberation Mono",Menlo,Courier,monospace,Meiryo !important;
}

/* -- Unfuck word wrapping retardation -- */

code[class*="scrollbar-"] {
  white-space: pre-wrap !important;
}

/* -- Reduce channel list spacing -- */

/* Stupid class name :( */
/* .containerDefault-3GGEv_ {
  padding-top: 10px !important;
} */

/* -- Reduce message group spacing -- */

/* .messages-3amgkR > .containerCozy-jafyvG {
  padding: 6px 0px !important;
  margin-bottom: 0;
} */

/* .messages-3amgkR > .containerCozy-jafyvG .divider-32i8lo {
  margin: 6px 20px -6px !important;
} */

/* -- Adjust spacing of message elements  -- */

/* .messages-3amgkR > .containerCozy-jafyvG .avatar-17mtNa {
  margin: -2px 15px 6px !important;
}

.messages-3amgkR > .containerCozy-jafyvG .contentCozy-3XX413 {
  margin-left: 70px !important;
} */

/* -- Reduce member list spacing -- */

/* .members-1998pB > .membersGroup-v9BXpm {
  height: auto !important;
  padding-top: 10px !important;
} */

/* -- Expand emoji picker height -- */

.emojiPicker-3m1S-j .scroller-3vODG7,
.emojiPicker-3m1S-j .no-search-results {
  height: 500px !important;
}

/* -- Unfuck avatars -- */

.icon-27yU2q,
.image-33JSyf,
.wrapper-2F3Zv8,
.inner-1W0Bkn,
.avatar-3elDyV,
.avatarHint-1qgaV3,
.avatarDefault-35WC3R,
.avatarSpeaking-1wJCNq,
.embedFooterIcon-239O1f,
.embedAuthorIcon--1zR3L,
.avatarUploaderInner-3UNxY3,
.wrapper-2lTRaf,
.container-2td-dC *,
.circleIconButton-jET_ig,
.button-OhfaWu.wrapper-1BJsBx {
  border-radius: 15% !important;
}

.mask-3OgeRz,
.svg-1X37T1 > foreignObject {
  mask: none !important;
  -webkit-mask: none !important;
}

/* -- Unfuck role indicators -- */

li[class*="role-"],
button[class*="role-"] {
  border-radius: 4px !important;
  border-width: 2px !important;
}

div[class*="roleCircle-"],
button[class*="roleCircle-"] {
  border-radius: 2px !important;
}

div[class*="roleName-"] {
  font-weight: normal !important;
}

/* -- Fix bad emoji/text alignment, WTF -- */

.emoji {
  margin: 0 1px !important;
}

/* -- Make status and ping icons look less crap -- */

.status-oxiHuE,
.numberBadge-2s8kKX {
  border-width: 1px !important;
  border-radius: 0 !important;
}

/* -- Extend embed color bar width -- */

.embed-IeVjo6 .embedPill-1Zntps {
  width: 8px !important;
}

/* -- Prevent dumb stupid tall unicode characters in usernames from overflowing -- */

/* .headerCozyMeta-rdohGq {
  overflow: hidden !important;
  line-height: 1.2em !important;
  margin-top: -0.15em !important;
} */

/* -- Reduce gap between reactions and message text -- */

/* .reactions-1xb2Ex {
  margin-top: 2px !important;
} */

/* .containerCozy-B4noqO {
  margin-bottom: 0 !important;
} */

/* -- Hide idiotic "Gift Nitro" button from text entry -- */

/* Stupid selector */
.buttons-205you button[tabindex="2"] {
  display: none !important;
}

/* -- Custom Theme™ -- */

.titleBar-AC4pGV,
.layers-3iHuyZ .layer-3QrUeG {
  background-color: #333 !important;
  /* https://cdn.discordapp.com/attachments/364362377501736961/364411286681026560/795415.png */
  background-image: url("https://cdn.discordapp.com/attachments/364362377501736961/556165401260851212/UltraNNBV.jpg") !important;
  background-size: cover !important;
  background-blend-mode: multiply !important;
  background-position: 0 -50px !important;
}

.typeWindows-1za-n7 {
  margin-top: 0 !important;
  padding-top: 4px !important;
  border-bottom: 1px solid black !important;
}

/* Bullshit */
.root-1BQpZw,
.container-2lgZY8,
.channels-Ie2l6A,
.container-PNkimc,
.wrapper-1Rf91z,
.title-3qD0b-,
.headerBar-UHpsPw,
.channels-wrap,
.channels-wrap > div,
.chat-3bRxxu,
.chat-3bRxxu > .title-wrap,
.chat-3bRxxu > .content-yTz4x3,
.channel-members,
.members-1998pB,
.messagesWrapper-3lZDfY,
.activityFeed-28jde9,
.card-7JP0BX,
.chat-3bRxxu form,
.chat-3bRxxu form *[class*="typing-"],
.privateChannels-1nO12o .searchBar-2_Yu-C,
.container-3gCOGc,
.markup-2BOw-j pre code,
.messageGroupBlockedBtn-1PBBh-,
div[class*="noChannel-"],
.gameLibrary-TTDw4Y,
.gameLibrary-TTDw4Y .header-39GIC8,
.gameUpdates-2GPqBU,
.applicationStore-1pNvnv {
  background-color: transparent !important;
}

.searchBar-3dMhjb,
.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU,
.wrapper-1ucjTd.modeSelected-1zApJ_:hover .content-3at_AU {
  background-color: rgba(79,84,92,0.66) !important;
}

.card-7JP0BX .header-1RC2Wb {
  background-color: rgba(79,84,92,0.3) !important;
}

.wrapper-1Rf91z,
.channels-Ie2l6A {
  border-right: 1px solid rgba(0,0,0,0.20) !important;
}

.container-2Thooq {
  border-left: 1px solid rgba(0,0,0,0.20) !important;
}

.channels-Ie2l6A > div:last-child {
  border-top: 1px solid rgba(0,0,0,0.20) !important;
}

.markup-2BOw-j pre,
.markup-2BOw-j code.inline,
.wrapper-2lTRaf,
.privateChannels-1nO12o .container-2XeR5Z,
.circleIconButton-jET_ig {
  background-color: rgba(0,0,0,0.33) !important;
}

.invite-button,
.message-group .embed,
.messageGroupBlocked-3wrQQX,
.has-more > button,
.messages-3amgkR .divider-3gKybi span {
  background-color: rgba(0,0,0,0.33) !important;
  border-color: #000 !important;
}

/* Stupid class name :( */
div[class*="autocomplete-"] {
  background-color: rgba(24,24,28,0.75) !important;
  border-color: #000 !important;
}

/* Stupid class name :( */
.theme-brand div[class*="autocomplete-"] {
  background-color: #fff !important;
}

.searchAnswer-3Dz2-q,
.searchFilter-2ESiM3 {
  background-color: #506098 !important;
}

/* -- Toolbar adjustments -- */

/* .container-1r6BKw {
  height: 40px;
} */

/* .searchBar-3dMhjb {
  width: 160px;
  padding: 2px 4px;
  height: 28px;
} */

/* -- Remove useless shit -- */

.children-19S4PO:after,
.toolbar-1t6TWx > a.anchor-3Z-8Bb {
  display: none;
}

/* --- Yeet. --- */

.theme-light *::after {
  display: block;
  position: absolute;

  z-index: 99999;
  color: #FF0000;
  background-color: #000000;
  content: "Use dark theme ya dingus!";
}

.theme-light * {
  overflow: visible;
}

/* !! EXPERIMENTAL AREA BELOW THIS POINT !! */

/* -- Unhide spoilers -- */

.spoilerText-3p6IlD:not(.hidden-HHr2R9) {
  cursor: text !important;
  background-color: transparent !important;
}

.spoilerText-3p6IlD:not(.hidden-HHr2R9) .inlineContent-3ZjPuv {
  opacity: 1.0 !important;
}

.spoilerText-3p6IlD:not(.hidden-HHr2R9) .inline-2bgipb {
  visibility: visible !important;
}

.spoilerContainer-331r0R:not(.hidden-HHr2R9) .spoiler-1PPAUc {
  filter: none !important;
  -webkit-filter: none !important;
}

.spoilerText-3p6IlD:not(.hidden-HHr2R9),
.spoilerContainer-331r0R:not(.hidden-HHr2R9) {
  border: 1px solid #728ADA !important;
}

.spoilerContainer-331r0R.hidden-HHr2R9 {
  border: 1px solid #FF7070 !important;
}