diff --git a/README.md b/README.md
index db3a03b..95782a9 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,9 @@
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/1a448567-c799-489e-bdc4-e708c280b18e">
+  <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/3abbf462-d6dc-4e8f-b40a-d668d250d424">
+  <img alt="Shows project promo image in light and dark mode">
+</picture>
+
 # Discourse Graphs for Obsidian
 
 The Discourse Graph extension enables Obsidian users to seamlessly add additional semantic structure to their notes, including specified page types and link types that model scientific discourse, to enable more complex and structured knowledge synthesis work, such as a complex interdisciplinary literature review, and enhanced collaboration with others on this work.
@@ -129,4 +135,4 @@ E.g: this means that *Claim* nodes can supports *Questions* nodes
 5. Search the nodes you want to link with by the title
 ![search](https://firebasestorage.googleapis.com/v0/b/firescript-577a2.appspot.com/o/imgs%2Fapp%2Fdiscourse-graphs%2F4NW4UjYDrC.png?alt=media&token=bae307d0-ebec-4e6b-a03d-0943d9d03754)
 6. Click "Confirm", now a new relationship has been created
-![relationship created](https://firebasestorage.googleapis.com/v0/b/firescript-577a2.appspot.com/o/imgs%2Fapp%2Fdiscourse-graphs%2FK8XAhCqrUL.png?alt=media&token=a559c477-c7f6-4b3e-8b00-ece7da5d4fec)
\ No newline at end of file
+![relationship created](https://firebasestorage.googleapis.com/v0/b/firescript-577a2.appspot.com/o/imgs%2Fapp%2Fdiscourse-graphs%2FK8XAhCqrUL.png?alt=media&token=a559c477-c7f6-4b3e-8b00-ece7da5d4fec)