diff --git a/README.md b/README.md
index 53640377..9f69e50f 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,19 @@
 <div align="center">
-  <img src="./media/header_devtools.png" >
+  <picture>
+    <source
+      media="(prefers-color-scheme: dark)"
+      srcset="https://tanstack.com/api/readme/devtools.png?theme=dark"
+    />
+    <source
+      media="(prefers-color-scheme: light)"
+      srcset="https://tanstack.com/api/readme/devtools.png"
+    />
+    <img
+      src="https://tanstack.com/api/readme/devtools.png"
+      alt="TanStack Devtools"
+      width="900"
+    />
+  </picture>
 </div>
 
 <br />
diff --git a/media/header_devtools.png b/media/header_devtools.png
deleted file mode 100644
index 09eca2cc..00000000
Binary files a/media/header_devtools.png and /dev/null differ