diff --git a/README.md b/README.md
index 50c0949..408bc73 100644
--- a/README.md
+++ b/README.md
@@ -29,7 +29,11 @@ fully realtime.
 [liv]: https://github.com/phoenixframework/phoenix_live_view
 
 <p align="center">
-  <img alt="Web Preview" src="https://raw.githubusercontent.com/oban-bg/oban_web/main/assets/oban-web-preview.png" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/oban-bg/oban_web/main/assets/oban-web-preview-dark.png" />
+    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/oban-bg/oban_web/main/assets/oban-web-preview-light.png" />
+    <img src="https://raw.githubusercontent.com/oban-bg/oban_web/main/assets/oban-web-preview-light.png" />
+  </picture>
 </p>
 
 ## Features
diff --git a/assets/oban-web-preview-dark.png b/assets/oban-web-preview-dark.png
new file mode 100644
index 0000000..09d29ef
Binary files /dev/null and b/assets/oban-web-preview-dark.png differ
diff --git a/assets/oban-web-preview-light.png b/assets/oban-web-preview-light.png
new file mode 100644
index 0000000..0ddca97
Binary files /dev/null and b/assets/oban-web-preview-light.png differ
diff --git a/assets/oban-web-preview.png b/assets/oban-web-preview.png
deleted file mode 100644
index d3494f1..0000000
Binary files a/assets/oban-web-preview.png and /dev/null differ
diff --git a/guides/introduction/overview.md b/guides/introduction/overview.md
index f3d33c7..fc91613 100644
--- a/guides/introduction/overview.md
+++ b/guides/introduction/overview.md
@@ -9,7 +9,11 @@ fully realtime.
 [liv]: https://github.com/phoenixframework/phoenix_live_view
 
 <p align="center">
-  <img alt="Web Preview" src="https://raw.githubusercontent.com/oban-bg/oban_web/main/assets/oban-web-preview.png" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/oban-bg/oban_web/main/assets/oban-web-preview-dark.png" />
+    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/oban-bg/oban_web/main/assets/oban-web-preview-light.png" />
+    <img src="https://raw.githubusercontent.com/oban-bg/oban_web/main/assets/oban-web-preview-light.png" />
+  </picture>
 </p>
 
 ## Features