Color Revolution

[geoffrey-eisenbarth]

All default colors should be generated from the accent color using relative color syntax (lch(from)).

For light and dark themes, use the light-dark() function instead of media queries.

Headline feature for V2.

Prototype implementation in feat-relative-colors git branch, needs aesthetic polishing and a detailed map of the API breakage.

Problem: CSS variables seem to be call-by-value rather than call-by-name, so if a child element changes accent color, the other colors don't change to match. The prototype works around this by setting the relative color variables on the * selector, recalculating them on every element. This works, but makes it fiddly to override the formulas and it's probably slow. Possible solution with @container style() queries?

Thought: The fact that a colorway can be defined from a single color effectively makes colorways obsolete. - Missing Roadmap

More discussion in the Color Revolution Discord thread