diff --git a/packages/client/src/init.ts b/packages/client/src/init.ts index deb8d9679..5bcab9e07 100644 --- a/packages/client/src/init.ts +++ b/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); }, diff --git a/packages/client/src/pages/settings/general.vue b/packages/client/src/pages/settings/general.vue index 406e82c7d..4b9a2fa78 100644 --- a/packages/client/src/pages/settings/general.vue +++ b/packages/client/src/pages/settings/general.vue @@ -159,9 +159,6 @@ {{ i18n.ts.useBlurEffect }} - {{ - i18n.ts.useBlurEffectForModal - }} !v, ), ); -const useBlurEffectForModal = computed( - defaultStore.makeGetterSetter("useBlurEffectForModal"), -); const useBlurEffect = computed(defaultStore.makeGetterSetter("useBlurEffect")); const showGapBetweenNotesInTimeline = computed( defaultStore.makeGetterSetter("showGapBetweenNotesInTimeline"), diff --git a/packages/client/src/pages/settings/preferences-backups.vue b/packages/client/src/pages/settings/preferences-backups.vue index 8dd2b05bf..f79538821 100644 --- a/packages/client/src/pages/settings/preferences-backups.vue +++ b/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", diff --git a/packages/client/src/store.ts b/packages/client/src/store.ts index dd1e25365..217b702f5 100644 --- a/packages/client/src/store.ts +++ b/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,