From 9f9ca6ff43a652cf7614b99113fc4cbc736c2aa5 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@gmail.com>
Date: Sat, 9 Sep 2023 15:54:04 +0600
Subject: [PATCH] Fix design issue

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
---
 components/blog/Toc.vue | 4 ++--
 nuxt.config.ts          | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

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',
   },