Unify useBlurEffect and useBlurEffectForModal

packages/client/src/init.ts

@@ -363,17 +363,6 @@ function checkForSplash() {
 		}
 	});
 
-	watch(
-		defaultStore.reactiveState.useBlurEffectForModal,
-		(v) => {
-			document.documentElement.style.setProperty(
-				"--modalBgFilter",
-				v ? "blur(4px)" : "none",
-			);
-		},
-		{ immediate: true },
-	);
-
 	watch(
 		defaultStore.reactiveState.useBlurEffect,
 		(v) => {
@@ -382,6 +371,12 @@ function checkForSplash() {
 			} else {
 				document.documentElement.style.setProperty("--blur", "none");
 			}
+
+			document.documentElement.style.setProperty(
+				"--modalBgFilter",
+				v ? "blur(4px)" : "none",
+			);
+
 			const theme = defaultStore.state.darkMode ? ColdDeviceStorage.get("darkTheme") : ColdDeviceStorage.get("lightTheme");
 			applyTheme(theme);
 		},

packages/client/src/pages/settings/general.vue

@@ -159,9 +159,6 @@
 			<FormSwitch v-model="useBlurEffect" class="_formBlock">{{
 				i18n.ts.useBlurEffect
 			}}</FormSwitch>
-			<FormSwitch v-model="useBlurEffectForModal" class="_formBlock">{{
-				i18n.ts.useBlurEffectForModal
-			}}</FormSwitch>
 			<FormSwitch
 				v-model="showGapBetweenNotesInTimeline"
 				class="_formBlock"
@@ -303,9 +300,6 @@ const reduceAnimation = computed(
 		(v) => !v,
 	),
 );
-const useBlurEffectForModal = computed(
-	defaultStore.makeGetterSetter("useBlurEffectForModal"),
-);
 const useBlurEffect = computed(defaultStore.makeGetterSetter("useBlurEffect"));
 const showGapBetweenNotesInTimeline = computed(
 	defaultStore.makeGetterSetter("showGapBetweenNotesInTimeline"),

packages/client/src/pages/settings/preferences-backups.vue

@@ -92,7 +92,6 @@ const defaultStoreSaveKeys: (keyof (typeof defaultStore)["state"])[] = [
 	"enterSendsMessage",
 	"useOsNativeEmojis",
 	"disableDrawer",
-	"useBlurEffectForModal",
 	"useBlurEffect",
 	"showFixedPostForm",
 	"enableInfiniteScroll",

packages/client/src/store.ts

@@ -202,10 +202,6 @@ export const defaultStore = markRaw(
 			where: "device",
 			default: false,
 		},
-		useBlurEffectForModal: {
-			where: "device",
-			default: true,
-		},
 		useBlurEffect: {
 			where: "device",
 			default: true,