Skip to content

docs: opaque white background and larger annotations in pipeline.svg#168

Merged
MilagrosMarin merged 1 commit intomainfrom
docs/illustration-dark-mode-fix
May 5, 2026
Merged

docs: opaque white background and larger annotations in pipeline.svg#168
MilagrosMarin merged 1 commit intomainfrom
docs/illustration-dark-mode-fix

Conversation

@dimitri-yatsenko
Copy link
Copy Markdown
Member

Summary

Mirrors the dark-mode fix from datajoint-python#1448, addressing the same review feedback:

  • Add an opaque white <rect> covering the full SVG viewBox so the entire illustration (annotations included) reads against white regardless of page theme. Previously the code panel had its own white rect but the surrounding annotations sat on transparent — black text on a black background made them invisible in dark mode.
  • Bump annotation font size from 17 to 19 to keep effective rendered text in the 9–11 pt range at typical column widths.

Test plan

  • mkdocs serve and load / — confirm the illustration renders correctly.
  • Toggle the docs site to dark mode (if supported) and confirm all five right-side annotations remain legible.
  • Confirm annotation text is comfortably larger than before.

Mirror the dark-mode fix from datajoint-python#1448:

- Add an opaque white background rect covering the full viewBox so
  the right-side annotations remain legible against any page theme.
- Bump annotation font size from 17 to 19 to keep effective rendered
  size in the 9-11pt range at typical column widths.

Without this, the code panel had its own white rect but the
surrounding annotations sat on transparent — invisible in dark mode.
@MilagrosMarin MilagrosMarin merged commit 85afb33 into main May 5, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants