Help With Colors

I have a question about how AbleSet handles track highlighting. Right now, when no song is selected, it’s black, and when a song is selected, it lights up green — which is perfect, because you can instantly see which song is active.

But when I assign a different color to the track (for example, red), the track stays fully lit up in that color all the time, so it’s hard to tell when it’s actually selected.

Is there a way (or could this be a feature request) to have the track color appear dimmed or “off” when not selected, and then brighten up when it is selected — similar to how it behaves when it dims after the song ends?

That way, we could keep custom track colors but still have a clear visual cue for which song is currently active.

yes please - this would be great

Hey @cgbb1964 and @mujo.live,

That’s a good point! I didn’t want to make the colors too dim, but I see how it can be confusing that songs don’t light up when they’re selected.

I’ll see if I can find a better balance here, but in the meantime, you can make use of custom styles to change the color of songs that haven’t been played yet by adding this code to your styles.css file:

:root {
  --color-gray-unplayed: var(--color-gray-950);
  --color-red-unplayed: var(--color-red-950);
  --color-orange-unplayed: var(--color-orange-950);
  --color-amber-unplayed: var(--color-amber-950);
  --color-yellow-unplayed: var(--color-yellow-950);
  --color-lime-unplayed: var(--color-lime-950);
  --color-green-unplayed: var(--color-green-950);
  --color-emerald-unplayed: var(--color-emerald-950);
  --color-teal-unplayed: var(--color-teal-950);
  --color-cyan-unplayed: var(--color-cyan-950);
  --color-sky-unplayed: var(--color-sky-950);
  --color-blue-unplayed: var(--color-blue-950);
  --color-indigo-unplayed: var(--color-indigo-950);
  --color-violet-unplayed: var(--color-violet-950);
  --color-purple-unplayed: var(--color-purple-950);
  --color-fuchsia-unplayed: var(--color-fuchsia-950);
  --color-pink-unplayed: var(--color-pink-950);
  --color-rose-unplayed: var(--color-rose-950);
}

This will make the unplayed songs have the same color as played songs.

Let me know if this works for you :slight_smile: