diff --git a/README.md b/README.md
index 4c5975c..469d361 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,9 @@
 <p align="center">
   <a href="https://github.com/gigliof/bach-to-basics">
-    <img alt="Bach to Basics" src="docs/logo.png" width="340">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="docs/logo-dark-mode.png">
+      <img alt="Bach to Basics" src="docs/logo.png" width="340">
+    </picture>
   </a>
 </p>
 
diff --git a/docs/logo-dark-mode.png b/docs/logo-dark-mode.png
new file mode 100644
index 0000000..d25a8eb
Binary files /dev/null and b/docs/logo-dark-mode.png differ
diff --git a/docs/social-preview.png b/docs/social-preview.png
new file mode 100644
index 0000000..48dfbe0
Binary files /dev/null and b/docs/social-preview.png differ