From 79207b38666a631adb8e69dbc85f0bd5672657f4 Mon Sep 17 00:00:00 2001
From: Dimitri Yatsenko <dimitri.yatsenko@gmail.com>
Date: Tue, 5 May 2026 11:05:27 -0500
Subject: [PATCH] docs: opaque white background and larger annotations in
 pipeline.svg
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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.
---
 src/images/pipeline.svg | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/images/pipeline.svg b/src/images/pipeline.svg
index 94517a25..94154a0c 100644
--- a/src/images/pipeline.svg
+++ b/src/images/pipeline.svg
@@ -8,6 +8,10 @@
     </marker>
   </defs>
 
+  <!-- Opaque white background — keeps the whole illustration legible
+       on any page theme (e.g. GitHub dark-mode README rendering). -->
+  <rect width="100%" height="100%" fill="white"/>
+
   <!-- ============ LEFT PANEL: Pipeline diagram ============ -->
 
   <!-- Edges -->
@@ -90,7 +94,7 @@
   </g>
 
   <!-- ============ Annotations ============ -->
-  <g font-style="italic" fill="#5a5a5a" font-size="17">
+  <g font-style="italic" fill="#5a5a5a" font-size="19">
     <text x="1260" y="112">database link</text>
     <line x1="1255" y1="107" x2="690" y2="107"
           stroke="#bbb" stroke-width="0.7" stroke-dasharray="3,3"/>