From 5bff3228334039ac79857e58fb7a56a15dd696c5 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Wed, 24 Sep 2025 19:34:36 +0200
Subject: [PATCH] Fix FloatingStatusButton background color

---
 .../manager/components/sidebar/ContextMenu.tsx   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/code/core/src/manager/components/sidebar/ContextMenu.tsx b/code/core/src/manager/components/sidebar/ContextMenu.tsx
index f86c682627fd..d97163d99064 100644
--- a/code/core/src/manager/components/sidebar/ContextMenu.tsx
+++ b/code/core/src/manager/components/sidebar/ContextMenu.tsx
@@ -26,12 +26,16 @@ const empty = {
   node: null,
 };
 
-const FloatingStatusButton = styled(StatusButton)({
-  background: 'var(--tree-node-background-hover)',
-  boxShadow: '0 0 5px 5px var(--tree-node-background-hover)',
-  position: 'absolute',
-  right: 0,
-  zIndex: 1,
+const FloatingStatusButton = styled(StatusButton)(({ theme }) => {
+  // --tree-node-background-hover, but opaque to avoid layering colors
+  const background = theme.base === 'dark' ? '#1b2432' : '#ddebfa';
+  return {
+    background,
+    boxShadow: `0 0 5px 5px ${background}`,
+    position: 'absolute',
+    right: 0,
+    zIndex: 1,
+  };
 });
 
 export const useContextMenu = (context: API_HashEntry, links: Link[], api: API) => {