v3: journal image cards give the resting vote button white-on-glass ink so it reads over the scrim

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
khannurien
2026-09-19 20:17:56 +00:00
parent decea1c614
commit 5e5f984d87

View File

@@ -5356,6 +5356,20 @@ body.has-player .chat-fab {
color: rgba(255, 255, 255, 0.78);
}
/* The resting vote button is transparent and inks itself in --color-text,
which in a light palette (or a muted dark one) sinks into the black scrim.
Over an image it takes the overlay's own white-on-glass treatment; the
voted state keeps its solid accent fill, which already reads. */
.journal-card--image .journal-card-overlay .vote-btn:not(.vote-btn--active) {
color: #fff;
border-color: rgba(255, 255, 255, 0.4);
background: rgba(0, 0, 0, 0.35);
}
.journal-card--image .journal-card-overlay .vote-btn:not(.vote-btn--active):hover:not(:disabled) {
color: var(--color-accent);
border-color: var(--color-accent);
}
.journal-card--image .journal-card-comment {
font-size: var(--text-sm);
line-height: 1.4;