Arlonar/codesky-programming-challenges-in-the-clouds

1document.addEventListener('DOMContentLoaded', function() {2    // Initialize tooltips3    const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));4    tooltipTriggerList.map(function (tooltipTriggerEl) {5        return new bootstrap.Tooltip(tooltipTriggerEl);6    });7 8    // Mobile menu toggle (will be handled by navbar component)9    10    // Theme switcher logic11    const themeToggle = document.getElementById('theme-toggle');12    if (themeToggle) {13        themeToggle.addEventListener('click', function() {14            document.documentElement.classList.toggle('dark');15            localStorage.setItem('theme', document.documentElement.classList.contains('dark') ? 'dark' : 'light');16        });17    }18    19    // Check for saved theme preference20    if (localStorage.getItem('theme') === 'dark' || (!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {21        document.documentElement.classList.add('dark');22    }23});