fix

src/components/FlowEditor/editor/Automation2FlowEditor.module.css

@@ -277,7 +277,7 @@
   overflow: hidden;
   border-radius: 8px;
   /* Infinite grid: on viewport, moves with pan/zoom via inline style */
-  background-image: radial-gradient(circle, var(--border-color, #e0e0e0) 1px, transparent 1px);
+  background-image: radial-gradient(circle, var(--canvas-grid, var(--border-color, #e0e0e0)) 1px, transparent 1px);
   background-repeat: repeat;
 }
 

src/styles/themes/light.css

@@ -54,6 +54,8 @@
     --bg-dark: #EDF2F7;
     /* Canvas surface for the GraphicalEditor flow editor (slightly off-white). */
     --canvas-bg: #FAFAFA;
+    /* Dot color of the infinite background grid on the editor canvas. */
+    --canvas-grid: #D9DEE5;
 
     /* Surface colors */
     --surface-color: #F7FAFC;
@@ -131,6 +133,9 @@
     /* Canvas surface for the GraphicalEditor flow editor — slightly darker than
        --bg-primary so nodes and connection lines stay legible against it. */
     --canvas-bg: #131820;
+    /* Dot color of the infinite background grid — bright enough to read on
+       --canvas-bg, but still discreet (no visual noise). */
+    --canvas-grid: rgba(226, 232, 240, 0.18);
 
     /* Surface colors */
     --surface-color: #2D3748;