From 9f1e991edb64ea82788f1cb0d8c026412066b117 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Gayoso=20Gonz=C3=A1lez?= <danigayosog@gmail.com>
Date: Mon, 5 Jun 2023 11:45:31 +0200
Subject: [PATCH] Change color of save audio on document tools

* Add success style for BaseButton
---
 assets/vue/components/basecomponents/BaseButton.vue       | 6 +++++-
 assets/vue/components/documents/DocumentAudioRecorder.vue | 2 +-
 tailwind.config.js                                        | 5 ++++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/assets/vue/components/basecomponents/BaseButton.vue b/assets/vue/components/basecomponents/BaseButton.vue
index 991a05799a..5895c6418e 100644
--- a/assets/vue/components/basecomponents/BaseButton.vue
+++ b/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;
 });
diff --git a/assets/vue/components/documents/DocumentAudioRecorder.vue b/assets/vue/components/documents/DocumentAudioRecorder.vue
index 7b6c287c56..9a5d196353 100644
--- a/assets/vue/components/documents/DocumentAudioRecorder.vue
+++ b/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"
diff --git a/tailwind.config.js b/tailwind.config.js
index 4ac07b6f7b..03c9524798 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -39,7 +39,10 @@ module.exports = {
         6: "#faf7f5",
       },
       warning: "#f5ce01",
-      success: "#77aa0c",
+      success: {
+        DEFAULT: "#77aa0c",
+        gradient: "#547708",
+      },
       error: "#df3b3b",
       info: "#0d7bfd",