class CustomNavbar extends HTMLElement {
connectedCallback() {
this.attachShadow({ mode: 'open' });
this.shadowRoot.innerHTML = `
`;
// Theme toggle functionality
const themeToggle = this.shadowRoot.getElementById('theme-toggle');
if (themeToggle) {
themeToggle.addEventListener('click', () => {
const html = document.documentElement;
if (html.classList.contains('dark')) {
html.classList.remove('dark');
localStorage.setItem('theme', 'light');
feather.replace();
} else {
html.classList.add('dark');
localStorage.setItem('theme', 'dark');
feather.replace();
}
});
}
}
}
customElements.define('custom-navbar', CustomNavbar);