fix: minor style changes

Author: HigherOrderLogic

app/assets/css/index.scss

@@ -1,5 +1,3 @@
-html {
-    &.dark-mode {
-        --at-apply: "bg-#050505"
-    }
+html.dark-mode {
+    --at-apply: "bg-black"
 }

app/components/navbar.vue

@@ -4,11 +4,11 @@
       <img
         src="https://github.com/HigherOrderLogic.png"
         alt="Logo"
-        class="border-rd-full w-12 h-a dark:(outline-#f5f5f5 outline-solid)"
+        class="border-rd-full w-12 h-a dark:(outline-white outline-solid)"
       >
     </nuxt-link>
     <div class="w-full" />
-    <nav class="flex flex-items-center gap-4 dark:text-#f5f5f5">
+    <nav class="flex flex-items-center gap-4 text-[--un-prose-links]">
       <nuxt-link to="/blogs">
         Blogs
       </nuxt-link>

app/layouts/default.vue

@@ -1,9 +1,10 @@
 <template>
-  <div class="font-normal font-[Inter_Variable] w-full">
+  <div class="font-normal font-[Inter_Variable] w-full prose-neutral dark:prose-invert">
     <div>
       <navbar />
-      <div class="m-a lg:prose lt-md:px-4 prose-neutral dark:prose-invert">
+      <div class="m-a lg:prose lt-md:px-4">
         <slot />
+        <div class="h-8" />
         <cd />
       </div>
     </div>

app/pages/blogs/index.vue

@@ -7,12 +7,12 @@ useHead({ title: 'Blogs' })
     <h1>Blogs</h1>
     <content-list v-slot="{ list }" path="/blogs">
       <template v-for="blog in list.sort((a, b) => +new Date(a.date) - +new Date(b.date))" :key="blog._path">
-        <h2>
+        <h3>
           <nuxt-link :to="blog._path">
             {{ blog.title }}
           </nuxt-link>
-        </h2>
-        <p class="pl-4">
+        </h3>
+        <p>
           {{ useDateFormat(blog.date, 'DD MMM YYYY') }}
         </p>
       </template>