From e780a3c96f84bec8211e2c50f9bb0cc0755205b6 Mon Sep 17 00:00:00 2001 From: khannurien Date: Sun, 20 Sep 2026 08:29:26 +0000 Subject: [PATCH] =?UTF-8?q?v3:=20kanagawa's=20headline=20stays=20readable?= =?UTF-8?q?=20on=20the=20scrim=20=E2=80=94=20over=20a=20photo=20the=20titl?= =?UTF-8?q?e=20rests=20white=20on=20black=20in=20either=20scheme,=20but=20?= =?UTF-8?q?hovered=20it=20took=20--color-accent,=20and=20Lotus's=20lotusBl?= =?UTF-8?q?ue4=20is=20picked=20to=20sit=20on=20warm=20paper:=20on=20the=20?= =?UTF-8?q?scrim=20it=20falls=20to=20about=203.8:1,=20worse=20where=20the?= =?UTF-8?q?=20gradient=20thins=20and=20the=20picture=20shows=20through.=20?= =?UTF-8?q?The=20ground=20over=20an=20image=20is=20Wave-dark=20whichever?= =?UTF-8?q?=20scheme=20is=20on,=20so=20the=20accent=20there=20is=20now=20W?= =?UTF-8?q?ave's=20too=20=E2=80=94=20crystalBlue,=20which=20is=20what=20th?= =?UTF-8?q?e=20dark=20scheme=20already=20hovers=20to,=20so=20both=20scheme?= =?UTF-8?q?s=20behave=20alike=20over=20a=20picture=20instead=20of=20one=20?= =?UTF-8?q?carrying=20a=20second=20paper-tuned=20blue.=20The=20overlay's?= =?UTF-8?q?=20resting=20vote=20button=20takes=20the=20same=20swap,=20ink?= =?UTF-8?q?=20and=20border,=20since=20it=20read=20the=20same=20token;=20th?= =?UTF-8?q?e=20voted=20one=20keeps=20the=20true=20accent=20fill,=20which?= =?UTF-8?q?=20its=20pale=20label=20needs=20underneath=20it.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5 --- src/themes/kanagawa.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) 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);