/**
 * @name Translucence
 * @version 1.0.7
 * @description A translucent/frosted glass Discord theme
 * @author CapnKitten
 *
 * @website http://github.com/CapnKitten
 * @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Translucence/css/source.css
 * @donate https://paypal.me/capnkitten
 * @invite jzJkA6Z
 */

@import url(https://capnkitten.github.io/BetterDiscord/Themes/Translucence/css/source.css);

:root {
	/* APP ELEMENTS */
	--app-bg: url(https://i.ibb.co/5h7854Wy/bgmVeyt.jpg);
	--app-blur: 6px;
	--app-margin: 24px;
	--app-radius: 8px;

	/* ACCENT HSL AND TEXT COLOR SETTINGS */
	--accent-hue: 156;
	--accent-saturation: 77.5%;
	--accent-lightness: 47.1%;
	--accent-opacity: 1;
	--accent-text-color: hsl(0,0%,0%);

	/* SIDEBARS AND CHAT AREA COLOR SETTINGS */
	--sidebar-color: hsl(0,0%,0%,0.4);
	--main-content-color: hsl(0,0%,0%,0.2);

	/* MESSAGE SETTINGS */
	--message-color: hsl(0,0%,0%,0.4);
	--message-radius: 8px;
	--message-padding-top: 8px;
	--message-padding-side: 8px;

	/* REPLY HSL COLOR SETTINGS */
	--reply-hue: 226;
	--reply-saturation: 77.4%;
	--reply-lightness: 61.8%;
	--reply-opacity: 1;

	/* TEXTAREA SETTINGS */
	--textarea-color: 255,255,255;
	--textarea-alpha: 0.1;
	--textarea-alpha-focus: 0.15;
	--textarea-text-color: hsl(0,0%,100%);
	--textarea-radius: 22px;

	/* CARD SETTINGS */
	--card-color: hsl(0,0%,0%,0.4);
	--card-color-hover: hsl(0,0%,0%,0.5);
	--card-color-select: hsl(0,0%,0%,0.7);

	/* BUTTON SETTINGS */
	--button-height: 32px;
	--button-padding: 0 16px;
	--button-action-color: hsl(0,0%,0%);
	--button-radius: 16px;
}

@supports (color:color-mix(in lch,red,blue)) {
    .visual-refresh .theme-dark,
    .visual-refresh.theme-dark {
		/* TEXT COLOR SETTINGS */
		--text-primary: hsl(0,0%,100%);
		--text-secondary: hsl(0,0%,77%);

		/* CHANNEL COLOR SETTINGS */
		--channels-default: hsl(0,0%,62%);
		--channel-icon: hsl(0,0%,62%);

		/* ICON COLOR SETTINGS */
		--icon-primary: hsl(0,0%,96%);
		--icon-secondary: hsl(0,0%,84%);
		--icon-tertiary: hsl(0,0%,71%);

		/* INTERACTIVE COLOR SETTINGS */
		--interactive-normal: hsl(0,0%,79%);
		--interactive-hover: hsl(0,0%,91%);
		--interactive-active: hsl(0,0%,100%);
		--interactive-muted: hsl(0,0%,43%);

		/* BACKGROUND MODIFIER SETTINGS */
		--background-modifier-hover: hsl(0,0%,100%,0.075);
		--background-modifier-selected: hsl(0,0%,100%,0.125);
    }
}