null
/
Pipeline
1
0
Fork 0
Code Issues 15 Pull Requests Packages Projects Releases Wiki Activity

fix: ui shadcn

This commit is contained in:
null 2026-05-20 00:02:20 -05:00
parent c88dfc1762
commit 74d26afffa
2 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/components.json Normal file
View File

@ -0,0 +1,21 @@
{
"$schema": "https://ui.shadcn.com/schema.json",
"style": "new-york",
"rsc": false,
"tsx": true,
"tailwind": {
"config": "tailwind.config.cjs",
"css": "src/app/globals.css",
"baseColor": "slate",
"cssVariables": true,
"prefix": ""
},
"aliases": {
"components": "@/components",
"utils": "@/lib/utils",
"ui": "@/components/ui",
"lib": "@/lib",
"hooks": "@/hooks"
},
"iconLibrary": "lucide"
}

47
frontend/src/app/globals.css
View File

@ -98,6 +98,8 @@
:root { :root {
color-scheme: dark; color-scheme: dark;
/* ── Design system tokens ───────────────────────────── */
--bg: #070b12; --bg: #070b12;
--surface: #0f1724; --surface: #0f1724;
--surface-muted: #162133; --surface-muted: #162133;
@ -117,10 +119,34 @@
0 18px 50px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.04) inset; 0 18px 50px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.04) inset;
--shadow-card: --shadow-card:
0 12px 34px rgba(0, 0, 0, 0.28), 0 1px 0 rgba(255, 255, 255, 0.04) inset; 0 12px 34px rgba(0, 0, 0, 0.28), 0 1px 0 rgba(255, 255, 255, 0.04) inset;
/* ── shadcn/ui bridge — maps shadcn vars to design tokens ── */
/* Any component added via `npx shadcn add` will work out of the box. */
--background: var(--bg);
--foreground: var(--text);
--card: var(--surface);
--card-foreground: var(--text);
--popover: var(--surface);
--popover-foreground: var(--text);
--primary: var(--accent);
--primary-foreground: #070b12;
--secondary: var(--surface-muted);
--secondary-foreground: var(--text);
--muted: var(--surface-muted);
--muted-foreground: var(--text-muted);
--accent-shadcn: var(--surface-strong);
--accent-foreground: var(--text);
--destructive: var(--danger);
--destructive-foreground: #ffffff;
--input: var(--border);
--ring: var(--accent);
--radius: 0.75rem;
} }
[data-theme="light"] { [data-theme="light"] {
color-scheme: light; color-scheme: light;
/* ── Design system tokens ───────────────────────────── */
--bg: #f8fafc; --bg: #f8fafc;
--surface: #ffffff; --surface: #ffffff;
--surface-muted: #f1f5f9; --surface-muted: #f1f5f9;
@ -140,6 +166,27 @@
0 1px 3px rgba(15, 23, 42, 0.12), 0 1px 2px rgba(15, 23, 42, 0.08); 0 1px 3px rgba(15, 23, 42, 0.12), 0 1px 2px rgba(15, 23, 42, 0.08);
--shadow-card: --shadow-card:
0 1px 2px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.06); 0 1px 2px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.06);
/* ── shadcn/ui bridge ───────────────────────────────── */
--background: var(--bg);
--foreground: var(--text);
--card: var(--surface);
--card-foreground: var(--text);
--popover: var(--surface);
--popover-foreground: var(--text);
--primary: var(--accent);
--primary-foreground: #ffffff;
--secondary: var(--surface-muted);
--secondary-foreground: var(--text);
--muted: var(--surface-muted);
--muted-foreground: var(--text-muted);
--accent-shadcn: var(--surface-strong);
--accent-foreground: var(--text);
--destructive: var(--danger);
--destructive-foreground: #ffffff;
--input: var(--border);
--ring: var(--accent);
--radius: 0.75rem;
} }
[data-theme="dark"] { [data-theme="dark"] {