Recolor and p readjust

assets/css/template-styles.css

@@ -20,9 +20,9 @@
 html {
     font-size: calc(1em + 0.25vw);
     font-family: Roboto, Arial, Helvetica Neue, sans-serif;
-    line-height: 1.5;
+    line-height: 1.35;
-    color: #111;
+    color: rgb(255, 255, 255);
-    background-color: #fefefe;
+    background-color: #39424E;
 }
 template {
   display: none !important;
@@ -119,6 +119,7 @@ h3,
 h4 {
     font-family: Miriam Libre, serif;
     line-height: 1.125;
+    opacity: .6;
 }
 h1 {
     font-size: 2rem;
@@ -348,7 +349,11 @@ caption {
 .logo img {
     width: 100%;
     max-width: 12rem;
+    -webkit-filter: white(100%); /* Safari 6.0 - 9.0 */
+    filter: white(100%);
 }
+
+
 .library-desc {
     margin-top: 0.5rem;
     margin-left: auto;
@@ -412,9 +417,9 @@ caption {
 
 /* After */
 .pattern [aria-current] {
-  background-color: #111;
+  background-color: #efefef;
-  clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
+  color: #39424E;
-  color: #fefefe;
+  border-radius: 5px;
 }
 
 /* Menu button */
@@ -1118,3 +1123,12 @@ h1 svg {
   background: rgba(0,0,0,.8);
   color: #fefefe;
 }
+
+main p {
+    display: block;
+      margin-bottom: 1em;
+  line-height: 1.6;
+  letter-spacing: 1.2px;
+  opacity: 0.8;
+}
+

layouts/partials/nav.html

@@ -12,6 +12,7 @@
     <li class="pattern">
       {{ $active := or ($current.IsMenuCurrent "nav" .) ($current.HasMenuCurrent "nav" .) }}
       {{ $active = or $active (eq .Name $current.Title) }}
+      {{ $active = or $active (and (eq .Name "Home") (eq $current.Section "")) }}
       {{ $active = or $active (and (eq .Name "Blog") (eq $current.Section "post")) }}
       {{ $active = or $active (and (eq .Name "Tags") (eq $current.Section "tags")) }}
       <a href="{{ .URL }}" {{ if $active }}aria-current="page"{{ end }}>
@@ -23,4 +24,4 @@
     </li>
   {{ end }}
   </ul>
-</nav>
+</nav>