32 lines
1.0 KiB
Plaintext
32 lines
1.0 KiB
Plaintext
|
|
|
|
<div class="container">
|
|
<img src="/public/images/logo-white-vertical.svg" alt="404 Icon">
|
|
<h1>404</h1>
|
|
<p>Oops! The page you're looking for does not exist.</p>
|
|
<a href="/client/login" class="btn">Go Home</a>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
function applyTheme() {
|
|
const isDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
const logo = document.querySelector("img");
|
|
|
|
if (isDark) {
|
|
document.documentElement.classList.add("dark");
|
|
logo.src = "/public/images/logo-white-vertical.svg"; // Dark logo for light mode
|
|
} else {
|
|
document.documentElement.classList.remove("dark");
|
|
logo.src = "/public/images/logo-colored-vertical.svg"; // White logo for dark mode
|
|
}
|
|
}
|
|
|
|
// Apply theme on load
|
|
applyTheme();
|
|
|
|
// Listen for OS theme changes
|
|
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", applyTheme);
|
|
</script>
|
|
|