diff --git a/docs/4.0/examples/album/index.html b/docs/4.0/examples/album/index.html
index 7fc3cb64a..a0dfcd8d2 100644
--- a/docs/4.0/examples/album/index.html
+++ b/docs/4.0/examples/album/index.html
@@ -18,7 +18,7 @@
 
   <body>
 
-    <div class="collapse bg-inverse" id="navbarHeader">
+    <div class="collapse bg-dark" id="navbarHeader">
       <div class="container">
         <div class="row">
           <div class="col-sm-8 py-4">
diff --git a/docs/4.0/examples/dashboard/index.html b/docs/4.0/examples/dashboard/index.html
index 47841fe7f..3e66fca24 100644
--- a/docs/4.0/examples/dashboard/index.html
+++ b/docs/4.0/examples/dashboard/index.html
@@ -47,7 +47,7 @@
 
     <div class="container-fluid">
       <div class="row">
-        <nav class="col-sm-3 col-md-2 d-none d-sm-block bg-faded sidebar">
+        <nav class="col-sm-3 col-md-2 d-none d-sm-block bg-light sidebar">
           <ul class="nav nav-pills flex-column">
             <li class="nav-item">
               <a class="nav-link active" href="#">Overview <span class="sr-only">(current)</span></a>
diff --git a/js/tests/visual/modal.html b/js/tests/visual/modal.html
index 0cf16c18b..c9a950b8c 100644
--- a/js/tests/visual/modal.html
+++ b/js/tests/visual/modal.html
@@ -164,7 +164,7 @@
 
       <br><br>
 
-      <div class="bg-inverse text-white p-2" id="tall" style="display: none;">
+      <div class="bg-dark text-white p-2" id="tall" style="display: none;">
         Tall body content to force the page to have a scrollbar.
       </div>
     </div>
