From b97bf8aa0f99362b1f2583ccb5893c528fcfba77 Mon Sep 17 00:00:00 2001
From: Eduard Prigoana <eduard@prigoana.com>
Date: Wed, 22 Oct 2025 19:58:08 +0300
Subject: [PATCH] track highlighting

---
 index.html |  2 +-
 styles.css | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 1e77ebd..aa8a7a4 100644
--- a/index.html
+++ b/index.html
@@ -401,4 +401,4 @@
 
     <script type="module" src="js/app.js"></script>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index a10eeb7..91944dd 100644
--- a/styles.css
+++ b/styles.css
@@ -523,9 +523,16 @@ a {
     background-color: var(--secondary);
 }
 
+.track-item.playing {
+    background-color: rgba(var(--highlight-rgb, 255, 255, 255), 0.15);
+    border-left: 3px solid var(--highlight);
+    padding-left: calc(var(--spacing-sm) - 3px);
+}
+
 .track-item.playing .track-number,
 .track-item.playing .track-item-details .title {
     color: var(--highlight);
+    font-weight: 600;
 }
 
 .track-number {
@@ -1131,7 +1138,9 @@ input:checked + .slider::before {
 }
 
 .queue-track-item.playing {
-    background-color: var(--secondary);
+    background-color: rgba(var(--highlight-rgb, 255, 255, 255), 0.15);
+    border-left: 3px solid var(--highlight);
+    padding-left: calc(var(--spacing-sm) - 3px);
 }
 
 .queue-track-item .drag-handle {