Make the text in the currently playing playlist item bold

Author: JamesDBartlett3

script.js

@@ -76,6 +76,19 @@ document.addEventListener("DOMContentLoaded", () => {
       videoPlayer.insertAdjacentElement("afterend", episodeLink);
     }
     episodeLink.href = video.release_url;
+
+    // Remove 'playing' class from all playlist items
+    document.querySelectorAll("#playlist li").forEach((li) => {
+      li.classList.remove("playing");
+    });
+
+    // Add 'playing' class to the current playlist item
+    const currentItem = Array.from(playlist.children).find((li) =>
+      li.querySelector(`a[href="#${video.tag_name}"]`)
+    );
+    if (currentItem) {
+      currentItem.classList.add("playing");
+    }
   }
 
   // Initialize the application

style.css

@@ -93,6 +93,10 @@ video {
   background-color: var(--hover-color); /* Use variable for hover color */
 }
 
+#playlist li.playing {
+  font-weight: bold; /* Make text bold */
+}
+
 #playlist a {
   color: var(--text-color); /* Use variable for text color */
   text-decoration: none; /* Remove underline */