diff --git a/static/css/style.css b/static/css/style.css
index b27930a4..8220ad14 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -2,6 +2,12 @@ html[theme='dark-mode'] {
   filter: invert(1) hue-rotate(180deg);
 }
 
+@media (prefers-color-scheme: dark) {
+  html {
+    filter: invert(1) hue-rotate(180deg);
+  }
+}
+
 body {
   line-height: 1;
   font: normal 15px/1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif;