diff --git a/index.html b/index.html
index fac9702..5ad11ba 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
         <link
-            href="https://fonts.googleapis.com/css2?family=Recursive:wght,CASL,CRSV,MONO@300..800,0.25,1,0.5&display=swap"
+            href="https://fonts.googleapis.com/css2?family=Recursive:wght,CASL,CRSV,MONO@300..800,0.25,0,0.5&display=swap"
             rel="stylesheet"
         />
 
diff --git a/styles/common.css b/styles/common.css
index fa6e3ae..14b6154 100644
--- a/styles/common.css
+++ b/styles/common.css
@@ -7,7 +7,8 @@ html {
 }
 
 body {
-    background-color: var(--background);
+    background: var(--background);
+    background-size: 16px 16px;
     margin: 3rem 1rem 1rem;
     padding: 0;
     color: var(--text-primary);
diff --git a/styles/variables.css b/styles/variables.css
index 11c1d20..0be580d 100644
--- a/styles/variables.css
+++ b/styles/variables.css
@@ -18,3 +18,14 @@
     );
     --font-family: 'Recursive', monospace;
 }
+
+@media (prefers-color-scheme: light) {
+    :root {
+        --background: rgb(255, 255, 255) radial-gradient(rgba(0, 0, 0, 0.075) 1px, transparent 0px);
+        --text-primary: rgba(0, 0, 0, 0.8);
+        --text-link: rgb(255, 79, 0);
+        --text-secondary: rgba(255, 255, 255, 0.4);
+        --fancy-gradient: rgb(255, 79, 0);
+        --font-family: 'Recursive', monospace;
+    }
+}