feat: oklch color system, hamburger nav, theme toggle, footer, CSS fixes

Color system:
- Replace all --color-N references in dark mode with oklch()
- Fine-grained surface steps (12%→15%→18%→21%→22%)
- Smooth text gradient (92%→78%→62%→48%)
- Heading hierarchy (95%→65%)
- All palette-driven via --palette-hue and --palette-chroma

Navigation:
- Hamburger menu for mobile (data-nav-toggle + JS)
- Theme toggle button (sun/moon, localStorage persistence)
- data-theme="light|dark" override on <html>
- Cleaned nav CSS, removed old dropdown conflicts

Footer:
- Three-column nav grid (Framework, Resources, Project)
- Branding header + tagline
- Proper semantic structure (header + 3 nav + p)

Fixes:
- Sidebar: compact spacing, --sidebar-link-max token
- TOC: compact, scroll spy with IntersectionObserver
- Prev/next: inline arrows, data-role="prev-next" restored
- Section dividers scoped to article/main only
- Grid columns use tokens not hardcoded values

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ludo 2026-04-11 20:43:56 +02:00
parent e0bda45953
commit 6d654e884b
Signed by: ludo
GPG key ID: F6E479DEFAB84D6E
12 changed files with 390 additions and 195 deletions

View file

@ -27,7 +27,6 @@
"h6",
"head",
"header",
"hgroup",
"hr",
"html",
"input",
@ -45,7 +44,6 @@
"script",
"section",
"select",
"small",
"span",
"strong",
"summary",
@ -62,6 +60,7 @@
"ul"
],
"classes": [
"chroma",
"footnote-backref",
"footnote-ref",
"footnotes",
@ -213,6 +212,7 @@
"timeline",
"token-colour-mapping",
"token-mapping-prism",
"try-the-shortcodes",
"two-columns",
"typography",
"typography-scale",