components/MarkdownRenderer.vue

@@ -1 +0,0 @@
-<template></template>

layouts/default.vue

@@ -1,14 +1,11 @@
 <script setup lang="ts">
-import Base from "./base.vue";
 import Navbar from "../components/Navbar.vue";
 </script>
 
 <template>
   <div class="flex flex-col items-center w-full h-full">
     <Navbar />
-    <Base>
     <slot />
-    </Base>
   </div>
 </template>
 
@@ -38,4 +35,9 @@ html::before {
 html.dark::before {
   transform: translateX(0);
 }
+
+.dark-mode body {
+  background-color: #091a28;
+  color: #ebf4f1;
+}
 </style>

pages/[...slug].vue

@@ -3,3 +3,10 @@
     <template #not-found> Document not found </template>
   </ContentDoc>
 </template>
+
+<style>
+article {
+  width: 90%;
+  height: 100%;
+}
+</style>