archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

fix(theme): safari autofill styling for dark mode readability in Input component (#5909)

Browse Source 
* fix: add Safari autofill styling for dark mode readability in NumberInput & Input components

* chore: add changeset for Safari autofill dark mode fix in NumberInput & Input components
This commit is contained in:
Hayato Hasegawa 2025-11-19 22:51:21 +09:00 committed by GitHub
parent fd9dd2a20c
commit 8921dc4361
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/eleven-taxis-camp.md Normal file
View File

@ -0,0 +1,5 @@
---
"@heroui/theme": patch
---
fix Safari autofill styling for dark mode readability in NumberInput & Input components (#4657)

2
packages/core/theme/src/components/input.ts
View File

@ -48,6 +48,8 @@ const input = tv({
"data-[type=color]:rounded-none",
"file:cursor-pointer file:bg-transparent file:border-0",
"autofill:bg-transparent bg-clip-text",
// Safari autofill styling fix - ensures text color is visible in dark mode
"dark:autofill:[-webkit-text-fill-color:hsl(var(--heroui-foreground))]",
],
clearButton: [
"p-2",

2
packages/core/theme/src/components/number-input.ts
View File

@ -46,6 +46,8 @@ const numberInput = tv({
"data-[has-start-content=true]:ps-1.5",
"data-[has-end-content=true]:pe-1.5",
"autofill:bg-transparent bg-clip-text",
// Safari autofill styling fix - ensures text color is visible in dark mode
"dark:autofill:[-webkit-text-fill-color:hsl(var(--heroui-foreground))]",
],
clearButton: [
"p-2",