diff --git a/test/functional/test_site/_markbind/headers/header.md b/test/functional/test_site/_markbind/headers/header.md
index cd9e6a42e6..5b6636d61a 100644
--- a/test/functional/test_site/_markbind/headers/header.md
+++ b/test/functional/test_site/_markbind/headers/header.md
@@ -1,5 +1,5 @@
 <header>
-  <navbar type="inverse">
+  <navbar type="dark">
     <a slot="brand" href="/" title="Home" class="navbar-brand">Markbind Test Site</a>
     <li><a class="nav-link" href="{{baseUrl}}/bugs/index.html">Open Bugs</a></li>
   </navbar>
diff --git a/test/functional/test_site/expected/bugs/index.html b/test/functional/test_site/expected/bugs/index.html
index abdfeac869..a7326427b5 100644
--- a/test/functional/test_site/expected/bugs/index.html
+++ b/test/functional/test_site/expected/bugs/index.html
@@ -25,7 +25,7 @@
 <body>
   <div id="app">
     <header>
-      <navbar type="inverse">
+      <navbar type="dark">
         <a slot="brand" href="/" title="Home" class="navbar-brand">Markbind Test Site</a>
         <li><a class="nav-link" href="/test_site/bugs/index.html">Open Bugs</a></li>
       </navbar>
@@ -109,4 +109,4 @@ <h2 id="remove-extra-space-in-links">Remove extra space in links<a class="fa fa-
 </script>
 <script src="../markbind/layouts/default/scripts.js"></script>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/test/functional/test_site/expected/index.html b/test/functional/test_site/expected/index.html
index 2f83871c2f..c472809017 100644
--- a/test/functional/test_site/expected/index.html
+++ b/test/functional/test_site/expected/index.html
@@ -35,7 +35,7 @@
 <body data-spy="scroll" data-target="#page-nav" data-offset="100">
   <div id="app">
     <header>
-      <navbar type="inverse">
+      <navbar type="dark">
         <a slot="brand" href="/" title="Home" class="navbar-brand">Markbind Test Site</a>
         <li><a class="nav-link" href="/test_site/bugs/index.html">Open Bugs</a></li>
       </navbar>
@@ -597,4 +597,4 @@ <h1 id="heading-in-footer-should-not-be-indexed">Heading in footer should not be
 </script>
 <script src="markbind/layouts/default/scripts.js"></script>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/test/functional/test_site/expected/testAntiFOUCStyles.html b/test/functional/test_site/expected/testAntiFOUCStyles.html
index 9758e8b7e9..058e42b3a8 100644
--- a/test/functional/test_site/expected/testAntiFOUCStyles.html
+++ b/test/functional/test_site/expected/testAntiFOUCStyles.html
@@ -27,7 +27,7 @@
     <div id="flex-body">
       <div id="content-wrapper">
 
-        <navbar placement="top" type="inverse" class="temp-navbar">
+        <navbar placement="top" type="dark" class="temp-navbar">
           <li><a href="/" class="nav-link">One</a></li>
           <li><a href="/" class="nav-link">Two</a></li>
           <div class="nav-link temp-dropdown-placeholder">Dropdown</div>
@@ -82,4 +82,4 @@ <h1 id="filler-text">Filler text<a class="fa fa-anchor" href="#filler-text"></a>
 </script>
 <script src="markbind/layouts/default/scripts.js"></script>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/test/functional/test_site/testAntiFOUCStyles.md b/test/functional/test_site/testAntiFOUCStyles.md
index 27b5f91777..dc7d7b6fd2 100644
--- a/test/functional/test_site/testAntiFOUCStyles.md
+++ b/test/functional/test_site/testAntiFOUCStyles.md
@@ -1,6 +1,6 @@
 <!-- Anti-FOUC styles should be applied to navbar and dropdown in navbar. -->
 
-<navbar placement="top" type="inverse">
+<navbar placement="top" type="dark">
   <li><a href="/" class="nav-link">One</a></li>
   <li><a href="/" class="nav-link">Two</a></li>
   <dropdown text="Dropdown" class="nav-link">
