update colors

Author: Saamiyah

packages/frontendmu-nuxt/components/icon/social/twitter.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { defineComponent } from "vue";
+
+defineComponent({
+  name: "HugeiconsNewTwitterEllipse",
+});
+</script>
+
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="1.5"
+      color="currentColor"
+    >
+      <path
+        d="m7 17l4.194-4.193M17 7l-4.193 4.194m0 0L9.777 7H7l4.194 5.807m1.612-1.614L17 17h-2.778l-3.028-4.193"
+      />
+      <path
+        d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10"
+      />
+    </g>
+  </svg>
+</template>

packages/frontendmu-nuxt/components/site/LeftMenu.vue

@@ -1,45 +1,51 @@
 <template>
   <nav
-    class="fixed bottom-[50px] gap-4 flex-col pl-4 justify-end w-10 hidden xl:flex"
+    class="fixed bottom-[50px] gap-4 flex-col pl-4 justify-end w-10 hidden xl:flex z-30"
   >
     <a
+      target="_blank"
       href="https://discord.gg/WxXW9Jvv6k?ref=frontend.mu"
-      class="text-[#5865f2] text-sm md:text-normal hover:animate-bounce"
+      class="text-verse-500 dark:text-verse-200 text-sm md:text-normal hover:animate-bounce hover:ease-in-out hover:delay-200"
     >
       <IconDiscord class="w-6" />
     </a>
 
     <a
+      target="_blank"
       href="https://github.com/Front-End-Coders-Mauritius?ref=frontend.mu"
-      class="text-[#333] text-sm md:text-normal dark:text-white hover:animate-bounce"
+      class="text-verse-500 dark:text-verse-200 text-sm md:text-normal hover:animate-bounce hover:ease-in-out hover:delay-200"
     >
       <IconGithub class="w-6" />
     </a>
 
     <a
+      target="_blank"
       href="https://chat.whatsapp.com/invite/0kQ2QX0ZQ0j1YQ4X6Q4Q4Q"
-      class="text-[#25D366] text-sm md:text-normal hover:animate-bounce"
+      class="text-verse-500 dark:text-verse-200 text-sm md:text-normal hover:animate-bounce hover:ease-in-out hover:delay-200"
     >
       <IconWhatsappCommunity class="w-6" />
     </a>
 
     <a
+      target="_blank"
       href="https://twitter.com/frontendmu"
-      class="text-[#1DA1F2] text-sm md:text-normal hover:animate-bounce"
+      class="text-verse-500 dark:text-verse-200 text-sm md:text-normal hover:animate-bounce hover:ease-in-out hover:delay-200"
     >
-      <IconTwitter class="w-6" />
+      <IconSocialTwitter class="w-6" />
     </a>
 
     <a
+      target="_blank"
       href="https://www.instagram.com/frontend.mu/?ref=frontend.mu"
-      class="text-[#d6249f] text-sm md:text-normal hover:animate-bounce"
+      class="text-verse-500 dark:text-verse-200 text-sm md:text-normal hover:animate-bounce hover:ease-in-out hover:delay-200"
     >
       <IconInstagram class="w-6" />
     </a>
 
     <a
+      target="_blank"
       href="https://www.linkedin.com/company/81846464/admin/?ref=frontend.mu"
-      class="text-[#007db1] text-sm md:text-normal hover:animate-bounce"
+      class="text-verse-500 dark:text-verse-200 text-sm md:text-normal hover:animate-bounce hover:ease-in-out hover:delay-200"
     >
       <IconLinkedin class="w-6" />
     </a>