diff --git a/README.md b/README.md
index a95113b93..277d7edd4 100644
--- a/README.md
+++ b/README.md
@@ -34,10 +34,17 @@
   </p>
   <br />
   <p>
-    <a href="https://hoppscotch.io">
+    <a href="https://hoppscotch.io/#gh-light-mode-only" target="_blank">
       <img
-        src="https://raw.githubusercontent.com/hoppscotch/hoppscotch/main/packages/hoppscotch-app/static/banner.png"
-        alt="Screenshot"
+        src="./packages/hoppscotch-app/static/images/banner-light.png"
+        alt="Hoppscotch"
+        width="100%"
+      />
+    </a>
+    <a href="https://hoppscotch.io/#gh-dark-mode-only" target="_blank">
+      <img
+        src="./packages/hoppscotch-app/static/images/banner-dark.png"
+        alt="Hoppscotch"
         width="100%"
       />
     </a>
diff --git a/packages/hoppscotch-app/static/banner.png b/packages/hoppscotch-app/static/banner.png
index 566f546eb..daca284d5 100644
Binary files a/packages/hoppscotch-app/static/banner.png and b/packages/hoppscotch-app/static/banner.png differ
diff --git a/packages/hoppscotch-app/static/images/banner-dark.png b/packages/hoppscotch-app/static/images/banner-dark.png
new file mode 100644
index 000000000..472cb371d
Binary files /dev/null and b/packages/hoppscotch-app/static/images/banner-dark.png differ
diff --git a/packages/hoppscotch-app/static/images/banner-light.png b/packages/hoppscotch-app/static/images/banner-light.png
new file mode 100644
index 000000000..a16146454
Binary files /dev/null and b/packages/hoppscotch-app/static/images/banner-light.png differ