From 648507b86096ee23794b2f19fb24f08383ed169d Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 9 Oct 2024 12:25:53 -0400
Subject: [PATCH] Fixe Btn color

---
 src/views/creators/SubscriptionMenu.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/views/creators/SubscriptionMenu.vue b/src/views/creators/SubscriptionMenu.vue
index 6f10960..e0a75a3 100644
--- a/src/views/creators/SubscriptionMenu.vue
+++ b/src/views/creators/SubscriptionMenu.vue
@@ -45,15 +45,18 @@ function selectTier(id) {
           </div>
           <div class="text-center bg-fuchsia-800 py-10" :style="[Primary]">
             <v-btn
-                :color="selectedTier === tier.id ? 'primary' : ''"
-                @click="selectTier(tier.id)"
                 class="mx-auto"
                 width="200px"
-                :style="{ backgroundColor: selectedTier === tier.id ? branding.colors.primary : branding.colors.secondary, color: branding.colors.onSecondary }"
+                @click="selectTier(tier.id)"
+                :style="{ 
+    backgroundColor: selectedTier === tier.id ? branding.colors.background : branding.colors.secondary, 
+    color: selectedTier === tier.id ? branding.colors.onPrimary : branding.colors.onSecondary 
+  }"
             >
               {{ selectedTier === tier.id ? 'Sélectionné' : 'Choisir' }}
             </v-btn>
 
+
           </div>
           <v-card-text class="text-center rounded-b-2xl" :style="[secondaryColor,onSecondaryColor]" >
             <span class="text-h5">{{ tier.price }} $ / par mois </span>