diff --git a/html/base/index.html b/html/base/index.html
index 76fc911..973cb27 100644
--- a/html/base/index.html
+++ b/html/base/index.html
@@ -2,6 +2,7 @@
 <html>
 <head>
   <title>Auto Index</title>
+  <script src="../../js/shared/theme.js" async defer></script>
   <style>
     body.dark-mode {
       background-color: #1e1e1e;
@@ -26,6 +27,15 @@
       color: #e0e0e0;
     }
 
+    body.dark-mode a {
+        color: #4ea1ff;
+    }
+
+    body.dark-mode a:visited {
+        color: #9a7aff;
+    }
+
+
     body { 
         font-family: Arial, sans-serif; 
         margin: 20px; 
@@ -119,7 +129,7 @@
   </style>
   <script>
     console.log("javascript is enabled! good!");
-    document.write('<h1 id="nojs" style="display: flex; align-items: center;"><img src="../../css/icons/folder.webp" width="45" height="45" style="vertical-align: middle; margin-right: 8px;" />Index of PyPost</h1>');
+    document.write('<h1 id="nojs" style="display: flex; align-items: center;cursor:pointer;" onclick="toggleDarkMode();"><img src="../../css/icons/folder.webp" width="45" height="45" style="vertical-align: middle; margin-right: 8px;" />Index of PyPost</h1>');
   </script>
   <link rel="icon" type="image/x-icon" href="../../css/favicon/favicon.ico">
 </head>
@@ -149,7 +159,6 @@
 
   <!-- load scripts needed for indexer -->
   <script src="../../js/normal.js"></script>
-  <script src="../../js/shared/theme.js"></script>
   <script src="../../js/search.js" defer></script>
   <script src="../../js/ulorder.js" defer></script>
 </body>
