Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Custom discord stylesheet with tighter spacing and better contrast
[class*="membersGroup-"] {
height: 28px;
padding-top: 8px;
padding-left: 12px;
}
[class*="member-"] {
height: 40px;
}
[class*="member-"] [class*="avatarWrapper"] [class*="small-"] {
width: 25px;
height: 25px;
}
[class*="member-"] [class*="avatarWrapper"] [class*="status-"] {
width: 8px;
height: 8px;
}
[class*="messages-"] > [class*="containerCozy-"] {
padding-bottom: 8px;
padding-top: 8px;
}
[class*="messages-"] > [class*="containerCompact-"] {
padding: 4px 0;
}
[class*="headerCozy-"] {
height: 1.2em;
}
[class*="isMentioned-"] {
padding: .2rem;
}
[class*="headerCozy-"] [class*="large-"] {
margin-right: 15px;
height: 30px;
width: 30px;
}
[class*="contentCozy-"] {
margin-left: 65px;
}
[class*="markup-"] code {
font-size: inherit;
}
/* Dark Tweaks */
.theme-dark [class*="markup-"] {
color: #e9e9e9;
}
.theme-dark [class*="timestampCozy-"] {
color: hsla(0,0%,100%,.4);
}
.theme-dark [class*="markup-"] code,
.theme-dark [class*="markup-"] code.inline {
background: #1E2327;
color: #a8b6e6;
}
/* Light Tweaks */
.theme-light [class*="markup-"] {
color: #444;
}
.theme-light [class*="timestampCozy-"] {
color: #999999;
}
.theme-light [class*="markup-"] code,
.theme-light [class*="markup-"] code.inline {
background: rgb(105, 109, 112, 0.5);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment