Fix design issue

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

components/blog/Toc.vue

@@ -7,8 +7,8 @@ const links = articles.body.toc.links
 
 <template>
   <div class="lg:col-span-3 sticky top-28 h-96  hidden lg:block  justify-self-end">
-    <div class="border p-3 rounded-md min-w-[200px]">
-      <h1 class="text-sm font-bold mb-3 border-b pb-2">
+    <div class="border dark:border-gray-800 p-3 rounded-md min-w-[200px]">
+      <h1 class="text-sm font-bold mb-3 border-b dark:border-gray-800 pb-2">
         Table Of Content
       </h1>
       <NuxtLink

nuxt.config.ts

@@ -34,7 +34,7 @@ export default defineNuxtConfig({
 
   colorMode: {
     classSuffix: '',
-    dataValue: 'light',
+    preference: 'light',
     fallback: 'light',
   },