From fda30687555c2d85837a66bebc10ea8dc49b47fc Mon Sep 17 00:00:00 2001
From: Casey Rodarmor <casey@rodarmor.com>
Date: Tue, 14 Jul 2026 14:59:16 -0700
Subject: [PATCH 1/4] Use color variables in CSS

---
 static/index.css         | 9 +++++++--
 static/track.css         | 2 +-
 templates/directory.html | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/static/index.css b/static/index.css
index faae9d2f..107cd74c 100644
--- a/static/index.css
+++ b/static/index.css
@@ -1,8 +1,13 @@
+:root {
+  --primary: rgb(255 255 255 / 87%);
+  --secondary: rgb(255 255 255 / 60%);
+}
+
 *, *::before, *::after {
   box-sizing: border-box;
 }
 
-a {
+a[href] {
   color: #4169e1;
 }
 
@@ -13,6 +18,6 @@ a:not(:hover) {
 html {
   background-color: #121212;
   color-scheme: dark;
-  color: rgb(255 255 255 / 87%);
+  color: var(--primary);
   font-family: sans-serif;
 }
diff --git a/static/track.css b/static/track.css
index a7789f7c..1fecaf3b 100644
--- a/static/track.css
+++ b/static/track.css
@@ -16,7 +16,7 @@ img {
   padding: 0.75em 1em;
 
   .album, .artist {
-    color: #aaa;
+    color: var(--secondary);
     font-size: 0.875em;
   }
 
diff --git a/templates/directory.html b/templates/directory.html
index 4d718cb5..58192b49 100644
--- a/templates/directory.html
+++ b/templates/directory.html
@@ -17,7 +17,7 @@ <h1>Directory {{ self.hash }}</h1>
 %%       if ResourceType::from_filename(name).is_some() {
       <td><a href=/file/{{ hash }}/{{ name.percent_encode_segment() }}>{{ name }}</a></td>
 %%       } else {
-      <td>{{ name }}</td>
+      <td><a>{{ name }}</a></td>
 %%       }
 %%     }
 %%   }

From 2de80e35a757ac693956d30ef62f830ef301130c Mon Sep 17 00:00:00 2001
From: Casey Rodarmor <casey@rodarmor.com>
Date: Tue, 14 Jul 2026 15:07:27 -0700
Subject: [PATCH 2/4] Modify

---
 static/404.css   | 2 +-
 static/home.css  | 4 ++--
 static/index.css | 7 ++++++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/static/404.css b/static/404.css
index 71742dcd..e7f95c35 100644
--- a/static/404.css
+++ b/static/404.css
@@ -9,7 +9,7 @@ a {
 }
 
 a:hover {
- text-shadow: 0 0 100px #fff;
+ text-shadow: 0 0 100px;
 }
 
 body {
diff --git a/static/home.css b/static/home.css
index 3f7d27f8..aba2ab4e 100644
--- a/static/home.css
+++ b/static/home.css
@@ -39,12 +39,12 @@ a {
 }
 
 a:hover {
-  text-shadow: 0 0 5px #fff;
+  text-shadow: 0 0 5px;
   text-decoration: none;
 }
 
 div {
-  text-shadow: 0 0 5px #fff;
+  text-shadow: 0 0 5px;
 }
 
 /* filepack is an isogram */
diff --git a/static/index.css b/static/index.css
index 107cd74c..76f39b35 100644
--- a/static/index.css
+++ b/static/index.css
@@ -1,16 +1,21 @@
 :root {
   --primary: rgb(255 255 255 / 87%);
   --secondary: rgb(255 255 255 / 60%);
+  --tertiary: rgb(255 255 255 / 38%);
 }
 
 *, *::before, *::after {
   box-sizing: border-box;
 }
 
-a[href] {
+a {
   color: #4169e1;
 }
 
+a:not([href]) {
+  color: var(--primary);
+}
+
 a:not(:hover) {
   text-decoration: none;
 }

From ffd029ed6dbd3fd9fd9ed65780d654bc9fdb93a4 Mon Sep 17 00:00:00 2001
From: Casey Rodarmor <casey@rodarmor.com>
Date: Tue, 14 Jul 2026 15:08:01 -0700
Subject: [PATCH 3/4] Enhance

---
 static/index.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/static/index.css b/static/index.css
index 76f39b35..bc806ecd 100644
--- a/static/index.css
+++ b/static/index.css
@@ -1,7 +1,6 @@
 :root {
   --primary: rgb(255 255 255 / 87%);
   --secondary: rgb(255 255 255 / 60%);
-  --tertiary: rgb(255 255 255 / 38%);
 }
 
 *, *::before, *::after {

From 534116e83a0f660bab547812ebb8d4de0e298f58 Mon Sep 17 00:00:00 2001
From: Casey Rodarmor <casey@rodarmor.com>
Date: Tue, 14 Jul 2026 15:11:11 -0700
Subject: [PATCH 4/4] Reform

---
 src/templates/directory.rs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/templates/directory.rs b/src/templates/directory.rs
index cc4e30e9..7dc3b455 100644
--- a/src/templates/directory.rs
+++ b/src/templates/directory.rs
@@ -59,7 +59,7 @@ mod tests {
             </thead>
             <tbody>
               <tr>
-                <td>bar</td>
+                <td><a>bar</a></td>
                 <td class=size><a href=/file/[[:xdigit:]]{64} download="bar">1\.5 KiB</a></td>
               </tr>
               <tr>