feat(ui): improve dropdown menu contrast with lighter popover background

- 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 <noreply@anthropic.com>
This commit is contained in:
Mohamed Boudra
2025-10-26 22:42:29 +01:00
co-authored by Claude
parent 54c19f89bf
commit 6a88c585e3
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -306,7 +306,7 @@ const styles = StyleSheet.create((theme) => ({
...StyleSheet.absoluteFillObject, ...StyleSheet.absoluteFillObject,
}, },
dropdownMenu: { dropdownMenu: {
backgroundColor: theme.colors.card, backgroundColor: theme.colors.popover,
borderRadius: theme.borderRadius.lg, borderRadius: theme.borderRadius.lg,
padding: theme.spacing[2], padding: theme.spacing[2],
shadowColor: "#000", shadowColor: "#000",
+1 -1
View File
@@ -129,7 +129,7 @@ const darkSemanticColors = {
foreground: "#fafafa", foreground: "#fafafa",
card: "#09090b", card: "#09090b",
cardForeground: "#fafafa", cardForeground: "#fafafa",
popover: "#09090b", popover: "#18181b",
popoverForeground: "#fafafa", popoverForeground: "#fafafa",
primary: "#fafafa", primary: "#fafafa",
primaryForeground: "#18181b", primaryForeground: "#18181b",