juwan/juwan-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): add linear design foundation

Browse Source
This commit is contained in:
zetaloop
2026-04-25 19:56:24 +08:00
parent 42d7c50dc0
commit 0999f1905e
5 changed files with 113 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+34 -7
View File
@@ -7,8 +7,12 @@
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
--font-sans:
var(--font-geist-sans), "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC",
"Microsoft YaHei", sans-serif;
--font-mono:
var(--font-geist-mono), "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC",
"Microsoft YaHei", monospace;
--color-sidebar-ring: var(--sidebar-ring);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -39,6 +43,14 @@
--color-popover: var(--popover);
--color-card-foreground: var(--card-foreground);
--color-card: var(--card);
--color-success: var(--success);
--color-success-foreground: var(--success-foreground);
--color-warning: var(--warning);
--color-warning-foreground: var(--warning-foreground);
--color-info: var(--info);
--color-info-foreground: var(--info-foreground);
--color-neutral: var(--neutral);
--color-neutral-foreground: var(--neutral-foreground);
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
@@ -84,9 +96,16 @@
--sidebar-accent-foreground: oklch(0.36 0.1 46.65);
--sidebar-border: oklch(0.94 0 0);
--sidebar-ring: oklch(0.701 0.189 46.65);
--card-shadow: 0 1px 3px 0 rgba(30, 40, 55, 0.04), 0 4px 12px -2px rgba(30, 40, 55, 0.06);
--card-shadow-hover:
0 4px 16px -2px rgba(30, 40, 55, 0.07), 0 8px 24px -4px rgba(30, 40, 55, 0.09);
--success: oklch(0.45 0.14 150);
--success-foreground: oklch(0.99 0 0);
--warning: oklch(0.48 0.14 70);
--warning-foreground: oklch(0.14 0 0);
--info: oklch(0.48 0.16 260);
--info-foreground: oklch(0.99 0 0);
--neutral: oklch(0.42 0 0);
--neutral-foreground: oklch(0.99 0 0);
--card-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
--card-shadow-hover: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.dark {
@@ -122,8 +141,16 @@
--sidebar-accent-foreground: oklch(0.839 0.01 264.51);
--sidebar-border: oklch(0.291 0.018 264.24);
--sidebar-ring: oklch(0.701 0.189 46.66);
--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.12);
--card-shadow-hover: 0 4px 16px -2px rgba(0, 0, 0, 0.14), 0 8px 24px -4px rgba(0, 0, 0, 0.18);
--success: oklch(0.74 0.14 150);
--success-foreground: oklch(0.14 0 0);
--warning: oklch(0.78 0.14 70);
--warning-foreground: oklch(0.14 0 0);
--info: oklch(0.75 0.14 260);
--info-foreground: oklch(0.14 0 0);
--neutral: oklch(0.78 0 0);
--neutral-foreground: oklch(0.14 0 0);
--card-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
--card-shadow-hover: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
@layer base {