Every content diagram on the docs site hardcodes the light palette (#161616/#3a3a3a text, #91 accents) with a transparent background, while src/styles/custom.css gives .sl-markdown-content img background: var(--registry-surface), which is #1b1e24 under [data-theme='dark']. Dark text on a near-black surface makes all 13 in-use diagrams hard to read in dark mode. The SVG a11y gate (scripts/check-svg-a11y.mjs) checks title/desc/role but not contrast, so this passes CI.
Options: give diagram images a fixed light surface in dark mode (e.g. background: #fff for img[src$=".svg"] under the images path), add prefers-color-scheme/data-theme aware styling inside the SVGs, or ship dark variants. First option is the cheapest and matches how many docs sites handle light-palette diagrams.
Found 2026-07-07 during the docs 1.0 diagram review (two independent reviewers flagged it).
Every content diagram on the docs site hardcodes the light palette (#161616/#3a3a3a text, #91 accents) with a transparent background, while
src/styles/custom.cssgives.sl-markdown-content imgbackground: var(--registry-surface), which is#1b1e24under[data-theme='dark']. Dark text on a near-black surface makes all 13 in-use diagrams hard to read in dark mode. The SVG a11y gate (scripts/check-svg-a11y.mjs) checks title/desc/role but not contrast, so this passes CI.Options: give diagram images a fixed light surface in dark mode (e.g.
background: #fffforimg[src$=".svg"]under the images path), addprefers-color-scheme/data-themeaware styling inside the SVGs, or ship dark variants. First option is the cheapest and matches how many docs sites handle light-palette diagrams.Found 2026-07-07 during the docs 1.0 diagram review (two independent reviewers flagged it).