Instantly share code, notes, and snippets.

@hexjelly /example.css Secret
Last active Sep 22, 2016

Embed
What would you like to do?
better discord css
/* messages */
/* normal mode */
.message-group:not(.compact) {
margin: 0 0 0 7px;
padding: 4px;
border: none;
}
.message-group .comment .markup {
margin-top: 3px;
font-family: 'dejavu sans mono';
font-size: 14px;
line-height: 1.1em;
}
.message-group h2 {
margin-bottom: 3px;
}
.message-group h2 .timestamp {
font-family: 'dejavu sans mono';
font-size: 14px;
}
.message-group .avatar-large {
margin: 0px 10px 0px 0px;
width: 35px;
height: 35px;
}
.chat .jump-to-present-bar {
left: 15px;
right: 15px;
}
/* compact */
.message-group.compact.message-group {
padding: 0;
margin: 0;
border: none;
}
.message-group.compact .message {
line-height: 1.1em;
margin: 0;
}
.message-group.compact .comment .markup {
margin-top: 3px;
margin-bottom: 3px;
white-space: normal;
}
.message-group.compact .timestamp {
font-size: 100%;
padding-right: 10px;
}
.message-group.compact .message .markup .user-name:before {
content: '<'
}
.message-group.compact .message .markup .user-name:after {
content: '>'
}
/* chat input */
.chat form {
border: none;
box-shadow: none;
margin: 10px 10px 0px 10px;
}
.channel-textarea {
margin: 0 0 30px 0;
}
/* member list, currently wonky as fuck
.channel-members .member {
padding: 0px 0px 0px 15px;
}
.channel-members .avatar-small {
width: 20px;
height: 20px;
}
*/
/* channel bar */
.channels-wrap {
width: auto;
}
/* channel list */
.guild-channels .channel-text a, .guild-channels .channel-voice {
padding: 5px 0 5px 10px;
}
.guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
top: 9px;
left: -6px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment