From c7f82ac894eb0546d29aa10af4f88cdc92da7710 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 6 Aug 2024 11:58:23 -0400
Subject: [PATCH] Change color of svg

---
 src/views/main/SelectedFooter.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/views/main/SelectedFooter.vue b/src/views/main/SelectedFooter.vue
index 84abdfa..2e2cee8 100644
--- a/src/views/main/SelectedFooter.vue
+++ b/src/views/main/SelectedFooter.vue
@@ -7,15 +7,15 @@
 
   <div class="flex flex-row justify-center space-x-10 py-10">
     <a href="https://www.facebook.com/profile.php?id=61556819217561">
-      <v-icon size="40px">mdi-facebook</v-icon>
+      <v-icon size="40px" class="text-fuchsia-900">mdi-facebook</v-icon>
     </a>
 
     <a href="https://www.instagram.com/hutopy.inc/">
-      <v-icon size="40px">mdi-instagram</v-icon>
+      <v-icon size="40px"  class="text-fuchsia-900">mdi-instagram</v-icon>
     </a>
 
     <a href="https://x.com/Hutopyinc/">     
-      <img src="/images/hutopymedia/icons/x.svg" width="34px" height="34px" class="mt-1 custom-color fill-current">
+      <img src="/images/hutopymedia/icons/x.svg" width="34px" height="34px" class="mt-1 filter-fushia ">
     </a>
   </div>
 
@@ -50,3 +50,9 @@
 <script setup lang="ts">
 </script>
 
+<style>
+.filter-fushia{
+  filter: invert(14%) sepia(60%) saturate(4103%) hue-rotate(285deg) brightness(84%) contrast(93%);
+}
+</style>
+