Option to use currentColor or other tailwind util classes for more components

[mister-simon]

While experimenting with the styled Range component, I ran into some limitations.
Specifically, it isn't possible to set arbitrary thumb colors (via the pseudo-element's box-shadow) in a simple way.

This lead me to a couple of potential approaches:

1. Use --tw-shadow-color as a fallback, when --range-shdw is not present.
2. Find a way to make use of currentColor, thereby allowing text-... utilities to set the basic track color instead.

With the above ideas in mind, I would like to be able to do something like:

Make use of shadow variables?
<input type="range" class="range shadow-red-500" />

Make use of currentColor?
<input type="range" class="range text-red-500" />

Or require a modifier class to apply currentColor?
<input type="range" class="range range-current-color text-red-500" />

I suspect that this specific implementation would end up looking like:

--range-shdw-color: hsl(var(--bc));
--range-shdw: 0 0 0 3px var(--tw-shadow-color, --range-shdw-color) inset /* ...etc */;

&::-webkit-slider-thumb {
    box-shadow: var(--range-shdw) inset, ...etc;
}
&-primary {
  --range-shdw-color: hsl(var(--p));
} 
&-current-color {
  --range-shdw-color: currentColor;
}

If it proves possible / worthwhile, it might be possible to apply similar approaches to some of the other components that have custom <element>-<daisy-color> classes as their only available styles.

I'm aware that this might be more of a sweeping change than it seems on face value, since Daisy seems to make pretty heavy use of hsl, and allowing other arbitrary colours through might end up complicating what is currently quite a streamlined style system.

In any case, I hope it's an idea worth considering even if it's not too feasible.
Or you might have a smarter solution or know something that I've missed in my search.

By the way - Really enjoying working with DaisyUI! Thanks for all the hard work :).

[mister-simon]

I think when I was considering this, I had in mind the Radial Progress component. I hadn't yet checked the code for that out, but now that I have I see that it uses currentColor!

So I suppose, this is more of a request to expand the feature to more components, as it's a really valuable and intuitive feature.