diff --git a/src/renderer/colors.scss b/src/renderer/colors.scss
index e507964f0..f99b79ee4 100644
--- a/src/renderer/colors.scss
+++ b/src/renderer/colors.scss
@@ -99,6 +99,9 @@
     /* controls */
     --controls-bg: var(--theme-600-a50);
     --controls-bg-hover: var(--theme-600);
+
+    // pane search
+    --pane-icon: var(--theme-200);
 }
 
 :root[data-theme='light'] {
@@ -165,6 +168,9 @@
     --controls-bg-hover: var(--theme-400);
 
     --type-color-color: #000;
+
+    // pane search
+    --pane-icon: var(--theme-700);
 }
 
 // Default theme (copied from Chakra UI)
diff --git a/src/renderer/components/PaneNodeSearchMenu.tsx b/src/renderer/components/PaneNodeSearchMenu.tsx
index d090921a0..7f82635a6 100644
--- a/src/renderer/components/PaneNodeSearchMenu.tsx
+++ b/src/renderer/components/PaneNodeSearchMenu.tsx
@@ -81,7 +81,7 @@ const SchemaItem = memo(
                 onClick={onClick}
             >
                 <IconFactory
-                    accentColor="gray.500"
+                    accentColor="var(--pane-icon)"
                     icon={icon}
                 />
                 <Text