diff --git a/docs/index.md b/docs/index.md
index 98f28ba..9a4ec29 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -12,3 +12,27 @@ documentation.
 
 You can find out how to [download](getting-started/download.md) and try the Fabric on the self-hosted
 [fully virtualized lab](vlab/overview.md) or on [hardware](install-upgrade/install.md).
+
+
+Click on a tile to change the color scheme:
+
+<div class="mdx-switch">
+  <button data-md-color-scheme="default"><code>default</code></button>
+  <button data-md-color-scheme="slate"><code>slate</code></button>
+</div>
+
+<script>
+  var buttons = document.querySelectorAll("button[data-md-color-scheme]")
+  buttons.forEach(function(button) {
+    button.addEventListener("click", function() {
+      document.body.setAttribute("data-md-color-switching", "")
+      var attr = this.getAttribute("data-md-color-scheme")
+      document.body.setAttribute("data-md-color-scheme", attr)
+      var name = document.querySelector("#__code_0 code span.l")
+      name.textContent = attr
+      setTimeout(function() {
+        document.body.removeAttribute("data-md-color-switching")
+      })
+    })
+  })
+</script>