logaritmisk/biggus-dickus
1
0
Fork 0
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): indigo brand token + status tokens + Badge success/warning variants (#49)

Browse Source 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Anders Olsson
2026-06-07 14:08:08 +02:00
parent 67e486df46
commit 04ed0c50e2
6 changed files with 50 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/index.css
+28 -4
View File
@@ -18,6 +18,12 @@
--color-accent: var(--accent);
--color-accent-foreground: var(--accent-foreground);
--color-destructive: var(--destructive);
--color-success: var(--success);
--color-success-foreground: var(--success-foreground);
--color-warning: var(--warning);
--color-warning-foreground: var(--warning-foreground);
--color-highlight: var(--highlight);
--color-highlight-foreground: var(--highlight-foreground);
--color-border: var(--border);
--color-input: var(--input);
--color-ring: var(--ring);
@@ -35,7 +41,7 @@
--card-foreground: oklch(0.145 0 0);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0 0);
--primary: oklch(0.205 0 0);
--primary: oklch(0.511 0.262 276.966);
--primary-foreground: oklch(0.985 0 0);
--secondary: oklch(0.97 0 0);
--secondary-foreground: oklch(0.205 0 0);
@@ -44,9 +50,15 @@
--accent: oklch(0.97 0 0);
--accent-foreground: oklch(0.205 0 0);
--destructive: oklch(0.577 0.245 27.325);
--success: oklch(0.627 0.194 149.214);
--success-foreground: oklch(0.985 0 0);
--warning: oklch(0.666 0.179 58.318);
--warning-foreground: oklch(0.985 0 0);
--highlight: oklch(0.905 0.182 98.111);
--highlight-foreground: oklch(0.205 0 0);
--border: oklch(0.922 0 0);
--input: oklch(0.922 0 0);
--ring: oklch(0.708 0 0);
--ring: oklch(0.511 0.262 276.966);
--radius: 0.625rem;
}
@@ -57,7 +69,7 @@
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.205 0 0);
--popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.985 0 0);
--primary: oklch(0.673 0.182 276.935);
--primary-foreground: oklch(0.205 0 0);
--secondary: oklch(0.269 0 0);
--secondary-foreground: oklch(0.985 0 0);
@@ -66,9 +78,15 @@
--accent: oklch(0.269 0 0);
--accent-foreground: oklch(0.985 0 0);
--destructive: oklch(0.704 0.191 22.216);
--success: oklch(0.723 0.192 149.579);
--success-foreground: oklch(0.205 0 0);
--warning: oklch(0.769 0.188 70.08);
--warning-foreground: oklch(0.205 0 0);
--highlight: oklch(0.852 0.199 91.936);
--highlight-foreground: oklch(0.205 0 0);
--border: oklch(1 0 0 / 10%);
--input: oklch(1 0 0 / 15%);
--ring: oklch(0.556 0 0);
--ring: oklch(0.673 0.182 276.935);
}
@layer base {
@@ -80,3 +98,9 @@
@apply bg-background text-foreground font-sans;
}
}
@layer components {
.label-caption {
@apply text-xs font-medium uppercase tracking-wide text-muted-foreground;
}
}