Poprawki wyglądu; cleanup kodu

src/styles/filters_options.scss

@@ -1,4 +1,4 @@
-@import './responsive.scss';
+@import 'responsive.scss';
 @import 'variables.scss';
 @import 'search_box.scss';
 
@@ -50,8 +50,8 @@ h1.option-title {
 .options_wrapper {
   position: absolute;
 
-  background-color: #111111ee;
-  box-shadow: 0 0 15px 5px #000000b3;
+  background-color: $bgCol;
+  box-shadow: 0 5px 10px 2px #0f0f0f;
 
   width: 100%;
   max-width: 500px;

src/styles/global.scss

@@ -3,6 +3,7 @@
   --clr-secondary: #2f2f2f;
 
   --clr-bg: #4d4d4d;
+  --clr-bg2: #1b1b1b;
 
   --clr-accent: #1085b3;
   --clr-accent2: #ff3d5d;
@@ -223,10 +224,12 @@ button {
     font-size: 1em;
 
     border-radius: 0.75em 0.75em 0 0;
+    background-color: #1b1b1b;
+
 
     img {
       height: 1.3em;
-      margin-right: 0.5em;
+      margin-right: 0.5rem;
     }
   }
 

src/styles/variables.scss

@@ -1,7 +1,7 @@
 $primaryCol: #2c2c2c;
 $secondaryCol: #01e733;
 
-$bgCol: #4d4d4d;
+$bgCol: #1d1d1d;
 $bgLigtherCol: #5b5b5b;
 
 $errorCol: #ff1919;