diff --git a/templating/templates/base.html b/templating/templates/base.html
index f7748ab..b9fc480 100644
--- a/templating/templates/base.html
+++ b/templating/templates/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="de">
+<html lang="de" data-bs-theme="auto">
 <head>
   <meta charset="UTF-8">
   <meta name="keywords" content="Mathebau, Sprechstunde, Sprechstunden, Mathe, Mathematik, technische, Universität, Darmstadt, TU, Fachschaft">
@@ -42,5 +42,19 @@
   </footer>
 
   <script src="/static/bootstrap/js/bootstrap.bundle.min.js"></script>
+  <!-- switch to dark mode if browser likes it -->
+  <script>
+    ;(function () {
+      const htmlElement = document.querySelector("html")
+      if(htmlElement.getAttribute("data-bs-theme") === 'auto') {
+        function updateTheme() {
+          document.querySelector("html").setAttribute("data-bs-theme",
+          window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light")
+        }
+         window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', updateTheme)
+        updateTheme()
+      }
+    })()
+  </script>
 </body>
 </html>
