diff --git a/src/Views/Home/Inventory.cshtml b/src/Views/Home/Inventory.cshtml
index 6a25a86..96b25fa 100644
--- a/src/Views/Home/Inventory.cshtml
+++ b/src/Views/Home/Inventory.cshtml
@@ -386,7 +386,7 @@
 <div class="modal fade" id="updateAssetModal" tabindex="-1" aria-labelledby="updateAssetModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
-            <div class="modal-header bg-warning text-dark">
+            <div class="modal-header bg-warning text">
                 <h5 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
diff --git a/src/Views/Shared/_Layout.cshtml b/src/Views/Shared/_Layout.cshtml
index 80c3a21..4aece44 100644
--- a/src/Views/Shared/_Layout.cshtml
+++ b/src/Views/Shared/_Layout.cshtml
@@ -19,6 +19,10 @@
     <link rel="stylesheet" href="~/Berufsschule_HAM.styles.css" asp-append-version="true" />
 </head>
 <body data-bs-theme="dark">
+    <script>
+        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        document.body.setAttribute('data-bs-theme', prefersDark ? 'dark' : 'light');
+    </script>
     <header>
         <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar bg border-bottom box-shadow mb-3">
             <a href="#main-content" class="skip-link btn btn-primary">@T["Jump to content"]</a>
@@ -98,4 +102,4 @@
     <script src="~/js/site.js" asp-append-version="true" defer></script>
     @await RenderSectionAsync("Scripts", required: false)
 </body>
-</html>
+</html>
\ No newline at end of file
