初步实现仪表盘界面布局

src/app/globals.css

@@ -3,13 +3,15 @@
 @plugin "tailwindcss-animate";
 
 :root {
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.25 0 0);
-  --weak: oklch(0.5 0 0);
+  --idle: oklch(1 0 0);
+  --idle-muted: oklch(0.965 0 0);
+  --idle-text: oklch(0.25 0 0);
+  --idle-desc: oklch(0.5 0 0);
 
   --primary: oklch(0.65 0.16 265);
+  --primary-muted: oklch(0.965 0.024 265);
   --primary-text: oklch(1 0 0);
-  --primary-weak: oklch(0.5 0 0);
+  --primary-desc: oklch(0.5 0 0);
 
   --secondary: oklch(0.965 0 0);
   --secondary-text: oklch(0.25 0 0);
@@ -29,9 +31,6 @@
   --card: oklch(0.985 0 0);
   --card-text: oklch(0.25 0 0);
 
-  --muted: oklch(0.965 0 0);
-  --muted-text: oklch(0.25 0 0);
-
   --popover: oklch(1 0 0);
   --popover-foreground: oklch(0.25 0 0);
   --border: oklch(0.928 0.006 264.531);
@@ -53,13 +52,16 @@
 }
 
 @theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-weak: var(--weak);
+  --color-background: var(--idle);
+  --color-foreground: var(--idle-text);
+  --color-weak: var(--idle-desc);
+  --color-muted: var(--idle-muted);
+  --color-muted-foreground: var(--idle-text);
 
   --color-primary: var(--primary);
+  --color-primary-muted: var(--primary-muted);
   --color-primary-foreground: var(--primary-text);
-  --color-primary-weak: var(--primary-weak);
+  --color-primary-weak: var(--primary-desc);
 
   --color-secondary: var(--secondary);
   --color-secondary-foreground: var(--secondary-text);
@@ -80,8 +82,6 @@
   --color-card-foreground: var(--card-text);
   --color-popover: var(--popover);
   --color-popover-foreground: var(--popover-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-text);
   --color-destructive: var(--fail);
   --color-border: var(--border);
   --color-input: var(--input);