remove background colors

-
try to imitate Google's design of things
it makes UI look declattered
-

src/assets/scss/Global/app-grid.scss

@@ -86,7 +86,6 @@
   display: grid;
   grid-template-rows: 1fr max-content;
   gap: 1rem;
-  background-color: $black;
 }
 
 .b-bar {

src/assets/scss/Global/basic.scss

@@ -43,6 +43,10 @@
   box-shadow: 0 0 1rem rgba(0, 0, 0, 0.425);
 }
 
+.border {
+  border: 1px solid $gray3;
+}
+
 .heading {
   font-size: 2rem;
   font-weight: bold;

src/assets/scss/_variables.scss

@@ -1,6 +1,6 @@
 // colors
 
-$body: #0f1218;
+$body: #202124;
 $separator: #ffffff2f;
 $highlight-blue: #006eff;
 $darkestblue: #234ece;
@@ -45,6 +45,7 @@ $secondary: $gray5;
 $danger: $red;
 $track-hover: $gray4;
 $context: $gray;
+$playlist-card-bg: #46474C;
 
 // SVG COLORS
 $default: $accent;