diff --git a/README.md b/README.md
index 495c21d..8159972 100644
--- a/README.md
+++ b/README.md
@@ -1,14 +1,13 @@
-# Perplexity Sonar API Cookbook
-
-A comprehensive collection of practical examples, integration guides, and community showcases for building with [Perplexity's Sonar API](https://sonar.perplexity.ai/) - the fastest, most cost-effective AI answer engine with real-time search capabilities.
-
 <a href="https://docs.perplexity.ai/cookbook" target="_blank">
   <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="/static/img/perplexity-sonar.png" style="max-width: 100%; width: 400px; margin-bottom: 20px">
+    <source media="(prefers-color-scheme: dark)" srcset="/static/img/perplexity-sonar.png">
+    <source media="(prefers-color-scheme: light)" srcset="/static/img/perplexity-sonar-dark.png">
     <img src="/static/img/perplexity-sonar.png" alt="Perplexity Sonar" style="max-width: 100%; width: 400px; margin-bottom: 20px">
   </picture>
 </a>
 
+A comprehensive collection of practical examples, integration guides, and community showcases for building with [Perplexity's Sonar API](https://sonar.perplexity.ai/) - the fastest, most cost-effective AI answer engine with real-time search capabilities.
+
 📖 **[View the full cookbook →](https://docs.perplexity.ai/cookbook)**
 
 ## What's Inside
diff --git a/static/img/perplexity-sonar-dark.png b/static/img/perplexity-sonar-dark.png
new file mode 100644
index 0000000..8dcbaf3
Binary files /dev/null and b/static/img/perplexity-sonar-dark.png differ
diff --git a/static/img/perplexity-sonar.png b/static/img/perplexity-sonar.png
index e7068ca..d28e423 100644
Binary files a/static/img/perplexity-sonar.png and b/static/img/perplexity-sonar.png differ