From 6aa7adb931724a55f49c931ceb03e2320999ff38 Mon Sep 17 00:00:00 2001 From: Guillem Arias Fauste Date: Fri, 1 May 2026 16:05:21 +0200 Subject: [PATCH] fix(design-system): give cyan-900 a darker value than cyan-800 (#1619) Both `cyan-800` and `cyan-900` were defined as `#155B75` since the original commit that introduced the v4 design system, leaving the cyan scale plateaued at the dark end. Setting `cyan-900` to `#164E63` (Tailwind v3's default for that step), so the scale progresses monotonically. The token has zero current usage (`bg-cyan-900`, `text-cyan-900`, `border-cyan-900` aren't referenced anywhere outside the design system source), so this change is invisible in the running app today. Closes #1605. --- app/assets/tailwind/sure-design-system/_generated.css | 2 +- design/tokens/sure.tokens.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/app/assets/tailwind/sure-design-system/_generated.css b/app/assets/tailwind/sure-design-system/_generated.css index 31d8c67a0..bb473b187 100644 --- a/app/assets/tailwind/sure-design-system/_generated.css +++ b/app/assets/tailwind/sure-design-system/_generated.css @@ -98,7 +98,7 @@ --color-cyan-600: #088AB2; --color-cyan-700: #0E7090; --color-cyan-800: #155B75; - --color-cyan-900: #155B75; + --color-cyan-900: #164E63; --color-cyan-tint-5: --alpha(var(--color-cyan-500) / 5%); --color-cyan-tint-10: --alpha(var(--color-cyan-500) / 10%); --color-blue-25: #F5FAFF; diff --git a/design/tokens/sure.tokens.json b/design/tokens/sure.tokens.json index 61ee4d906..87911351d 100644 --- a/design/tokens/sure.tokens.json +++ b/design/tokens/sure.tokens.json @@ -126,7 +126,7 @@ "600": { "$value": "#088AB2", "$type": "color" }, "700": { "$value": "#0E7090", "$type": "color" }, "800": { "$value": "#155B75", "$type": "color" }, - "900": { "$value": "#155B75", "$type": "color" }, + "900": { "$value": "#164E63", "$type": "color" }, "tint-5": { "$value": "{color.cyan.500|5%}", "$type": "color" }, "tint-10": { "$value": "{color.cyan.500|10%}", "$type": "color" } },