🎨 Updated color codes

script.js

@@ -29,11 +29,9 @@ const app = new Vue({
     history: window.localStorage.getItem("history") ? JSON.parse(window.localStorage.getItem("history")) : []
   },
   computed: {
-
     urlNotValid() {
       return !(/(http(s)?:\/\/.)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/g.test(this.url))
     },
-
     rawRequestBody() {
       const {
         bodyParams
@@ -91,14 +89,11 @@ const app = new Vue({
       document.getElementsByClassName(el)[0].classList.toggle('hidden')
     },
     sendRequest() {
-
       if (this.urlNotValid) {
         alert("Please check the formatting of the URL")
         return
       }
-
       const n = new Date().toLocaleTimeString()
-      
       // Latest requests should be placed on top
       this.history = [{
         time: n,
@@ -106,7 +101,6 @@ const app = new Vue({
         url: this.url,
         path: this.path
       }, ...this.history]
-      
       window.localStorage.setItem("history", JSON.stringify(this.history))
       if (this.$refs.response.classList.contains('hidden')) {
         this.$refs.response.classList.toggle('hidden')

style.css

@@ -1,8 +1,8 @@
 :root {
   --bg-color: #121212;
-  --fg-color: #fff;
+  --fg-color: #FFF;
   --ac-color: #51FF0D;
-  --err-color: #FF0000;
+  --err-color: #D0021B;
 }
 
 * {
@@ -166,12 +166,12 @@ textarea {
 }
 
 .error {
-  border: 1px solid var(--err-color);
+  background-color: var(--err-color);
 }
 
 .disabled {
-  background-color: #3C3C3C;
-  color: #B3B3B3;
+  background-color: #393939;
+  color: #b2b2b2;
 }
 
 label {