index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Project Sekai Thumbnail Matcher</title>

    <!-- Dark Mode -->
    <script>
      const prefersDarkMode = window.matchMedia("(prefers-color-scheme: dark)");

      function setTheme() {
        if (prefersDarkMode.matches) {
          document.documentElement.setAttribute("data-bs-theme", "dark");
        } else {
          document.documentElement.removeAttribute("data-bs-theme");
        }
      }

      setTheme();
      prefersDarkMode.addEventListener("change", () => setTheme());
    </script>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>

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