From 82e076378cfff4070040c464429b29a7a375da48 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 23 Aug 2025 01:20:54 +0300
Subject: [PATCH] client/settings/disable backdrop effects: add the
 corresponding checkbox in the Appearance settings page

---
 apps/client/src/translations/en/translation.json           | 3 ++-
 .../client/src/widgets/type_widgets/options/appearance.tsx | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index 986ea78de..6a7a966c9 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -1116,7 +1116,8 @@
   "ui-performance": {
     "title": "Performance",
     "enable-motion": "Enable transitions and animations",
-    "enable-shadows": "Enable shadows"
+    "enable-shadows": "Enable shadows",
+    "enable-backdrop-effects": "Enable background effects for menus, popups and panels"
   },
   "ai_llm": {
     "not_started": "Not started",
diff --git a/apps/client/src/widgets/type_widgets/options/appearance.tsx b/apps/client/src/widgets/type_widgets/options/appearance.tsx
index ce9dce3d4..ba36a75d6 100644
--- a/apps/client/src/widgets/type_widgets/options/appearance.tsx
+++ b/apps/client/src/widgets/type_widgets/options/appearance.tsx
@@ -249,6 +249,7 @@ function ElectronIntegration() {
 function Performance() {
     const [ motionEnabled, setMotionEnabled ] = useTriliumOptionBool("motionEnabled");
     const [ shadowsEnabled, setShadowsEnabled ] = useTriliumOptionBool("shadowsEnabled");
+    const [ backdropEffectsEnabled, setBackdropEffectsEnabled ] = useTriliumOptionBool("backdropEffectsEnabled");
 
 
     return <OptionsSection title={t("ui-performance.title")}>
@@ -264,6 +265,12 @@ function Performance() {
                 currentValue={shadowsEnabled} onChange={setShadowsEnabled}
             />
         </FormGroup>
+        <FormGroup name="backdrop-effects-enabled">
+            <FormCheckbox
+                label={t("ui-performance.enable-backdrop-effects")}
+                currentValue={backdropEffectsEnabled} onChange={setBackdropEffectsEnabled}
+            />
+        </FormGroup>
     </OptionsSection>
 }