From 6a88c585e3e98d65bd8a1d73c58faf4c3360b60e Mon Sep 17 00:00:00 2001 From: Mohamed Boudra Date: Sun, 26 Oct 2025 22:42:29 +0100 Subject: [PATCH] feat(ui): improve dropdown menu contrast with lighter popover background MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Update popover background color from #09090b to #18181b (zinc-900) - Apply popover background to dropdown menu instead of card color - Provides better visual separation and elevated appearance 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- packages/app/src/app/agent/[id].tsx | 2 +- packages/app/src/styles/theme.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/app/src/app/agent/[id].tsx b/packages/app/src/app/agent/[id].tsx index 3fef38b4d..e87b859a9 100644 --- a/packages/app/src/app/agent/[id].tsx +++ b/packages/app/src/app/agent/[id].tsx @@ -306,7 +306,7 @@ const styles = StyleSheet.create((theme) => ({ ...StyleSheet.absoluteFillObject, }, dropdownMenu: { - backgroundColor: theme.colors.card, + backgroundColor: theme.colors.popover, borderRadius: theme.borderRadius.lg, padding: theme.spacing[2], shadowColor: "#000", diff --git a/packages/app/src/styles/theme.ts b/packages/app/src/styles/theme.ts index ee7e71df9..efa6514da 100644 --- a/packages/app/src/styles/theme.ts +++ b/packages/app/src/styles/theme.ts @@ -129,7 +129,7 @@ const darkSemanticColors = { foreground: "#fafafa", card: "#09090b", cardForeground: "#fafafa", - popover: "#09090b", + popover: "#18181b", popoverForeground: "#fafafa", primary: "#fafafa", primaryForeground: "#18181b",