Update button support

frontend/src/assets/main.css

@@ -41,7 +41,7 @@
     button.secondary {
         @apply btn;
         @apply bg-hSecondary text-hOnSecondary;
-        @apply hover:brightness-90;
+        @apply hover:bg-hSecondary;
     }
 
     div.card {

frontend/src/views/creators/DonationButtonBanner.vue

@@ -1,6 +1,6 @@
 <template>
   <button
-      class="secondary"
+      class="secondary text-white donation-action"
       @click="openDonationDialog()"
   >
     {{ $t('isupportbtn.isupport') }}
@@ -166,7 +166,12 @@ function preventNonNumeric(event) {
 }
 </script>
 
-<style>
+<style scoped>
+
+.donation-action {
+  @apply bg-hutopyPrimary;
+}
+
 .error-message {
   color: white;
   background-color: red;

frontend/tailwind.config.js

@@ -8,6 +8,8 @@ export default {
     theme: {
         extend: {
             colors: {
+                hutopyPrimary: "var(--hutopy-primary)",
+                hutopySecondary: "var(--hutopy-secondary)",
                 hBackground: "var(--h-background)",
                 hOnBackground: "var(--h-on-background)",
                 hSurface: "var(--h-surface)",