Wrap dark input defaults in @layer base so utilities can override

This commit is contained in:
dtonon 2026-06-16 20:08:36 +01:00
parent c7dad445b5
commit f0c7459980

View file

@ -31,6 +31,7 @@ body {
display: none;
}
@layer base {
/* Form inputs in dark mode the forms plugin defaults to a white background,
which would punch holes through panels. Override at the element level so we
don't have to add `dark:bg-neutral-800` to every <input>/<textarea>. */
@ -44,6 +45,7 @@ body {
:where(.dark) textarea::placeholder {
color: var(--color-neutral-500);
}
}
/* Tighter heading rhythm for all rendered (prose) content. Overrides the
typography plugin's em-based heading margins; the first block stays flush. */