From 05942485d6bb591f73ccb8de606f231e18a331c0 Mon Sep 17 00:00:00 2001 From: Paul Bakaus Date: Wed, 3 Jun 2026 15:30:29 +0200 Subject: [PATCH] Use pristine kinpaku in light-mode command palette MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The palette's title, active command, and category kicker rendered in the muddy kinpaku-ink in light mode (the shared eyebrow rule swaps pristine kinpaku for kinpaku-ink for legibility on warm paper). But the palette sits on a near-white card, where pristine kinpaku reads fine — and it now matches the already-pristine slashes and the PALETTE toggle. Scope the override under .magazine-container so it only affects the palette and clears the eyebrow rule's :is() specificity (inflated to 4 classes by its .fisheye-item.is-active argument). Other eyebrows keep kinpaku-ink for paper legibility; dark mode is unchanged. Co-Authored-By: Claude Opus 4.8 (1M context) --- site/styles/light-mode.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/site/styles/light-mode.css b/site/styles/light-mode.css index 79c460864..041f1873f 100644 --- a/site/styles/light-mode.css +++ b/site/styles/light-mode.css @@ -231,6 +231,19 @@ html.light :is( color: var(--ks-kinpaku-ink); } +/* Command palette (magazine spread) — the title, active command, and category + kicker sit on a near-white card (.magazine-container), not the warm paper, so + pristine kinpaku reads with enough contrast. Override the muddier kinpaku-ink + the shared eyebrow rule above assigns. Scoped under .magazine-container so it + only touches the palette (and so its specificity clears the eyebrow rule's + :is(), which is inflated to 4 classes by the .fisheye-item.is-active arg). + Other eyebrows stay on kinpaku-ink for paper legibility. */ +html.light .home-kinpaku .magazine-container .spread-command-name, +html.light .home-kinpaku .magazine-container .spread-category-label, +html.light .home-kinpaku .magazine-container .fisheye-item.is-active { + color: var(--ks-kinpaku); +} + /* ============================================================ Homepage — hero, scroll glass header, section shells ============================================================ */