pkg-proxy/internal/server/templates/layout/styles.html

{{define "styles"}}
<script>
    document.getElementById('theme-toggle').addEventListener('click', function() {
        if (document.documentElement.classList.contains('dark')) {
            document.documentElement.classList.remove('dark');
            localStorage.theme = 'light';
        } else {
            document.documentElement.classList.add('dark');
            localStorage.theme = 'dark';
        }
    });

    (function() {
        const toggle = document.getElementById('nav-toggle');
        const menu = document.getElementById('mobile-nav');
        if (!toggle || !menu) return;
        toggle.addEventListener('click', function() {
            const open = toggle.getAttribute('aria-expanded') === 'true';
            toggle.setAttribute('aria-expanded', String(!open));
            menu.classList.toggle('hidden');
            toggle.querySelector('.nav-icon-open').classList.toggle('hidden');
            toggle.querySelector('.nav-icon-close').classList.toggle('hidden');
        });
    })();
</script>
{{end}}