diff --git a/components/blog/Toc.vue b/components/blog/Toc.vue
index fe4bc01..3faa6df 100644
--- a/components/blog/Toc.vue
+++ b/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
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 6091430..cbecfaf 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -34,7 +34,7 @@ export default defineNuxtConfig({
 
   colorMode: {
     classSuffix: '',
-    dataValue: 'light',
+    preference: 'light',
     fallback: 'light',
   },