fs
25370a1a55
- Add icanhazstring/composer-unused as dev dependency for dependency hygiene checks - Add German documentation (docs/) covering architecture, conventions, workflows, and developer checklists - Add API layer (ApiAuth, ApiBootstrap, ApiResponse), audit, scheduler, custom fields, and SSO services - Add Microsoft OIDC SSO, API token management, and user lifecycle features - Add swagger-ui vendor integration and OpenAPI spec - Add production Docker setup and bin/ scripts - Update composer dependencies, config, templates, and frontend assets throughout Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
42 lines
1.2 KiB
JavaScript
42 lines
1.2 KiB
JavaScript
import { requireEl } from '../core/app-dom.js';
|
|
|
|
const STORAGE_KEY = 'app-contrast';
|
|
|
|
const setContrast = (contrast) => {
|
|
const root = document.documentElement;
|
|
root.dataset.contrast = contrast === 'high' ? 'high' : 'normal';
|
|
};
|
|
|
|
const setIcon = (button, contrast) => {
|
|
const icon = button.querySelector('i');
|
|
if (!icon) {return;}
|
|
icon.classList.remove('bi-circle-half', 'bi-highlights');
|
|
icon.classList.add(contrast === 'high' ? 'bi-highlights' : 'bi-circle-half');
|
|
};
|
|
|
|
const initContrastToggle = () => {
|
|
const button = requireEl('[data-contrast-toggle]', { module: 'contrast-toggle' });
|
|
if (!button) {return;}
|
|
const root = document.documentElement;
|
|
const getCurrent = () => (root.dataset.contrast === 'high' ? 'high' : 'normal');
|
|
setIcon(button, getCurrent());
|
|
|
|
button.addEventListener('click', () => {
|
|
const current = getCurrent();
|
|
const next = current === 'high' ? 'normal' : 'high';
|
|
setContrast(next);
|
|
setIcon(button, next);
|
|
try {
|
|
window.localStorage.setItem(STORAGE_KEY, next);
|
|
} catch (e) {
|
|
// ignore storage errors
|
|
}
|
|
});
|
|
};
|
|
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', initContrastToggle);
|
|
} else {
|
|
initContrastToggle();
|
|
}
|