nav-title contrast fix

Author: Aytackydln

themes/aurora/assets/scss/_nav.scss

@@ -12,10 +12,18 @@ nav#main-nav {
 		padding-left: 9px;
 	}
 
+	.nav-section {
+		padding: 4px;
+		border-radius: 8px;
+		border-bottom: 0.5px solid rgba($text-primary, .15);
+		border-top: 0.5px solid rgba($text-primary, .15);
+	}
+
 	.nav-title {
+		color: $text-primary;
 		text-transform: uppercase;
-		opacity: .4;
-		font-size: .9rem;
+		font-size: 1rem;
+		font-weight: bold;
 	}
 
 	.nav-list {

themes/aurora/layouts/partials/nav.html

@@ -17,14 +17,16 @@
 
             {{ $cur := . }}
             {{ range $.Site.Sections }}
-            <span class="nav-title">{{ .Title }}</span>
-            <ul class="nav-list">
-                {{ range .Pages }}
-                    <li class="{{ if eq $cur.Permalink .Permalink }}active{{ end }}">
-                        <a href="{{ .Permalink }}">{{ .Title }}</a>
-                    </li>
-                {{ end }}
-            </ul>
+                <div class="nav-section">
+                    <span class="nav-title">{{ .Title }}</span>
+                    <ul class="nav-list">
+                        {{ range .Pages }}
+                            <li class="{{ if eq $cur.Permalink .Permalink }}active{{ end }}">
+                                <a href="{{ .Permalink }}">{{ .Title }}</a>
+                            </li>
+                        {{ end }}
+                    </ul>
+                </div>
             {{ end }}
         </div>
     </div>