Skip to content

Instantly share code, notes, and snippets.

@txj-xyz
Last active June 8, 2016 11:35
Show Gist options
  • Save txj-xyz/5e5b300ee7fc547068d0e7fcc4399e8c to your computer and use it in GitHub Desktop.
Save txj-xyz/5e5b300ee7fc547068d0e7fcc4399e8c to your computer and use it in GitHub Desktop.
For ShitDiscord Overlays
.guild-header header {
height: 45px;
font-size: 15px;
padding: 0 18px;
box-shadow: none;
}
.guild-header header span { line-height: 46px; }
.guild-header header button { margin-top: -2px; }
.guild-header ul {
top: 46px;
padding: 3px 0;
}
.guild-header ul a {
margin: 5px 6px;
padding: 8px 11px;
opacity: .5;
}
.guild-header ul a.red-highlight {
color: #FF3E3E;
opacity: .9;
}
.guild-channels { padding: 10px 0; }
.guild-channels header h2 {
font-size: 14px;
opacity: .4;
text-align: center;
padding: 0;
padding-right: 10px;
padding-top: 10px;
}
.guild-channels ul+header { margin-top: 0; }
.guild-channels ul { padding-left: 0; }
.guild-channels ul .channel { line-height: 1rem; }
.guild-channels .toggle-muted-text-channels { padding-left: 20px; }
.guild-channels ul .channel-voice { padding: 4px 6px 8px 20px; }
.guild-channels ul .channel-voice-states {
margin-top: 5px;
padding-left: 10px;
}
.guild-channels ul .channel-voice-states li .avatar-small { border-radius: 30%; }
.account {
height: 50px;
background: #2e3136;
border-top: none;
}
.account .account-details { padding: 0 7px; }
.account .account-details .username { max-width: 85px; }
.account .btn { width: 28px; }
.account .btn-group { border: none; }
.account .btn-deafen, .account .btn-mute { border-right: none; }
.account .btn-deafen, .account .btn-settings { box-shadow: none; }
.links {
display:none;
}
.links li a { color: #808388; }
.links li+li:before { color: #808388; }
.win-buttons {
top: -6px;
right: 18px;
}
.chat>.title-wrap {
padding: 4px 20px;
min-height: 47px;
}
.invite-btn{
display:none;
}
.friends-online{
display:none;
}
.theme-dark .chat .title-wrap .topic { color: #979C9E; }
.theme-dark .topic-preview .hljs,
.theme-dark .scroller .hljs {
background: rgba(29, 29, 29, 0.45);
border-radius: 5px;
}
.chat>.title-wrap>.topic .scroller-wrap { max-height: 250px; }
.channel-members { padding: 10px 0; }
.channel-members h2 {
font-size: 14px;
text-align: center;
}
.channel-members .member+h2 { margin: 15px 0; }
.theme-dark .channel-members h2 { color: hsla(0,0%,100%,.8); }
.channel-members .member {
padding: 5px 20px;
font-weight: 500;
padding-right: 5px;
}
.channel-members .member .member-inner { width: 155px; }
.theme-dark .channel-members h2 { color: hsla(0,0%,100%,.6); }
.avatar-small { border-radius: 10px; }
.message-group { padding: 15px 0; }
.avatar-large { border-radius: 10px; }
.message-group h2 strong { font-weight: 500; }
.message-group h2 .timestamp { font-size: 14px; }
.theme-dark .friends-table .messages .mentioned .message-text, .theme-dark .messages-wrapper .messages .mentioned .message-text { background: rgba(79, 176, 232, 0.1); }
.message-group .mentioned .message-text:after {
background: rgba(53, 163, 216, 0.2);
border-left: 4px solid #3487CE;
}
.guilds li.unread .guild-inner:before { background: #ADB2B9; }
.private-channels .channel.btn-friends { margin-bottom: 10px; }
.private-channels .channel .channel-name { opacity: .5; }
.private-channels header {
opacity: .7;
font-size: 14px;
font-weight: 500;
text-align: center;
}
.private-channels .channel a { height: 40px; }
#user-profile-modal {
width: 480px;
height: 640px;
}
#user-profile-modal .header .username .name { max-width: 200px; }
#user-profile-modal .header .username .discriminator {
font-size: 18px;
color: hsla(0,0%,100%,.6);
}
#user-profile-modal .header .game {
color: hsla(0,0%,100%,.6);
}
#user-profile-modal .avatar-profile {
left: 16px;
top: 30px;
}
.message-group-blocked-btn{hidden:true}
.guilds li.active .guild-inner:before { margin-top: -10px !important; }
.avatar-profile { border-radius: 25%; }
.guilds li.unread .guild-inner:before { margin-top: 6px !important; }
.guilds li { height: 25px !important; }
.guilds-add { height: 50px; }
.guilds-separator { margin-bottom: -20px; margin-top: 40px; }
.dms { margin-top: 40px; }
.guilds li .guild-inner { box-shadow: #222 0px 0px 20px 1px; }
.guilds li.active .guild-inner { box-shadow: #333 0px -.5px 0px 0px, #fff 0px -3px 0px 0px, #222 0px 0px 20px 1px; }
.guilds li.active .guild-inner:before { display: none; }
#user-profile-modal .avatar-profile .status {
bottom: -6px;
right: -8px;
}
#user-profile-modal .sub-header {
height: 80px;
padding: 10px 25px 0 168px;
}
#user-profile-modal .btn { width: 295px; }
#user-profile-modal .guilds .guild { padding: 3px 20px; }
#user-profile-modal .guilds .guild .discriminator {
padding-left: 5px;
font-size: 14px;
}
.context-menu { margin-left: 20px; }
#user-profile-modal { border-radius: 5px; }
.channel-notification-settings .content { height: 45px; }
.avatar-uploader .avatar-uploader-inner { border-radius: 25%; }
.user-settings-modal-keybinds .user-settings-modal-keybinds-list .keybind+.keybind { padding: 15px 0 0; }
.form .control-groups.control-separator {
margin-top: 20px;
padding-top: 20px;
}
.instant-invites .instant-invites-list .instant-invite { height: 50px; }
.settings .settings-inner .settings-panel-header {
padding-bottom: 20px;
padding-top: 20px;
}
#settings-roles .roles li {
line-height: 29px;
min-height: 29px;
padding: 0 29px;
}
.form .control-groups+.control-group, .form .control-groups+.control-groups {
margin-top: 5px;
}
#settings-roles .selected-role .control-group {
margin-bottom: 0;
}
.settings .settings-actions {
padding: 12px 40px;
}
.guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
top: 10px;
}
.theme-dark .friends-table .messages .divider.divider-red>div, .theme-dark .messages-wrapper .messages .divider.divider-red>div {
background: #6B97F9;
}
.theme-dark .friends-table .messages .divider.divider-red>span, .theme-dark .messages-wrapper .messages .divider.divider-red>span {
color: #6B97F9;
}
.theme-dark .friends-table .messages .message-group .comment .markup code.inline, .theme-dark .friends-table .messages .message-group .comment .markup pre code, .theme-dark .messages-wrapper .messages .message-group .comment .markup code.inline, .theme-dark .messages-wrapper .messages .message-group .comment .markup pre code {
background: #2D2E2F;
}
.theme-dark .friends-table .messages .message-group .comment .markup pre, .theme-dark .messages-wrapper .messages .message-group .comment .markup pre {
border-color: #4C4C4C;
}
.bot-tag {
background: #202227;
font-size: 11px
}
.message-group-blocked{
display:none;
}
.guilds-separator {
margin-bottom: -20px;
margin-top: -20px;
}
.guilds .friends-online {
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
color: hsla(0,0%,100%,.3);
margin: 30px 0;
width: 50px;
line-height: 100%;
text-align: center;
}
.links li {
visibility: hidden;
}
.message-group .avatar-large {
margin-top: -2px;
margin-right: 10px;
}
.popout header {
background-color: rgba(232, 179, 255, 0.98);
}
.user-popout .user-popout-options .btn {
border: 1;
background-color: rgba(232, 179, 255, 0.98);
}
.user-popout .user-popout-options .btn.btn-server {
color: #ffffff;
background-color: rgba(232, 179, 255, 0.98);
}
.slider-bar-fill {
background: rgba(232, 179, 255, 0.98);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment