Skip to content

Commit 1b664f8

Browse files
committed
fix(create): improve form select contrast in dark mode
1 parent d7d0ad1 commit 1b664f8

1 file changed

Lines changed: 7 additions & 3 deletions

File tree

packages/create/src/frameworks/react/add-ons/form/assets/src/components/demo.FormComponents.tsx.ejs

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -117,11 +117,15 @@ export function Select({
117117
<ShadcnSelect.SelectTrigger className="w-full">
118118
<ShadcnSelect.SelectValue placeholder={placeholder} />
119119
</ShadcnSelect.SelectTrigger>
120-
<ShadcnSelect.SelectContent>
120+
<ShadcnSelect.SelectContent className="bg-background text-foreground">
121121
<ShadcnSelect.SelectGroup>
122122
<ShadcnSelect.SelectLabel>{label}</ShadcnSelect.SelectLabel>
123123
{values.map((value) => (
124-
<ShadcnSelect.SelectItem key={value.value} value={value.value}>
124+
<ShadcnSelect.SelectItem
125+
key={value.value}
126+
value={value.value}
127+
className="text-foreground"
128+
>
125129
{value.label}
126130
</ShadcnSelect.SelectItem>
127131
))}
@@ -297,4 +301,4 @@ export function Select({
297301
</div>
298302
)
299303
}
300-
<% } %>
304+
<% } %>

0 commit comments

Comments
 (0)