transparent-navbar

assets/scripts/sections/navbar.js

@@ -4,7 +4,6 @@ const updateNavBar = () => {
   const themeIcon = document.getElementById('navbar-theme-icon-svg')
 
   if (window.scrollY > 40) {
-    topNavbar?.classList.remove('transparent-navbar')
     topNavbar?.classList.add('shadow')
 
     navbarToggler?.classList.remove('navbar-dark')
@@ -21,7 +20,6 @@ const updateNavBar = () => {
     }
   } else {
     topNavbar?.classList.remove('shadow')
-    topNavbar?.classList.add('transparent-navbar')
 
     navbarToggler?.classList.remove('navbar-light')
     navbarToggler?.classList.add('navbar-dark')

assets/styles/navigators/navbar.scss

@@ -119,23 +119,6 @@
     }
   }
 
-  &.transparent-navbar {
-    background-color: rgb(255,255,255) !important;
-    opacity: 0.1;
-    .navbar-brand {
-      color: get-light-color('inverse-text-color');
-      font-weight: 600;
-    }
-    li {
-      a {
-        color: get-light-color('inverse-text-color');
-      }
-    }
-    .feather-menu {
-      stroke: get-light-color('inverse-text-color');
-    }
-  }
-
   #themeMenu {
     width: 25px;
     min-width: 3rem;
@@ -157,13 +140,6 @@
       max-width: 100%;
     }
 
-    &.transparent-navbar {
-      .navbar-nav .active,
-      li a:hover {
-        color: get-light-color('accent-color');
-        @include transition();
-      }
-    }
 
     #top-navbar-divider {
       height: auto;
@@ -261,21 +237,6 @@ html[data-theme='dark'] {
       }
     }
 
-    &.transparent-navbar {
-      .navbar-brand {
-        color: get-dark-color('text-color');
-      }
-      li {
-        a {
-          color: get-dark-color('text-color');
-        }
-      }
-      .feather-menu {
-        stroke: get-dark-color('text-color');
-      }
-    }
-  }
-
   img.theme-icon {
     filter: invert(1);
   }

layouts/partials/navigators/navbar.html

@@ -71,7 +71,7 @@
   {{ $navBarTitle = site.Title }}
 {{ end }}
 
-<nav class="navbar navbar-expand-xl top-navbar shadow {{ if .IsHome}}transparent-navbar homepage{{end}}" id="top-navbar">
+<nav class="navbar navbar-expand-xl top-navbar shadow " id="top-navbar">
   <div class="container">
     {{ if not .IsHome }}
     <button class="navbar-toggler navbar-light" id="sidebar-toggler" type="button">