From 55e4f7b5cc75b3b55c1a0b01a4ef177799f89036 Mon Sep 17 00:00:00 2001 From: Till JS Date: Mon, 23 Mar 2026 09:37:53 +0100 Subject: [PATCH] fix(shared-ui): fix transparent context menu background Use existing --color-surface-elevated CSS variable instead of non-existent --color-surface-elevated-3. Add box-shadow for depth. Co-Authored-By: Claude Opus 4.6 (1M context) --- packages/shared-ui/src/context-menu/ContextMenu.svelte | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/shared-ui/src/context-menu/ContextMenu.svelte b/packages/shared-ui/src/context-menu/ContextMenu.svelte index 997a6a1bd..64fe9650e 100644 --- a/packages/shared-ui/src/context-menu/ContextMenu.svelte +++ b/packages/shared-ui/src/context-menu/ContextMenu.svelte @@ -169,9 +169,12 @@ min-width: 180px; max-width: 280px; padding: 0.375rem; - background: var(--color-surface-elevated-3); + background: hsl(var(--color-surface-elevated)); border: 1px solid hsl(var(--color-border)); border-radius: var(--radius-lg); + box-shadow: + 0 4px 16px rgba(0, 0, 0, 0.15), + 0 1px 4px rgba(0, 0, 0, 0.1); /* Ensure menu can receive events even when parent has pointer-events: none */ pointer-events: auto; }