From 4de75448b681b77e91e23ad0efc8bdcae7cb0853 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sun, 3 Mar 2019 08:43:51 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=86=E3=83=BC=E3=83=9E=E3=81=AE=E5=88=87?=
 =?UTF-8?q?=E3=82=8A=E6=9B=BF=E3=81=88=E3=82=92=E3=81=AA=E3=82=81=E3=82=89?=
 =?UTF-8?q?=E3=81=8B=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/app/init.ts  | 4 ++--
 src/client/app/theme.ts | 6 ++++++
 src/client/style.styl   | 6 ++++++
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/client/app/init.ts b/src/client/app/init.ts
index e85a24947..52cdbf6c6 100644
--- a/src/client/app/init.ts
+++ b/src/client/app/init.ts
@@ -389,7 +389,7 @@ export default (callback: (launch: (router: VueRouter) => [Vue, MiOS], os: MiOS)
 			});
 			//#endregion
 
-			// Reapply current theme
+			/*// Reapply current theme
 			try {
 				const themeName = os.store.state.device.darkmode ? os.store.state.device.darkTheme : os.store.state.device.lightTheme;
 				const themes = os.store.state.device.themes.concat(builtinThemes);
@@ -399,7 +399,7 @@ export default (callback: (launch: (router: VueRouter) => [Vue, MiOS], os: MiOS)
 				}
 			} catch (e) {
 				console.log(`Cannot reapply theme. ${e}`);
-			}
+			}*/
 
 			//#region line width
 			document.documentElement.style.setProperty('--lineWidth', `${os.store.state.device.lineWidth}px`);
diff --git a/src/client/app/theme.ts b/src/client/app/theme.ts
index ff5a845b5..1aa1984ab 100644
--- a/src/client/app/theme.ts
+++ b/src/client/app/theme.ts
@@ -43,6 +43,12 @@ export const builtinThemes = [
 ];
 
 export function applyTheme(theme: Theme, persisted = true) {
+	document.documentElement.classList.add('change-theme');
+
+	setTimeout(() => {
+		document.documentElement.classList.remove('change-theme');
+	}, 500);
+
 	// Deep copy
 	const _theme = JSON.parse(JSON.stringify(theme));
 
diff --git a/src/client/style.styl b/src/client/style.styl
index adc331ebb..34ef069b8 100644
--- a/src/client/style.styl
+++ b/src/client/style.styl
@@ -20,6 +20,12 @@ html, body
 	text-size-adjust 100%
 	font-family sans-serif
 
+html.change-theme
+	&, *
+		transition-property all
+		transition-duration 0.5s
+		transition-timing-function ease
+
 a
 	text-decoration none
 	color var(--link)