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

Highlight the searched terms in the thread page

Browse source
This commit is contained in:
dtonon 2026-08-12 11:33:00 +01:00
parent d61ec05963
commit c9227ee8fb
7 changed files with 92 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/routes/layout.css
View file

@ -65,6 +65,15 @@ body {
}
}
/* Search terms painted on thread pages via the CSS Custom Highlight API,
matching the <mark> tint used in the search results. */
::highlight(search-terms) {
background-color: color-mix(in srgb, var(--color-secondary) 40%, transparent);
}
.dark ::highlight(search-terms) {
background-color: color-mix(in srgb, var(--color-secondary) 30%, transparent);
}
/* Tighter heading rhythm for all rendered (prose) content. Overrides the
typography plugin's em-based heading margins; the first block stays flush. */
.prose :is(h1, h2, h3, h4, h5, h6) {