From e0a477265d25f54172b25a28625f326e92afb3e7 Mon Sep 17 00:00:00 2001 From: Nate Butler Date: Wed, 19 Oct 2022 14:35:09 -0400 Subject: [PATCH] Use lab color interpolation to improve the dark end of accent ramps --- styles/src/themes/common/ramps.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/src/themes/common/ramps.ts b/styles/src/themes/common/ramps.ts index fcca61ad8c..cb8f3c3dce 100644 --- a/styles/src/themes/common/ramps.ts +++ b/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(