Comment by crtasm
Comment by crtasm a day ago
>This browser does not support contrast-color(). Try this demo in a browser that does, like Safari Technology Preview
Comment by crtasm a day ago
>This browser does not support contrast-color(). Try this demo in a browser that does, like Safari Technology Preview
It’s available in desktop Safari here, I’m using version 18.5 (20621.2.5.11.8).
Safari has had several security fixes since then, so you should update:
18.3: https://support.apple.com/en-us/122074
18.3.1: https://support.apple.com/en-us/122285
18.4: https://support.apple.com/en-us/122379
18.5: https://support.apple.com/en-us/122719
Also, 18.4 was a pretty big update for standards support and other features:
https://webkit.org/blog/16574/webkit-features-in-safari-18-4...
MDN doesn't even have it yet. Looks like it's WebKit exclusive for a while.
The [draft for addition to the CSS spec](https://drafts.csswg.org/css-color-5/#resolving-contrast) just got added. Kind of wonder why Apple includes this in Safari as color-contrast rather than -webkit-color-contrast until other browsers have at least indicated a position on this draft. All I can find is decisions to defer the specifications (going back to as far as 2020).
Prefixes are no longer used for new features, and any that still exist are old. What happens now is that features are gated behind feature flags for testing until the browser working group settles on the final spec for that feature, at which point any browser-maker is free to implement it in public releases.
It works in "Gnome Web", which is mostly a wrapper around WebKit.
> Support for this feature first shipped in March 2021, in Safari Technology Preview 122.
https://webkit.org/blog/11577/release-notes-for-safari-techn...
> Added experimental support for CSS Color 5 color-contrast()
You don't need the Technology Preview, it's available as a WebKit Feature Flag under the advanced settings of normal Safari. I just enabled it on my phone and was able to view the demos.