84 lines
2.8 KiB
Plaintext
84 lines
2.8 KiB
Plaintext
<footer class="app-footer">
|
|
Made with ❤️ by Carsten Graf
|
|
</footer>
|
|
<script>
|
|
(function() {
|
|
var THEME_KEY = 'theme';
|
|
|
|
function getSystemTheme() {
|
|
return (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light';
|
|
}
|
|
|
|
function getPreferredTheme() {
|
|
var storedTheme = localStorage.getItem(THEME_KEY);
|
|
return storedTheme || getSystemTheme();
|
|
}
|
|
|
|
function applyTheme(theme) {
|
|
document.documentElement.setAttribute('data-theme', theme);
|
|
var toggleBtn = document.getElementById('themeToggle');
|
|
if (toggleBtn) {
|
|
var isDark = theme === 'dark';
|
|
toggleBtn.setAttribute('aria-pressed', String(isDark));
|
|
toggleBtn.textContent = isDark ? '☀ Hell' : '🌙 Dunkel';
|
|
toggleBtn.setAttribute('title', isDark ? 'Zu hellem Design wechseln' : 'Zu dunklem Design wechseln');
|
|
}
|
|
}
|
|
|
|
function toggleTheme() {
|
|
var currentTheme = document.documentElement.getAttribute('data-theme') || 'light';
|
|
var nextTheme = currentTheme === 'dark' ? 'light' : 'dark';
|
|
localStorage.setItem(THEME_KEY, nextTheme);
|
|
applyTheme(nextTheme);
|
|
}
|
|
|
|
function ensureToggleButton() {
|
|
if (document.getElementById('themeToggle')) {
|
|
return;
|
|
}
|
|
|
|
var navRight = document.querySelector('.nav-right');
|
|
|
|
var toggleBtn = document.createElement('button');
|
|
toggleBtn.id = 'themeToggle';
|
|
toggleBtn.type = 'button';
|
|
toggleBtn.className = 'theme-toggle-btn';
|
|
toggleBtn.setAttribute('aria-label', 'Farbschema umschalten');
|
|
toggleBtn.addEventListener('click', toggleTheme);
|
|
|
|
if (navRight) {
|
|
var logoutButton = navRight.querySelector('.btn-logout');
|
|
if (logoutButton) {
|
|
navRight.insertBefore(toggleBtn, logoutButton);
|
|
} else {
|
|
navRight.appendChild(toggleBtn);
|
|
}
|
|
} else {
|
|
toggleBtn.classList.add('theme-toggle-floating');
|
|
document.body.appendChild(toggleBtn);
|
|
}
|
|
|
|
applyTheme(document.documentElement.getAttribute('data-theme') || getPreferredTheme());
|
|
}
|
|
|
|
try {
|
|
applyTheme(getPreferredTheme());
|
|
} catch (err) {
|
|
applyTheme('light');
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
ensureToggleButton();
|
|
|
|
var mediaQuery = window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)') : null;
|
|
if (mediaQuery && typeof mediaQuery.addEventListener === 'function') {
|
|
mediaQuery.addEventListener('change', function() {
|
|
if (!localStorage.getItem(THEME_KEY)) {
|
|
applyTheme(getSystemTheme());
|
|
}
|
|
});
|
|
}
|
|
});
|
|
})();
|
|
</script>
|