From 18daf43f705bde35c7f9a3a584ec14650612d7c1 Mon Sep 17 00:00:00 2001 From: syuilo <4439005+syuilo@users.noreply.github.com> Date: Thu, 31 Jul 2025 21:12:07 +0900 Subject: [PATCH] clean up MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ワイルドカードセレクタはexpensive --- packages/frontend/src/style.scss | 6 ------ packages/frontend/src/theme.ts | 12 +++--------- 2 files changed, 3 insertions(+), 15 deletions(-) diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss index ebd2b7e48c..d9565841f2 100644 --- a/packages/frontend/src/style.scss +++ b/packages/frontend/src/style.scss @@ -64,12 +64,6 @@ html { } } -html._themeChangingFallback_ { - &, * { - transition: background 0.5s ease, border 0.5s ease !important; - } -} - html._themeChanging_ { view-transition-name: theme-changing; } diff --git a/packages/frontend/src/theme.ts b/packages/frontend/src/theme.ts index a2658df374..036b86cff8 100644 --- a/packages/frontend/src/theme.ts +++ b/packages/frontend/src/theme.ts @@ -140,7 +140,7 @@ export function applyTheme(theme: Theme, persist = true) { // リアクティビティ解除 currentTheme = deepClone(theme); - if (window.document.startViewTransition != null && prefer.s.animation) { + if (window.document.startViewTransition != null) { window.document.documentElement.classList.add('_themeChanging_'); window.document.startViewTransition(async () => { applyThemeInternal(theme, persist); @@ -151,15 +151,9 @@ export function applyTheme(theme: Theme, persist = true) { globalEvents.emit('themeChanged'); }); } else { - // TODO: ViewTransition API が主要ブラウザで対応したら消す - window.document.documentElement.classList.add('_themeChangingFallback_'); - timeout = window.setTimeout(() => { - window.document.documentElement.classList.remove('_themeChangingFallback_'); - // 色計算など再度行えるようにクライアント全体に通知 - globalEvents.emit('themeChanged'); - }, 500); - applyThemeInternal(theme, persist); + // 色計算など再度行えるようにクライアント全体に通知 + globalEvents.emit('themeChanged'); } }