yeti: style navbar-inverse dropdown and navbar dropdown-header

yeti/bootstrap.css

@@ -5099,7 +5099,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
 }
 
 .navbar-inverse .navbar-text {
-  color: #999999;
+  color: #ffffff;
 }
 
 .navbar-inverse .navbar-nav > li > a {
@@ -7503,7 +7503,6 @@ td.visible-print {
 
 .navbar .dropdown-menu {
   padding: 0;
-  background-color: #333333;
   border: none;
 }
 
@@ -7512,16 +7511,43 @@ td.visible-print {
   padding: 12px 15px;
   font-size: 13px;
   font-weight: 300;
-  color: #ffffff;
   background-color: transparent;
 }
 
-.navbar .dropdown-menu > li > a:hover,
-.navbar .dropdown-menu > .active > a,
-.navbar .dropdown-menu > .active > a:hover {
+.navbar .dropdown-header {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.navbar-default .dropdown-menu {
+  background-color: #333333;
+}
+
+.navbar-default .dropdown-menu > li > a,
+.navbar-default .dropdown-menu > li > a:focus {
+  color: #ffffff;
+}
+
+.navbar-default .dropdown-menu > li > a:hover,
+.navbar-default .dropdown-menu > .active > a,
+.navbar-default .dropdown-menu > .active > a:hover {
   background-color: #272727;
 }
 
+.navbar-inverse .dropdown-menu {
+  background-color: #008cba;
+}
+
+.navbar-inverse .dropdown-menu > li > a,
+.navbar-inverse .dropdown-menu > li > a:focus {
+  color: #ffffff;
+}
+
+.navbar-inverse .dropdown-menu > li > a:hover,
+.navbar-inverse .dropdown-menu > .active > a,
+.navbar-inverse .dropdown-menu > .active > a:hover {
+  background-color: #006687;
+}
+
 .btn {
   padding: 14px 28px;
 }
@@ -7690,9 +7716,17 @@ label,
 }
 
 .dropdown-menu {
+  margin-top: 0;
   font-size: 12px;
 }
 
+.dropdown-header {
+  padding-right: 15px;
+  padding-left: 15px;
+  font-size: 9px;
+  text-transform: uppercase;
+}
+
 .popover {
   font-size: 12px;
   font-weight: 300;

yeti/bootswatch.less

@@ -20,24 +20,60 @@
 		.box-shadow(none);
 	}
 
-	.dropdown-menu {
-		padding: 0;
-		border: none;
-		background-color: @navbar-default-bg;
-
-		> li > a,
-		> li > a:focus {
-			padding: 12px 15px;
-			background-color: transparent;
-			font-size: 13px;
-			font-weight: 300;
-			color: @navbar-default-color;
+	.dropdown {
+
+		&-menu {
+			padding: 0;
+			border: none;
+
+			> li > a,
+			> li > a:focus {
+				padding: 12px 15px;
+				background-color: transparent;
+				font-size: 13px;
+				font-weight: 300;
+			}
 		}
 
-		> li > a:hover,
-		> .active > a,
-		> .active > a:hover {
-			background-color: @navbar-default-link-hover-bg;
+		&-header {
+			color: rgba(255, 255, 255, 0.5);
+		}
+
+	}
+
+	&-default {
+
+		.dropdown-menu {
+			background-color: @navbar-default-bg;
+
+			> li > a,
+			> li > a:focus {
+				color: @navbar-default-color;
+			}
+
+			> li > a:hover,
+			> .active > a,
+			> .active > a:hover {
+				background-color: @navbar-default-link-hover-bg;
+			}
+		}
+	}
+
+	&-inverse {
+
+		.dropdown-menu {
+			background-color: @navbar-inverse-bg;
+
+			> li > a,
+			> li > a:focus {
+				color: @navbar-inverse-color;
+			}
+
+			> li > a:hover,
+			> .active > a,
+			> .active > a:hover {
+				background-color: @navbar-inverse-link-hover-bg;
+			}
 		}
 	}
 }
@@ -225,8 +261,19 @@ label,
 
 // Containers =================================================================
 
-.dropdown-menu {
-	font-size: @font-size-small;
+.dropdown {
+
+	&-menu {
+		margin-top: 0;
+		font-size: @font-size-small;
+	}
+
+	&-header {
+		padding-left: 15px;
+		padding-right: 15px;
+		font-size: 9px;
+		text-transform: uppercase;
+	}
 }
 
 .popover {

yeti/variables.less

@@ -287,7 +287,7 @@
 // Inverted navbar
 //
 // Reset inverted navbar basics
-@navbar-inverse-color:                      @gray-light;
+@navbar-inverse-color:                      #fff;
 @navbar-inverse-bg:                         @brand-primary;
 @navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);