Changes Logos

spaces/app.vue

@@ -6,6 +6,7 @@ const user = useSupabaseUser()
 console.log(user)
 const router = useRouter()
 const route = useRoute()
+const colorMode = useColorMode()
 const supabase = useSupabaseClient()
 const tenants = (await supabase.from("tenants").select()).data
 const {loaded, profiles} = storeToRefs(useDataStore())
@@ -181,7 +182,8 @@ const items = [
   <UHeader :links="navLinks">
     <template #logo>
       <div id="logo">
-        <img src="/spaces.svg"/>
+        <img v-if="colorMode.value === 'dark'" src="/spaces.svg"/>
+        <img v-else src="/spaces_hell.svg"/>
       </div>
 
     </template>