/* For SamToki.github.io */
/* Released under GNU GPL v3 open source license. */
/* © 2023 SAM TOKI STUDIO */

/* This is a theme variant, so only colors along with few things are configured. */

/* General */
	/* Basics */
		/* Overall */
		#Html {
			color: #FFFFFF; accent-color: #00C0FF;
		}

		/* Group frameworks */
		.Item {
			background-color: #101010;
		}

		/* Texts */
		a {
			color: #00C0FF; text-decoration: underline;
		}
		label:not(:has(:disabled:not(option))):hover a, label:not(:has(:disabled:not(option))):active a {
			color: #000000;
		}

		/* Shapes */
		.Shape {
			fill: #202020;
			stroke: #FFFFFF;
		}

		/* Progress indicators */
		.Progbar {
			background-color: #404040;
		}
		.Progbar.Shaped .Shape {
			fill: #404040;
		}
		.Progbar.Shaped .ProgbarText {
			color: #FFFFFF;
		}
		.ProgbarFg {
			background-color: #00E000;
		}
		.ProgbarFg.Shaped .Shape {
			fill: #00A000;
		}
		.ProgringBg {
			stroke: #404040;
		}
		.ProgringFg {
			stroke: #00E000;
		}
		.NeedleFg, .NeedleArrow {
			background-color: #FFFFFF;
		}

		/* Indicator lights */
		.IndicatorLight.Off {
			background-color: #404040;
		}
		.IndicatorLight.Red {
			background-color: #FF6060;
		}
		.IndicatorLight.Orange {
			background-color: #FFA000;
		}
		.IndicatorLight.Green {
			background-color: #00E000;
		}
		.IndicatorLight.Blue {
			background-color: #00C0FF;
		}

		/* Interactive ctrls */
		.Button, .Combobox {
			border: 1px solid #FFFFFF;
			background-color: #202020;
			color: #FFFFFF;
		}
		.DropctrlGroup {
			border: 1px solid #FFFFFF;
			background-color: #202020; box-shadow: none;
		}
		.Textbox {
			border: 1px solid #FFFFFF;
			background-color: #202008;
			color: #FFFFFF;
		}

		/* Floating ctrls */
		.ScreenFilter {
			background-color: #000000;
		}
		.ScreenFilter.AsWindow {
			background-color: #101010;
		}
		.Window {
			border: 1px solid #FFFFFF;
			background-color: #101010; box-shadow: none;
		}
			/* Hotkey indicators */
			.HotkeyIndicator {
				background-color: #202020; box-shadow: none;
				color: #FFFF00;
			}

			/* Toast */
			#Toast {
				background-color: #402050; box-shadow: none;
			}

			/* Dialog */
			#CtrlGroup_DialogPrompt .DialogIcon {
				fill: #FFFFFF;
			}

			/* Watermarks */
			.Watermark {
				color: #FFFFFF80; text-shadow: 0 0 5px #000000;
			}

	/* Variants */
		/* Background */
		.Box {
			background-color: #101010;
		}
		.Active {
			background-color: #006000;
		}
		.Button.Shaped.Active .Shape {
			fill: #006000;
		}
		.Shadow {
			box-shadow: none;
		}
		.Glow {
			box-shadow: 0 0 4px 2px #00C0FF;
		}
			@keyframes Anim_Glow {
				0%, 100% {
					box-shadow: none;
				}
				50% {
					box-shadow: 0 0 4px 2px #00C0FF;
				}
			}
		.IAmHere {
			box-shadow: 0 0 4px 2px #00C0FF;
		}

		/* Foreground */
		.RedText {
			color: #FF8080;
		}
		.OrangeText {
			color: #FFC000;
		}
		.GreenText {
			color: #00FF00;
		}

	/* Interactions */
		/* Hover */
		a:hover, label:not(:has(:disabled:not(option))):hover, .Button:enabled:hover /* .Combobox:enabled:hover, .Textbox:enabled:hover */ {
			background-color: #00C0FF;
			color: #000000;
		}
		.Active:enabled:hover, .Active:not(:has(:disabled:not(option))):hover {
			background-color: #00E000;
		}
		.Button.Shaped:enabled:hover .Shape {
			fill: #00C0FF;
		}
		.Button.Shaped.Active:enabled:hover .Shape {
			fill: #00E000;
		}
		.Textbox.ShownAsLabel:enabled:hover, .Textbox.ShownAsLabel:focus-visible {
			background-color: #202008;
		}

		/* Click */
		a:active, label:not(:has(:disabled:not(option))):active, .Button:enabled:active,
		.Combobox:enabled:active, .Textbox:enabled:active, .Textbox.ShownAsLabel:enabled:active,
		.Active:enabled:active, .Active:not(:has(:disabled:not(option))):active {
			background-color: #00FFFF;
			color: #000000;
		}
		.Button.Shaped:enabled:active .Shape, .Button.Shaped.Active:enabled:active .Shape {
			fill: #00FFFF;
		}

		/* Focus */
		*:focus-visible {
			box-shadow: 0 0 0 2px #00FFFF !important;
		}
		.Button.Shaped:focus-visible .Shape {
			stroke: #00FFFF !important;
		}
		.Dropctrl .Button:focus-visible {
			box-shadow: 0 0 0 2px inset #00FFFF !important;
		}

		/* Text selection */
		::selection {
			background-color: #0040FF;
			color: #FFFFFF;
		}

/* Area specific */
	/* Header */
	#Topbar {
		background-color: #202020; box-shadow: none;
	}
	#Ctrl_NavUnderline {
		background-color: #FFFFFF;
	}

	/* Main */
	#Main {
		background-color: #000000;
	}

	/* Footer */
	footer {
		background-color: #000000;
		color: #FFFFFF;
	}

/* Responsive web design */
@media (max-width: 920px) {
	/* Area specific */
		/* Header */
		#DropctrlGroup_Nav {
			border: 1px solid #FFFFFF;
			background-color: #202020; box-shadow: none;
		}
}

/* Dev */
#Html.ShowDebugOutlines * {
	outline: none !important; /* Disabled in high contrast theme to keep accessibility. */
}