diff --git a/docs/assets/logo_32.png b/docs/assets/logo_32.png
deleted file mode 100644
index 3354df51..00000000
--- a/docs/assets/logo_32.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:88be8829ce667228bc6fe6f29c64002e333703846dc9389484985d172efb3be3
-size 2752
diff --git a/docs/assets/readme_header.pxd b/docs/assets/readme_header.pxd
new file mode 100644
index 00000000..49cd1484
Binary files /dev/null and b/docs/assets/readme_header.pxd differ
diff --git a/docs/assets/readme_logo_dark.png b/docs/assets/readme_logo_dark.png
new file mode 100644
index 00000000..8302ec04
--- /dev/null
+++ b/docs/assets/readme_logo_dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:44b77bed012d7ef671bf823d3165997949286bab40bae6f1aa5a8eda977f3157
+size 10364
diff --git a/docs/assets/readme_logo_light.png b/docs/assets/readme_logo_light.png
new file mode 100644
index 00000000..99384b41
--- /dev/null
+++ b/docs/assets/readme_logo_light.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b35eef1a5eb91fcd759cdb2030700e0e0d1f98d674223085c2be3e51cbc1d55e
+size 11761
diff --git a/readme.md b/readme.md
index a98b817a..ed5bbd7c 100644
--- a/readme.md
+++ b/readme.md
@@ -1,6 +1,5 @@
-# telephoto
-
-https://github.com/saket/telephoto/assets/2387680/cb50142e-14b9-49bf-9069-8921fa80d08b
+![logo](docs/assets/readme_logo_light.png#gh-light-mode-only)
+![logo](docs/assets/readme_logo_dark.png#gh-dark-mode-only)
 
 Designing a cohesive media experience for Android can be a lot of work. Telephoto aims to make that easier by offering some building blocks. See [project website](https://saket.github.io/telephoto) for full documentation.