WIP: second attempt

Author: msilver22

assets/css/custom.css

@@ -61,3 +61,56 @@
 .blox-resume-biography div {
   text-align: center;
 }
+
+/* Force black text color for collaborators on mobile */
+@media (max-width: 768px) {
+  .blox-collaborators .resume-biography {
+    color: black !important;
+  }
+  
+  .blox-collaborators .resume-biography h3,
+  .blox-collaborators .resume-biography div:not(.network-icon) {
+    color: black !important;
+  }
+  
+  /* Set default link color to black, but allow hover to work */
+  .blox-collaborators .resume-biography a {
+    color: black !important;
+  }
+  
+  /* Preserve hover effects - use primary color on hover */
+  .blox-collaborators .resume-biography a:hover {
+    color: rgb(37 99 235) !important; /* primary-600 */
+  }
+  
+  /* Organization links hover */
+  .blox-collaborators .resume-biography div a:hover {
+    color: rgb(37 99 235) !important; /* primary-600 */
+  }
+  
+  .blox-collaborators .network-icon {
+    color: black !important;
+  }
+  
+  .blox-collaborators .network-icon svg,
+  .blox-collaborators .network-icon path {
+    fill: black !important;
+  }
+  
+  /* Allow hover on network icons */
+  .blox-collaborators .network-icon a:hover svg,
+  .blox-collaborators .network-icon a:hover path {
+    fill: rgb(37 99 235) !important; /* primary-600 */
+  }
+}
+
+/* Ensure dark mode still works on larger screens */
+@media (min-width: 769px) {
+  .dark .blox-collaborators .resume-biography {
+    color: white;
+  }
+  
+  .dark .blox-collaborators .resume-biography a {
+    color: white;
+  }
+}

hugo_stats.json

@@ -126,6 +126,7 @@
       "dark:hover:text-gray-50",
       "dark:hover:text-neutral-800",
       "dark:hover:text-primary-400",
+      "dark:hover:text-primary-600",
       "dark:prose-invert",
       "dark:text-gray-100",
       "dark:text-gray-300",
@@ -135,6 +136,7 @@
       "dark:text-neutral-400",
       "dark:text-primary-200",
       "dark:text-primary-300",
+      "dark:text-primary-400",
       "dark:text-primary-900",
       "dark:text-slate-100",
       "dark:text-slate-200",
@@ -237,6 +239,7 @@
       "hover:text-neutral-300",
       "hover:text-primary-600",
       "hover:text-primary-700",
+      "hover:text-primary-800",
       "inline-block",
       "inline-flex",
       "inset-0",

layouts/partials/blox/collaborators.html

@@ -52,7 +52,7 @@
         {{ $path := printf "%s.md" $author }}
         {{- $collaborator := site.GetPage "page" $path -}}
 
-        <div class="resume-biography flex flex-col items-center text-center max-w-xs dark:text-white">
+        <div class="resume-biography flex flex-col items-center text-center max-w-xs text-black dark:text-white">
           {{ if $avatar }}
             <div class="avatar-wrapper mb-2">
               {{ $avatar_image := $avatar.Fill "150x150 Center" }}
@@ -76,7 +76,7 @@
                 <rb>
                   <a
                     href="{{ $collaborator.RelPermalink }}"
-                    class="text-white font-semibold text-primary-400 hover:text-primary-600 transition duration-150"
+                    class="text-black dark:text-white font-semibold text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-600 transition duration-150"
                   >
                     {{ $person_page.Title }}
                   </a>
@@ -86,24 +86,24 @@
             {{- else -}}
               <a
                 href="{{ $collaborator.RelPermalink }}"
-                class="text-white font-semibold text-primary-400 hover:text-primary-600 transition duration-150"
+                class="text-black dark:text-white font-semibold text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-600 transition duration-150"
               >
                 {{ $person_page.Title }}
               </a>
             {{- end -}}
           </div>
 
-          {{ with $person.role }}<h3 class="font-semibold mb-2">{{ . | markdownify | emojify }}</h3>{{ end }}
+          {{ with $person.role }}<h3 class="font-semibold mb-2 text-black dark:text-white">{{ . | markdownify | emojify }}</h3>{{ end }}
 
           {{ range $person.organizations }}
-            <div class="mb-2">
-              {{ with .url }}<a href="{{ . }}" target="_blank" rel="noopener">{{ end }}
+            <div class="mb-2 text-black dark:text-white">
+              {{ with .url }}<a href="{{ . }}" target="_blank" rel="noopener" class="text-black dark:text-white hover:text-primary-600 dark:hover:text-primary-400 transition duration-150">{{ end }}
               <div>{{ .name }}</div>
               {{ if .url }}</a>{{ end }}
             </div>
           {{ end }}
 
-          <ul class="network-icon dark:text-zinc-100">
+          <ul class="network-icon text-black dark:text-zinc-100">
             {{ range $person.profiles }}
               {{ $pack := or .icon_pack "fas" }}
               {{ $pack_prefix := $pack }}