From 48ff1b6ea7b619baf6396ec05d91a9cae91bfbfe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= Date: Wed, 17 Jun 2026 17:07:05 +0200 Subject: [PATCH] Register sand alpha color utilities MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Expose the translucent neutral scale as bg-/text-/border-sand-a1 ... sand-a12, mapped to the imported --sand-a* variables so they switch light/dark like the solid steps. Enables overlays, scrims, and layered tints without hardcoded rgba. Limited to sand; the other hues keep only their solid steps for now. Signed-off-by: Émile Ré --- packages/ui/src/v2/theme.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/packages/ui/src/v2/theme.css b/packages/ui/src/v2/theme.css index 25e8713ec..cc8d22fba 100644 --- a/packages/ui/src/v2/theme.css +++ b/packages/ui/src/v2/theme.css @@ -113,6 +113,20 @@ --color-sand-11: var(--sand-11); --color-sand-12: var(--sand-12); + /* sand alpha — translucent neutral (overlays, scrims, layered tints) */ + --color-sand-a1: var(--sand-a1); + --color-sand-a2: var(--sand-a2); + --color-sand-a3: var(--sand-a3); + --color-sand-a4: var(--sand-a4); + --color-sand-a5: var(--sand-a5); + --color-sand-a6: var(--sand-a6); + --color-sand-a7: var(--sand-a7); + --color-sand-a8: var(--sand-a8); + --color-sand-a9: var(--sand-a9); + --color-sand-a10: var(--sand-a10); + --color-sand-a11: var(--sand-a11); + --color-sand-a12: var(--sand-a12); + /* gold */ --color-gold-1: var(--gold-1); --color-gold-2: var(--gold-2);