hq/bpist-squalk-forum
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
dtonon 2026-06-16 20:08:36 +01:00
parent c7dad445b5
commit f0c7459980
1 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/routes/layout.css
View file

@ -31,18 +31,20 @@ body {
display: none; display: none;
} }
/* Form inputs in dark mode — the forms plugin defaults to a white background, @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 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>. */ don't have to add `dark:bg-neutral-800` to every <input>/<textarea>. */
:where(.dark) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="reset"]):not([type="button"]), :where(.dark) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="reset"]):not([type="button"]),
:where(.dark) textarea, :where(.dark) textarea,
:where(.dark) select { :where(.dark) select {
background-color: var(--color-neutral-800); background-color: var(--color-neutral-800);
color: var(--color-neutral-100); color: var(--color-neutral-100);
} }
:where(.dark) input::placeholder, :where(.dark) input::placeholder,
:where(.dark) textarea::placeholder { :where(.dark) textarea::placeholder {
color: var(--color-neutral-500); color: var(--color-neutral-500);
}
} }
/* Tighter heading rhythm for all rendered (prose) content. Overrides the /* Tighter heading rhythm for all rendered (prose) content. Overrides the