/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!! */

/**
 * @name Neel's Discord
 * @description A modified darkened discord theme.
 * @author ItsRecharge
 * @version 1.0.0
*/

@import url("https://crearts-community.github.io/Settings-Icons/clients/settings-icons.theme.css");
@import url("https://raw.githubusercontent.com/ItsRecharge/Neels-Discord/main/Neel's-Discord.css");

/* change colors and variables here */
:root {
	/* amount of spacing and padding */
	--spacing: 12px;
	/* radius of round corners */
	--roundness: 16px;

	/* color of links */
	--accent-1: hsl(190, 70%, 60%);
	/* color of unread dividers and some indicators */
	--accent-2: hsl(190, 70%, 50%);
	/* color of accented buttons */
	--accent-3: hsl(190, 70%, 40%);
	/* color of accented buttons when hovered */
	--accent-4: hsl(190, 70%, 30%);
	/* color of accented buttons when clicked */
	--accent-5: hsl(190, 70%, 20%);

	/* color of mentions and messages that mention you */
	--mention: hsla(190, 60%, 50%, 0.1);
	/* color of mentions and messages that mention you when hovered */
	--mention-hover: hsla(190, 60%, 50%, 0.05);

	/* color of bright text on colored buttons */
	--text-1: hsl(220, 40%, 90%);
	/* color of headings and important text */
	--text-2: hsl(220, 30%, 70%);
	/* color of normal text */
	--text-3: hsl(220, 15%, 60%);
	/* color of icon buttons and channels */
	--text-4: hsl(220, 15%, 40%);
	/* color of muted channels/chats and timestamps */
	--text-5: hsl(220, 15%, 24%);

	/* color of dark buttons when clicked */
	--bg-1: hsl(220, 15%, 20%);
	/* color of dark buttons */
	--bg-2: hsl(220, 15%, 16%);
	/* color of spacing around panels and secondary elements */
	--bg-3: hsl(220, 15%, 13%);
	/* main background color */
	--bg-4: hsl(220, 15%, 10%);

	/* color of channels and icon buttons when hovered */
	--hover: hsla(230, 20%, 40%, 0.1);
	/* color of channels and icon buttons when clicked or selected */
	--active: hsla(220, 20%, 40%, 0.2);
	/* color of messages when hovered */
	--message-hover: hsla(220, 0%, 0%, 0.1);
}