From 9139cba602dd9cbcc8a7b0aa3123d48cf9af6dab Mon Sep 17 00:00:00 2001
From: Laura Hausmann <laura@hausmann.dev>
Date: Wed, 30 Aug 2023 14:42:37 +0200
Subject: [PATCH] Fix performance regression on page load regarding blur effect
 settings, resolves #156

---
 packages/client/src/init.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/init.ts b/packages/client/src/init.ts
index 73ad037af..a84fd1f0b 100644
--- a/packages/client/src/init.ts
+++ b/packages/client/src/init.ts
@@ -376,13 +376,18 @@ function checkForSplash() {
 				"--modalBgFilter",
 				v ? "blur(4px)" : "none",
 			);
-
-			const theme = defaultStore.state.darkMode ? ColdDeviceStorage.get("darkTheme") : ColdDeviceStorage.get("lightTheme");
-			applyTheme(theme);
 		},
 		{ immediate: true },
 	);
 
+	watch(
+		defaultStore.reactiveState.useBlurEffect,
+		() => {
+			const theme = defaultStore.state.darkMode ? ColdDeviceStorage.get("darkTheme") : ColdDeviceStorage.get("lightTheme");
+			applyTheme(theme);
+		}
+	);
+
 	let reloadDialogShowing = false;
 	stream.on("_disconnected_", async () => {
 		if (defaultStore.state.serverDisconnectedBehavior === "reload") {