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:
@@ -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",
|
||||||
|
|||||||
@@ -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",
|
||||||
|
|||||||
Reference in New Issue
Block a user