[Webkit-unassigned] [Bug 273996] New: Relative Color Syntax doesn't work with `light-dark()` CSS function

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=273996

            Bug ID: 273996
           Summary: Relative Color Syntax doesn't work with `light-dark()`
                    CSS function
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Apple Silicon)
                OS: macOS 14
            Status: NEW
          Severity: Critical
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: dev at romanczerkies.fr

Created attachment 471355

  --> https://bugs.webkit.org/attachment.cgi?id=471355&action=review

Bug reproduction with and without `light-dark()` CSS function

When Custom Properties is assigned from the `light-dark()` CSS function, the CSS Relative Color Syntax doesn't work.

``` css
:root {
    --background-color-light-dark: light-dark(oklch(65.74% 0.2 34.41), oklch(35.74% 0.2 34.41));
}

p {
    background-color: oklch(from var(--background-color-light-dark) l c h / .5); /* doesn't work */
}
```

Bug reproduced with and without `light-dark()` CSS function in the attachment.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20240510/37bac008/attachment.htm>