Desaturate text colours by decreasing chroma for the last steps of the color scale (#3096)

zenoachtig · web-flow · commit cdffd7c47b36 · 2025-04-04T18:00:01.000+02:00
diff --git a/.changeset/moody-jeans-explain.md b/.changeset/moody-jeans-explain.md
@@ -0,0 +1,5 @@
+---
+"@gitbook/colors": patch
+---
+
+Desaturate text colors by decreasing chroma for the last steps of the color scale
diff --git a/packages/colors/src/transformations.ts b/packages/colors/src/transformations.ts
@@ -220,7 +220,7 @@ export function colorScale(
             continue;
         }
 
-        const chromaRatio = index < 8 ? index * 0.05 : 1;
+        const chromaRatio = index === 8 || index === 9 ? 1 : index * 0.05;
 
         const shade = {
             L: targetL, // Blend lightness

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@gitbook/colors": patch
 +---
++
 +Desaturate text colors by decreasing chroma for the last steps of the color scale
Original file line number	Diff line number	Diff line change
`@@ -220,7 +220,7 @@ export function colorScale(`
`220`	`220`	`continue;`
`221`	`221`	`}`
`222`	`222`
`223`		`- const chromaRatio = index < 8 ? index * 0.05 : 1;`
	`223`	`+ const chromaRatio = index === 8 \|\| index === 9 ? 1 : index * 0.05;`
`224`	`224`
`225`	`225`	`const shade = {`
`226`	`226`	`L: targetL, // Blend lightness`