website: add diagram Prism language, CodeBlock showLineNumbers prop, brighter dark mode links

- Custom 'diagram' Prism language: box-drawing chars get neutral color,
  text labels get a saturated blue so they pop against the structure
- CodeBlock gains showLineNumbers prop (default true) and skips Prism
  highlighting when lang is empty
- Diagram block in index page uses lang='diagram' with line numbers off
- Dark mode --link-accent bumped from #58a6ff to #79bbff for better
  visibility against dark backgrounds
This commit is contained in:
Tommy D. Rossi
2026-02-24 14:44:08 +01:00
parent c23eced495
commit 1a9c6ddcd0
4 changed files with 65 additions and 24 deletions
+1 -1
View File
@@ -146,7 +146,7 @@ export default function IndexPage() {
Chrome restart, no flags, no special setup.
</P>
<CodeBlock lang='bash' lineHeight='1.3'>{dedent`
<CodeBlock lang='diagram' lineHeight='1.3' showLineNumbers={false}>{dedent`
┌─────────────────────┐ ┌──────────────────────┐ ┌─────────────────┐
│ BROWSER │ │ LOCALHOST │ │ CLIENT │
│ │ │ │ │ │