use same theme for search grids

src/assets/css/Search/Search.scss

@@ -45,6 +45,16 @@
   &::-webkit-scrollbar {
     display: none;
   }
+
+  .theme {
+    background-image: linear-gradient(
+      45deg,
+      #141414 0%,
+      #464545fd 50%,
+      #111111 100%
+    );
+    color: #fff;
+  }
 }
 
 .right-search {

src/assets/css/_variables.scss

@@ -8,6 +8,7 @@ $separator: #ffffff2f;
 $pink: #c43a3a;
 $highlight-blue: #006eff;
 $bbb: #161616; //bottom controls background
+$theme: #464545fd;
 
 // sizes
 $small: 0.5rem;

src/components/Search/AlbumGrid.vue

@@ -31,7 +31,6 @@ export default {
 </script>
 
 <style lang="scss">
-$theme: #6405d1;
 
 .right-search .albums-results {
   border-radius: 0.5rem;
@@ -45,16 +44,6 @@ $theme: #6405d1;
     border: solid 2px $theme;
   }
 
-  .theme {
-    background-image: linear-gradient(
-      45deg,
-      #380079 20%,
-      #6405d1 50%,
-      #1b0342 100%
-    );
-    color: #fff;
-  }
-
   .grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));

src/components/Search/ArtistGrid.vue

@@ -31,7 +31,6 @@ export default {
 </script>
 
 <style lang="scss">
-$theme: #464545fd;
 
 .right-search .artists-results {
   border-radius: 0.5rem;
@@ -44,15 +43,7 @@ $theme: #464545fd;
     border: solid 2px $theme;
   }
 
-  .theme {
+  
-    background-image: linear-gradient(
-      45deg,
-      #141414 0%,
-      #464545fd 50%,
-      #111111 100%
-    );
-    color: #fff;
-  }
 
   .grid {
     display: flex;

src/components/Search/TracksGrid.vue

@@ -39,21 +39,9 @@ function loadMore() {
 </script>
 
 <style lang="scss">
-$theme: #0056f5;
-
 .right-search .tracks-results {
   border-radius: 0.5rem;
   padding: $small;
   border: 2px solid $theme;
-
-  .theme {
-    background-image: linear-gradient(
-      45deg,
-      #21216b 20%,
-      $theme 50%,
-      #16266b 100%
-    );
-    color: #fff;
-  }
 }
 </style>