Last active
December 1, 2017 22:20
-
-
Save galenguyer/cf9caf6f4bfe2298eecd865d0772dc65 to your computer and use it in GitHub Desktop.
My custom BeautifulDiscord StyleSheet
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*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