From 3b88ba7ca501fea53d36945e7474d91651808c3f Mon Sep 17 00:00:00 2001
From: Ted Pier <ted@miningtcup.me>
Date: Mon, 4 Aug 2025 16:12:24 -0700
Subject: [PATCH] add light-dark

---
 README.md  |  3 ++-
 index.html |  6 ------
 style.css  | 15 +++++++++------
 3 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index 5178573..3ffd4d7 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
 # website
 
-MiningTcup's static website
\ No newline at end of file
+MiningTcup's static website
+I know I'm using commits wrong, but I don't really care.
diff --git a/index.html b/index.html
index 3ab3750..815fb0c 100644
--- a/index.html
+++ b/index.html
@@ -27,9 +27,6 @@
                 <hr />
                 <section>
                     <h2>Things I've Done</h2>
-                    <!-- <p> -->
-                        <!-- An array of things I've done and reasons I've done them. -->
-                    <!-- </p> -->
                     <h3><a target="_blank" href="/youclient">YouClient</a></h3>
                     <p>
                         My middle school gave each student an incredibly weak
@@ -94,9 +91,6 @@
                 <hr />
                 <section>
                     <h2>Services I Run</h2>
-                    <!-- <p> -->
-                        <!-- This server, 99.31.208.235, hosts a variety of services. -->
-                    <!-- </p> -->
                     <h3>
                         <a
                             target="_blank"
diff --git a/style.css b/style.css
index 86dd549..b29fa7c 100644
--- a/style.css
+++ b/style.css
@@ -3,6 +3,7 @@
     --secondary: #ffe847;
     --primary-50: #312480;
     --secondary-50: #807424;
+    color-scheme: light dark;
 }
 
 #content {
@@ -21,7 +22,7 @@ h2 {
 }
 
 a {
-    color: black;
+    color: light-dark(black, white);
 }
 
 p {
@@ -52,8 +53,8 @@ p {
 
 .cover {
     cursor: pointer;
-    background: #ffffff;
-    color: #ffffff;
+    background: light-dark(white, black);
+    color: light-dark(white, black);
     user-select: none;
 }
 
@@ -86,23 +87,25 @@ p {
     background-image: url(lulu.webp);
     background-size: 60%;
     background-position: 100% 35%;
-    color: #ffffff;
+    color: light-dark(white, black);
 }
 
 #title-1 * {
     margin: 0;
     padding: 16px;
-    background: #000000;
+    background: light-dark(black, white);
     width: max-content;
 }
 
 body {
     margin: 8px;
     font-family: sans-serif;
+    position: relative;
+    background: light-dark(whitesmoke, black);
 }
 
 #click-to-reveal-prompt {
-    color: #888888;
+    color: grey;
     position: absolute;
     top: 8px;
     left: 0;