🐛 Fixed opaque select element, curved modals, better disabled color scheme

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;
 

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

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"

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);
 }