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

:root {
	/* APP ELEMENTS */
	--app-bg: rgba(0, 54, 54, 0.3);
	--app-blur: 6px;
	--app-margin: 24px;
	--app-radius: 8px;

	/* ACCENT HSL AND TEXT COLOR SETTINGS */
	--accent-hue: 180;
	--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: transparent;
	--message-color-hover: rgba(0, 32, 32, 0.6);
	--message-radius: 8px;
	--message-padding-top: 2px;
	--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: #8affff;
		--text-normal: #8affff;
		--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);
    }
}

.visual-refresh [class^="winButtons_"],
.visual-refresh [class*=" winButtons_"] {
	display: none !important;
}

.visual-refresh [class^="messageContent_"],
.visual-refresh [class*=" messageContent_"],
.visual-refresh [class^="markup_"],
.visual-refresh [class*=" markup_"] {
	color: #8affff !important;
}