From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 21 Sep 2026 04:32:48 +0000 (-0700)
Subject: Add dark theme
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=3fd84f5728f743906fe96552311d03d2eaaf93a3;p=ard.is

Add dark theme
---

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;