src: directory listing dark theme (#97)

nodejs · Dec 3, 2023 · d85d61e · d85d61e
1 parent a262491
commit d85d61e
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 3 deletions.
diff --git a/src/templates/directoryListing.hbs b/src/templates/directoryListing.hbs
@@ -1,5 +1,21 @@
 <html>
-<head><title>Index of {{pathname}}</title></head>
+<head>
+  <title>Index of {{pathname}}</title>
+  <style>   
+    @media (prefers-color-scheme: dark) {
+      body {
+        color: white;
+        background-color: #1c1b22;
+      }
+      a {
+        color: #3391ff;
+      }
+      a:visited {
+        color: #C63B65;
+      }
+    }
+  </style>
+</head>
 <body>
 <h1>Index of {{pathname}}</h1><hr><pre><a href="../">../</a>
 {{#each entries}}

diff --git a/src/templates/directoryListing.out.js b/src/templates/directoryListing.out.js
diff --git a/tests/e2e/test-data/expected-html/dist.txt b/tests/e2e/test-data/expected-html/dist.txt
@@ -1,5 +1,21 @@
 <!DOCTYPE html><html>
-<head><title>Index of /dist/</title></head>
+<head>
+  <title>Index of /dist/</title>
+  <style>   
+    @media (prefers-color-scheme: dark) {
+      body {
+        color: white;
+        background-color: #1c1b22;
+      }
+      a {
+        color: #3391ff;
+      }
+      a:visited {
+        color: #C63B65;
+      }
+    }
+  </style>
+</head>
 <body>
 <h1>Index of /dist/</h1><hr><pre><a href="../">../</a>
 <a href="latest/">latest/</a>                                                           -                   -