palette
Generated from assets/css/main.css via scripts/build_palette_data.py.
How “identifier / usage” is derived
identifier: CSS variable name (for token colors) ordirect #hex(for non-token literals).usage: selectors wherevar(--token)is referenced, or selectors where the direct hex appears.- Selector lists are truncated for readability when there are many matches.
| Identifier | Usage | Light Hex | Light Swatch | Dark Hex | Dark Swatch |
|---|---|---|---|---|---|
| --text | body, .site-title a, .site-nav a.nav-item:link, .site-nav a.nav-item:visited, .site-nav a.nav-item:focus-visible (+7 more) | #111 | #f2f2f2 | ||
| --muted | .kicker, .muted, figcaption, .index__work_id, .index__date (+8 more) | #444 | #c7c7c7 | ||
| --bg | body, .site-header | #fbfaf7 | #0f0f10 | ||
| --panel | code, pre, .box, .nav-more.is-open .nav-more__panel, .theme-toggle (+3 more) | #fafafa | #161618 | ||
| --panel-2 | blockquote, th, .prompt, .site-nav a.nav-item:hover, .site-nav a.nav-item:focus-visible (+7 more) | #f6f6f6 | #1c1c1f | ||
| --border | hr, code, pre, th, td (+15 more) | #e6e6e6 | #2b2b30 | ||
| --border-strong | a:focus-visible, blockquote, .prompt, .site-nav a.nav-item:focus-visible, .theme-toggle:hover (+12 more) | #cfcfcf | #3a3a40 | ||
| --link | a:link, .index__link:link, .index__link:active, .index__link:focus, .workIndexItem:link (+24 more) | #3f3f3f | #7bb0ff | ||
| --link-hover | a:hover, .index__link:hover, .workIndexItem:hover, .seriesIndexItem:hover, .home-link:hover (+8 more) | #1e1e1e | #a7c9ff | ||
| --link-visited | a:visited, .index__link:visited, .workIndexItem:visited, .seriesIndexItem:visited, .home-link:visited (+4 more) | #5b2aa6 | #c39bff | ||
| direct #777 | .workIndexItem__year, .seriesIndexItem__year | #777 | #777 | ||
| direct #d11 | .debug-media-boxes .page__mediaLink | #d11 | #d11 | ||
| direct #1166cc | .debug-media-boxes .page__mediaImg | #1166cc | #1166cc |