dmolinari/SIG-CM2.0
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

chore(web): agregar tokens warning-bg y warning-border al Design System

Browse Source 
Tokens usados en banner de advertencia fiscal (ADM-009). Incluye variante
light (amber claro) y dark (amber oscuro), mapeados en @theme inline de Tailwind.
This commit is contained in:
dmolinari
2026-04-17 18:55:16 -03:00
parent 3eda59f5aa
commit 9c05167788
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/web/src/index.css
View File

@@ -51,6 +51,8 @@
--success-foreground: oklch(0.990 0.000 0); --success-foreground: oklch(0.990 0.000 0);
--warning: oklch(0.760 0.150 75); --warning: oklch(0.760 0.150 75);
--warning-foreground: oklch(0.220 0.050 75); --warning-foreground: oklch(0.220 0.050 75);
--warning-bg: oklch(0.970 0.040 80); /* banner bg — usado en fiscal ADM-009 */
--warning-border: oklch(0.870 0.090 78); /* border del banner warning */
/* ── shadcn semantic mapping (LIGHT) ─────────────────── */ /* ── shadcn semantic mapping (LIGHT) ─────────────────── */
--background: oklch(0.962 0.006 250); /* slate cool — pop con cards white */ --background: oklch(0.962 0.006 250); /* slate cool — pop con cards white */
@@ -134,6 +136,9 @@
--destructive: oklch(0.580 0.190 25); --destructive: oklch(0.580 0.190 25);
--destructive-foreground: oklch(0.990 0.000 0); --destructive-foreground: oklch(0.990 0.000 0);
--warning-bg: oklch(0.220 0.055 72); /* banner bg dark mode — warm amber sutil */
--warning-border: oklch(0.380 0.090 74);
--border: oklch(1 0 0 / 0.10); /* sutil glass-style border */ --border: oklch(1 0 0 / 0.10); /* sutil glass-style border */
--input: oklch(0.245 0.022 252); /* elevado, mismo nivel que muted */ --input: oklch(0.245 0.022 252); /* elevado, mismo nivel que muted */
--input-border: oklch(1 0 0 / 0.14); --input-border: oklch(1 0 0 / 0.14);
@@ -317,6 +322,8 @@
--color-success-foreground: var(--success-foreground); --color-success-foreground: var(--success-foreground);
--color-warning: var(--warning); --color-warning: var(--warning);
--color-warning-foreground: var(--warning-foreground); --color-warning-foreground: var(--warning-foreground);
--color-warning-bg: var(--warning-bg);
--color-warning-border: var(--warning-border);
--radius-sm: calc(var(--radius) - 4px); --radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px); --radius-md: calc(var(--radius) - 2px);