3 ms·
>This browser does not support contrast-color(). Try this demo in a browser that does, like Safari Technology Preview
by crtasm 1y ago
>This browser does not support contrast-color(). Try this demo in a browser that does, like Safari Technology Preview
- judah 1y agoAnd I don't yet see an entry for this on caniuse.com. I'm guessing this is super new.
- miiiiiike 1y agoVery new. I think Safari is the only one that ships it and even then it’s still in preview
- homebrewer 1y agoIt 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-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/ https://trac.webkit.org/changeset/273683/webkit/
- jeroenhd 1y agoMDN 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 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).
- frosted-flakes 1y agoPrefixes 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.
- ZYbCRq22HbJ2y7 1y agohttps://drafts.csswg.org/css-color-5/#contrast-color https://drafts.csswg.org/css-color-5/#contrast-color
- ctippett 1y agoYou 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.
- mgkimsal 1y agonot available on desktop safari (version 18.2 (20620.1.16.11.8)) under feature flags.
- ctippett 1y agoI'm on version 18.5 (20621.2.5.11.8) and it's there.
- JimDabell 1y agoIt’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 https://support.apple.com/en-us/122074 18.3.1: https://support.apple.com/en-us/122285 https://support.apple.com/en-us/122285 18.4: https://support.apple.com/en-us/122379 https://support.apple.com/en-us/122379 18.5: https://support.apple.com/en-us/122719 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/ https://webkit.org/blog/16574/webkit-features-in-safari-18-4...
- mgkimsal 1y agothanks for info. i've had 'auto update apps and security responses', just not full macos. will review.