From 1f8147dd7386ed2aabff941bb60891c4864c18d5 Mon Sep 17 00:00:00 2001
From: CNWei <t6g888@163.com>
Date: Tue, 3 Nov 2026 20:14:03 +0800
Subject: [PATCH] =?UTF-8?q?fix(theme):=20=E8=83=8C=E6=99=AF=E5=9B=BE?=
 =?UTF-8?q?=E4=B8=8D=E5=86=8D=E8=B7=9F=E7=9D=80=E5=8D=8A=E7=A8=8B=E6=B7=A1?=
 =?UTF-8?q?=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

切深色时立即隐藏背景图，切浅色时等底色过渡完再淡入，避免 65vh 边界出现半黑半白
---
 stash-web/src/App.css | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/stash-web/src/App.css b/stash-web/src/App.css
index bbee2ce..6be289c 100644
--- a/stash-web/src/App.css
+++ b/stash-web/src/App.css
@@ -22,7 +22,7 @@
   height: 65vh;
   background: url('./assets/site-bg.jpg') center top / cover no-repeat;
   pointer-events: none;
-  transition: opacity 160ms var(--su-ease-in-out);
+  transition: opacity 160ms var(--su-ease-in-out) 160ms;
 }
 
 .site-background::after {
@@ -35,9 +35,10 @@
   background: linear-gradient(to bottom, transparent, var(--su-bg-page));
 }
 
-/* 这张背景图是浅色渐变图，深色下留着会糊成一层脏灰，淡出而不是直接消失 */
+/* 这张背景图是浅色渐变图，深色下留着会糊成一层脏灰；切深色时立刻隐藏，避免半黑半白 */
 [data-scheme='dark'] .site-background {
   opacity: 0;
+  transition: opacity 0s;
 }
 
 /* ---------- 页头 ---------- */
@@ -1353,3 +1354,12 @@ html.theme-transition *::after {
     transition: none !important;
   }
 }
+
+/* 背景图不跟着全局过渡：切深色立即消失，切浅色等底色过渡完再淡入 */
+html.theme-transition .site-background {
+  transition: opacity 160ms var(--su-ease-in-out) 160ms !important;
+}
+
+html.theme-transition[data-scheme='dark'] .site-background {
+  transition: opacity 0s !important;
+}