Fix white-on-white comment blocks in quartz theme

Quartz sets white body text on a coloured page background, but
--bs-tertiary-bg is near-white in its light variant. The .blogcomment
background now uses a semi-transparent black overlay so white text
stays legible, matching the dropdown hover fix.

Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
Paul Schneider 2026-09-21 11:29:33 +01:00
commit 625e062b4b
Signed by: notazof
GPG key ID: AD4B9B545FBD7D12

View file

@ -35,7 +35,11 @@
margin: .3em 0; margin: .3em 0;
padding: .5rem .75rem; padding: .5rem .75rem;
border-left: 3px solid var(--bs-border-color, #dee2e6); border-left: 3px solid var(--bs-border-color, #dee2e6);
background: var(--bs-tertiary-bg, #f8f9fa); /* Quartz ships white body text on a coloured page bg, so
use a semi-transparent black overlay rather than
--bs-tertiary-bg (which is near-white in the quartz
light variant and would render white-on-white). */
background: rgba(0, 0, 0, 0.15);
border-radius: .25rem; border-radius: .25rem;
} }
.blogcomment .comment-body > :last-child { .blogcomment .comment-body > :last-child {