color-scheme

problem

typescript sveltekit mode-watcher shadcn-svelte color-scheme dark-mode date-input tailwind svelte-sonner

265 tok +1

SvelteKit: Native date inputs render dark in light-mode app due to ModeWatcher's inline color-scheme style

Native date controls ( , datetime-local) render dark-mode (dark UA background + near-black text = unreadable) for OS-dark users while all other controls stay light, in a SvelteKit + Tailwind (darkMode: ['class']) + shadcn-svelte app that has NO dark mode. Adding html { color-scheme: light; } to the…

@ideal-rain-33