Change color of save audio on document tools

* Add success style for BaseButton

assets/vue/components/basecomponents/BaseButton.vue

@@ -44,7 +44,7 @@ const props = defineProps({
       if (typeof value !== "string") {
         return false;
       }
-      return ["primary", "secondary", "black", "danger"].includes(value);
+      return ["primary", "secondary", "black", "success", "danger"].includes(value);
     },
   },
   // associate this button to a popup through its identifier, this will make this button toggle the popup
@@ -92,8 +92,12 @@ const buttonClass = computed(() => {
       result +=
         "bg-secondary text-white hover:bg-secondary-gradient disabled:bg-secondary-bgdisabled disabled:text-fontdisabled";
       break;
+    case "success":
+      result += `bg-success hover:bg-success-gradient ${commonDisabled} `;
+      break;
     case "danger":
       result += `border-error hover:bg-error text-error hover:text-white ${commonDisabled} `;
+      break;
   }
   return result;
 });

assets/vue/components/documents/DocumentAudioRecorder.vue

@@ -32,7 +32,7 @@
       />
       <BaseButton
         :label="t('Save recorded audio')"
-        type="secondary"
+        type="success"
         icon="send"
         class="mr-2"
         @click="saveAudio"

tailwind.config.js

@@ -39,7 +39,10 @@ module.exports = {
         6: "#faf7f5",
       },
       warning: "#f5ce01",
-      success: "#77aa0c",
+      success: {
+        DEFAULT: "#77aa0c",
+        gradient: "#547708",
+      },
       error: "#df3b3b",
       info: "#0d7bfd",