From 7806c7e99657407b8a93500e1bfc18fba294d9eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonah=20M=C3=B6ller?= <jonah.moeller@googlemail.com>
Date: Thu, 9 Nov 2023 16:58:06 +0100
Subject: [PATCH] introduce light theme

---
 index.html           |  2 +-
 styles/common.css    |  3 ++-
 styles/variables.css | 11 +++++++++++
 3 files changed, 14 insertions(+), 2 deletions(-)

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;
+    }
+}