diff --git a/static/colors.css b/static/colors.css
index 9b012ca5..9c64d746 100644
--- a/static/colors.css
+++ b/static/colors.css
@@ -15,8 +15,8 @@
     --border-regular: #353535;
     --border-muted: #303030;
 
-    --icon-directory: #59739c;
     --icon-file: #989898;
+    --icon-directory: var(--icon-file);
     --icon-back: var(--text-secondary);
 
     --syntax-text: var(--text-primary);
@@ -65,8 +65,8 @@
         --border-regular: #d0d7de;
         --border-muted: #d8dee4;
 
-        --icon-directory: #54aeff;
         --icon-file: #636c76;
+        --icon-directory: #54aeff;
         --icon-back: var(--text-secondary);
 
         /* source for light mode syntax theme:
diff --git a/static/style.css b/static/style.css
index 1f831e7e..8261c995 100644
--- a/static/style.css
+++ b/static/style.css
@@ -31,6 +31,10 @@ li[class^='dir-list-'] > a {
     display: inline-flex;
     align-items: center;
     padding: 0.05rem 0;
+    color: var(--text-primary);
+}
+li[class^='dir-list-'] > a:hover {
+    color: var(--text-link);
 }
 li[class^='dir-list-'] > a > svg {
     margin-right: 0.3rem;