minor color refactors

src/components/RightSideBar/Home/Main.vue

@@ -7,7 +7,6 @@
 <style lang="scss">
 .r-home {
   height: calc(100% - 1rem);
-  background-color: $card-dark;
   padding: 0 $small $small 0;
 }
 </style>

src/components/RightSideBar/Main.vue

@@ -13,7 +13,7 @@
           <UpNext />
         </div>
       </div>
-      <div class="tab-keys card-dark border">
+      <div class="tab-keys border">
         <Tabs :current_tab="current_tab" :tabs="tabs" @changeTab="changeTab" />
       </div>
     </div>

src/components/RightSideBar/Queue.vue

@@ -56,7 +56,6 @@ export default {
 
 <style lang="scss">
 .up-next {
-  background-color: $card-dark;
   padding: $small $small $small 0;
   overflow: hidden;
   height: 100%;
@@ -118,7 +117,7 @@ export default {
       height: 100%;
       padding: $small;
       overflow: auto;
-      background-color: $card-dark;
+      // background-color: $card-dark;
       scrollbar-color: grey transparent;
     }
   }

src/components/RightSideBar/Recommendation.vue

@@ -38,7 +38,6 @@ export default {
 <style lang="scss">
 .r-tracks {
   margin-top: 0.5rem;
-  background-color: $card-dark;
   padding: 0.5rem;
 }