Rango fails to display hints when page uses some new colors from CSS Color Module Level 4

[david-tejada]

Up until recently, retrieving the color or the background color of an element using getComputedStyle always returned a string starting with rgb or rgba. With new color spaces added to CSS Color Module Level 4 that is no longer the case. Here are some examples of color strings return from getComputedStyle:

• oklch(0.7 0.1 248)
• lch(70 0.1 248)
• lab(70 10 -40)
• oklab(0.7 10 -40)

Here is an example of a page that uses these new colors where the hints aren't displayed: daisyUI — Tailwind CSS Components ( version 4 update is here )

The color library that I am currently using can't handle any of those colors. The colord library seems to be more complete. Although it still can't handle oklch or oklab there seems to be ongoing work to add them.

The solution for this issue would be two steps:

• Handle errors when passing colors. Default to hints with dark text over white background.
• Switch to colord and rewrite the color logic to be able to handle these new color spaces.

[david-tejada]

This library seems interesting too: https://colorjs.io/