index.html

<!doctype html>
<html lang="vi" class="h-full">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />

		<title>Diori</title>

		<link rel="icon" href="/src/assets/images/book.png" />
		<link rel="theme-color" content="#18181b" />
		<link rel="manifest" href="/manifest.webmanifest" />

		<link rel="preconnect" href="https://fonts.googleapis.com" />
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
		<link
			rel="stylesheet"
			href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
		/>
	</head>

	<body class="h-full select-none overscroll-none bg-zinc-900 light:bg-zinc-200">
		<div id="root" class="h-full"></div>

		<script type="module" src="/src/main.tsx"></script>
	</body>
</html>