fix(theme): correct Safari date input colors in dark mode #9258
+5
−5
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
--inputoklch lightness from1to0.95in dark mode themesProblem
In Safari dark mode, when a user deletes part of a date input (day, month, or year), the empty portion should appear muted to indicate it's not set. However, with
oklch(1 0 0 / 15%), Safari doesn't render this feedback correctly.This causes:
Root Cause
Safari has a quirk where
oklch(1 0 0 / ...)(exactly 1.0 lightness = pure white) doesn't trigger the expected "empty" styling for date inputs. Using0.95(visually similar) fixes this and provides better muted feedback.Solution
Files Changed
apps/v4/styles/globals.css- base dark mode themeapps/v4/registry/themes.ts- all theme variants (neutral, stone, zinc, slate)Test plan
Fixes #9212