[csswg-drafts] [css-color-4]: light-dark() doesn’t work with Relative Colors (#10572)

ai has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-color-4]: light-dark() doesn’t work with Relative Colors  ==
There is some compatibility issue between Relative Colors and `light-dark()` in all browsers:

```css
.broken {
  --dynamic-bg: light-dark(oklch(70% 0 0), oklch(30% 0 0));
  background: oklch(from var(--dynamic-bg) l 0.05 160); /* browsers ignore it */
}
```

Maybe Relative Colors spec was created without thinking of `light-dark()`? But I think it really limits colors DX.

Demo: https://codepen.io/iskin/pen/yLWdxrR

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10572 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Saturday, 13 July 2024 10:01:17 UTC