Remove colors

frontend/src/views/creators/ExclusiveContentContainer.vue

@@ -6,15 +6,11 @@
         <!-- Grille avec colonnes dynamiques basées sur la largeur -->
         <div class="grid gap-3 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 min-w-[250px]">
           <div v-for="(item, index) in contenuexclusif" :key="index"
-               class="my-1 text-white rounded-lg w-full border-2 shadow h-[380px] hover-card relative overflow-hidden"
-               :style="{ 
-                 background: creator.colors.bannerTop, 
-                 borderColor: `rgba(${getRGB(creator.colors.bannerBottom)}, 0.38)` 
-               }">
+               class="my-1 text-white rounded-lg w-full border-2 shadow h-[380px] hover-card relative overflow-hidden bg-hPrimary text-hOnPrimary border-hSecondary">
             <div class="flex justify-center items-center">            
             </div>
             <div>
-              <img :src="item.photo" class="w-full h-auto max-h-[170px] object-cover" />
+              <img :src="item.photo" alt="photo" class="w-full h-auto max-h-[170px] object-cover" />
 
               <!-- Section du nombre de clics et du bouton d'édition -->
               <div class="flex flex-row justify-between items-center p-2">
@@ -24,7 +20,7 @@
                   <p class="text-xs">200 clicks</p>
                 </div>
                 <!-- Bouton pour éditer le contenu à droite -->
-                <v-btn class="" icon variant="plain" @click="editCard(item)">
+                <v-btn class="" variant="plain" @click="editCard(item)">
                   <v-icon>mdi-dots-vertical</v-icon>
                 </v-btn>
               </div>
@@ -160,17 +156,10 @@ window.addEventListener('resize', () => {
   transform: scale(1.03); /* Effet de hover restauré */
 }
 
-.stars .v-icon {
+.stars {
   font-size: 18px; /* Ajustez la taille des icônes */
 }
 
-.limited-text {
-  height: 60px; /* Limite la hauteur du texte */
-  overflow: hidden; /* Empêche le texte de dépasser */
-  text-overflow: ellipsis; /* Ajoute des points de suspension si le texte dépasse */
-  white-space: nowrap; /* Le texte reste sur une seule ligne */
-}
-
 .stars {
   position: absolute; /* Fixe les étoiles au bas à droite */
   bottom: 10px;