wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-09-25 09:57:32 +09:00
Code Issues Projects Releases Packages Wiki Activity

Issue #2982 - clamp oklab/oklch to [0,1] before conversion to closer match spec

Browse source
This commit is contained in:
Basilisk-Dev 2026-03-06 13:45:26 -05:00 • committed by EAZYBLACK
commit 8c4b5a0e58
2 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
layout/style/nsCSSParser.cpp
View file

@ -184,9 +184,12 @@ LinearSRGBToEncoded(float aValue)
static nscolor static nscolor
OKLabToSRGBColor(float aL, float aA, float aB, float aAlpha) OKLabToSRGBColor(float aL, float aA, float aB, float aAlpha)
{ {
float lRoot = aL + 0.3963377774f * aA + 0.2158037573f * aB; // Per CSS Color, the lightness component for Oklab/Oklch is clamped.
float mRoot = aL - 0.1055613458f * aA - 0.0638541728f * aB; float lightness = mozilla::clamped(aL, 0.0f, 1.0f);
float sRoot = aL - 0.0894841775f * aA - 1.2914855480f * aB;
float lRoot = lightness + 0.3963377774f * aA + 0.2158037573f * aB;
float mRoot = lightness - 0.1055613458f * aA - 0.0638541728f * aB;
float sRoot = lightness - 0.0894841775f * aA - 1.2914855480f * aB;
float l = lRoot * lRoot * lRoot; float l = lRoot * lRoot * lRoot;
float m = mRoot * mRoot * mRoot; float m = mRoot * mRoot * mRoot;

2
layout/style/test/test_computed_style.html
View file

@ -401,8 +401,10 @@ var noframe_container = document.getElementById("content");
["hsl(0 0% 0% / 0.5)", "rgba(0, 0, 0, 0.5)"], ["hsl(0 0% 0% / 0.5)", "rgba(0, 0, 0, 0.5)"],
["oklab(0 0 0 / 1)", "rgb(0, 0, 0)"], ["oklab(0 0 0 / 1)", "rgb(0, 0, 0)"],
["oklab(0 0 0 / 0.5)", "rgba(0, 0, 0, 0.5)"], ["oklab(0 0 0 / 0.5)", "rgba(0, 0, 0, 0.5)"],
["oklab(150% 0.5 0.2 / 1)", "rgb(255, 0, 0)"],
["oklch(0 0 0 / 1)", "rgb(0, 0, 0)"], ["oklch(0 0 0 / 1)", "rgb(0, 0, 0)"],
["oklch(0 0 0 / 0.5)", "rgba(0, 0, 0, 0.5)"], ["oklch(0 0 0 / 0.5)", "rgba(0, 0, 0, 0.5)"],
["oklch(150% 0.5 50 / 1)", "rgb(255, 0, 0)"],
]; ];
var p = document.createElement("p"); var p = document.createElement("p");