diff --git a/README.md b/README.md
index d505f8d..9c721c3 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,10 @@
 <table align="center">
   <tr>
     <td>
-      <img src="static/favicon.svg" alt="MyAnimeList logo" width="140" />
+      <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="static/readme-logo-dark.svg" />
+        <img src="static/readme-logo-light.svg" alt="MyAnimeList logo" width="140" />
+      </picture>
     </td>
     <td>
       <strong>MyAnimeList</strong><br />
diff --git a/static/readme-logo-dark.svg b/static/readme-logo-dark.svg
new file mode 100644
index 0000000..e69b827
--- /dev/null
+++ b/static/readme-logo-dark.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="#ffffff" stroke-width="2.5" stroke-linejoin="miter">
+  <rect x="6" y="10" width="12" height="12" />
+  <rect x="14" y="6" width="12" height="12" />
+</svg>
diff --git a/static/readme-logo-light.svg b/static/readme-logo-light.svg
new file mode 100644
index 0000000..b83f8a4
--- /dev/null
+++ b/static/readme-logo-light.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="#000000" stroke-width="2.5" stroke-linejoin="miter">
+  <rect x="6" y="10" width="12" height="12" />
+  <rect x="14" y="6" width="12" height="12" />
+</svg>