From e00ccdcaa78926966ff43a52378e356bf586f3c5 Mon Sep 17 00:00:00 2001
From: engigu <sayheya@qq.com>
Date: Wed, 1 Apr 2026 11:30:10 +0800
Subject: [PATCH] chore: fix old webkit oklch style

---
 web/src/assets/index.css | 68 ++++++++++++++++++++++++++++++++++------
 1 file changed, 58 insertions(+), 10 deletions(-)

diff --git a/web/src/assets/index.css b/web/src/assets/index.css
index 436c4af..5dcbddd 100644
--- a/web/src/assets/index.css
+++ b/web/src/assets/index.css
@@ -69,73 +69,117 @@
 }
 
 :root {
+  --background: #ffffff;
   --background: oklch(1 0 0);
+  --foreground: #252525;
   --foreground: oklch(0.145 0 0);
+  --card: #ffffff;
   --card: oklch(1 0 0);
+  --card-foreground: #252525;
   --card-foreground: oklch(0.145 0 0);
+  --popover: #ffffff;
   --popover: oklch(1 0 0);
+  --popover-foreground: #252525;
   --popover-foreground: oklch(0.145 0 0);
+  --primary: #333333;
   --primary: oklch(0.205 0 0);
+  --primary-foreground: #ffffff;
   --primary-foreground: oklch(0.985 0 0);
+  --secondary: #f3f4f6;
   --secondary: oklch(0.97 0 0);
+  --secondary-foreground: #333333;
   --secondary-foreground: oklch(0.205 0 0);
+  --muted: #f3f4f6;
   --muted: oklch(0.97 0 0);
+  --muted-foreground: #6b7280;
   --muted-foreground: oklch(0.556 0 0);
+  --accent: #f3f4f6;
   --accent: oklch(0.97 0 0);
+  --accent-foreground: #333333;
   --accent-foreground: oklch(0.205 0 0);
+  --destructive: #ef4444;
   --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: #ffffff;
   --destructive-foreground: oklch(0.985 0 0);
+  --border: #e5e7eb;
   --border: oklch(0.922 0 0);
+  --input: #e5e7eb;
   --input: oklch(0.922 0 0);
+  --ring: #9ca3af;
   --ring: oklch(0.708 0 0);
   --radius: 0.625rem;
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: #f9fafb;
   --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: #252525;
   --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: #333333;
   --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: #ffffff;
   --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: #f3f4f6;
   --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: #333333;
   --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: #e5e7eb;
   --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: #9ca3af;
   --sidebar-ring: oklch(0.708 0 0);
 }
 
 .dark {
+  --background: #1a1a1a;
   --background: oklch(0.22 0 0);
+  --foreground: #f9fafb;
   --foreground: oklch(0.985 0 0);
+  --card: #242424;
   --card: oklch(0.26 0 0);
+  --card-foreground: #f9fafb;
   --card-foreground: oklch(0.985 0 0);
+  --popover: #242424;
   --popover: oklch(0.26 0 0);
+  --popover-foreground: #f9fafb;
   --popover-foreground: oklch(0.985 0 0);
+  --primary: #f3f4f6;
   --primary: oklch(0.922 0 0);
+  --primary-foreground: #252525;
   --primary-foreground: oklch(0.205 0 0);
+  --secondary: #2d2d2d;
   --secondary: oklch(0.32 0 0);
+  --secondary-foreground: #f9fafb;
   --secondary-foreground: oklch(0.985 0 0);
+  --muted: #2d2d2d;
   --muted: oklch(0.32 0 0);
+  --muted-foreground: #9ca3af;
   --muted-foreground: oklch(0.708 0 0);
+  --accent: #2d2d2d;
   --accent: oklch(0.32 0 0);
+  --accent-foreground: #f9fafb;
   --accent-foreground: oklch(0.985 0 0);
+  --destructive: #dc2626;
   --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: #f9fafb;
   --destructive-foreground: oklch(0.985 0 0);
+  --border: rgba(255, 255, 255, 0.12);
   --border: oklch(1 0 0 / 12%);
+  --input: rgba(255, 255, 255, 0.15);
   --input: oklch(1 0 0 / 15%);
+  --ring: #6b7280;
   --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: #1a1a1a;
   --sidebar: oklch(0.26 0 0);
+  --sidebar-foreground: #f9fafb;
   --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: #60a5fa;
   --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: #f9fafb;
   --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: #2d2d2d;
   --sidebar-accent: oklch(0.32 0 0);
+  --sidebar-accent-foreground: #f9fafb;
   --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: rgba(255, 255, 255, 0.12);
   --sidebar-border: oklch(1 0 0 / 12%);
+  --sidebar-ring: #6b7280;
   --sidebar-ring: oklch(0.556 0 0);
 }
 
@@ -177,11 +221,15 @@
 
 /* 高级感增强 - 微妙的渐变背景 */
 body {
+  background-color: var(--background);
+  background: linear-gradient(135deg, var(--background) 0%, #f9fafb 100%);
   background: linear-gradient(135deg, var(--background) 0%, oklch(from var(--background) calc(l * 0.98) c h) 100%);
   background-attachment: fixed;
 }
 
 .dark body {
+  background-color: var(--background);
+  background: linear-gradient(135deg, var(--background) 0%, #252525 100%);
   background: linear-gradient(135deg, var(--background) 0%, oklch(from var(--background) calc(l * 1.05) c h) 100%);
 }