diff --git a/src/themes/kanagawa.css b/src/themes/kanagawa.css index d0ff614e..4d2bf980 100644 --- a/src/themes/kanagawa.css +++ b/src/themes/kanagawa.css @@ -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);