🎨 Updated color codes

index.html

@@ -124,7 +124,7 @@
         </li>
       </ul>
     </fieldset>
-    <fieldset class="3">
+    <fieldset class="parameters">
       <legend>Parameters</legend>
       <ol v-for="(param, index) in params">
         <li>
@@ -153,7 +153,7 @@
         </li>
       </ul>
     </fieldset>
-    <fieldset class="4" v-if="method === 'POST' || method === 'PUT'">
+    <fieldset class="reqbody" v-if="method === 'POST' || method === 'PUT'">
       <legend>Request Body</legend>
       <ol v-for="(param, index) in bodyParams">
         <li>
@@ -203,7 +203,7 @@
           <input name="value" :value="value" readonly>
         </li>
       </ul>
-      <textarea rows="10" readonly>{{response.body}}</textarea>
+      <textarea rows="5" readonly>{{response.body}}</textarea>
     </fieldset>
     <footer>
       <a href="https://github.com/liyasthomas/postwoman"><img src="icons/github.svg" alt="" style="margin-right: 16px">GitHub</a>

style.css

@@ -85,7 +85,7 @@ button {
 
 fieldset {
   margin: 16px 0;
-  border: 1px solid var(--fg-color);
+  border: 2px solid var(--fg-color);
   border-radius: 4px;
 }
 
@@ -98,22 +98,6 @@ fieldset textarea {
   resize: vertical;
 }
 
-fieldset > section,
-fieldset > table {
-  margin: .6em 0;
-}
-
-fieldset > table {
-  width: 100%;
-  border: 1px solid #ddd;
-  border-style: collaped;
-}
-
-fieldset table td input {
-  box-sizing: border-box;
-  width: 100%;
-}
-
 fieldset.request {
   border-color: #57b5f9;
 }
@@ -123,11 +107,27 @@ fieldset.request legend {
 }
 
 fieldset.authentication {
-  border-color: #57b5f9;
+  border-color: #50E3C2;
 }
 
 fieldset.authentication legend {
-  color: #57b5f9;
+  color: #50E3C2;
+}
+
+fieldset.parameters {
+  border-color: #B8E986;
+}
+
+fieldset.parameters legend {
+  color: #B8E986;
+}
+
+fieldset.reqbody {
+  border-color: #4A90E2;
+}
+
+fieldset.reqbody legend {
+  color: #4A90E2;
 }
 
 fieldset.response {