Added light theme support

This commit is contained in:
2025-10-19 00:12:31 +02:00
parent 0cf1d8ad95
commit 402fd81e4e
2 changed files with 6 additions and 2 deletions

View File

@@ -386,7 +386,7 @@
<div class="modal fade" id="updateAssetModal" tabindex="-1" aria-labelledby="updateAssetModalLabel" aria-hidden="true"> <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-dialog modal-lg modal-dialog-centered">
<div class="modal-content"> <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> <h5 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>

View File

@@ -19,6 +19,10 @@
<link rel="stylesheet" href="~/Berufsschule_HAM.styles.css" asp-append-version="true" /> <link rel="stylesheet" href="~/Berufsschule_HAM.styles.css" asp-append-version="true" />
</head> </head>
<body data-bs-theme="dark"> <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> <header>
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar bg border-bottom box-shadow mb-3"> <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> <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> <script src="~/js/site.js" asp-append-version="true" defer></script>
@await RenderSectionAsync("Scripts", required: false) @await RenderSectionAsync("Scripts", required: false)
</body> </body>
</html> </html>