diff --git a/_sass/main.scss b/_sass/main.scss
index ee526a1..cfb91a4 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -134,4 +134,17 @@ model-viewer {
     height: 300px;
   }
 
-  
\ No newline at end of file
+  
+  @media (prefers-color-scheme: dark) {
+    body, a{
+        background: #222;
+        color: #fcfcfc;
+    }
+    img {
+        opacity: .75;
+        transition: opacity .5s ease-in-out;
+    }
+    img.icon {
+        filter: invert(1);
+    }
+  }
\ No newline at end of file