From 5736bbc101718b9514a72af6a6d80da9e85102d8 Mon Sep 17 00:00:00 2001
From: CNWei <t6g888@163.com>
Date: Tue, 3 Nov 2026 20:12:14 +0800
Subject: [PATCH] =?UTF-8?q?style(theme):=20=E7=BC=A9=E7=9F=AD=E6=98=8E?=
 =?UTF-8?q?=E6=9A=97=E8=BF=87=E6=B8=A1=E5=88=B0=20160ms?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 stash-web/src/App.css     | 16 ++++++++--------
 stash-web/src/AppNext.tsx |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/stash-web/src/App.css b/stash-web/src/App.css
index 7b621ac..bbee2ce 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 240ms var(--su-ease-in-out);
+  transition: opacity 160ms var(--su-ease-in-out);
 }
 
 .site-background::after {
@@ -1331,18 +1331,18 @@ a.entry-href:hover {
 }
 
 /* ---------- 明暗切换：短暂给所有表面补颜色过渡 ---------- */
-/* 只在切换的 260ms 内加 !important，避免覆盖组件平时的 hover/展开动画。 */
+/* 只在切换的 180ms 内加 !important，避免覆盖组件平时的 hover/展开动画。 */
 html.theme-transition,
 html.theme-transition *,
 html.theme-transition *::before,
 html.theme-transition *::after {
   transition:
-    background-color 240ms var(--su-ease-in-out),
-    border-color 240ms var(--su-ease-in-out),
-    color 240ms var(--su-ease-in-out),
-    fill 240ms var(--su-ease-in-out),
-    stroke 240ms var(--su-ease-in-out),
-    box-shadow 240ms var(--su-ease-in-out) !important;
+    background-color 160ms var(--su-ease-in-out),
+    border-color 160ms var(--su-ease-in-out),
+    color 160ms var(--su-ease-in-out),
+    fill 160ms var(--su-ease-in-out),
+    stroke 160ms var(--su-ease-in-out),
+    box-shadow 160ms var(--su-ease-in-out) !important;
 }
 
 @media (prefers-reduced-motion: reduce) {
diff --git a/stash-web/src/AppNext.tsx b/stash-web/src/AppNext.tsx
index 7719af9..2f72e65 100644
--- a/stash-web/src/AppNext.tsx
+++ b/stash-web/src/AppNext.tsx
@@ -309,7 +309,7 @@ export default function AppNext() {
     if (root.dataset.scheme === scheme) return
     root.classList.add('theme-transition')
     root.dataset.scheme = scheme
-    const timer = window.setTimeout(() => root.classList.remove('theme-transition'), 260)
+    const timer = window.setTimeout(() => root.classList.remove('theme-transition'), 180)
     return () => {
       window.clearTimeout(timer)
       root.classList.remove('theme-transition')