Skip to content

Instantly share code, notes, and snippets.

@galenguyer
Last active December 1, 2017 22:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save galenguyer/cf9caf6f4bfe2298eecd865d0772dc65 to your computer and use it in GitHub Desktop.
Save galenguyer/cf9caf6f4bfe2298eecd865d0772dc65 to your computer and use it in GitHub Desktop.
My custom BeautifulDiscord StyleSheet
/*Channel Categories*/
.containerDefault-1bbItS{
padding-top: 11px;
}
.nameCollapsed-3_ChMu, .nameDefault-Lnjrwm, .nameHovered-1YFSWq, .nameHoveredCollapsed-2c-EHI, .nameMuted-1n0LSj, .nameUnread-WKlSv-{
text-transform: none;
font-size: 95%;
}
/*Completely hide blocked messages*/
.message-group-blocked{
display:none;
}
/*Larger Avatars in Chat*/
div.avatar-large{
height: 50px;
width: 50px;
background-size: 100%;
background-repeat: no-repeat;
}
/*Server Name*/
.name-3gtcmp{
font-size: 18px;
}
/*New Messages*/
.theme-dark .friends-table .messages .divider.divider-red>span, .theme-dark .messages-wrapper .messages .divider.divider-red>span{
color: #000000;
background: red;
border: 1px solid yellow;
}
/*Status Menue and Server Dropdown*/
.status-picker .popout-menu-item, .popout-menu .popout-menu-item {
background-color: #1F2123;
}
.popout-menu .popout-menu-item:hover{
background-color: black;
}
.popout-menu .popout-menu-separator{
border-bottom: 1px solid #484D51;
}
/*Blue Mentions*/
.app.theme-dark .chat .content .messages-wrapper .messages .mentioned .message-text {
background: rgba(53, 163, 216, 0.1);
padding-bottom: 9px;
padding-top: 1px;
}
.app.theme-dark .chat .content .messages-wrapper .messages .mentioned .message-text:after {
background: rgba(53, 163, 216, 0.1);
border-left: 4px solid #3487CE;
}
/*Double Column Servers*/
.guilds-wrapper{
width: 125px;
}
.guilds-wrapper .scroller-wrap{
width: 150px;
}
.guilds-wrapper .guilds {
display: flex;
flex-flow: row wrap;
padding-left: 0;
align-content: flex-start;
}
.guilds-wrapper .guilds .guild {
margin-left: 8px;
margin-top: 8px;
}
.guilds-wrapper .guilds .guild.unread::before {
left: -2px;
top: 5px;
z-index:9000;
}
.guilds-wrapper .guilds .guild:first-child {
position: relative;
left: 0;
margin: auto;
margin-top: 15px;
}
.guilds-wrapper .guilds .guild-separator {
position: relative;
width: 100%;
margin-top: 10px;
}
.guilds-wrapper .guilds .friends-online {
position: relative;
width: 100%;
margin: auto;
margin-bottom: -20px;
margin-top: 5px;
}
.guilds-wrapper .guilds .guild.selected:before {
display: none;
}
.guilds-wrapper .guilds .guild {
position: relative;
}
.guilds-wrapper .guilds .dms {
width: 100%;
display: flex;
flex-flow: row wrap;
}
.guilds-wrapper .guilds .dms .guild {
left: 0;
}
.guilds-wrapper .guilds-add{
position: absolute; /* take element out of the normal page flow! */
top: 10px; /* position the element vertically using top or bottom
and define width as you like:*/
width: 50%;
left: 0; /* set left and right to the same value! */
right: 0;
margin-left: auto; /* adding auto-margins left and right will
center the element horizontally!*/
margin-right: auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment