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>
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 faae9d2f..bc806ecd 100644
--- a/static/index.css
+++ b/static/index.css
@@ -1,3 +1,8 @@
+:root {
+  --primary: rgb(255 255 255 / 87%);
+  --secondary: rgb(255 255 255 / 60%);
+}
+
 *, *::before, *::after {
   box-sizing: border-box;
 }
@@ -6,6 +11,10 @@ a {
   color: #4169e1;
 }
 
+a:not([href]) {
+  color: var(--primary);
+}
+
 a:not(:hover) {
   text-decoration: none;
 }
@@ -13,6 +22,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>
 %%       }
 %%     }
 %%   }