move now playing card to left sidebar

- remove title card in featured artists

src/assets/css/BottomBar/BottomBar.scss

@@ -8,17 +8,7 @@
     height: 100%;
     padding-right: $small;
 
-    .ctrl-btn {
-      height: 2rem;
-      width: 2rem;
-      background-size: 1.5rem !important;
-      cursor: pointer;
-      border-radius: 0.5rem;
-
-      &:hover {
-        background-color: $red;
-      }
-    }
+    
 
     @include phone-only {
       grid-template-columns: 1fr 9.2rem;

src/assets/css/_variables.scss

@@ -1,6 +1,6 @@
 // colors
 
-$card-dark: #000000;
+$body: #0f1218;
 $separator: #ffffff2f;
 $highlight-blue: #006eff;
 $bbb: #161616; //bottom controls background
@@ -14,7 +14,7 @@ $large: 1.5rem;
 $larger: 2rem;
 
 // apple human design guideline colors
-$black: #000000;
+$black: #181a1c;
 $white: #ffffffde;
 
 $gray: #1c1c1e;
@@ -24,8 +24,8 @@ $gray3: rgb(72, 72, 74);
 $gray4: rgb(58, 58, 60);
 $gray5: rgb(44, 44, 46);
 
-$red: rgb(255, 69, 58);
-$blue: #234ece;
+$red: #fa4f55;
+$blue: #0960ef;
 $green: rgb(20, 160, 55);
 $yellow: rgb(255, 214, 10);
 $orange: rgb(255, 159, 10);

src/assets/css/global.scss

@@ -11,8 +11,7 @@
 
 body {
   margin: 0;
-  background-color: #0f1218;
-  
+  background-color: $body;
   color: #fff;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
     Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -91,7 +90,7 @@ button {
     "l-sidebar nav search-input"
     "l-sidebar content r-sidebar"
     "l-sidebar content r-sidebar"
-    "l-sidebar bottom-bar tabs";
+    "l-sidebar content tabs";
   width: 100vw;
   height: 100vh;
 }