Fix theme application - use cupcake instead of removing data-theme

app/components/navigation/MainNavigation.vue

@@ -157,7 +157,7 @@ const props = defineProps<{
   userAvatarSvg?: string
   userName?: string
   userInitials?: string
-  theme?: 'default' | 'night'
+  theme?: 'cupcake' | 'night'
   userData?: {
     id?: string
     activeTeam?: { name?: string; teamType?: string }

app/layouts/topnav.vue

@@ -45,7 +45,7 @@ const route = useRoute()
 const { headerOffset, isCollapsed } = useScrollCollapse(118)
 
 // Theme state
-const theme = useState<'default' | 'night'>('theme', () => 'default')
+const theme = useState<'cupcake' | 'night'>('theme', () => 'cupcake')
 
 // User data state (shared across layouts)
 const userData = useState<{
@@ -184,21 +184,17 @@ const onClickSignOut = () => {
   signOut(siteUrl)
 }
 
-const applyTheme = (value: 'default' | 'night') => {
+const applyTheme = (value: 'cupcake' | 'night') => {
   if (import.meta.client) {
-    if (value === 'default') {
-      document.documentElement.removeAttribute('data-theme')
-    } else {
-      document.documentElement.setAttribute('data-theme', value)
-    }
+    document.documentElement.setAttribute('data-theme', value)
     localStorage.setItem('theme', value)
   }
 }
 
 onMounted(() => {
   const stored = import.meta.client ? localStorage.getItem('theme') : null
-  if (stored === 'night' || stored === 'default') {
-    theme.value = stored
+  if (stored === 'night' || stored === 'cupcake') {
+    theme.value = stored as 'cupcake' | 'night'
   }
   applyTheme(theme.value)
 })
@@ -206,6 +202,6 @@ onMounted(() => {
 watch(theme, (value) => applyTheme(value))
 
 const toggleTheme = () => {
-  theme.value = theme.value === 'night' ? 'default' : 'night'
+  theme.value = theme.value === 'night' ? 'cupcake' : 'night'
 }
 </script>