Add dark mode

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

components/main/footer.vue

@@ -5,7 +5,7 @@ const path = computed(() => route.fullPath.replace('/', ''))
 </script>
 
 <template>
-  <div class="py-5 border-t mt-5 text-zinc-700">
+  <div class="py-5 border-t dark:border-gray-800  mt-5 text-zinc-700 dark:text-zinc-300  ">
     <div class="px-6 container max-w-5xl mx-auto">
       <div class="grid grid-cols-1 md:grid-cols-3">
         <FooterSite v-if="path === 'about'" />
@@ -15,7 +15,7 @@ const path = computed(() => route.fullPath.replace('/', ''))
         <FooterConnect />
       </div>
 
-      <div class="border-t mt-5 text-center p-2">
+      <div class="border-t dark:border-gray-800 mt-5 text-center p-2">
         © 2020-2023 No Right is reserved. Who cares 🤷‍♂️? It's
         <a href="https://github.com/nurriyad/blog" target="_blank" rel="nofollow" class="underline">open source</a>
         anyway.