jerryliao
/
postdown


			
				
					
						
						
							12345678910111213141516171819202122232425262728
							import type { PageProps } from "fresh";
import { define } from "utils/state.ts";
import Modal from "../islands/Modal.tsx";
import Loading from "../islands/Loading.tsx";

export default define.page(({ Component }: PageProps) => {
  return (
    <html>
      <head>
        <link
          href="https://unpkg.com/bootstrap-icons@1.10.4/font/bootstrap-icons.css"
          rel="stylesheet"
        />
        <script
          dangerouslySetInnerHTML={{
            __html:
              `(function(){var t=localStorage.getItem("theme");if(t==="dark"||(!t&&window.matchMedia("(prefers-color-scheme: dark)").matches)){document.documentElement.classList.add("dark")}})()`,
          }}
        />
      </head>
      <body className="bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-100 transition-colors">
        <Modal />
        <Loading />
        <Component />
      </body>
    </html>
  );
});