ios logo dark mode

.ottotime

@@ -78,4 +78,4 @@
 1767376587- 12:56
 1767377746- 15:56
 1767379098- 37:13
-1767381767-  0:00
+1767381767-  2:00

pages/login.vue

@@ -4,7 +4,7 @@
       <div class="flex flex-col gap-3 items-center justify-center text-center">
         <div @click="$router.push({path:'/'})"
           class="w-48 p-5 flex items-end">
-          <img src="/public/euro_cars_rent_a_car_logo.svg" class="w-full" />
+          <Logo class="w-full" :dark="isDark" />
         </div>
         <NuxtPage />
       </div>
@@ -13,6 +13,15 @@
 </template>
 
 <script lang="ts" setup>
+const isDark = ref(false)
+
+onMounted(() => {
+  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
+  isDark.value = mediaQuery.matches
+  mediaQuery.addEventListener('change', (e) => {
+    isDark.value = e.matches
+  })
+})
 </script>
 
 <style></style>