Maim Discord CSS

maimdiscord.css

/* Requirement: https://betterdiscord.net/home*/
//META{"name":"Maim","description":"A gr8 theme.","author":"Chloe Chantelle","version":"2.0"}*//


				/* header server sidebar */

.theme-dark .headerBar-cxbhPD, #app-mount, .theme-dark .chat .title-wrap, .guilds-wrapper, .theme-dark #friends .friends-header, .bd-settings, .friends-icon, .guilds-wrapper .guilds .guild, .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary, element.style, #div.guild-inner, #guild-inner, #bd-customcss-detach-container, textarea, .chat .divider.divider-red>span, #app-mount > div > div:nth-child(2) > div > div > section > div.flex-vertical.channels-wrap > div.flex-vertical.flex-spacer > div.scroller-wrap.fade.dark > div > div.channel.channel-text.selected > a, .chat .divider.divider-red > span {
	background: #000 !important;
}

.appMount-14L89u, .typeWindows-15E0Ys, .private-channels .channel:hover a, .theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary, .theme-dark .headerBar-cxbhPD, .contentSelectedText-3j5CXt, #voice-connection .btn, .chat .new-messages-bar button, .guild-header header, .theme-dark .chat .title-wrap, .private-channels .channel:hover, .private-channels .channel.selected a, .account .btn, .guilds-wrapper, .theme-dark #friends .friends-header, .bd-settings, .friends-icon, .guilds-wrapper .guilds .guild, .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary, element.style, #div.guild-inner, #guild-inner, #bd-customcss-detach-container, textarea, .chat .divider.divider-red>span, #app-mount > div > div:nth-child(2) > div > div > section > div.flex-vertical.channels-wrap > div.flex-vertical.flex-spacer > div.scroller-wrap.fade.dark > div > div.channel.channel-text.selected > a, .chat .divider.divider-red > span, .theme-dark #friends .friends-header .tab-bar .tab-bar-separator, .header-toolbar .separator, .theme-dark .header-toolbar .separator, .header-toolbar button.active, .theme-dark .channel-members .member:hover {
	background: #000;
}

.theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected {
padding: 8px;
}
						/* chat */


#voice-connection, .popout-menu .popout-menu-item, .guild-header header:hover, .theme-dark .channel-textarea-inner, .theme-dark .messages-wrapper, .friends-row, .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary:hover, .theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected, #friends .scroller, .chat .divider.divider-red>span, #app-mount > div > div:nth-child(2) > div > div > section > div.chat.flex-vertical.flex-spacer.private > div.content.flex-spacer.flex-horizontal > div > div > div > div > div.divider.divider-red > span, .theme-dark .friends-table .messages .divider:not(.red) div, .theme-dark .messages-wrapper .messages .divider:not(.red) div, .theme-dark .friends-table .messages .divider:not(.red) span, .theme-dark .messages-wrapper .messages .divider:not(.red) span, .theme-dark .themed-popout .header, .theme-dark .themed-popout, .user-popout .body, .user-popout .footer, #user-profile-modal .scroller, .markdown-modal {
	background: #0a0a0a !important;
}


					/* txt color */


.theme-dark .message-group .comment .markup, body, .message-group.compact .message:not(.first) .timestamp:hover, .channel-members .member .member-username-inner, .theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected, .theme-dark .friends-table .messages .divider:not(.red) span, .theme-dark .messages-wrapper .messages .divider:not(.red) span, .markdown-modal {
	color: #ccc !important;	
}


.user-name, .markdown-modal .markdown-modal-header {
    color: #a88085 !important;	
}


#voice-connection .voice-connection-status-connected, .message-group a, .theme-dark .chat .title-wrap .topic a, .theme-dark .chat .welcome-message a {
    color: #74857C !important;	
}

				/* channels/DM's sidebar */

.channel-notices .channel-notice.quickswitcher-notice, .scrollerWrap-2uBjct {
	background: #111 !important;
}

.theme-dark .title-qAcLxz, .header-1tSljs, .container-iksrDt {
    background: #111 !important;
}

.container-3lnMWU, .theme-dark .inner-3if5cm, .theme-dark .chat form, .private-channels .channel.selected .icon-friends, .channel-members, .guild-channels, .theme-dark #friends, .search-bar, .private-channels, .account, #friends .friends-table .friends-table-header, .theme-dark .chat>.content, .theme-dark .friends-table, #friends .friends-row:hover, .theme-dark #friends .friends-table .friends-table-header .friends-column-separator, .messages-popout .message-group, .messages-popout .message-group .action-buttons, .theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button, .chat .jump-to-present-bar button, .quick-message, #user-profile-modal .tab-bar-container {
    background-color: #111 !important;
}


.theme-dark .chat form .typing, #user-profile-modal .guilds .guild:hover {
    background: #111 !important;
}


.private-channels {
	width: 255px;
}

				/* remove shit */

.container-3lnMWU, #voice-connection .btn, .theme-dark #friends, .friends-row, .account, .chat .divider.divider-red>span, #app-mount > div > div:nth-child(2) > div > div > section > div.chat.flex-vertical.flex-spacer.private > div.content.flex-spacer.flex-horizontal > div > div > div > div > div.divider.divider-red > span, .theme-dark .chat form, .popout-menu .popout-menu-separator, .theme-dark .channel-textarea-inner, .friends-header, .friends-table .friends-table-header, #friends .friends-table .friends-table-body, .theme-dark #friends .friends-header, .friends .friends-row, .account .btn-deafen, .account .btn-mute, .account .btn:after, .theme-dark #friends .friends-table .friends-row+.friends-row, #friends .friends-table .friends-row+.friends-row, .channel-textarea-inner, .theme-dark .channel-textarea-inner, .message-group, .theme-dark .message-group:not(.has-divider), .account .btn-group, .account .btn-deafen, .account .btn-settings, .theme-dark .channel-textarea-inner .channel-textarea-upload, .theme-dark .chat .title-wrap, .guild-header header, .messages-popout .message-group .action-buttons, .user-popout .footer, .quick-message, .quick-message, .user-popout .avatar-wrapper .avatar-popout, #user-profile-modal .guilds .section+.section, #user-profile-modal .tab-bar-container, #user-profile-modal .tab-bar-container, .tab-bar.TOP .tab-bar-item.selected, #user-profile-modal .avatar-profile, #user-profile-modal .avatar-profile .status, .markdown-modal .markdown-modal-header, .private-channels .channel.selected:before {
	border: none !important;      
    box-shadow: none !important;      
}
      
.help-container, #friends > div.friends-header > div.header-toolbar > button:nth-child(4), .search-bar-clear {
	display: none !important;
}    


.popout-menu {
 	border-radius: 0px;   
}    



.guilds-wrapper .guilds .guild.selected:before {
    margin-left: 7px;
    border-radius: 0px;
    width: 200px;
    height: 60px;    
    margin-top: -30px;
    background: #111 !important;
}
						/* wip 

		.app, .guilds-wrapper .guilds .guild .guild-inner {
		background: #0a0a0a;
		}

					 
*/

.scroller-wrap .scroller::-webkit-scrollbar-thumb {
	border: 0px solid rgba(255,255,255,0.0) !important;
	background-color:#222 !important;
}

.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
	border: 0px solid rgba(255,255,255,0.0) !important;
	background-color: #111 !important;
}