From 040bad7fa078a750e4cb066c998967cf1d956eb9 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Wed, 30 Jul 2025 10:49:06 +0200
Subject: [PATCH] fix: center theme toggle shortcut position for better user
 experience

---
 app/components/ThemeSwitcher.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/app/components/ThemeSwitcher.vue b/app/components/ThemeSwitcher.vue
index e65e33c..4a4139b 100644
--- a/app/components/ThemeSwitcher.vue
+++ b/app/components/ThemeSwitcher.vue
@@ -51,7 +51,7 @@ function toggleDark(event: MouseEvent | { clientX: number, clientY: number }) {
 }
 
 defineShortcuts({
-  t: () => toggleDark({ clientX: window.innerWidth, clientY: 0 }),
+  t: () => toggleDark({ clientX: window.innerWidth / 2, clientY: window.innerHeight / 2 }),
 })
 </script>
 
@@ -86,3 +86,23 @@ defineShortcuts({
   }
 }
 </i18n>
+
+<style>
+::view-transition-old(root),
+::view-transition-new(root) {
+  animation: none;
+  mix-blend-mode: normal;
+}
+::view-transition-old(root) {
+  z-index: 1;
+}
+::view-transition-new(root) {
+  z-index: 9999;
+}
+.dark::view-transition-old(root) {
+  z-index: 9999;
+}
+.dark::view-transition-new(root) {
+  z-index: 1;
+}
+</style>