Light mode preview with dark lines

app.py

@@ -110,36 +110,36 @@ def gcode_to_svg(gcode: str) -> str:
     if len(current_path) > 1:
         paths.append(current_path)
 
-    # Build SVG
+    # Build SVG - light mode with dark lines
     w = BOUNDS["right"] - BOUNDS["left"]
     h = BOUNDS["top"] - BOUNDS["bottom"]
     padding = 20
     
     svg = f'''<svg xmlns="http://www.w3.org/2000/svg" 
                   viewBox="{BOUNDS["left"] - padding} {-BOUNDS["top"] - padding} {w + 2*padding} {h + 2*padding}" 
-                  style="background: #0a0a0a; width: 100%; height: 500px; border-radius: 8px;">
+                  style="background: #fafafa; width: 100%; height: 500px; border-radius: 8px; border: 1px solid #e5e5e5;">
         <!-- Work area border -->
         <rect x="{BOUNDS["left"]}" y="{-BOUNDS["top"]}" width="{w}" height="{h}" 
-              fill="none" stroke="#333" stroke-width="2" stroke-dasharray="10,5"/>
+              fill="#fff" stroke="#ccc" stroke-width="2"/>
         <!-- Center crosshair -->
-        <line x1="0" y1="{-BOUNDS["top"]}" x2="0" y2="{-BOUNDS["bottom"]}" stroke="#222" stroke-width="1"/>
-        <line x1="{BOUNDS["left"]}" y1="0" x2="{BOUNDS["right"]}" y2="0" stroke="#222" stroke-width="1"/>
+        <line x1="0" y1="{-BOUNDS["top"]}" x2="0" y2="{-BOUNDS["bottom"]}" stroke="#ddd" stroke-width="1"/>
+        <line x1="{BOUNDS["left"]}" y1="0" x2="{BOUNDS["right"]}" y2="0" stroke="#ddd" stroke-width="1"/>
         <!-- Grid -->
         <defs>
             <pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse">
-                <path d="M 100 0 L 0 0 0 100" fill="none" stroke="#1a1a1a" stroke-width="0.5"/>
+                <path d="M 100 0 L 0 0 0 100" fill="none" stroke="#eee" stroke-width="0.5"/>
             </pattern>
         </defs>
         <rect x="{BOUNDS["left"]}" y="{-BOUNDS["top"]}" width="{w}" height="{h}" fill="url(#grid)"/>
     '''
 
-    # Draw paths
+    # Draw paths - dark lines
     for path in paths:
         if len(path) < 2:
             continue
         # SVG Y is inverted
         d = " ".join(f"{'M' if i == 0 else 'L'}{p[0]:.1f},{-p[1]:.1f}" for i, p in enumerate(path))
-        svg += f'<path d="{d}" fill="none" stroke="#10b981" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>'
+        svg += f'<path d="{d}" fill="none" stroke="#1a1a1a" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>'
 
     # Stats
     total_points = sum(len(p) for p in paths)