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

Fix dark textareas losing to the forms plugin inside the base layer

Browse source
This commit is contained in:
dtonon 2026-07-28 19:51:31 +02:00
parent 475d891b4c
commit d61ec05963
1 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/routes/layout.css
View file

@ -35,14 +35,17 @@ body {
/* Form inputs in dark mode — the forms plugin defaults to a white background, /* 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"]), /* Plain .dark (not :where) so these outweigh the forms plugin's white
:where(.dark) textarea, background, which sits in this same base layer; utilities still win via
:where(.dark) select { layer order. */
.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"]),
.dark textarea,
.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, .dark input::placeholder,
:where(.dark) textarea::placeholder { .dark textarea::placeholder {
color: var(--color-neutral-500); color: var(--color-neutral-500);
} }