homepage widgets, icons, navbar menu fixes

scss/_variables.scss

@@ -38,8 +38,8 @@ $lime: #7bd235 !default;
 $green: #5eba00 !default;
 $teal: #2bcbba !default;
 $cyan: #17a2b8 !default;
-$black: #000 !default;
-$white: #fff !default;
+$black: #000000 !default;
+$white: #ffffff !default;
 
 $light: #f5f7fb !default;
 $dark: #354052 !default;
@@ -50,12 +50,15 @@ $body-color: $dark !default;
 $text-muted: #8a91a5 !default;
 
 $border-color: #dce3e9 !default;
+$border-color-alpha: rgba(138, 160, 180, .3) !default;
+
+$hover-bg: rgba(138, 160, 180, 0.1) !default;
 
 $social-colors: (
   "facebook": #3b5998,
   "twitter": #1da1f2,
   "google": #dc4e41,
-  "youtube": #f00,
+  "youtube": #ff0000,
   "vimeo": #1ab7ea,
   "dribbble": #ea4c89,
   "github": #181717,
@@ -241,8 +244,15 @@ $close-font-size: 1.5rem !default;
 //dropdown
 $dropdown-item-padding-x: 1rem !default;
 $dropdown-font-size: $h5-font-size !default;
-$dropdown-divider-bg: $border-color !default;
+$dropdown-divider-bg: $border-color-alpha !default;
 $dropdown-padding-y: .5rem !default;
+$dropdown-link-hover-bg: $hover-bg !default;
+$dropdown-link-hover-color: inherit !default;
+
+//navbar
+$navbar-bg: $white !default;
+$navbar-border-color: $border-color !default;
+$navbar-border-color: $border-color !default;
 
 //nav
 $nav-link-padding-y: .25rem !default;

scss/layout/_navbar.scss

@@ -1,10 +1,8 @@
 .navbar {
-  display: flex;
-  width: 100%;
-  min-height: 3.5rem;
-  color: $body-color;
-  background: #fff;
-  border-bottom: 1px solid $border-color;
+  border-bottom: 1px solid;
+
+  background-color: $navbar-bg;
+  border-color: $navbar-border-color;
 
   .nav-link {
     color: inherit;
@@ -86,11 +84,6 @@ Navbar toggler
   border: 0;
 }
 
-.navbar-toggler-icon {
-  width: 2rem;
-  height: 2rem;
-}
-
 /*
 Sidebar
  */

scss/ui/_avatars.scss

@@ -63,7 +63,7 @@
 
 .avatar-list-stacked {
   .avatar {
-    margin-right: -.5em;
+    margin-right: -.5em !important;
     box-shadow: 0 0 0 2px #fff;
 
     @at-root .card-footer & {

scss/ui/_badges.scss

@@ -1,4 +1,7 @@
 .badge {
+  @extend .subheader;
+  background: $gray-200;
+
   @at-root a#{&} {
     color: $white;
   }

scss/ui/_cards.scss

@@ -134,6 +134,7 @@
 }
 
 .card-progress {
+  height: .25rem;
 
   &:last-child {
     border-radius: 0 0 2px 2px;

scss/utils/_colors.scss

@@ -11,11 +11,6 @@ COLORS VARIATIONS
     .bg-#{$color}-dark { background: mix($value, #000, 80%); }
     .bg-#{$color}-darker { background: mix($value, #000, 40%); }
     .bg-#{$color}-darkest { background: mix($value, #000, 20%); }
-
-    .bg-#{$color}-lt {
-      color: $value !important;
-      background: theme-color-lighter($value) !important;
-    }
   }
 }