CSS linear-gradient for scroll bar not updating for currentColor

I have a scroll bar I'm working on. I have it setup to have a gradient on the end of whichever side has more items to go. (ex: If I'm not scrolled to the end, the right edge will fade out).

However I'm experimenting with optional color modes like a dark mode. My after (for the scroll bar) looks like

background: linear-gradient(to left, rgba(0, 0, 0, 0), currentColor);

currentColor doesn't update with the inherited color. Now I've seen this is an issue on Chrome, but I've been seeing it with Firefox as well. Is there a solution to this or work-around to force it to update the gradient?