index.html

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>JSON to Nix</title>
		<meta name="description" content="Convert JSON to Nix." />
	</head>

	<body class="font-sans dark:text-white dark:bg-hex-121212">
		<div id="app"></div>
		<noscript>
			<div>Please enable JavaScript to use this application.</div>
		</noscript>
		<script>
			(function () {
				const prefersDark =
					window.matchMedia &&
					window.matchMedia('(prefers-color-scheme: dark)').matches;
				const setting = localStorage.getItem('color-schema') || 'auto';
				if (setting === 'dark' || (prefersDark && setting !== 'light'))
					document.documentElement.classList.toggle('dark', true);
			})();
		</script>
		<script type="module" src="/src/main.ts"></script>
	</body>
</html>