Lekkie zmiany w wyglądzie strony

src/styles/global.scss

@@ -61,50 +61,6 @@ input {
   margin: 0;
 }
 
-.status {
-  border-radius: 1.3rem;
-  font-weight: 500;
-
-  font-size: 0.95em;
-  padding: 0.25em 0.4em;
-
-  background-color: #00be19;
-
-  &.free {
-    background-color: #8a8a8a;
-    font-size: 0.95em;
-  }
-
-  &.ending {
-    background-color: $accentCol;
-    color: black;
-    font-size: 0.9em;
-  }
-
-  &.no-limit {
-    background-color: #0077ae;
-    font-size: 0.85em;
-  }
-
-  &.not-signed,
-  &.unavailable {
-    background-color: $accent2Col;
-    font-size: 0.8em;
-  }
-
-  &.brb {
-    background-color: $accentCol;
-    color: black;
-    font-size: 0.95em;
-  }
-
-  &.no-space {
-    background-color: #222;
-    color: white;
-    font-size: 0.85em;
-  }
-}
-
 .default-station {
   font-weight: bold;
   color: $accentCol;
@@ -121,7 +77,6 @@ input {
   z-index: 4;
 
   overflow: auto;
-  // background: #474747;
   background: #262a2e;
 
   box-shadow: 0 0 15px 5px #474747;
@@ -155,6 +110,14 @@ input {
   }
 }
 
+.title {
+  color: $accentCol;
+  font-weight: 600;
+
+  padding: .35em 0;
+
+}
+
 .button {
   display: flex;
   align-items: center;

src/styles/scenery_status.scss

@@ -0,0 +1,51 @@
+$free: #8a8a8a;
+$ending: #e6c300;
+$no-limit: #0077ae;
+$unav: #ff3d5d;
+$brb: #e6a100;
+$no-space: #222;
+$taken: #09a116;
+
+.status {
+  border-radius: 1rem;
+  font-weight: 500;
+
+  font-size: 0.9em;
+  padding: 0.2em 0.45em;
+
+  background-color: $taken;
+
+  &.free {
+    background-color: $free;
+    font-size: 0.95em;
+  }
+
+  &.ending {
+    background-color: $ending;
+    color: black;
+    font-size: 0.9em;
+  }
+
+  &.no-limit {
+    background-color: $no-limit;
+    font-size: 0.85em;
+  }
+
+  &.not-signed,
+  &.unavailable {
+    background-color: $unav;
+    font-size: 0.8em;
+  }
+
+  &.brb {
+    background-color: $brb;
+    color: black;
+    font-size: 0.95em;
+  }
+
+  &.no-space {
+    background-color: $no-space;
+    color: white;
+    font-size: 0.85em;
+  }
+}

src/styles/variables.scss

@@ -1,7 +1,7 @@
-$primaryCol: #333;
+$primaryCol: #2f2f2f;
 $secondaryCol: #01e733;
 
-$bgCol: #525252;
+$bgCol: #505050;
 
 $errorCol: #ff1919;
 $warningCol: #ff975b;