Use lab color interpolation to improve the dark end of accent ramps

Nate Butler created 3 years ago

Change summary

styles/src/themes/common/ramps.ts | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)

Detailed changes

styles/src/themes/common/ramps.ts

@@ -13,8 +13,8 @@ import {
 
 export function colorRamp(color: Color): Scale {
   let endColor = color.desaturate(1).brighten(5);
-  let startColor = color.desaturate(1).darken(5);
-  return chroma.scale([startColor, color, endColor]).mode("hsl");
+  let startColor = color.desaturate(1).darken(4);
+  return chroma.scale([startColor, color, endColor]).mode("lab");
 }
 
 export function createColorScheme(