fix: color contrast

components/http/Headers.vue

@@ -148,7 +148,11 @@
       <span class="text-center pb-4">
         {{ $t("headers_empty") }}
       </span>
-      <ButtonSecondary :label="$t('add_new')" @click.native="addHeader" />
+      <ButtonSecondary
+        outline
+        :label="$t('add_new')"
+        @click.native="addHeader"
+      />
     </div>
   </AppSection>
 </template>

components/http/Parameters.vue

@@ -169,7 +169,11 @@
       <span class="text-center pb-4">
         {{ $t("parameters_empty") }}
       </span>
-      <ButtonSecondary :label="$t('add_new')" @click.native="addParam" />
+      <ButtonSecondary
+        :label="$t('add_new')"
+        outline
+        @click.native="addParam"
+      />
     </div>
   </AppSection>
 </template>

components/http/Request.vue

@@ -91,9 +91,8 @@
     <div class="flex">
       <ButtonPrimary
         id="send"
-        class="rounded-none min-w-18"
+        class="rounded-none min-w-20"
         :label="!loading ? $t('send') : $t('cancel')"
-        :shortcut="[getSpecialKey(), 'G']"
         @click.native="!loading ? newSendRequest() : cancelRequest()"
       />
       <span class="inline-flex">

components/http/ResponseMeta.vue

@@ -5,15 +5,20 @@
       class="
         flex flex-col flex-1
         text-secondaryLight
-        p-4
         items-center
         justify-center
       "
     >
       <i class="opacity-75 pb-2 material-icons">send</i>
-      <span class="text-center">
+      <span class="text-center pb-4">
         {{ $t("waiting_send_req") }}
       </span>
+      <ButtonSecondary
+        :label="$t('documentation')"
+        to="https://docs.hoppscotch.io"
+        blank
+        outline
+      />
     </div>
     <div v-else>
       <i v-if="response.type === 'loading'" class="animate-spin material-icons">