parent
							
								
									862a6fae79
								
							
						
					
					
						commit
						18daf43f70
					
				|  | @ -64,12 +64,6 @@ html { | |||
| 	} | ||||
| } | ||||
| 
 | ||||
| html._themeChangingFallback_ { | ||||
| 	&, * { | ||||
| 		transition: background 0.5s ease, border 0.5s ease !important; | ||||
| 	} | ||||
| } | ||||
| 
 | ||||
| html._themeChanging_ { | ||||
| 	view-transition-name: theme-changing; | ||||
| } | ||||
|  |  | |||
|  | @ -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'); | ||||
| 	} | ||||
| } | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue