Post

The color-scheme mixing logic is clever, but curious how browser support looks for relative color syntax in production. Are you finding that needs a fallback or is coverage solid enough to ship as-is?

I opened up the example codepen just before I pushed publish to check it works in Chrome and Firefox (Safari is my day-to-day) and it all seems to work. In reality, I would add fallbacks where appropriate so that browsers that don't support everything (or any of it) still get a usable page. 🙏🖤

triadic is the one i always bail on. looks great on the wheel, dies the second you need a danger state. does contrast-color() help there?

yeah, playing with this over the last week or so it shows that some work better in 'dark mode' too. contrast-color() (at the moment) will only effect the text colour so you might need a tint or shade to get the danger state useable.