Discord CSS

.app a {
	//color: #5294E2
}
.titlebar {
	height: 45px
}
.guilds-wrapper {
	background: #2a2f38
}
.guilds-wrapper .guilds .guild+.guild {
	margin-top: 0px
}
.guilds-wrapper .guilds-add {
	background: #2a2f38
}
.channels-wrap .guild-header header {
	background-color: #333842;
	border-bottom: 1px solid #2a2f38;
	height: 50px;
	font-size: 16px;
	padding: 0 18px;
	box-shadow: none
}
.channels-wrap .guild-header header span {
	line-height: 40px
}
.channels-wrap .guild-header header button {
	margin-top: -2px
}
.channels-wrap .guild-header header:hover {
	background-color: #2a2f38
}
.channels-wrap .guild-header ul {
	background: #2a2f38;
	top: 47px;
	padding: 3px 0;
	border-radius: 0 0 5px 0
}
.channels-wrap .guild-header ul li a {
	margin: 5px 6px;
	padding: 8px 11px;
	opacity: .5
}
.channels-wrap .guild-header ul li a.red-highlight {
	color: #FF3E3E;
	opacity: .9;
	font-weight: 700;
	letter-spacing: .6px
}
.channels-wrap .guild-header ul li:hover a {
	background: #333842
}
.channels-wrap .guild-header.guild-header-open header {
	background-color: #2a2f38
}
.channels-wrap .guild-channels {
	background-color: #333842;
	margin-top: 0;
	padding-left: 0
}
.channels-wrap .guild-channels header {
	color: #D6D6D6;
	opacity: .5
}
.channels-wrap .guild-channels header:hover {
	opacity: .8
}
.channels-wrap .guild-channels header span {
	font-size: 14px;
	opacity: 1;
	text-align: center;
	padding: 0;
	padding-right: 10px
}
.channels-wrap .guild-channels .channel {
	line-height: 1rem;
	color: #9C9C9C
}
.channels-wrap .guild-channels .channel-voice {
	padding: 8px 6px 8px 17px;
	color: #9C9C9C
}
.channels-wrap .guild-channels .channel-voice-states {
	margin-top: 5px;
	padding-left: 10px
}
.channels-wrap .guild-channels .channel-voice-states li .avatar-small {
	border-radius: 30%
}
.channels-wrap .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
	top: 10px
}
.channels-wrap .guild-channels .channel-text.selected,
.channels-wrap .guild-channels .channel-text:hover {
	background: -webkit-linear-gradient(90deg, #2a2f38, #333842 95%);
	background: linear-gradient(90deg, #2a2f38, #333842 95%);
}
.channels-wrap .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
	border-left: 0
}
.channels-wrap .guild-channels .channel-text:hover.channel-muted:before,
.channels-wrap .guild-channels .channel-text:hover:not(.unread):before {
	border-left: 0
}
.channels-wrap .guild-channels .toggle-muted-text-channels {
	padding-left: 20px
}
.account {
	height: 50px;
	background: #333842;
	border-top: none
}
.account .account-details {
	padding: 0 7px
}
.account .account-details .username {
	max-width: 85px
}
.account .btn {
	width: 26px;
	background: #333842
}
.account .btn-group {
	border: none
}
.account .btn-deafen,
.account .btn-mute {
	border-right: none
}
.account .btn-deafen,
.account .btn-settings {
	box-shadow: none
}
.links {
	text-align: center;
	background: #333842;
	border-top: none
}
.links li a {
	color: #5294E2
}
.links li+li:before {
	color: #333842
}
.highlight {
	color: #5294E2
}
.win-buttons {
	top: -6px;
	right: 18px
}
.theme-dark .chat>.title-wrap {
	background: #333842;
	border-bottom: 1px solid #2a2f38;
	padding: 4px 20px;
	min-height: 47px
}
.theme-dark .chat>.title-wrap .topic {
	color: #979C9E
}
.theme-dark .chat>.title-wrap .topic a {
	color: #5294E2
}
.theme-dark .chat>.title-wrap .topic .highlight {
	background-color: rgba(68, 136, 220, 0.1)
}
.theme-dark .chat .content {
	background: #333842
}
.theme-dark .chat .content .channel-members-wrap .channel-members {
	background-color: #333842;
	padding: 10px 0
}
.theme-dark .chat .content .channel-members-wrap .channel-members h2 {
	font-size: 14px;
	text-align: center;
	color: #9C9C9C
}
.theme-dark .chat .content .channel-members-wrap .channel-members .member {
	padding: 5px 20px;
	font-weight: 600;
	padding-right: 5px
}
.theme-dark .chat .content .channel-members-wrap .channel-members .member+h2 {
	margin: 15px 0
}
.theme-dark .chat .content .channel-members-wrap .channel-members .member .member-inner {
	width: 155px
}
.theme-dark .chat .content .channel-members-wrap .channel-members .member:hover {
	background: #2a2f38;
	border-radius: 3px
}
.theme-dark .chat .content .messages-wrapper {
	background: #333842
}
.theme-dark .chat .content .messages-wrapper .messages .markup pre {
	border-color: #232933
}
.theme-dark .chat .content .messages-wrapper .messages .markup pre .code {
	background: #2a2f38
}
.theme-dark .chat .content .messages-wrapper .messages .embed {
	border-left-color: #2a2f38
}
.theme-dark .chat .content .messages-wrapper .messages .mentioned .message-text {
	background: rgba(53, 163, 216, 0.1)
}
.theme-dark .chat .content .messages-wrapper .messages .mentioned .message-text:after {
	background: rgba(53, 163, 216, 0.1);
	border-left: 4px solid #3487CE
}
.theme-dark .chat .content .messages-wrapper .messages .divider.divider-red>div {
	background: #6B97F9
}
.theme-dark .chat .content .messages-wrapper .messages .divider.divider-red>span {
	color: #6B97F9;
	background-color: #333842
}
.theme-dark .chat .content .messages-wrapper .messages .message-group {
	padding: 15px 0
}
.theme-dark .chat .content .messages-wrapper .messages .message-group h2 strong {
	font-weight: 600
}
.theme-dark .chat .content .messages-wrapper .messages .message-group h2 .timestamp {
	font-size: 14px
}
.theme-dark .chat .content .messages-wrapper .messages .message-group .comment .markup code.inline,
.theme-dark .chat .content .messages-wrapper .messages .message-group .comment .markup pre code {
	background: #2a2f38
}
.theme-dark .chat .content .messages-wrapper .messages .message-group .comment .markup pre {
	border-color: #232933
}
.theme-dark .chat .content .messages-wrapper .messages .message-group .comment .markup .highlight {
	background-color: rgba(68, 136, 220, 0.1)
}
.theme-dark .chat .content form .typing {
	background-color: #333842
}
.theme-dark .chat .content form .channel-textarea-inner {
	border-color: #2a2f38;
	background: #333842
}
.theme-dark .chat .content form .channel-textarea-inner .channel-textarea-upload {
	background-color: #333842;
	border-right: 2px solid #2a2f38
}
.theme-dark .chat .content form .channel-textarea-inner .channel-textarea-upload:hover {
	background-color: #2a2f38
}
.message-group a {
	color: #5294E2 !important
}
.theme-dark #friends .friends-header {
	background-color: #333842;
	height: 46px
}
.theme-dark .friends-table {
	background-color: #333842;
	margin-top: 0
}
.theme-dark .friends-table .friends-row {
	height: 55px !important
}
.theme-dark .friends-table .friends-row:hover {
	background: #2a2f38
}
.private-channels {
	background-color: #333842
}
.private-channels .channel.btn-friends {
	margin-bottom: 10px
}
.private-channels .channel .channel-name {
	opacity: .5
}
.private-channels .channel a {
	height: 40px
}
.private-channels .channel.selected,
.private-channels .channel.hover {
	background: -webkit-linear-gradient(90deg, #2a2f38, #333842 95%);
	background: linear-gradient(90deg, #2a2f38, #333842 95%)
}
.private-channels .channel.selected:before,
.private-channels .channel.hover:before {
	border-left: 0
}
.private-channels header {
	opacity: .7;
	font-size: 14px;
	font-weight: 600;
	text-align: center
}
.search-bar {
	background-color: #333842;
	height: 47px
}
#user-profile-modal {
	width: 480px;
	height: 640px;
	border-radius: 5px
}
#user-profile-modal .header .discord-tag .username {
	max-width: 200px
}
#user-profile-modal .header .discord-tag .discriminator {
	font-size: 18px;
	color: #D6D6D6
}
#user-profile-modal .header .game {
	color: #D6D6D6
}
#user-profile-modal .avatar-profile {
	left: 16px;
	top: 30px;
	border-radius: 25%
}
#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 .sub-header .btn {
	width: 295px
}
#user-profile-modal .guilds .guild {
	padding: 3px 20px
}
#user-profile-modal .guilds .guild .discriminator {
	padding-left: 5px;
	font-size: 14px
}
#user-profile-modal .guilds .guild .guild-nick {
	padding-left: 5px;
	font-size: 13px
}
#voice-connection {
	background: #333842;
	border-top: none
}
#voice-connection .voice-connection-channel {
	opacity: .4
}
#voice-connection .btn {
	width: 28px;
	background: #333842
}
#voice-connection .btn-group {
	border: none
}
#voice-connection .btn-info {
	border-right: none
}
#voice-connection .btn-disconnect {
	box-shadow: none
}
.context-menu {
	margin-left: 20px
}
.theme-dark .friends-table .messages .message-group .comment .edited,
.theme-dark .messages-wrapper .messages .message-group .comment .edited {
	color: rgba(255, 255, 255, 0.3)
}
.avatar-small,
.avatar-large {
	border-radius: 10px
}
.avatar-uploader .avatar-uploader-inner {
	border-radius: 25%
}
.channel-notification-settings .content {
	height: 45px
}
.user-settings-modal-keybinds .user-settings-modal-keybinds-list .keybind+.keybind {
	padding: 15px 0 0
}
.instant-invites .instant-invites-list .instant-invite {
	height: 50px
}
.settings .settings-inner .settings-panel-header {
	padding-bottom: 20px;
	padding-top: 20px
}
.settings .settings-actions {
	padding: 12px 40px
}
.guild-settings-modal-members .guild-settings-modal-list .member .avatar-small {
	margin: 10px 20px 10px 0
}
#settings-roles .roles li {
	line-height: 29px;
	min-height: 29px;
	padding: 0 29px
}
#settings-roles .selected-role .control-group {
	margin-bottom: 0
}
.bot-tag {
	background: #202227;
	font-size: 11px
}
.user-popout header .avatar-hint,
.user-popout header .avatar-popout {
	border-radius: 25% !important
}
.scroller-wrap .scroller::-webkit-scrollbar {
	width: 8px
}
.scroller-wrap .scroller.messages::-webkit-scrollbar {
	width: 10px !important
}
.scroller-wrap *::-webkit-scrollbar-thumb {
	background-color: #222529 !important;
	border: none !important;
	border-radius: 4px !important
}
.scroller-wrap *::-webkit-scrollbar-track-piece {
	background-color: transparent !important;
	border-color: transparent !important;
	border: none !important
}