track highlighting

This commit is contained in:
Eduard Prigoana 2025-10-22 19:58:08 +03:00
parent bd7e3fea33
commit b97bf8aa0f
2 changed files with 11 additions and 2 deletions

View file

@ -401,4 +401,4 @@
<script type="module" src="js/app.js"></script>
</body>
</html>
</html>

View file

@ -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 {