diff --git a/README.md b/README.md
index c367fb6..5a7bc44 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,12 @@
 <div align='center'>
+    <br/>
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="banner-dark.png" />
+        <source media="(prefers-color-scheme: light)" srcset="banner.png" />
+        <img src="banner.png" alt="Playwriter - For browser automation MCP" width="600" />
+    </picture>
     <br/>
     <br/>
-    <h3>playwriter</h3>
     <p>Still in development. Not ready to use</p>
     <p>Like Playwright MCP but via extension. 90% less context window. 10x more capable (full playwright API)</p>
     <br/>
@@ -10,9 +15,6 @@
     </a>
     <br/>
     <br/>
-    <img src="banner.png" alt="Playwriter - For browser automation MCP" width="600" />
-    <br/>
-    <br/>
 </div>
 
 ## Installation
diff --git a/banner-dark.png b/banner-dark.png
new file mode 100644
index 0000000..f12a08b
Binary files /dev/null and b/banner-dark.png differ