Remove colors

frontend/src/views/creators/DonationButtonBanner.vue

@@ -11,8 +11,7 @@
   <v-dialog v-model="donationModal" max-width="500">
     <v-form>
       <v-card
-        class="text-center rounded-xl"
-        :style="{ border: `3px solid ${brandingStore.colors.primary}` }"
+        class="text-center rounded-xl border-2 border-solid border-hPrimary"
       >
         <div class="py-4 text-2xl font-bold border-b mb-2"> {{ $t('isupportbtn.isupport') }}</div>
 
@@ -20,16 +19,14 @@
           <img
             :src="brandingStore.value.images.logo"
             alt="Profile Image"
-            class="rounded-full"
+            class="rounded-full border-2 border-solid border-hSecondary"
             width="40"
             height="40"
-            :style="{ border: `2px solid ${brandingStore.colors.secondary}` }"
           />
           <div class="capitalize px-2 text-2xl">
             {{ brandingStore.value.name }}
           </div>
           <v-btn
-            icon
             @click="closeDonationDialog()"
             class="ml-auto"
             variant="text"
@@ -68,13 +65,8 @@
 
           <v-btn
             variant="outlined"
-            :style="{
-              borderColor: brandingStore.colors.primary,
-              color: brandingStore.colors.primary,
-              backgroundColor: brandingStore.colors.secondary,
-            }"
             @click="goPay()"
-            class="w-full mt-5"
+            class="w-full mt-5 border-hPrimary bg-hSecondary text-hOnPrimary"
           >
             {{ $t('isupportbtn.send') }}
           </v-btn>
@@ -193,10 +185,6 @@ function preventNonNumeric(event) {
 </script>
 
 <style>
-.full-height {
-  height: 100%;
-}
-
 .error-message {
   color: white;
   background-color: red;