From 8cec3f23e4765560424b160ac17891098c8ee97a Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sun, 12 Oct 2025 14:31:32 +0800
Subject: [PATCH] fix(theme): fix page transition flickering (#717)

---
 theme/src/client/components/VPSwitchAppearance.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/theme/src/client/components/VPSwitchAppearance.vue b/theme/src/client/components/VPSwitchAppearance.vue
index ff2c2163..a52eeebe 100644
--- a/theme/src/client/components/VPSwitchAppearance.vue
+++ b/theme/src/client/components/VPSwitchAppearance.vue
@@ -71,6 +71,7 @@ const toggleAppearance = inject('toggle-appearance', async ({ clientX: x, client
     {
       duration,
       easing: 'ease-in',
+      fill: 'forwards',
       pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`,
     },
   )
@@ -120,10 +121,15 @@ watchPostEffect(() => {
 </style>
 
 <style>
+::view-transition-image-pair(root) {
+  isolation: auto;
+}
+
 ::view-transition-old(root),
 ::view-transition-new(root) {
   mix-blend-mode: normal;
-  animation: none;
+  transition: none !important;
+  animation: none !important;
 }
 
 ::view-transition-old(root),