Hacker News Reader

Comment by crtasm | Hacker News Reader

>This browser does not support contrast-color(). Try this demo in a browser that does, like Safari Technology Preview

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.

not available on desktop safari (version 18.2 (20620.1.16.11.8)) under feature flags.

I'm on version 18.5 (20621.2.5.11.8) and it's there.

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...

thanks for info. i've had 'auto update apps and security responses', just not full macos. will review.

And I don't yet see an entry for this on caniuse.com. I'm guessing this is super new.

Very new. I think Safari is the only one that ships it and even then it’s still in preview

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()

https://trac.webkit.org/changeset/273683/webkit/

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.

https://drafts.csswg.org/css-color-5/#contrast-color

Reply on news.ycombinator.com