Minor tweaks

now-playing/themes/standard/script.js

@@ -1,11 +1,3 @@
-/////////////////
-// GLOBAL VARS //
-/////////////////
-
-let CurrentPlaybackStatus;
-let CurrentSong;
-let hideTimeout = null;
-
 ///////////////////
 // PAGE ELEMENTS //
 ///////////////////
@@ -86,10 +78,14 @@ async function UpdatePlayerState(data) {
         }
 
         // 2. Check if the track name/artist have changed - this is our indicator that the next track has loaded
-        const newTrackKey = `${mediaProps.Title}|${mediaProps.Artist}`;
-        if (newTrackKey !== CurrentSong) {
-            ChangeTrack(mediaProps, accentColorPalette.LightVibrant);       // Now trigger your cross-fade logic here!
-            CurrentSong = newTrackKey;                  // Update the tracker with the string key
+        // Only proceed if the player state is actively playing audio
+        if (CurrentPlaybackStatus == PlaybackStatus.PLAYING)
+        {
+            const newTrackKey = `${mediaProps.Title}|${mediaProps.Artist}`;
+            if (newTrackKey !== CurrentSong) {
+                ChangeTrack(mediaProps, accentColorPalette.LightVibrant);       // Now trigger your cross-fade logic here!
+                CurrentSong = newTrackKey;                  // Update the tracker with the string key
+            }
         }
 
         // 3. Update the progress info

now-playing/themes/standard/style.css

@@ -45,6 +45,7 @@
     flex: 1;
     display: flex;
     flex-direction: column;
+    justify-content: center;
     border-radius: 1em;
     overflow: hidden;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
@@ -64,7 +65,7 @@
     background-repeat: no-repeat;
 
 	background-blend-mode: overlay; /* Or 'soft-light' for a subtler effect */
-    filter: blur(0px) brightness(0.3) saturate(1.2);
+    filter: blur(5px) brightness(0.3) saturate(1.2);
     transform: scale(1.1); /* Slightly zoom in to cover edges when blurred */
 }