From b07afa6f004f777e8598bd1184c7b33eb7620633 Mon Sep 17 00:00:00 2001
From: Andrew Wormald <andreww@luno.com>
Date: Thu, 30 Apr 2026 10:17:39 +0100
Subject: [PATCH] readme: use theme-aware logo for GitHub light/dark mode

Wraps the logo in a <picture> element so GitHub renders logo_dark.svg
when the viewer has dark mode enabled, and logo.svg for light mode.
Also adds the SVG logo files (light and dark variants).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 README.md          |  5 ++++-
 logo/logo.svg      | 12 ++++++++++++
 logo/logo_dark.svg | 10 ++++++++++
 3 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 logo/logo.svg
 create mode 100644 logo/logo_dark.svg

diff --git a/README.md b/README.md
index c4aeb37d..2774c500 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,8 @@
 <div align="center">
-    <img src="./logo/logo.png" style="width: 220px; margin: 30px" alt="Workflow Logo">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="./logo/logo_dark.svg">
+      <img src="./logo/logo.svg" style="width: 220px; margin: 30px" alt="Workflow Logo">
+    </picture>
     <div  align="center" style="max-width: 750px">
         <a style="padding: 0 5px" href="https://goreportcard.com/report/github.com/luno/workflow"><img src="https://goreportcard.com/badge/github.com/luno/workflow"/></a>
         <a style="padding: 0 5px" href="https://sonarcloud.io/summary/new_code?id=luno_workflow"><img src="https://sonarcloud.io/api/project_badges/measure?project=luno_workflow&metric=coverage"/></a>
diff --git a/logo/logo.svg b/logo/logo.svg
new file mode 100644
index 00000000..b0682895
--- /dev/null
+++ b/logo/logo.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 80" fill="none" role="img" aria-label="Workflow">
+  
+  <g transform="translate(8, 8)">
+    <line x1="14" y1="44" x2="32" y2="32" stroke="#0d0e12" stroke-width="5.5" stroke-linecap="round"></line>
+    <line x1="32" y1="32" x2="50" y2="20" stroke="#0d0e12" stroke-width="5.5" stroke-linecap="round"></line>
+    <circle cx="14" cy="44" r="7.5" fill="#0d0e12"></circle>
+    <circle cx="32" cy="32" r="7.5" fill="#0d0e12"></circle>
+    <circle cx="50" cy="20" r="7.5" fill="#4255FF"></circle>
+  </g>
+  
+  <text x="92" y="52" font-family="-apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, system-ui, sans-serif" font-weight="700" font-size="40" letter-spacing="-1.2" fill="#0d0e12">workflow</text>
+</svg>
\ No newline at end of file
diff --git a/logo/logo_dark.svg b/logo/logo_dark.svg
new file mode 100644
index 00000000..6ad886c1
--- /dev/null
+++ b/logo/logo_dark.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 80" fill="none" role="img" aria-label="Workflow">
+  <g transform="translate(8, 8)">
+    <line x1="14" y1="44" x2="32" y2="32" stroke="#FFFFFF" stroke-width="5.5" stroke-linecap="round"></line>
+    <line x1="32" y1="32" x2="50" y2="20" stroke="#FFFFFF" stroke-width="5.5" stroke-linecap="round"></line>
+    <circle cx="14" cy="44" r="7.5" fill="#FFFFFF"></circle>
+    <circle cx="32" cy="32" r="7.5" fill="#FFFFFF"></circle>
+    <circle cx="50" cy="20" r="7.5" fill="#BCC2FF"></circle>
+  </g>
+  <text x="92" y="52" font-family="-apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, system-ui, sans-serif" font-weight="700" font-size="40" letter-spacing="-1.2" fill="#FFFFFF">workflow</text>
+</svg>
\ No newline at end of file