changing component base color (love bootstrap ease) and updating the navbar

src/_includes/navbar.html

@@ -22,7 +22,7 @@
           <ul class="dropdown-menu pull-right">
             <li><a href="{{ page.relative_path }}icons/"><i class="fa-icon fa-icon-flag fa-icon-fixed-width"></i>&nbsp; Icons</a></li>
             <li class="divider"></li>
-            <li><a href="{{ page.relative_path }}icons/#new"><i class="fa-icon fa-icon-shield fa-icon-fixed-width"></i>&nbsp; New Icons in {{ site.fontawesome.version }}</a></li>
+            <li><a href="{{ page.relative_path }}icons/#new"><i class="fa-icon fa-icon-rub fa-icon-fixed-width"></i>&nbsp; New Icons in {{ site.fontawesome.minor_version }}</a></li>
             <li><a href="{{ page.relative_path }}icons/#web-application"><i class="fa-icon fa-icon-camera-retro fa-icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
             <li><a href="{{ page.relative_path }}icons/#currency"><i class="fa-icon fa-icon-won fa-icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
             <li><a href="{{ page.relative_path }}icons/#text-editor"><i class="fa-icon fa-icon-file-text-alt fa-icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
@@ -40,7 +40,6 @@
           <ul class="dropdown-menu pull-right">
             <li><a href="{{ page.relative_path }}examples/">Examples</a></li>
             <li class="divider"></li>
-            <li><a href="{{ page.relative_path }}examples/#new-styles">New Styles</a></li>
             <li><a href="{{ page.relative_path }}examples/#inline-icons">Inline Icons</a></li>
             <li><a href="{{ page.relative_path }}examples/#larger-icons">Larger Icons</a></li>
             <li><a href="{{ page.relative_path }}examples/#bordered-pulled">Bordered & Pulled</a></li>

src/assets/less/site/bootstrap/variables.less

@@ -121,11 +121,12 @@
 //@brand-danger:          @red;
 //@brand-info:            @blue;
 
-// Pills
-@nav-pills-active-link-hover-bg: @link-color;
+
+// Components
+@component-active-bg:            @jumbotron-bg;
 
 // Carousel
-@carousel-text-shadow:                        0 1px 0 rgba(255,255,255,0.25);
+@carousel-text-shadow:                      0 1px 0 rgba(255,255,255,0.25);
 
-@carousel-control-color:                      @jumbotron-bg-dark;
-@carousel-control-font-size:                  30px;
+@carousel-control-color:                    @jumbotron-bg-dark;
+@carousel-control-font-size:                30px;