Skip to content

Instantly share code, notes, and snippets.

@markerikson
Last active February 26, 2021 08:49
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save markerikson/cfb422d030cf450e8a94 to your computer and use it in GitHub Desktop.
Save markerikson/cfb422d030cf450e8a94 to your computer and use it in GitHub Desktop.
Discord CSS tweaks
@namespace url(http://www.w3.org/1999/xhtml);
/*
Hides Discord elements which aren't needed if you're using it solely for
Reactiflux text chat.
*/
@-moz-document domain("discordapp.com") {
/* Allow text selection ಠ_ಠ */
body {
-moz-user-select: text;
}
/* Fix overflow issue in Firefox */
.scroller-wrap {
/*overflow: auto;*/
}
/*
.message-group.compact .message .message-text .markup,
.message-group.compact .message .message-text .markup .user-name {
*/
/*div.messages {*/
div[class^="content-"],
div[class^="markup-"],
div[class^="markup-"] pre,
span[class^="username-"]{
font-size: 14px !important;
}
/*
div.content form textarea,
div.edit-message textarea
*/
div[class^="channelTextArea-"] textarea{
padding-top: 5px;
padding-bottom: 5px;
min-height: 50px;
font-size: 14px !important;
}
div[class^="containerDefault-"] {
padding-top: 5px
}
div[class^="wrapperUnreadText-"],
div[class^="wrapperDefaultText-"],
div[class^="wrapperHoveredText-"],
div[class^="wrapperSelectedText-"],
div[class^="contentUnreadText-"],
div[class^="contentDefaultText-"],
div[class^="contentHoveredText-"],
div[class^="contentSelectedText-"],
div[class^="nameUnreadText-"],
div[class^="nameDefaultText-"],
div[class^="nameHoveredText-"],
div[class^="nameSelectedText-"] {
height: 24px !important;
line-height: 24px !important;
}
}
@-moz-document url-prefix("https://discordapp.com/channels") {
/* Only display the User Settings control in the account section */
.account {
height: auto;
}
.account .avatar-small,
.account .username,
.account .btn-mute,
.account .btn-deafen {
display: none;
}
.account .btn-group {
flex-grow: 1;
text-align: right;
}
/* Hide... */
/* Voice channels */
.channel-voice,
/* "Text/Voice" channel headers */
.guild-channels header,
/* Reactiflux header */
.guild-header,
/* Channel sidebar */
/*.guilds-wrapper,*/
/* Support/Change Log/Download App links */
.links
/* Member list */
/*
.channel-members-wrap*/ {
display: none !important;
}
/* Remove top padding from the channel list */
.guild-channels {
padding-top: 0;
}
}
@-moz-document url-prefix("https://discordapp.com/channels/@me") {
.guilds-wrapper {
display: block;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment