diff --git a/README.md b/README.md
index f01a5624..605b8931 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
  <a href="https://www.skyvern.com">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="images/skyvern_logo.png"/>
-    <img height="120" src="images/skyvern_logo.png"/>
+    <img height="120" src="images/skyvern_logo_blackbg.png"/>
   </picture>
  </a>
  <br />
@@ -74,8 +74,8 @@ pre-commit install
 Skyvern was inspired by the Task-Driven autonomous agent design popularized by [BabyAGI](https://github.com/yoheinakajima/babyagi) and [AutoGPT](https://github.com/Significant-Gravitas/AutoGPT) -- with one major difference: we give Skyvern the ability to interact with websites using browser automation libraries like [Playwright](https://playwright.dev/).
 
 <picture>
-  <source media="(prefers-color-scheme: dark)" srcset="images/Skyvern-system-diagram.png"/>
-  <img src="images/Skyvern-system-diagram.png"/>
+  <source media="(prefers-color-scheme: dark)" srcset="images/skyvern-system-diagram-dark.png"/>
+  <img src="images/skyvern-system-diagram-light.png"/>
 </picture>
 
 <!-- > TODO (suchintan): 
diff --git a/images/Skyvern-system-diagram.png b/images/skyvern-system-diagram-dark.png
similarity index 100%
rename from images/Skyvern-system-diagram.png
rename to images/skyvern-system-diagram-dark.png
diff --git a/images/skyvern-system-diagram-light.png b/images/skyvern-system-diagram-light.png
new file mode 100644
index 00000000..356d0d96
Binary files /dev/null and b/images/skyvern-system-diagram-light.png differ
diff --git a/images/skyvern_logo_blackbg.png b/images/skyvern_logo_blackbg.png
new file mode 100644
index 00000000..304a872a
Binary files /dev/null and b/images/skyvern_logo_blackbg.png differ