style(front): player

front/src/components/audio/Player.vue

@@ -285,7 +285,7 @@ const hideArtist = () => {
               round
               :aria-label="loopingTitle"
               :disabled="!currentTrack"
-              :icon="looping === LoopingMode.LoopTrack ? 'bi-repeat-1' : looping === LoopingMode.LoopQueue ? 'bi-repeat' : 'bi-arrow-clockwise'"
+              :icon="looping === LoopingMode.LoopTrack ? 'bi-repeat-1' : 'bi-repeat'"
               @click.prevent.stop="toggleLooping"
             />
 

front/src/style/components/_player.scss

@@ -143,6 +143,13 @@
       accent-color: var(--vibrant-color);
     }
 
+    .looping, .shuffling,
+    .looping:hover, .shuffling:hover {
+      > i {
+        color: var(--vibrant-color);
+      }
+    }
+
     @include media(">desktop") {
       &:not(.fluid) {
         width: 20%;
@@ -197,9 +204,6 @@
   .controls {
     display: flex;
   }
-  .shuffling {
-    color: var(--vibrant-color);
-  }
   .fake-dropdown {
     display: flex;
     z-index: 2;