diff --git a/README.md b/README.md
index 082f8456..9dec5dc6 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,9 @@
 <p align="center">
   <picture>
-    <source media="(prefers-reduced-motion: reduce)" srcset="src/assets/opendirector-readme-logo.png" />
-    <img src="src/assets/opendirector-readme-logo.gif" alt="OpenDirector — animated clapperboard logo" width="660" />
+    <source media="(prefers-reduced-motion: reduce) and (prefers-color-scheme: dark)" srcset="src/assets/opendirector-header-dark.png" />
+    <source media="(prefers-reduced-motion: reduce)" srcset="src/assets/opendirector-header-light.png" />
+    <source media="(prefers-color-scheme: dark)" srcset="src/assets/opendirector-header-dark.gif" />
+    <img src="src/assets/opendirector-header-light.gif" alt="OpenDirector — animated logo" width="660" />
   </picture>
 </p>
 
diff --git a/README.zh-CN.md b/README.zh-CN.md
index cf5a6f71..34a7e3f1 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -1,7 +1,9 @@
 <p align="center">
   <picture>
-    <source media="(prefers-reduced-motion: reduce)" srcset="src/assets/opendirector-readme-logo.png" />
-    <img src="src/assets/opendirector-readme-logo.gif" alt="OpenDirector 动画场记板 Logo" width="660" />
+    <source media="(prefers-reduced-motion: reduce) and (prefers-color-scheme: dark)" srcset="src/assets/opendirector-header-dark.png" />
+    <source media="(prefers-reduced-motion: reduce)" srcset="src/assets/opendirector-header-light.png" />
+    <source media="(prefers-color-scheme: dark)" srcset="src/assets/opendirector-header-dark.gif" />
+    <img src="src/assets/opendirector-header-light.gif" alt="OpenDirector 动画 Logo" width="660" />
   </picture>
 </p>
 
diff --git a/src/assets/opendirector-header-dark.gif b/src/assets/opendirector-header-dark.gif
new file mode 100644
index 00000000..1a1cf194
Binary files /dev/null and b/src/assets/opendirector-header-dark.gif differ
diff --git a/src/assets/opendirector-header-dark.png b/src/assets/opendirector-header-dark.png
new file mode 100644
index 00000000..5b769093
Binary files /dev/null and b/src/assets/opendirector-header-dark.png differ
diff --git a/src/assets/opendirector-header-light.gif b/src/assets/opendirector-header-light.gif
new file mode 100644
index 00000000..d6278e4c
Binary files /dev/null and b/src/assets/opendirector-header-light.gif differ
diff --git a/src/assets/opendirector-header-light.png b/src/assets/opendirector-header-light.png
new file mode 100644
index 00000000..a41baf24
Binary files /dev/null and b/src/assets/opendirector-header-light.png differ
diff --git a/src/assets/opendirector-readme-logo.gif b/src/assets/opendirector-readme-logo.gif
deleted file mode 100644
index 4ab300f9..00000000
Binary files a/src/assets/opendirector-readme-logo.gif and /dev/null differ
diff --git a/src/assets/opendirector-readme-logo.png b/src/assets/opendirector-readme-logo.png
deleted file mode 100644
index 0d138afc..00000000
Binary files a/src/assets/opendirector-readme-logo.png and /dev/null differ