v3: kanagawa's headline stays readable on the scrim — over a photo the title rests white on black in either scheme, but hovered it took --color-accent, and Lotus's lotusBlue4 is picked to sit on warm paper: on the scrim it falls to about 3.8:1, worse where the gradient thins and the picture shows through. The ground over an image is Wave-dark whichever scheme is on, so the accent there is now Wave's too — crystalBlue, which is what the dark scheme already hovers to, so both schemes behave alike over a picture instead of one carrying a second paper-tuned blue. The overlay's resting vote button takes the same swap, ink and border, since it read the same token; the voted one keeps the true accent fill, which its pale label needs underneath it.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
khannurien
2026-09-20 08:29:26 +00:00
parent e4d50f047c
commit e780a3c96f

View File

@@ -101,6 +101,10 @@
--kngw-number: light-dark(#b35b79, #d27e99);
--kngw-chrome: light-dark(#e5ddb0, #181820);
--kngw-selection: light-dark(#c9cbd1, #223249);
/* Over a photo the ground is the black scrim in either scheme, so the
accent there stays Wave's crystalBlue — Lotus's lotusBlue4 is picked to
sit on warm paper and goes muddy on black. */
--kngw-accent-on-photo: #7e9cd8;
/* Shape & depth — flat like an editor, deep only where things float */
--border-width: 1px;
@@ -156,6 +160,19 @@
color: var(--kngw-comment);
}
/* ── On the scrim, links hover in the dark scheme's blue ─────────── */
[data-style="kanagawa"] .journal-card--image .journal-card-title:hover {
color: var(--kngw-accent-on-photo);
}
[data-style="kanagawa"]
.journal-card--image
.journal-card-overlay
.vote-btn:not(.vote-btn--active):hover:not(:disabled) {
color: var(--kngw-accent-on-photo);
border-color: var(--kngw-accent-on-photo);
}
/* ── Quotes read as string literals ──────────────────────────────── */
[data-style="kanagawa"] .journal-card--quote {
background: var(--color-surface);