diff --git a/priv/templates/http/application.eex b/priv/templates/http/application.eex
index 36397df..01c82f0 100644
--- a/priv/templates/http/application.eex
+++ b/priv/templates/http/application.eex
@@ -14,5 +14,13 @@
     <div class="container">
       <%= EEx.eval_file(embedded_template, embedded_args) %>
     </div>
+
+    <script>
+      if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        document.documentElement.setAttribute('data-bs-theme', 'dark')
+      } else {
+        document.documentElement.setAttribute('data-bs-theme', 'light')
+      }
+    </script>
   </body>
 </html>