From d0c1484136ea001570d0c9f05b515c37f22ece21 Mon Sep 17 00:00:00 2001 From: ValueOn AG Date: Sun, 19 Apr 2026 01:23:16 +0200 Subject: [PATCH] fix --- .../FlowEditor/editor/Automation2FlowEditor.module.css | 2 +- src/styles/themes/light.css | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/FlowEditor/editor/Automation2FlowEditor.module.css b/src/components/FlowEditor/editor/Automation2FlowEditor.module.css index b2f5605..5f1e938 100644 --- a/src/components/FlowEditor/editor/Automation2FlowEditor.module.css +++ b/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; } diff --git a/src/styles/themes/light.css b/src/styles/themes/light.css index f4df202..f77a44d 100644 --- a/src/styles/themes/light.css +++ b/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;