theme selecter moved

frontend/static/auth-header.js

@@ -14,6 +14,10 @@
   const menu = document.querySelector('#auth-menu');
   const menuToggle = document.querySelector('.menu-toggle');
   const logoutButton = document.querySelector('#logout-button');
+  
+  const themeSubmenuContainer = document.querySelector('#theme-submenu-container');
+  const themeSubmenuTitle = document.querySelector('.submenu-title');
+  const themeOptions = document.querySelector('#theme-options');
 
   if (!loginButton || !profileLink || !labelsLink || !adminLink || !session || !username || !menu || !menuToggle || !logoutButton) return;
 
@@ -22,6 +26,16 @@
     menu.classList.toggle('hidden', isOpen);
     menuToggle.setAttribute('aria-expanded', String(!isOpen));
   });
+  
+  // Handle theme submenu toggle
+  if (themeSubmenuTitle && themeOptions) {
+    themeSubmenuTitle.addEventListener('click', (e) => {
+      e.preventDefault();
+      const isOpen = !themeOptions.classList.contains('hidden');
+      themeOptions.classList.toggle('hidden', isOpen);
+      themeSubmenuTitle.setAttribute('aria-expanded', String(!isOpen));
+    });
+  }
 
   function showSignedOut() {
     loginButton.classList.remove('hidden');