Skip to content

Instantly share code, notes, and snippets.

@TheBITLINK
Last active April 20, 2018 05:11
Show Gist options
  • Save TheBITLINK/e41e157a6aa0cd01ea01a393bbc78378 to your computer and use it in GitHub Desktop.
Save TheBITLINK/e41e157a6aa0cd01ea01a393bbc78378 to your computer and use it in GitHub Desktop.
Discord Theme
.new-messages-bar, .jump-to-present-bar {
left: 0!important;
right: 0!important;
border-radius: 0!important;
}
.new-messages-bar {
background: rgba(14,161,182, .75)!important;
}
.guild-header, .guild-header header, .title-wrap, .private-channels .search-bar, .friends-header {
background: #13191C!important;
min-height: 48px!important;
padding-top: 0;
padding-bottom: 0;
height: 48px!important;
border: none!important;
border-radius: 0;
}
.guild-header span {
line-height: 32px!important;
}
.header-toolbar button.active, .bot-tags {
background: #0EA1B6!important;
}
.guilds-wrapper {
background: #13191C!important;
}
.guild-channels, .private-channels {
background: #232D32!important;
}
.scroller.guild-channels {
padding-top: 0!important;
}
.new-messages-indicator {
font-size: 0!important;
}
.new-messages-indicator {
background: rgba(14,161,182,.75)!important;
}
.new-messages-indicator-channel:not(.bottom) {
top: 48px!important;
}
.new-messages-indicator span {
margin: 0;
}
.guild.unread:not(.selected):before {
width: 10px!important;
height: 10px!important;
background: #0EA1B6!important;
box-shadow: 0 0 0 4px rgba(14,161,182,.25);
}
.guild.selected::before {
background: #0EA1B6!important;
width: 9px!important;
border-radius: 0!important
}
.channel-text.selected, .private-channels .channel.selected, .channel-text:hover, .search-result.selected, .search-result:hover, .private-channels .channel:hover, .member:hover, .member.popout-open {
background: none!important;
}
.channel-text.selected:before, .private-channels .channel.selected:before {
border-left-color: #0EA1B6!important;
}
.channel-text.unread:not(.channel-muted):not(.selected):before, .private-channels .channel.unread:not(.channel-muted):not(.selected):before {
width: 10px!important;
height: 10px!important;
background: #0EA1B6!important;
box-shadow: 0 0 0 4px rgba(14,161,182,.25);
}
.badge, .toolbar-badge, .tab-bar-item-primary {
box-shadow: none!important;
background: #0EA1B6!important;
border-color: #13191C!important;
}
.tab-bar-item-primary .badge {
background: #13191C!important;
color: #0EA1B6!important;
}
.active .guild-inner, .selected .guild-inner, .guild:hover .guild-inner {
background-color: #0EA1B6!important;
}
body {
background: #273239 url(https://thebit.link/content/images/2016/11/discordbg.png) no-repeat!important;
background-position: 85% bottom!important;
background-attachment: fixed!important;
}
.messages-wrapper, .chat>.content, .chat, .divider-red>span, .messages-wrapper .messages .divider:before, #friends, .friends-table {
background-color: transparent!important;
}
.chat .typing {
background: transparent!important;
bottom: -4px;
padding-left: 4px;
}
.divider.divider-red>div {
background: #0EA1B6!important;
}
.divider-red>span {
color: #0EA1B6!important;
}
.theme-dark .chat form {
border: none!important;
box-shadow: none!important;
background: rgba(0,0,0,.2);
margin: 0
}
.channel-textarea {
margin-top: 4px;
margin-bottom: 16px;
}
.channel-textarea-inner {
border: none;
border-radius: 0;
background-color: transparent!important;
}
.channel-textarea-inner .channel-textarea-upload {
border-right: none;
}
.account {
background: #1F282E;
border: none;
height: 62px!important;
}
#voice-connection {
background: #1F282E;
border: none;
}
.account .btn, #voice-connection .btn {
background: rgba(0,0,0,.2);
}
.account .btn, .account .btn-group, .account .btn::before, .account .btn::after, #voice-connection .btn, #voice-connection .btn::after, #voice-connection .btn::before, #voice-connection .btn-group {
border-color: transparent!important;
box-shadow: none!important;
}
.channel-members {
background: rgba(0,0,0,.2)!important;
}
.chat .scroller::-webkit-scrollbar-button, .chat .scroller::-webkit-scrollbar-track-piece, .friends-table .scroller::-webkit-scrollbar-button, .friends-table .scroller::-webkit-scrollbar-track-piece {
background-color: transparent!important;
border: transparent!important;
}
.chat .scroller::-webkit-scrollbar-button, .friends-table .scroller::-webkit-scrollbar-button {
height: 0!important;
}
.chat .scroller::-webkit-scrollbar-thumb, .friends-table .scroller::-webkit-scrollbar-thumb {
border-color: transparent!important;
}
.friends-row:hover {
background: none!important;
box-shadow: none!important;
}
.friends-row {
border-color: transparent!important;
}
.friends-action {
background-color: rgba(0,0,0,.2)!important;
}
code, pre, .messages-popout .message-group, .invite-button {
background: rgba(0,0,0,.1)!important;
}
pre, .messages-popout .message-group, .invite-button {
border-color: rgba(0,0,0,.2)!important;
}
.embed {
background: rgba(0,0,0,.05)!important;
border-color: rgba(0,0,0,.1)!important;
}
.themed-popout .header {
background: #13191C!important;
}
.channel-textarea-autocomplete-inner header {
background: #13191C!important;
border-bottom: none!important;
}
.themed-popout, .channel-textarea-autocomplete-inner {
background: #1F282E!important;
border: none!important;
border-radius: 0!important;
border-bottom: 4px solid transparent!important;
}
.channel-textarea-autocomplete-inner ul li.active {
background: rgba(14,161,182,.25)!important;
}
.channel-textarea-autocomplete-inner:after {
border: none!important
}
.has-more button {
background: rgba(14,161,182,.75)!important;
border: none!important;
color: white!important;
}
.divider:not(.divider-red) div, .divider:not(.divider-red) span {
background: rgba(0,0,0,.2)!important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment