From 60ba539104da86c70fff37df466464b91cd95666 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyasthomas@gmail.com>
Date: Mon, 9 Dec 2019 09:40:47 +0530
Subject: [PATCH] :bug: Fixed opaque select element, curved modals, better
 disabled color scheme

---
 assets/css/styles.scss                   | 9 ++++++---
 assets/css/themes.scss                   | 6 +++---
 components/collections/saveRequestAs.vue | 7 -------
 components/modal.vue                     | 2 +-
 4 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 58661fed7..3f42e3162 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -507,7 +507,6 @@ fieldset.yellow legend {
 kbd,
 select,
 input,
-option,
 textarea,
 pre {
   margin: 4px;
@@ -548,13 +547,17 @@ code {
   border-radius: 8px;
 }
 
-select,
-option {
+select {
   height: 37px;
   line-height: 37px;
+  background-color: var(--bg-dark-color);
   cursor: pointer;
 }
 
+option {
+  background-color: var(--bg-color);
+}
+
 input[type="checkbox"] {
   display: none;
 
diff --git a/assets/css/themes.scss b/assets/css/themes.scss
index ac0000bc3..73db76fa3 100644
--- a/assets/css/themes.scss
+++ b/assets/css/themes.scss
@@ -23,7 +23,7 @@
   // Border color
   --brd-color: rgb(48, 47, 55);
   // Error color
-  --err-color: rgb(41, 42, 45);
+  --err-color: rgba(255, 255, 255, 0.05);
   // Acent color
   --ac-color: #50fa7b;
   // Active text color
@@ -48,7 +48,7 @@
   // Border color
   --brd-color: #eeeeed;
   // Error color
-  --err-color: #eeeeee;
+  --err-color: rgba(0, 0, 0, 0.02);
   // Acent color
   --ac-color: #57b5f9;
   // Active text color
@@ -73,7 +73,7 @@
   // Border color
   --brd-color: rgb(16, 16, 16);
   // Error color
-  --err-color: rgb(8, 8, 8);
+  --err-color: rgba(255, 255, 255, 0.02);
   // Acent color
   --ac-color: #50fa7b;
   // Active text color
diff --git a/components/collections/saveRequestAs.vue b/components/collections/saveRequestAs.vue
index e48f01631..47b7487c9 100644
--- a/components/collections/saveRequestAs.vue
+++ b/components/collections/saveRequestAs.vue
@@ -24,14 +24,7 @@
             v-model="requestData.name"
             v-bind:placeholder="defaultRequestName"
             @keyup.enter="saveRequestAs"
-            list="preCollectionLabels"
           />
-          <datalist id="preCollectionLabels">
-            <option value="Login"></option>
-            <option value="Logout"></option>
-            <option value="Bug"></option>
-            <option value="Users"></option>
-          </datalist>
           <label for="selectCollection">Collection</label>
           <select
             type="text"
diff --git a/components/modal.vue b/components/modal.vue
index 45c36448a..da088612c 100644
--- a/components/modal.vue
+++ b/components/modal.vue
@@ -48,7 +48,7 @@
   padding: 16px;
   transition: all 0.2s ease;
   background-color: var(--bg-color);
-  border-radius: 8px;
+  border-radius: 16px;
   box-shadow: 0px 16px 70px rgba(0, 0, 0, 0.5);
 }