/**
 * @name Discord Website Design
 * @author _david_ (design by leoricharte)
 * @description Discord with new design (based on updated art in Discord website)
 * @version 1.0.0
 */

/* ----------------------------------------------------------- */

.theme-dark {
	--background-primary: #312f51;
	--background-secondary: #292841;
	--background-secondary-alt: #292841;
	--background-tertiary: #1c1b29;
	--channeltextarea-background: #423f71;
	--chat-buttons: #bdbaeb;
	--scrollbar-auto-track: #292841 !important;
	--scrollbar-thin-thumb: #1c1b29 !important;
	--background-modifier-hover: #312f51;
	--background-modifier-selected: #423f71;
	--text-muted: #99aab5;
	--channels-default: #bdbaeb;
	--interactive-muted: #999b9f;
	--background-floating: #292841;
	--background-accent: #1c1b29;
	--background-modifier-active: #312f51;
	--text-link: #6adbc6;
}

/* Avatar */
.avatarWrapper-2yR4wp {
    position: absolute;
    bottom: 70px;
    width: 70px;
    height: 70px;
}
.avatarWrapper-2yR4wp .avatar-SmRMf2,
.avatarWrapper-2yR4wp .avatar-SmRMf2 svg {
    width: 70px !important;
    height: 70px !important;
}
.container-3baos1 .nameTag-3uD-yy {
    position: absolute;
    bottom: 55px;
}
.nameTag-3uD-yy .colorStandard-2KCXvj {
    float: left;
    color: white;
}
.nameTag-3uD-yy .subtext-3CDbHg {
    font-size: 14px;
    line-height: initial;
    color: white;
	overflow: initial;
}
.panels-j1Uci_ {
    background: transparent;
}
.panels-j1Uci_ button {
    background: var(--channeltextarea-background); /* Change */
    border-radius: 60px;
	color: white;
}
.panels-j1Uci_ button[aria-label="Mute"]:after {
    content:"Mute";
}
.panels-j1Uci_ button[aria-label="Deafen"]:after {
    content:"Deafen";
}
.panels-j1Uci_ button[aria-label="Mute"] {
    width: 85px;
    justify-content: space-evenly;
}
.panels-j1Uci_ button[aria-label="Deafen"] {
    width: 85px;
    justify-content: space-evenly;
    margin: 0 9px 0 9px;
}
.buttonWrapper-1ZmCpA, .icon-3D60ES {
	color: var(--chat-buttons) !important;
}

/* Chat bar */
.scrollableContainer-2NUZem {
    background: transparent;
}
.attachWrapper-2TRKBi {
    background: var(--channeltextarea-background);
    position: absolute;
    border-radius: 60px;
    left: 0;
}
.attachButton-2dnuIu {
    margin: auto;
    padding: 10px;
}
.attachButtonPlus-jWVFah {
	fill: var(--chat-buttons);
}
.textArea-12jD-V.textAreaSlate-1ZzRVj  {
    background: var(--channeltextarea-background);
    margin-left: 40px;
    border-radius: 20px 0 0 20px;
}
.placeholder-37qJjk {
	color: var(--chat-buttons) !important;
}
.markup-2BOw-j.slateTextArea-1Mkdgw,
.placeholder-37qJjk {
    padding-left: 20px;
}

.buttons-3JBrkn {
    background: var(--channeltextarea-background);
    padding-right: 10px;
    border-radius: 0 20px 20px 0;
    margin-right: 0 !important;
}

.jumpToPresentBar-G1R9s6, .container-2fRDfG {
    margin: 0 30px 0 75px;
}

/* Top bar */
.search-36MZv- {
    order: 1;
}
.title-3qD0b- .toolbar-1t6TWx a {
    display: none;
}
.searchBar-3dMhjb {
    width: 80px;
    border-radius: 10px;
}
.search-36MZv- .public-DraftEditorPlaceholder-inner {
	color: transparent;
}
.DraftEditor-editorContainer,
.public-DraftEditorPlaceholder-root {
    margin-left: 5px;
}
.title-3qD0b- .toolbar-1t6TWx .iconWrapper-2OrFZ1 svg {
	color: white;
}

.theme-dark .container-3ayLPN {
	background: var(--background-primary);
}
.option-96V44q:after {
	background: transparent !important;
}
.option-96V44q.selected-rZcOL- {
	background: var(--background-secondary) !important;
}

/* Channels */
.scroller-RmtA4e {
	margin-bottom: 85px;
}
.content-1x5b-n {
	border-radius: 60px;
}

/* User popouts */
.headerNormal-T_seeN {
	background: var(--background-tertiary) !important;
}
.body-3iLsc4, 
.footer-1fjuF6 {
	background: var(--background-secondary) !important;
}

/* Members list */
.layout-2DM8Md {
	border-radius: 60px;
}

/* DMS */
.scroller-1JbKMe {
	margin-bottom: 85px;
}
.container-1D34oG {
	background: var(--background-primary) !important;
}

/* Chat */
/* Unread messages line */
.unreadPill-2HyYtt {
	background-color: var(--text-link);
	color: #FFF;
}
.divider-3_HH5L.divider-JfaTT5.isUnread-3Ef-o9 {
	border-color: var(--text-link);
}
.unreadPillCapStroke-7rkHbg {
	color: var(--text-link);
	fill: var(--text-link);
}
/* Date */
.isUnread-3Ef-o9 .content-1o0f9g,
.content-1o0f9g {
	color: #FFF;
}
.divider-JfaTT5 {
	border-top: black; /* Fallback */
	border-top: thin solid rgba(255,255,255,0.5);
}

/* Server boost */
.layerContainer-yqaFcK .perksModal-fSYqOq {
    background-color: var(--background-primary);
}

/* Invites */
.theme-dark .root-1gCeng {
	background-color: var(--background-primary);
}
.theme-dark .footer-1FPmkC {
	background: var(--background-tertiary);
}

/* Send file */
.theme-dark .uploadModal-2ifh8j {
	background: var(--background-primary);	
}
.theme-dark .footer-3mqk7D {
	background: var(--background-tertiary);	
}
.inner-1ilYF7 .textArea-12jD-V.textAreaSlate-1ZzRVj {
	margin-left: 0;
}
.inner-1ilYF7 .container-2fRDfG {
	margin: 0 30px 0 20px;
}

/* Commands */
.theme-dark .autocomplete-1vrmpx {
	background: var(--background-secondary);	
}
.categoryHeader-O1zU94 {
	background: var(--background-tertiary);	
}
.theme-dark .selected-1Tbx07 {
	background: var(--background-tertiary);		
}