finesse-ing

appview/pages/templates/repo/blob.html

···
                         >
                         /
                     {{ else }}
-                        <span class="text-bold text-gray-600 dark:text-gray-300"
+                        <span class="text-bold text-black dark:text-white"
                             >{{ index . 0 }}</span
                         >
                     {{ end }}

appview/pages/templates/repo/tree.html

···
     {{ $containerstyle := "py-1" }}
     {{ $linkstyle := "no-underline hover:underline" }}
 
-    <div class="pb-2 mb-3 text-base border-b border-gray-200 dark:border-gray-500">
+    <div class="pb-2 mb-3 text-base border-b border-gray-200 dark:border-gray-700">
       <div class="flex flex-col md:flex-row md:justify-between gap-2">
-        <div id="breadcrumbs" class="overflow-x-auto whitespace-nowrap">
+        <div id="breadcrumbs" class="overflow-x-auto whitespace-nowrap text-gray-400 dark:text-gray-500">
           {{ range .BreadCrumbs }}
-          <a href="{{ index . 1}}" class="text-bold text-gray-500 dark:text-gray-400 {{ $linkstyle }}">{{ index . 0 }}</a> /
+            <a href="{{ index . 1}}" class="text-bold text-gray-500 dark:text-gray-400 {{ $linkstyle }}">{{ index . 0 }}</a> /
           {{ end }}
         </div>
         <div id="dir-info" class="text-gray-500 dark:text-gray-400 text-xs md:text-sm flex flex-wrap items-center gap-1 md:gap-0">

appview/pages/templates/user/profile.html

···
   {{ if gt (len $items) 0 }}
     <details>
       <summary class="list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400">
-        <div class="flex items-center gap-2">
+        <div class="flex flex-wrap items-center gap-2">
           {{ i "book-plus" "w-4 h-4" }}
           created {{ len $items }} {{if eq (len $items) 1 }}repository{{else}}repositories{{end}}
         </div>
       </summary>
-      <div class="p-2 pr-0 text-sm flex flex-col gap-3 mb-2">
+      <div class="p-2 pr-0 ml-2 text-sm flex flex-col gap-3 mb-2 border-l border-gray-300 dark:border-gray-600">
         {{ range $items }}
           <div class="flex flex-wrap items-center gap-2">
             <span class="text-gray-500 dark:text-gray-400">
···
   {{ if gt (len $items) 0 }}
     <details>
       <summary class="list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400">
-        <div class="flex items-center gap-2">
+        <div class="flex flex-wrap items-center gap-2">
           {{ i "circle-dot" "w-4 h-4" }}
 
           <div>
···
 
         </div>
       </summary>
-      <div class="p-2 pr-0 text-sm flex flex-col gap-3 mb-2">
+      <div class="p-2 pr-0 ml-2 text-sm flex flex-col gap-3 mb-2 border-l border-gray-300 dark:border-gray-600">
         {{ range $items }}
           {{ $repoOwner := index $handleMap .Metadata.Repo.Did }}
           {{ $repoName := .Metadata.Repo.Name }}
···
   {{ if gt (len $items) 0 }}
     <details>
       <summary class="list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400">
-        <div class="flex items-center gap-2">
+        <div class="flex flex-wrap items-center gap-2">
           {{ i "git-pull-request" "w-4 h-4" }}
 
           <div>
···
 
         </div>
       </summary>
-      <div class="p-2 pr-0 text-sm flex flex-col gap-3 mb-2">
+      <div class="p-2 pr-0 ml-2 text-sm flex flex-col gap-3 mb-2 border-l border-gray-300 dark:border-gray-600">
         {{ range $items }}
           {{ $repoOwner := index $handleMap .Repo.Did }}
           {{ $repoName := .Repo.Name }}