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

@@ -1,28 +1,30 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: [
+    content: [
-    "./index.html",
+        "./index.html",
-    "./src/**/*.{vue,js,ts,jsx,tsx}",
+        "./src/**/*.{vue,js,ts,jsx,tsx}",
-  ],
+    ],
-  darkMode: 'class',
+    darkMode: 'class',
-  theme: {
+    theme: {
-    extend: {
+        extend: {
-      colors: {
+            colors: {
-        hBackground: "var(--h-background)",
+                hutopyPrimary: "var(--hutopy-primary)",
-        hOnBackground: "var(--h-on-background)",
+                hutopySecondary: "var(--hutopy-secondary)",
-        hSurface: "var(--h-surface)",
+                hBackground: "var(--h-background)",
-        hOnSurface: "var(--h-on-surface)",
+                hOnBackground: "var(--h-on-background)",
-        hPrimary: "var(--h-primary)",
+                hSurface: "var(--h-surface)",
-        hOnPrimary: "var(--h-on-primary)",
+                hOnSurface: "var(--h-on-surface)",
-        hSecondary: "var(--h-secondary)",
+                hPrimary: "var(--h-primary)",
-        hOnSecondary: "var(--h-on-secondary)",
+                hOnPrimary: "var(--h-on-primary)",
-        hTertiary: "var(--h-tertiary)",
+                hSecondary: "var(--h-secondary)",
-        hOnTertiary: "var(--h-on-tertiary)",
+                hOnSecondary: "var(--h-on-secondary)",
-        hError: "var(--h-error)",
+                hTertiary: "var(--h-tertiary)",
-        hOnError: "var(--h-on-error)",
+                hOnTertiary: "var(--h-on-tertiary)",
-      }
+                hError: "var(--h-error)",
-    }
+                hOnError: "var(--h-on-error)",
-  },
+            }
-  plugins: []
+        }
+    },
+    plugins: []
 }