diff --git a/README.md b/README.md
index 45525b8..b107890 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,10 @@
 <div align="center">
 
-<img src="banner.svg" alt="viralens" width="100%">
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="reports/img/viralens-github-dark.png">
+  <source media="(prefers-color-scheme: light)" srcset="reports/img/viralens-github-light.png">
+  <img src="reports/img/viralens-github-light.png" alt="viralens creator analytics overview" width="100%">
+</picture>
 
 [![License: MIT](https://img.shields.io/badge/License-MIT-FD4E63.svg)](LICENSE)
 &nbsp;[![Download](https://img.shields.io/badge/⬇%20Download-Win%20·%20Mac%20·%20Linux-2EA44F)](https://github.com/HarryXin0919/viralens/releases/latest)
diff --git a/reports/img/viralens-github-dark.png b/reports/img/viralens-github-dark.png
new file mode 100644
index 0000000..2251f4b
Binary files /dev/null and b/reports/img/viralens-github-dark.png differ
diff --git a/reports/img/viralens-github-light.png b/reports/img/viralens-github-light.png
new file mode 100644
index 0000000..4eff908
Binary files /dev/null and b/reports/img/viralens-github-light.png differ