diff --git a/README.md b/README.md
index c288e8e..ad85606 100644
--- a/README.md
+++ b/README.md
@@ -41,25 +41,53 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 ## About Me
 
 <a href="https://herzog.tech/" target="_blank">
-  <img src="https://herzog.tech/signature/link.svg.png" width="32px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/link-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/link.svg.png">
+    <img src="https://herzog.tech/signature/link.svg.png" width="32px">
+  </picture>
 </a>
-<a href="https://twitter.com/xd1936" target="_blank">
-  <img src="https://herzog.tech/signature/twitter.svg.png" width="32px" />
+<a href="https://mastodon.social/@herzog" target="_blank">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/mastodon-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/mastodon.svg.png">
+    <img src="https://herzog.tech/signature/mastodon.svg.png" width="32px">
+  </picture>
 </a>
 <a href="https://github.com/leoherzog" target="_blank">
-  <img src="https://herzog.tech/signature/github.svg.png" width="32px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/github-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/github.svg.png">
+    <img src="https://herzog.tech/signature/github.svg.png" width="32px">
+  </picture>
 </a>
 <a href="https://keybase.io/leoherzog" target="_blank">
-  <img src="https://herzog.tech/signature/keybase.svg.png" width="32px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/keybase-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/keybase.svg.png">
+    <img src="https://herzog.tech/signature/keybase.svg.png" width="32px">
+  </picture>
 </a>
 <a href="https://www.linkedin.com/in/leoherzog" target="_blank">
-  <img src="https://herzog.tech/signature/linkedin.svg.png" width="32px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/linkedin-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/linkedin.svg.png">
+    <img src="https://herzog.tech/signature/linkedin.svg.png" width="32px">
+  </picture>
 </a>
 <a href="https://hope.edu/directory/people/herzog-leo/" target="_blank">
-  <img src="https://herzog.tech/signature/anchor.svg.png" width="32px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/anchor-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/anchor.svg.png">
+    <img src="https://herzog.tech/signature/anchor.svg.png" width="32px">
+  </picture>
 </a>
 <br />
 <a href="https://herzog.tech/$" target="_blank">
-  <img src="https://herzog.tech/signature/mug-tea-saucer-solid.svg.png" alt="Buy Me A Coffee" width="32px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://herzog.tech/signature/mug-tea-saucer-solid-light.svg.png">
+    <source media="(prefers-color-scheme: light)" srcset="https://herzog.tech/signature/mug-tea-saucer-solid.svg.png">
+    <img src="https://herzog.tech/signature/mug-tea-saucer-solid.svg.png" alt="Buy Me A Tea" width="32px">
+  </picture>
   Found this helpful? Buy me a tea!
 </a>