diff --git a/styles/darkmode.css b/styles/darkmode.css
new file mode 100644
index 0000000..8f50323
--- /dev/null
+++ b/styles/darkmode.css
@@ -0,0 +1,15 @@
+@media (prefers-color-scheme: dark) {
+    :root {
+        background-color: #161618;
+        color: #dbd7db;
+    }
+
+    .button__link {
+        background-color: #dbd7db;
+        color: #161618;
+    }
+
+    a {
+       color: #dbd7db;
+    }
+}
diff --git a/styles/index.css b/styles/index.css
index 3046510..dcf4814 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -1,5 +1,6 @@
 @import url("./typography.css");
 @import url("./atoms.css");
+@import url("./darkmode.css");
 
 
 /* Components */