Add dark mode

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

components/footer/devloper.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
-    <p class="text-black text-2xl py-1 font-semibold">
+    <p class="text-black dark:text-zinc-300   text-2xl py-1 font-semibold">
       Al Asad Nur Riyad
     </p>
-    <p class="py-2">
+    <p class="py-2 dark:text-zinc-300  ">
       Hi! I am Riyad, a Tech enthusiast, problem solver and software engineer. Currently
       working at Appscode Inc.
     </p>
@@ -11,7 +11,7 @@
       <NuxtLink
         to="https://github.com/nurRiyad"
         target="_blank"
-        class="p-2 bg-gray-300 rounded-md"
+        class="p-2 bg-gray-300 text-gray-800 rounded-md"
         aria-label="Github"
       >
         <Icon name="fa:github" size="1em" />
@@ -19,7 +19,7 @@
       <NuxtLink
         to="https://www.linkedin.com/in/nur-riyad/"
         target="_blank"
-        class="p-2 bg-gray-300 rounded-md"
+        class="p-2 bg-gray-300 text-gray-800 rounded-md"
         aria-label="LinkedIn"
       >
         <Icon name="fa:linkedin-square" size="1em" />
@@ -27,7 +27,7 @@
       <NuxtLink
         to="https://twitter.com/qdnvubp"
         target="_blank"
-        class="p-2 bg-gray-300 rounded-md"
+        class="p-2 bg-gray-300 text-gray-800 rounded-md"
         aria-label="Twitter"
       >
         <Icon name="fa:twitter-square" size="1em" />
@@ -35,7 +35,7 @@
       <NuxtLink
         to="https://stackoverflow.com/users/16781395/nur-riyad"
         target="_blank"
-        class="p-2 bg-gray-300 rounded-md"
+        class="p-2 bg-gray-300 text-gray-800 rounded-md"
         aria-label="StackOverflow"
       >
         <Icon name="fa:stack-overflow" size="1em" />