From aa63803aa253e68492955681a2a9c27882d6cd74 Mon Sep 17 00:00:00 2001
From: radishzzz <shuyinsen@gmail.com>
Date: Wed, 5 Feb 2025 21:04:10 +0000
Subject: [PATCH] fix: theme transition error on ios

---
 src/components/Header.astro    | 12 ++++++------
 src/components/SiteTitle.astro |  2 +-
 src/styles/global.css          |  6 +-----
 3 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 03469be..4900d62 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -8,16 +8,16 @@ const currentPath = Astro.url.pathname
 const { getLocalizedPath } = getPagePath(currentPath)
 
 const marginBottom = {
-  1: 'mb-1',
-  2: 'mb-3',
-  3: 'mb-5',
-}[titleSpace] || 'mb-3'
+    1: 'mb-1',
+    2: 'mb-3',
+    3: 'mb-5',
+  }[titleSpace] || 'mb-3'
 ---
 
 <header>
-  <h1 class={`${marginBottom} mt--5 text-12.8 c-primary font-bold font-title`}>
+  <h1>
     <a
-      class="ios-flash-fix"
+      class={`${marginBottom} mt--5 text-12.8 c-primary font-bold font-title`}
       href={getLocalizedPath('/')}
       transition:name="site-title"
       data-disable-transition-on-theme
diff --git a/src/components/SiteTitle.astro b/src/components/SiteTitle.astro
index eabca0c..4c8cd67 100644
--- a/src/components/SiteTitle.astro
+++ b/src/components/SiteTitle.astro
@@ -8,7 +8,7 @@ const { getLocalizedPath } = getPagePath(currentPath)
 ---
 
 <a
-  class="ios-flash-fix mt--1.4 text-8.32 c-secondary font-bold font-title"
+  class="mt--1.4 text-8.32 c-secondary font-bold font-title"
   href={getLocalizedPath('/')}
   transition:name="site-title"
   data-disable-transition-on-theme
diff --git a/src/styles/global.css b/src/styles/global.css
index f8c1ba6..59ffb8d 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -77,11 +77,7 @@ html[data-theme-transition] [data-disable-transition-on-theme] {
 
 @supports not (view-transition-name: none) {
   html:not([data-restore-theme]) {
-    --at-apply: 'transition-colors duration-300 ease-in-out';
-  }
-
-  html:not([data-restore-theme]) [data-disable-transition-on-theme] {
-    --at-apply: 'transition-none!';
+    --at-apply: 'transition-colors duration-300 ease-out';
   }
 }