From 9f3bd6a93e8be8e22b7fe1bba56ee3244c408e06 Mon Sep 17 00:00:00 2001 From: hasegawa-101 Date: Wed, 19 Nov 2025 03:41:46 +0900 Subject: [PATCH 1/2] fix: add Safari autofill styling for dark mode readability in NumberInput & Input components --- packages/core/theme/src/components/input.ts | 2 ++ packages/core/theme/src/components/number-input.ts | 2 ++ 2 files changed, 4 insertions(+) diff --git a/packages/core/theme/src/components/input.ts b/packages/core/theme/src/components/input.ts index 3c17216042..5759b5f307 100644 --- a/packages/core/theme/src/components/input.ts +++ b/packages/core/theme/src/components/input.ts @@ -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", diff --git a/packages/core/theme/src/components/number-input.ts b/packages/core/theme/src/components/number-input.ts index 6e802dd56d..8124f77a11 100644 --- a/packages/core/theme/src/components/number-input.ts +++ b/packages/core/theme/src/components/number-input.ts @@ -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", From a7933ecd1317713a8205d9ff6842d46f24890c69 Mon Sep 17 00:00:00 2001 From: hasegawa-101 Date: Wed, 19 Nov 2025 03:49:45 +0900 Subject: [PATCH 2/2] chore: add changeset for Safari autofill dark mode fix in NumberInput & Input components --- .changeset/eleven-taxis-camp.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/eleven-taxis-camp.md diff --git a/.changeset/eleven-taxis-camp.md b/.changeset/eleven-taxis-camp.md new file mode 100644 index 0000000000..05d8b32747 --- /dev/null +++ b/.changeset/eleven-taxis-camp.md @@ -0,0 +1,5 @@ +--- +"@heroui/theme": patch +--- + +fix Safari autofill styling for dark mode readability in NumberInput & Input components (#4657)