fix(design): purge the last purple from /docs and de-darken /admin/spine #5459
ccantynzAI Reviewcommented 24d ago
AI Triage
(no summary)
Priority: medium Risk area: mixed
Suggested labels: (no label suggestions) Suggested reviewers: (no reviewer suggestions)
Suggestions only — nothing has been applied. The PR author stays in control.
gluecron[bot]🤖 botAI Reviewcommented 24d ago
AI review unavailable
The platform's AI balance is exhausted, so AI generation is temporarily unavailable. Nothing was lost. You can queue this as a repair for the internal agent from the repository's Health page, or try again once the balance is restored. The PR is otherwise unchanged.
Cross-repo impact
See what breaks downstream if this PR merges.
⮌ Merged
This pull request was merged into main.
c comment · e edit title · m merge · a approve · r request changes · ? shortcuts
Part of the visual-audit ledger sweep — refs #211. Slice: DOCS + ADMIN SPINE BOARD.
/docs — the site's one explicit no-purple violation (
src/routes/docs.tsx).docs-nav-activesetcolor: #c4b6ff(light purple). Nowvar(--accent)over the existingcolor-mix(in srgb, var(--accent) 14%, transparent)background: evergreen pill, subtle accent wash..docs-content codeused the same#c4b6ffpurple →var(--accent)..docs-content prehardcoded a dark panel (background: #0a0c14,color: #d6d8e3) onto the warm-paper page →var(--bg-tertiary)/var(--text), so it renders paper-toned in light and slate in dark. No other purple/indigo literals remain in the file./admin/spine — dark panels + invisible name column (
src/routes/admin-spine.tsx)Root cause:
spineStylesreferenced tokens that do not exist indesign-tokens.ts—var(--bg-subtle, #161b22)andvar(--border-muted, #21262d)— so the GitHub-dark hex fallbacks always won. Every hero/section panel rendered#161b22inside the light theme, and.spine-name(no color of its own) inherited the light theme's dark ink onto that dark panel — the 14 check rows showing only "Green · 5m ago".--bg-elevated,--border,--border-subtle,--text-muted,--text-strong,--text-faint.#3fb950/#238636→var(--green),#d29922→var(--yellow),#f85149→var(--red),#8b949e/#484f58→var(--text-muted)/var(--text-faint); thergba(...,.15)pill backgrounds becamecolor-mix(in srgb, var(--token) 15%, transparent)..spine-nameis now explicitlyvar(--text-strong)— dark-on-light in light, light-on-dark in dark.Verification
bunx tsc --noEmit -p .— clean.bun test src/__tests__ --test-name-pattern "docs|status"— 71 pass, 0 fail (103 skip).🤖 Generated with Claude Code