From 8a409fcad3f3e779e5de3260971e50b0c1293bba Mon Sep 17 00:00:00 2001
From: Apostol Apostolov <theapoapostolov@gmail.com>
Date: Fri, 29 May 2026 21:52:14 +0300
Subject: [PATCH] fix(dashboard): theme ReactFlow Controls +/- buttons for dark
 mode

---
 src/app/globals.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/app/globals.css b/src/app/globals.css
index 01176fd288..b95cb1a1f9 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -412,3 +412,18 @@ select option {
   background-color: var(--color-surface);
   color: var(--color-text-main);
 }
+
+/* ReactFlow Controls (zoom +/- buttons) dark mode theming */
+.react-flow__controls-button {
+  background-color: var(--color-surface);
+  border-bottom-color: var(--color-border);
+  fill: var(--color-text-main);
+}
+
+.react-flow__controls-button:hover {
+  background-color: var(--color-bg-subtle);
+}
+
+.react-flow__controls-button svg {
+  fill: var(--color-text-main);
+}