diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index d6caaa4..1f92b3f 100644
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -9,6 +9,7 @@
       {{ metadata.title }}
     </title>
     <meta name="description" content="{{ description or metadata.description }}">
+    <meta name="color-scheme" content="dark light">
     <link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
     <link rel="stylesheet" href="/styles.css">
   </head>
diff --git a/_includes/styles/base.css b/_includes/styles/base.css
index 35f9098..b4a4793 100644
--- a/_includes/styles/base.css
+++ b/_includes/styles/base.css
@@ -83,3 +83,9 @@ footer img {
 .post-link  p {
   margin: 0;
 }
+
+@media (prefers-color-scheme: dark) {
+  footer img {
+    filter: invert(90%);
+  }
+}