From 096ee92408d471c478ece3d210745db9d88698ed Mon Sep 17 00:00:00 2001
From: wvffle <funkwhale@wvffle.net>
Date: Sun, 24 Jul 2022 21:44:53 +0000
Subject: [PATCH] Use nicer colors

---
 front/src/components/QueueItem.vue     | 4 ++--
 front/src/style/components/_queue.scss | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/front/src/components/QueueItem.vue b/front/src/components/QueueItem.vue
index 6520585bf..562b5f47f 100644
--- a/front/src/components/QueueItem.vue
+++ b/front/src/components/QueueItem.vue
@@ -54,8 +54,8 @@ defineEmits<Emits>()
     </div>
     <div class="controls">
       <i
-        :class="$store.getters['favorites/isFavorite'](source.track.id) ? 'pink' : 'grey'"
-        class="heart icon ui favorite-icon"
+        :class="$store.getters['favorites/isFavorite'](source.track.id) ? 'pink' : ''"
+        class="heart icon"
         @click.stop="$store.dispatch('favorites/toggle', source.track.id)"
       />
       <button
diff --git a/front/src/style/components/_queue.scss b/front/src/style/components/_queue.scss
index 8444ba71b..7a25e6803 100644
--- a/front/src/style/components/_queue.scss
+++ b/front/src/style/components/_queue.scss
@@ -321,6 +321,10 @@
     cursor: pointer;
     padding: 0 0.875rem;
 
+    .heart:not(.pink) {
+      color: rgba(0, 0, 0, 0.2)
+    }
+
     .handle > .grip {
       pointer-events: none;
     }