From 2e699f7be7a1db91998217f4f49d078f85403eed Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Tue, 22 Feb 2022 21:06:56 +0300
Subject: [PATCH] use same theme for search grids

---
 src/assets/css/Search/Search.scss    | 10 ++++++++++
 src/assets/css/_variables.scss       |  1 +
 src/components/Search/AlbumGrid.vue  | 11 -----------
 src/components/Search/ArtistGrid.vue | 11 +----------
 src/components/Search/TracksGrid.vue | 12 ------------
 5 files changed, 12 insertions(+), 33 deletions(-)

diff --git a/src/assets/css/Search/Search.scss b/src/assets/css/Search/Search.scss
index 050ce051..8d235107 100644
--- a/src/assets/css/Search/Search.scss
+++ b/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 {
diff --git a/src/assets/css/_variables.scss b/src/assets/css/_variables.scss
index 5f14c2ac..565eda1c 100644
--- a/src/assets/css/_variables.scss
+++ b/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;
diff --git a/src/components/Search/AlbumGrid.vue b/src/components/Search/AlbumGrid.vue
index 2203e4f2..6aa9b7b7 100644
--- a/src/components/Search/AlbumGrid.vue
+++ b/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));
diff --git a/src/components/Search/ArtistGrid.vue b/src/components/Search/ArtistGrid.vue
index b3d15010..3dd23d20 100644
--- a/src/components/Search/ArtistGrid.vue
+++ b/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;
diff --git a/src/components/Search/TracksGrid.vue b/src/components/Search/TracksGrid.vue
index 85c58b72..4c92c219 100644
--- a/src/components/Search/TracksGrid.vue
+++ b/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>