navbar, header, sidebar

scss/layout/_core.scss

@@ -9,6 +9,8 @@ body {
   touch-action: manipulation;
   -webkit-font-feature-settings: "liga" 0;
   font-feature-settings: "liga" 0;
+
+  overflow-y: scroll;
 }
 
 body *::-webkit-scrollbar {

scss/layout/_navbar.scss

@@ -11,6 +11,18 @@
 
 .navbar-brand {
   padding: 0;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  @at-root a#{&} {
+    transition: .3s opacity;
+
+    &:hover {
+      opacity: .8;
+    }
+  }
 }
 
 .navbar-brand-logo {

scss/layout/_sidenav.scss

@@ -10,6 +10,34 @@ Sidebar
 
   .nav-link {
     color: $text-muted;
+    display: flex;
+    align-items: center;
+
+    &.active,
+    &:hover {
+      background: rgba($link-color, .04);
+      color: $link-color;
+    }
+
+    > .icon {
+      min-width: 2rem;
+    }
+  }
+
+  .navbar-brand {
+    text-align: center;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .navbar-divider {
+
+  }
+
+  .navbar-heading {
+    padding: .5rem 0;
+    margin: 0;
+    @extend .text-subheader;
   }
 }
 
@@ -20,6 +48,11 @@ Narrow sidebar
   width: 4rem;
   min-width: 4rem;
   padding: .5rem;
+
+  .navbar-brand {
+    padding: 0;
+    min-height: 2.5rem;
+  }
 }
 
 /*
@@ -38,6 +71,24 @@ Dark sidebar
   background-color: $sidenav-dark-bg;
   border: none;
   color: #fff;
+
+  .navbar-brand {
+    filter: brightness(0) invert(1);
+  }
+
+  .navbar-divider {
+    border-color: rgba(#fff, .2);
+  }
+
+  .nav-link {
+    color: $text-muted-light;
+
+    &.active,
+    &:hover {
+      background: rgba($white, .04);
+      color: $white;
+    }
+  }
 }
 
 @each $breakpoint, $dimension in $grid-breakpoints {
@@ -56,7 +107,7 @@ Dark sidebar
       }
 
       .navbar-nav .nav-link {
-        padding: .625rem $sidenav-link-padding-x;
+        padding: .5rem $sidenav-link-padding-x;
 
         &.active {
           position: relative;