style: 将纯白色主题改为灰色，更新主题名称

app/globals.css

@@ -3,14 +3,7 @@
 
 @custom-variant dark (&:is(.dark *));
 
-/* ============================================
-   主题 1: 浅灰色（默认亮色主题）
-   - 背景：浅灰色
-   - 主色调：青绿色
-   ============================================ */
-:root,
-.light,
-html.light {
+:root {
   --background: oklch(0.88 0 0);
   --foreground: oklch(0.15 0 0);
   --card: oklch(0.92 0 0);
@@ -46,13 +39,8 @@ html.light {
   --sidebar-ring: oklch(0.38 0.13 200);
 }
 
-/* ============================================
-   主题 2: 青色（深色青色主题）
-   - 背景：深青色调
-   - 主色调：亮青绿色
-   ============================================ */
-.dark,
-html.dark {
+/* 默认主题：中等灰色（当前颜色） */
+.dark {
   --background: oklch(0.22 0.01 200);
   --foreground: oklch(0.95 0 0);
   --card: oklch(0.26 0.01 200);
@@ -87,11 +75,7 @@ html.dark {
   --sidebar-ring: oklch(0.65 0.15 200);
 }
 
-/* ============================================
-   主题 3: 纯黑色（OLED 黑色主题）
-   - 背景：纯黑色
-   - 主色调：亮青绿色
-   ============================================ */
+/* 纯黑色主题 */
 .black,
 html.black {
   --background: oklch(0.08 0 0);
@@ -128,6 +112,43 @@ html.black {
   --sidebar-ring: oklch(0.7 0.16 200);
 }
 
+/* 浅灰色主题 */
+.light,
+html.light {
+  --background: oklch(0.88 0 0);
+  --foreground: oklch(0.15 0 0);
+  --card: oklch(0.92 0 0);
+  --card-foreground: oklch(0.15 0 0);
+  --popover: oklch(0.94 0 0);
+  --popover-foreground: oklch(0.15 0 0);
+  --primary: oklch(0.38 0.13 200);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.85 0 0);
+  --secondary-foreground: oklch(0.15 0 0);
+  --muted: oklch(0.86 0 0);
+  --muted-foreground: oklch(0.40 0 0);
+  --accent: oklch(0.42 0.11 200);
+  --accent-foreground: oklch(1 0 0);
+  --destructive: oklch(0.55 0.22 25);
+  --destructive-foreground: oklch(1 0 0);
+  --border: oklch(0.82 0 0);
+  --input: oklch(0.82 0 0);
+  --ring: oklch(0.38 0.13 200);
+  --chart-1: oklch(0.48 0.13 200);
+  --chart-2: oklch(0.52 0.11 180);
+  --chart-3: oklch(0.58 0.13 220);
+  --chart-4: oklch(0.62 0.11 160);
+  --chart-5: oklch(0.55 0.11 40);
+  --sidebar: oklch(0.90 0 0);
+  --sidebar-foreground: oklch(0.15 0 0);
+  --sidebar-primary: oklch(0.38 0.13 200);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.86 0 0);
+  --sidebar-accent-foreground: oklch(0.15 0 0);
+  --sidebar-border: oklch(0.82 0 0);
+  --sidebar-ring: oklch(0.38 0.13 200);
+}
+
 @theme inline {
   --font-sans: "Geist", "Geist Fallback";
   --font-mono: "Geist Mono", "Geist Mono Fallback";

components/theme-toggle.tsx

@@ -46,12 +46,12 @@ export function ThemeToggle() {
       <DropdownMenuContent align="end">
         <DropdownMenuItem onClick={() => setTheme("light")}>
           <Sun className="mr-2 h-4 w-4" />
-          <span>{t("纯白色", "Light")}</span>
+          <span>{t("灰色", "Gray")}</span>
           {theme === "light" && <span className="ml-auto">✓</span>}
         </DropdownMenuItem>
         <DropdownMenuItem onClick={() => setTheme("dark")}>
           <Monitor className="mr-2 h-4 w-4" />
-          <span>{t("灰色", "Gray")}</span>
+          <span>{t("青色", "Cyan")}</span>
           {theme === "dark" && <span className="ml-auto">✓</span>}
         </DropdownMenuItem>
         <DropdownMenuItem onClick={() => setTheme("black")}>