From 3fd84f5728f743906fe96552311d03d2eaaf93a3 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 20 Sep 2026 21:32:48 -0700
Subject: [PATCH] Add dark theme

---
 index.html | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 5260540..2f47927 100644
--- a/index.html
+++ b/index.html
@@ -8,12 +8,17 @@
   <link rel="icon" href="data:,">
   <title>ard.is</title>
   <style>
+    :root {
+      color-scheme: light dark;
+    }
+
     body {
       font-family: sans-serif;
       block-size: 100dvb;
       margin: 0;
-      background: radial-gradient(circle at 50%, hsl(216deg 50% 95%) 0, hsl(216deg 50% 90%) min(300px, 10dvb), hsl(216deg 50% 90%));
-      color: hsl(216deg 50% 10%);
+      background: light-dark(radial-gradient(circle at 50%, hsl(216deg 50% 95%) 0, hsl(216deg 50% 90%) min(300px, 10dvb), hsl(216deg 50% 90%)),
+          radial-gradient(circle at 50%, hsl(216deg 60% 30%) 0, hsl(216deg 60% 25%) min(300px, 10dvb), hsl(216deg 60% 25%)));
+      color: light-dark(hsl(216deg 50% 10%), hsl(216deg 50% 90%));
       display: grid;
       place-items: center;
     }
@@ -42,7 +47,7 @@
     a {
       font-size: 1.25rem;
       font-weight: 700;
-      color: hsl(216deg 50% 50%);
+      color: light-dark(hsl(216deg 100% 30%), hsl(216deg 100% 85%));
       text-decoration: none;
       text-decoration-thickness: 0.15em;
       text-underline-offset: 0.15em;
-- 
2.47.3