diff --git a/_includes/nav.html b/_includes/nav.html
index c932d0e143fb..b594ec2212b8 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -31,6 +31,11 @@
         {%- endif -%}
       {%- endfor -%}
     </ul>
+    {% if page.navbar-extra %}
+      {% for file in page.navbar-extra %}
+        {% include {{ file }} %}
+      {% endfor %}
+    {% endif %}
   </div>
 
   {% if site.avatar and page.show-avatar != false %}
diff --git a/assets/js/beautifuljekyll.js b/assets/js/beautifuljekyll.js
index 9c5ca3859f23..bcddc6798998 100644
--- a/assets/js/beautifuljekyll.js
+++ b/assets/js/beautifuljekyll.js
@@ -39,6 +39,8 @@ var BeautifulJekyllJS = {
     ) / 1000);
     if (brightness <= 125) {
       $(".navbar").removeClass("navbar-light").addClass("navbar-dark");
+    } else {
+      $(".navbar").removeClass("navbar-dark").addClass("navbar-light");
     }
   },