form color reset (#577)

* form color reset

* fix link color

---------

Co-authored-by: Julien Nahum <julien@nahum.net>

client/components/open/forms/components/form-components/FormCustomization.vue

@@ -141,8 +141,20 @@
     <color-input
       name="color"
       :form="form"
-      label="Color (for buttons & inputs border)"
-    />
+      >
+      <template #help>
+        <InputHelp>
+          <span class="text-gray-500">
+            Color (for buttons & inputs border) - <a
+              class="text-blue-500"
+              href="#"
+              @click.prevent="form.color = DEFAULT_COLOR"
+            >Reset</a>
+          </span>
+        </InputHelp>
+      </template>
+    </color-input>
+
     <toggle-switch-input
       name="hide_title"
       :form="form"
@@ -204,6 +216,8 @@ import { useWorkingFormStore } from "../../../../../stores/working_form"
 import EditorOptionsPanel from "../../../editors/EditorOptionsPanel.vue"
 import GoogleFontPicker from "../../../editors/GoogleFontPicker.vue"
 import ProTag from "~/components/global/ProTag.vue"
+import { DEFAULT_COLOR } from "@/composables/forms/initForm"
+
 
 const workingFormStore = useWorkingFormStore()
 const subscriptionModalStore = useSubscriptionModalStore()