diff --git a/README.md b/README.md
index 16d149f8fe..1b5e48cbec 100644
--- a/README.md
+++ b/README.md
@@ -128,7 +128,17 @@ There's a <a href="https://www.youtube.com/watch?v=mpR8ngthqiE" class="external-
 
 ## **Typer**, the FastAPI of CLIs
 
-<a href="https://typer.tiangolo.com" target="_blank"><img src="https://typer.tiangolo.com/img/logo-margin/logo-margin-vector.svg" style="width: 20%;"></a>
+<div>
+  <a href="https://typer.tiangolo.com" target="_blank">
+    <picture
+      data-light-src="https://typer.tiangolo.com/img/logo-margin/logo-margin-vector.svg"
+      data-dark-src="https://typer.tiangolo.com/img/logo-margin/logo-margin-white-vector.svg"
+    >
+      <source media="(prefers-color-scheme: dark)" srcset="https://typer.tiangolo.com/img/logo-margin/logo-margin-white-vector.svg">
+      <img src="https://typer.tiangolo.com/img/logo-margin/logo-margin-vector.svg" alt="Typer" width="20%">
+    </picture>
+  </a>
+</div>
 
 If you are building a <abbr title="Command Line Interface">CLI</abbr> app to be used in the terminal instead of a web API, check out <a href="https://typer.tiangolo.com/" class="external-link" target="_blank">**Typer**</a>.