diff --git a/templates/details.html b/templates/details.html
index 426965c..24ceec8 100644
--- a/templates/details.html
+++ b/templates/details.html
@@ -6,7 +6,7 @@
 {{ if not (eq "" .Npub) }}
 <div class="mb-6 break-all leading-5">
   <div class="text-sm text-strongpink">Author Public Key</div>
-  {{.Npub}}
+  <span class="text-neutral-500 dark:text-neutral-300">{{.Npub}}</span>
 </div>
 {{ end }}
 
@@ -17,28 +17,36 @@
 {{ if not (eq "" .FileMetadata.Summary) }}
 <div class="mb-6 leading-5">
   <div class="text-sm text-strongpink">Summary</div>
-  {{.FileMetadata.Summary}}
+  <span class="text-neutral-500 dark:text-neutral-300"
+    >{{.FileMetadata.Summary}}</span
+  >
 </div>
 {{ end }}
 <!---->
 {{ if not (eq "" .FileMetadata.Dim) }}
 <div class="mb-6 leading-5">
   <div class="text-sm text-strongpink">Dimension</div>
-  {{.FileMetadata.Dim}}
+  <span class="text-neutral-500 dark:text-neutral-300"
+    >{{.FileMetadata.Dim}}</span
+  >
 </div>
 {{ end }}
 <!---->
 {{ if not (eq "" .FileMetadata.Size) }}
 <div class="mb-6 leading-5">
   <div class="text-sm text-strongpink">Size</div>
-  {{.FileMetadata.Size}} bytes
+  <span class="text-neutral-500 dark:text-neutral-300"
+    >{{.FileMetadata.Size}} bytes</span
+  >
 </div>
 {{ end }}
 <!---->
 {{ if not (eq "" .FileMetadata.Magnet) }}
 <div class="mb-6 leading-5">
   <div class="text-sm text-strongpink">Magnet URL</div>
-  {{.FileMetadata.Magnet}}
+  <span class="text-neutral-500 dark:text-neutral-300"
+    >{{.FileMetadata.Magnet}}</span
+  >
 </div>
 {{ end }}
 <!---->
@@ -47,7 +55,7 @@
 <!------>
 
 {{ if not (eq 0 (len .SeenOn)) }}
-<div class="mb-6 leading-5">
+<div class="mb-6 leading-5 text-neutral-500 dark:text-neutral-300">
   <div class="text-sm text-strongpink">Seen on</div>
   {{ range .SeenOn }}<a
     href="/r/{{.}}"
@@ -88,7 +96,7 @@
   >
   <label
     for="advanced-switch"
-    class="cursor-pointer text-sm leading-4 underline decoration-neutral-200 decoration-1 underline-offset-[6px]"
+    class="cursor-pointer text-sm leading-4 underline text-neutral-500 dark:text-neutral-300 decoration-neutral-200 dark:decoration-neutral-500 decoration-1 underline-offset-[6px]"
     >Show more details</label
   >
 </div>
@@ -97,15 +105,16 @@
 <div id="hidden-fields" class="{{if .HideDetails}}hidden{{end}}">
   <div class="mb-6 leading-5">
     <div class="text-sm text-strongpink">Published at</div>
-    {{.CreatedAt}}
+    <span class="text-neutral-500 dark:text-neutral-300">{{.CreatedAt}}</span>
   </div>
 
   <div class="mb-6 leading-5">
     <div class="text-sm text-strongpink">Kind type</div>
-    {{.Kind}} {{ if not (eq .KindNIP "")}} -
+    <span class="text-neutral-500 dark:text-neutral-300">{{.Kind}}</span>
+    {{ if not (eq .KindNIP "")}} -
     <a
       href="https://github.com/nostr-protocol/nips/blob/master/{{.KindNIP}}.md"
-      class="underline decoration-neutral-200 decoration-1 underline-offset-[6px]"
+      class="text-neutral-500 underline decoration-neutral-200 dark:decoration-neutral-500 decoration-1 underline-offset-[6px] dark:text-neutral-300"
       >{{.KindDescription}}</a
     >
     {{ end }}
@@ -114,7 +123,7 @@
   {{ if not (eq "" .Nevent) }}
   <div class="mb-6 leading-5">
     <div class="text-sm text-strongpink">Address Code</div>
-    <div>{{.Nevent}}</div>
+    <span class="text-neutral-500 dark:text-neutral-300">{.Nevent}}span>
   </div>
   {{ end }}
 
@@ -134,7 +143,7 @@
   {{ if not (eq "" .Nprofile) }}
   <div class="mb-6 break-all leading-5">
     <div class="text-sm text-strongpink">Author Profile Code</div>
-    {{.Nprofile}}
+    <span class="text-neutral-500 dark:text-neutral-300">{{.Nprofile}}</span>
   </div>
   {{ end }}
 </div>