diff --git a/docsite/index.html b/docsite/index.html
index a9716dee..c6150046 100644
--- a/docsite/index.html
+++ b/docsite/index.html
@@ -249,6 +249,20 @@ <h3>4 Color Schemes</h3>
             </figcaption>
           </figure>
         </a>
+        <a href="https://codepen.io/argyleink/pen/JjqYdgr">
+          <figure>
+            <picture>
+              <img width="730" height="472" src="/theme-switch.png" alt="" loading="lazy">
+            </picture>
+            <figcaption>
+              <img src="/theme-switch.png" aria-hidden="true" loading="lazy">
+              <div class="adaptive-glass">
+                <h3>Light / Dark Switch</h3>
+                <p><b>+2 imports</b></p>
+              </div>
+            </figcaption>
+          </figure>
+        </a>
         <a href="https://codepen.io/argyleink/pen/ZEXQovz">
           <figure>
             <picture>
diff --git a/docsite/public/theme-switch.png b/docsite/public/theme-switch.png
new file mode 100644
index 00000000..8a1c3115
Binary files /dev/null and b/docsite/public/theme-switch.png differ