assets/auto-theme.css

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

layouts/partials/header.html

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