diff --git a/assets/css/override.css b/assets/css/override.css
index 78b1517..0eb4abd 100644
--- a/assets/css/override.css
+++ b/assets/css/override.css
@@ -3,4 +3,48 @@
   * project_root/assets/css/override.css
   * and place all your CSS inside it.
   * You should not modify this file.
-  */
\ No newline at end of file
+  */
+
+@media (prefers-color-scheme: dark) {
+  body {
+    color: #eee;
+    background: #121212;
+  }
+
+  body a {
+    color: #809fff;
+  }
+
+  .content {
+      background: #121212;
+  }
+
+  .card-container {
+      background: #121212;
+  }
+
+  .menu-container {
+      color: white;
+      background: #121212;
+  }
+
+  .nav-header {
+      background:  #121212;
+      color: white;
+  }
+
+  .nav-text{
+      background:  #121212;
+      color: white;
+  }
+
+  .blog-card {
+      background:  #121212;
+      color: white;
+  }
+
+  .blog-card h2{
+      background:  #121212;
+      color: white;
+  }
+}