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,
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>. */
: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) select {
/* Plain .dark (not :where) so these outweigh the forms plugin's white
background, which sits in this same base layer; utilities still win via
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);
color: var(--color-neutral-100);
}
:where(.dark) input::placeholder,
:where(.dark) textarea::placeholder {
.dark input::placeholder,
.dark textarea::placeholder {
color: var(--color-neutral-500);
}