From d2326080c755851b4d5e206ae1ff0eb1e5842bf6 Mon Sep 17 00:00:00 2001
From: "sentry-junior[bot]"
 <264270552+sentry-junior[bot]@users.noreply.github.com>
Date: Tue, 27 Oct 2026 17:20:50 +0000
Subject: [PATCH] docs: Use dark-mode-aware Sentry logo in READMEs

The current wordmark is dark on a transparent background, so it is nearly illegible when GitHub is in dark mode.

Wrap the logo in a `<picture>` element that serves `sentry-logo-white.png` for `prefers-color-scheme: dark` and the purple `sentry-wordmark-dark-280x84.png` otherwise. The plain `<img>` fallback keeps renderers without `<picture>` support working.

Co-Authored-By: Daniel Szoke <daniel.szoke@sentry.io>
---
 npm-binary-distributions/darwin/README.md      | 6 +++++-
 npm-binary-distributions/linux-arm/README.md   | 6 +++++-
 npm-binary-distributions/linux-arm64/README.md | 6 +++++-
 npm-binary-distributions/linux-i686/README.md  | 6 +++++-
 npm-binary-distributions/linux-x64/README.md   | 6 +++++-
 npm-binary-distributions/win32-arm64/README.md | 6 +++++-
 npm-binary-distributions/win32-i686/README.md  | 6 +++++-
 npm-binary-distributions/win32-x64/README.md   | 6 +++++-
 8 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/npm-binary-distributions/darwin/README.md b/npm-binary-distributions/darwin/README.md
index eca120cbcb..a8491f4ccb 100644
--- a/npm-binary-distributions/darwin/README.md
+++ b/npm-binary-distributions/darwin/README.md
@@ -1,6 +1,10 @@
 <p align="center">
   <a href="https://sentry.io/?utm_source=github&utm_medium=logo" target="_blank">
-    <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280" height="84">
+    <picture>
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-logo-white.png" media="(prefers-color-scheme: dark)" />
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" />
+      <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280">
+    </picture>
   </a>
 </p>
 
diff --git a/npm-binary-distributions/linux-arm/README.md b/npm-binary-distributions/linux-arm/README.md
index af492d0a7f..f5668a7ccb 100644
--- a/npm-binary-distributions/linux-arm/README.md
+++ b/npm-binary-distributions/linux-arm/README.md
@@ -1,6 +1,10 @@
 <p align="center">
   <a href="https://sentry.io/?utm_source=github&utm_medium=logo" target="_blank">
-    <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280" height="84">
+    <picture>
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-logo-white.png" media="(prefers-color-scheme: dark)" />
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" />
+      <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280">
+    </picture>
   </a>
 </p>
 
diff --git a/npm-binary-distributions/linux-arm64/README.md b/npm-binary-distributions/linux-arm64/README.md
index a07c71b1fa..dad4de8e13 100644
--- a/npm-binary-distributions/linux-arm64/README.md
+++ b/npm-binary-distributions/linux-arm64/README.md
@@ -1,6 +1,10 @@
 <p align="center">
   <a href="https://sentry.io/?utm_source=github&utm_medium=logo" target="_blank">
-    <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280" height="84">
+    <picture>
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-logo-white.png" media="(prefers-color-scheme: dark)" />
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" />
+      <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280">
+    </picture>
   </a>
 </p>
 
diff --git a/npm-binary-distributions/linux-i686/README.md b/npm-binary-distributions/linux-i686/README.md
index 9a095f1af0..d1d3324581 100644
--- a/npm-binary-distributions/linux-i686/README.md
+++ b/npm-binary-distributions/linux-i686/README.md
@@ -1,6 +1,10 @@
 <p align="center">
   <a href="https://sentry.io/?utm_source=github&utm_medium=logo" target="_blank">
-    <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280" height="84">
+    <picture>
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-logo-white.png" media="(prefers-color-scheme: dark)" />
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" />
+      <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280">
+    </picture>
   </a>
 </p>
 
diff --git a/npm-binary-distributions/linux-x64/README.md b/npm-binary-distributions/linux-x64/README.md
index c930cb059a..42448049c5 100644
--- a/npm-binary-distributions/linux-x64/README.md
+++ b/npm-binary-distributions/linux-x64/README.md
@@ -1,6 +1,10 @@
 <p align="center">
   <a href="https://sentry.io/?utm_source=github&utm_medium=logo" target="_blank">
-    <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280" height="84">
+    <picture>
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-logo-white.png" media="(prefers-color-scheme: dark)" />
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" />
+      <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280">
+    </picture>
   </a>
 </p>
 
diff --git a/npm-binary-distributions/win32-arm64/README.md b/npm-binary-distributions/win32-arm64/README.md
index f7662baef5..01ac07c70a 100644
--- a/npm-binary-distributions/win32-arm64/README.md
+++ b/npm-binary-distributions/win32-arm64/README.md
@@ -1,6 +1,10 @@
 <p align="center">
   <a href="https://sentry.io/?utm_source=github&utm_medium=logo" target="_blank">
-    <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280" height="84">
+    <picture>
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-logo-white.png" media="(prefers-color-scheme: dark)" />
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" />
+      <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280">
+    </picture>
   </a>
 </p>
 
diff --git a/npm-binary-distributions/win32-i686/README.md b/npm-binary-distributions/win32-i686/README.md
index 36ff28fea0..aee132862c 100644
--- a/npm-binary-distributions/win32-i686/README.md
+++ b/npm-binary-distributions/win32-i686/README.md
@@ -1,6 +1,10 @@
 <p align="center">
   <a href="https://sentry.io/?utm_source=github&utm_medium=logo" target="_blank">
-    <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280" height="84">
+    <picture>
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-logo-white.png" media="(prefers-color-scheme: dark)" />
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" />
+      <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280">
+    </picture>
   </a>
 </p>
 
diff --git a/npm-binary-distributions/win32-x64/README.md b/npm-binary-distributions/win32-x64/README.md
index b89085460a..0bff442060 100644
--- a/npm-binary-distributions/win32-x64/README.md
+++ b/npm-binary-distributions/win32-x64/README.md
@@ -1,6 +1,10 @@
 <p align="center">
   <a href="https://sentry.io/?utm_source=github&utm_medium=logo" target="_blank">
-    <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280" height="84">
+    <picture>
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-logo-white.png" media="(prefers-color-scheme: dark)" />
+      <source srcset="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" />
+      <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280">
+    </picture>
   </a>
 </p>