Restyle header

assets/auto-theme.css

@@ -50,6 +50,14 @@ footer {
   top: 0;
 }
 
+.mesh-image svg {
+  display: block;
+}
+
+.mesh-image {
+  color: var(--color-light);
+}
+
 .footer-copy {
   padding-top: 0.5rem;
 }
@@ -101,6 +109,10 @@ li {
     color: #1f2328;
   }
 
+  .mesh-image {
+    color: #1f2328;
+  }
+
   h1,
   h2,
   h3,
@@ -113,12 +125,12 @@ li {
   }
 
   a {
-    color: #0969da;
+    color: #61ABDA;
   }
 
   a:visited,
   ul.blog-posts li a:visited {
-    color: #8250df;
+    color: #61ABDA;
   }
 
   textarea,
@@ -159,6 +171,6 @@ li {
   a,
   a:visited,
   ul.blog-posts li a:visited {
-    color: #58a6ff;
+    color: #61ABDA;
   }
 }

layouts/partials/header.html

@@ -1,5 +1,7 @@
 <div class="mesh-wrap mesh-wrap-top" aria-hidden="true">
-  <img src="/mesh.svg" alt="" class="mesh-image mesh-image-top">
+  <div class="mesh-image mesh-image-top">
+    {{ readFile "themes/hugo-bearcub/static/mesh.svg" | safeHTML }}
+  </div>
 </div>
 
 <a href="{{ relURL .Site.Home.RelPermalink }}" class="title"><h1>{{ .Site.Title }}</h1></a>