fix(ui): make input borders visible in dark mode (#571)

## What

Bump the dark-mode `--input` color from `oklch(0.269)` to `oklch(0.41)`.

## Why

In dark mode the `--input` value sat almost on top of the background
(`oklch(0.225)`), so the shared `border-input` was nearly invisible on
every form control. Checkboxes were especially hard to spot.

Since inputs, checkboxes, radios, selects and textareas all share
`border-input`, this single variable raises their border contrast at
once (Δ luminosity vs background goes from 0.044 → 0.185) while staying
below the focus ring (`0.439`), so focus still stands out and every
control keeps a consistent design.

As a nice side effect, the subtle `bg-input/30` and `bg-input/50` fills
(radio, outline button) also read a touch more clearly.
This commit is contained in:
Víctor Falcón 2026-06-20 19:30:19 +02:00 committed by GitHub
parent 64827fabae
commit 83a5e9657e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions

View File

@ -134,7 +134,7 @@
--destructive: oklch(0.396 0.141 25.723);
--destructive-foreground: oklch(0.637 0.237 25.331);
--border: oklch(0.325 0 0);
--input: oklch(0.269 0 0);
--input: oklch(0.41 0 0);
--ring: oklch(0.439 0 0);
--chart-1: var(--color-zinc-200);
--chart-2: var(--color-zinc-300);