Browser bug for oklch color space

My Brave version is built on Chromium 107.0.5304.91 which supports the oklch color space. However, it does not render any color declared as oklch even though a fallback has been provided. This is because Chromium 107.0.5304.91 does actually support oklch but Brave is failing to render it. Google Chrome has no issue rendering these values properly. It renders the below example as --color-dark: oklch(37.15% 0 0).

Here is my css:

:root {
--color-dark: rgb(64, 64, 64);
}
@supports (color: oklch(0% 0 0)) {
	:root {
		--color-dark: oklch(37.15% 0 0);
	}
}

According to Google, It looks like this feature is estimated to land in Chromium 110, later this year. At this time it appears to only be supported in Firefox (behind a flag), and Safari.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.