diff --git a/README.md b/README.md
index 949c33c..905415c 100644
--- a/README.md
+++ b/README.md
@@ -21,7 +21,10 @@
 </p>
 
 <p align="center">
-  <img src="docs/public/screenshot-web.png" alt="RustMail Web UI" width="720" />
+  <picture>
+    <source media="(prefers-color-scheme: light)" srcset="docs/public/screenshot-web.png" />
+    <img src="docs/public/screenshot-web-dark.png" alt="RustMail Web UI" width="720" />
+  </picture>
 </p>
 
 ## Quick Start
diff --git a/docs/public/screenshot-web-dark.png b/docs/public/screenshot-web-dark.png
new file mode 100644
index 0000000..3deee7c
Binary files /dev/null and b/docs/public/screenshot-web-dark.png differ
diff --git a/docs/public/screenshot-web.png b/docs/public/screenshot-web.png
index 3deee7c..0c8874f 100644
Binary files a/docs/public/screenshot-web.png and b/docs/public/screenshot-web.png differ