/**
 * @name midnight
 * @description A darkened discord theme.
 * @author refact0r
 * @version 1.3.1
 * @source https://github.com/refact0r/midnight-discord
 * @authorId 508863359777505290
*/

@import url('https://refact0r.github.io/midnight-discord/midnight.css');

/* change colors here */
/* a color picker should show up if you hover over the "hsl(x, y, z)" part */
:root {
	/* main accent color */
	--accent-color: hsl(190, 60%, 40%);
	--accent-color-2: hsl(190, 60%, 50%);
	--accent-color-3: hsl(190, 60%, 30%);
	/* converted rgb of accent-color-2 (used for mention message backgrounds) */
	--accent-color-rgb: 51, 179, 204;
	/* link color */
	--link-color: hsl(190, 70%, 60%);
	/* background of messages that mention you */
	--mentioned-background: hsla(190, 60%, 50%, 0.1);
	/* background of messages that mention you on hover */
	--mentioned-hover-background: hsla(190, 60%, 50%, 0.08);
	/* bright text for colored buttons */
	--bright-text: hsl(220, 30%, 90%);
	/* header text for headers and certain text */
	--header-text: hsl(220, 30%, 70%);
	/* main text color (messages, titles, unread text/indicators) */
	--primary-text: hsl(220, 15%, 60%);
	/* secondary text color (channels, descriptions, buttons) */
	--secondary-text: hsl(220, 15%, 40%);
	/* muted text color (input box placeholders, muted channels, message times) */
	--muted-text: hsl(220, 15%, 24%);
	--muted-text-hover: hsl(220, 15%, 27%);
	--muted-text-active: hsl(220, 15%, 30%);
	/* converted rgb of muted-text (used for message hover backgrounds) */
	--muted-text-rgb: 52, 58, 70;
	/* main chat/channel list/member list background */
	--primary-background: hsl(220, 15%, 10%);
	/* background of pretty much everything else */
	--secondary-background: hsl(220, 15%, 13%);
	/* scrollbar thumb color */
	--scrollbar-color: hsl(220, 15%, 11%);
}

.modeSelected-3DmyhH .content-1gYQeQ, 
.modeSelected-3DmyhH:hover .content-1gYQeQ {
    background-color: rgba(229, 231, 231, 0.103);
    border-left: 3px solid #fcfeffd2;
}

.unreadRelevant-2f-VSK {
    background-color: transparent;
}

.modeUnread-3Cxepe .content-1gYQeQ,
.modeUnread-3Cxepe:hover .content-1gYQeQ {
   border-left: 3px solid #fafcfdd5;
}

.content-1gYQeQ {
    border-radius: 0;
}