Use nicer colors

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

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;
     }