From 9a2d07426ad670a38e2cf8df5a286706a1352543 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sat, 24 Jan 2026 20:34:30 +0800
Subject: [PATCH] fix: use light gray background for canvas

---
 components/canvas/CanvasWorkspace.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/components/canvas/CanvasWorkspace.tsx b/components/canvas/CanvasWorkspace.tsx
index de2a43c..6ba597b 100644
--- a/components/canvas/CanvasWorkspace.tsx
+++ b/components/canvas/CanvasWorkspace.tsx
@@ -215,7 +215,7 @@ export function CanvasWorkspace() {
     <div
       ref={containerRef}
       className={cn(
-        "relative w-full h-full overflow-hidden bg-muted/30 dark:bg-[#1a1a2e]",
+        "relative w-full h-full overflow-hidden bg-[#f5f5f5] dark:bg-[#1a1a2e]",
         tool === 'pan' && "cursor-grab",
         isPanning && "cursor-grabbing"
       )}
@@ -226,18 +226,16 @@ export function CanvasWorkspace() {
       onMouseLeave={handleMouseUp}
       onWheel={handleWheel}
     >
-      {/* 网格背景 - 支持浅色/深色模式 */}
+      {/* 网格背景 - 浅色模式 */}
       <div
-        className="absolute inset-0 pointer-events-none dark:opacity-100"
+        className="absolute inset-0 pointer-events-none dark:hidden"
         style={{
           backgroundImage: `
-            linear-gradient(var(--grid-color, rgba(0,0,0,0.06)) 1px, transparent 1px),
-            linear-gradient(90deg, var(--grid-color, rgba(0,0,0,0.06)) 1px, transparent 1px)
+            linear-gradient(rgba(0,0,0,0.05) 1px, transparent 1px),
+            linear-gradient(90deg, rgba(0,0,0,0.05) 1px, transparent 1px)
           `,
           backgroundSize: `${20 * viewport.zoom}px ${20 * viewport.zoom}px`,
           backgroundPosition: `${viewport.x}px ${viewport.y}px`,
-          // @ts-ignore CSS custom properties
-          '--grid-color': 'rgba(0,0,0,0.06)',
         }}
       />
       {/* 深色模式网格 */}