fixes

site/assets/js/application.js

@@ -134,8 +134,8 @@
 
   // Toggle color modes
 
-  var toggleSwitch = document.querySelector('.bd-theme-toggle input[type="checkbox"]')
-  var currentTheme = localStorage.getItem('theme')
+  const toggleSwitch = document.querySelector('.bd-theme-toggle input[type="checkbox"]')
+  const currentTheme = localStorage.getItem('theme')
 
   if (currentTheme) {
     document.documentElement.setAttribute('data-theme', currentTheme)

site/assets/scss/_content.scss

@@ -63,7 +63,6 @@
     }
 
     // Prevent breaking of code
-    // stylelint-disable-next-line selector-max-compound-selectors
     th,
     td:first-child > code {
       white-space: nowrap;
@@ -80,8 +79,9 @@
 .table-options td:last-child,
 .table-utilities td:last-child {
   min-width: 280px;
+}
 
-  .table-swatches {
+.table-swatches {
   td:first-child { width: 340px; }
   td:nth-child(2) { width: 200px; }
 }
@@ -103,7 +103,7 @@
   width: 1em;
   height: 1em;
   vertical-align: -.125em;
-  fill: currentColor;
+  fill: currentcolor;
 }
 
 .icon-link {

site/layouts/partials/docs-navbar.html

@@ -87,7 +87,7 @@
 
         <hr class="d-md-none text-white-50">
 
-        <div class="vr d-none d-lg-flex ms-lg-2 me-lg-3 my-lg-1"></div>
+        <div class="vr d-none d-lg-flex ms-lg-2 me-lg-3 my-lg-1 text-white"></div>
 
         <div class="d-flex flex-row-reverse flex-lg-row">
           <label class="bd-theme-toggle align-self-center ms-auto me-lg-1" title="Toggle mode">
@@ -96,8 +96,6 @@
             <svg class="bd-theme-toggle-dark bi"><use xlink:href="#moon-stars-fill"></use></svg>
             <svg class="bd-theme-toggle-light bi"><use xlink:href="#sun-fill"></use></svg>
           </label>
-
-          <a class="btn btn-bd-accent d-lg-inline-block my-2 my-md-0 ms-md-3" href="/docs/{{ .Site.Params.docs_version }}/getting-started/download/">Download</a>
         </div>
       </div>
     </div>