feat: use css light-dark (#30)

Co-authored-by: Elias Sjögreen <[email protected]>

components/Markdown.css

@@ -47,6 +47,6 @@
   pre:has(code) {
     outline: 1rem solid var(--neutral-100);
     background-color: var(--neutral-100);
-    overflow: scroll;
+    overflow: auto;
   }
 }

pages/blog/post.tsx

@@ -5,9 +5,9 @@ import { href, output } from "utils/path.ts";
 import { write } from "utils/fs.ts";
 
 import { Layout } from "components/Layout.tsx";
-import { BlogPost } from "components/BlogPost.tsx";
+import { BlogPost, type BlogPostProps } from "components/BlogPost.tsx";
 
-import { BlogPostProps, posts } from "./utils.ts";
+import { posts } from "./utils.ts";
 
 function Post(props: BlogPostProps) {
   return (

pages/index.tsx

@@ -19,8 +19,8 @@ function Index() {
       <h1>Welcome!</h1>
       <p>
         Nova is a JavaScript (<a href="https://tc39.es/ecma262/">ECMAScript</a>)
-        and <a href="https://webassembly.org/">WebAssembly</a> engine written in
-        Rust and following{" "}
+        and <a href="https://webassembly.org/">WebAssembly</a>{" "}
+        engine written in Rust and following{" "}
         <a href="https://en.wikipedia.org/wiki/Data-oriented_design">
           data-oriented design principles
         </a>
@@ -29,15 +29,17 @@ function Index() {
         something much more in the future.
       </p>
       <p>
-        The engine is still very limited in it's capabilities only passing about{" "}
+        The engine is still very limited in it's capabilities only passing about
+        {" "}
         <a href={href(import.meta.resolve("./test262.tsx"))}>
           {((metrics.results.pass / metrics.total) * 100).toFixed()}% of the
           test262 test suite
         </a>
         . However development is ongoing and we are quickly improving the
         engine. If you are interested in the project, please check out the{" "}
-        <a href="https://github.com/trynova/nova">GitHub repository</a> and or
-        join our <a href="https://discord.gg/bwY4TRB8J7">Discord server</a>{" "}
+        <a href="https://github.com/trynova/nova">GitHub repository</a>{" "}
+        and or join our{" "}
+        <a href="https://discord.gg/bwY4TRB8J7">Discord server</a>{" "}
         where the core team resides and where we discuss development.
       </p>
     </Layout>