rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Register sand alpha color utilities

Browse Source 
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é <emile@probo.com>
This commit is contained in:
Émile Ré
2026-06-17 17:07:05 +02:00
parent d7d6ddda2b
commit 48ff1b6ea7
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/ui/src/v2/theme.css
View File

@@ -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);