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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user