skills/pbakaus_impeccable
1
0
Fork 0
mirror of https://github.com/pbakaus/impeccable.git synced 2026-09-12 06:06:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Use pristine kinpaku in light-mode command palette

Browse Source 
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) <noreply@anthropic.com>
This commit is contained in:
Paul Bakaus
2026-06-03 15:30:29 +02:00
co-authored by Claude Opus 4.8
parent 5083000125
commit 05942485d6
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/styles/light-mode.css
+13
View File
@@ -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
============================================================ */