fix: remove td-navbar and td-breadcrumb overrrides

_vendor/github.com/google/docsy/assets/scss/_nav.scss

@@ -25,10 +25,10 @@
   @extend .navbar;
   @extend .navbar-expand;
 
-  background: $primary;
-  min-height: 4rem;
+  background: $dark;
+  min-height: 5rem;
   margin: 0;
-  z-index: 32;
+  z-index: 15;
 
   .navbar-brand {
     text-transform: none;
@@ -47,11 +47,23 @@
   .navbar-nav {
     padding-top: $spacer * 0.5;
     white-space: nowrap;
+    padding-bottom: 0 !important;
   }
 
   .nav-link {
     text-transform: none;
+    color: $secondary !important;
     font-weight: $font-weight-bold;
+    border-radius: 5px;
+    padding: .5rem 1.5rem !important;
+    margin-top: unset !important;
+    &:hover {
+      background-color: #61616144;
+      transition: background-color 0.2s ease-in-out;
+    }
+    &.nav-link.active {
+        background-color: #616161;
+    }
   }
 
   // For .td-search__input styling, see _search.scss
@@ -77,7 +89,6 @@
   @include media-breakpoint-down(lg) {
     .td-navbar-nav-scroll {
       max-width: 100%;
-      height: 2.5rem;
       overflow: hidden;
       font-size: 0.9rem;
     }

_vendor/github.com/google/docsy/layouts/partials/breadcrumb.html

@@ -3,7 +3,7 @@
   {{ $isSingle = .IsHome -}}
 {{ end -}}
 <nav aria-label="breadcrumb" class="td-breadcrumbs
-    {{- if $isSingle }} td-breadcrumbs__single {{- end }}">
+    {{- if $isSingle }} d-none {{- end }}">
   <ol class="breadcrumb">
     {{- template "breadcrumbnav" (dict "p1" . "p2" .) }}
   </ol>

_vendor/github.com/google/docsy/layouts/partials/navbar.html

@@ -17,10 +17,6 @@
       {{ end -}}
     </span>
     {{- /**/ -}}
-    <span class="navbar-brand__name">
-      {{- .Site.Title -}}
-    </span>
-    {{- /**/ -}}
   </a>
   <div class="td-navbar-nav-scroll ms-md-auto" id="main_navbar">
     <ul class="navbar-nav">
@@ -63,4 +59,4 @@
     {{ partial "search-input.html" . }}
   </div>
 </div>
-</nav>
+</nav>

assets/scss/_variables_project.scss

@@ -18,6 +18,8 @@ $google_font_family: "Montserrat:300,300i,400,400i,500,500i,600,700,700i";
 
 $font-family-sans-serif: "Montserrat", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 
+$font-weight-bold: 600;
+
 $navbar-dark-color: rgba($secondary, 0.8) !default;
 $navbar-dark-hover-color: rgba($secondary, 1) !default;
 $navbar-dark-active-color: $secondary !default;

assets/scss/docsy_overrides.scss

@@ -1,38 +1,3 @@
-.td-navbar {
-    background: $dark;
-    min-height: 5rem;
-    z-index: 15;
-    .navbar-brand__name {
-        display: none;
-    }
-    .nav-link {
-        color: $secondary !important;
-        font-weight: 600;
-        border-radius: 5px;
-        &:hover {
-            background-color: #61616144;
-            transition: background-color 0.2s ease-in-out;
-        }
-        &.nav-link.active {
-            background-color: #616161;
-        }
-    }
-    .td-navbar-nav-scroll {
-        height: unset !important;
-        margin-top: unset !important;
-        .nav-link {
-            padding: .5rem 1.5rem;
-        }
-        .navbar-nav {
-            padding-bottom: 0 !important;
-        }
-    }
-}
-
-.td-breadcrumbs__single {
-    visibility: hidden;
-}
-
 .td-sidebar-nav .td-sidebar-link__page,
 ul.ul-2>.td-sidebar-nav__section-title a {
     color: $gray !important;