From 7c78d749deb2bed4369c0008b2155d1fb0cc7f36 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 23 Aug 2025 00:49:35 +0300
Subject: [PATCH] client/settings/disable shadows: add the corresponding
 checkbox in the Appearance settings page

---
 apps/client/src/translations/en/translation.json |  3 ++-
 .../widgets/type_widgets/options/appearance.tsx  | 16 ++++++++++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index 4537d09f6..986ea78de 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -1115,7 +1115,8 @@
   },
   "ui-performance": {
     "title": "Performance",
-    "enable-motion": "Enable transitions and animations"
+    "enable-motion": "Enable transitions and animations",
+    "enable-shadows": "Enable shadows"
   },
   "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 de22a9b1b..ce9dce3d4 100644
--- a/apps/client/src/widgets/type_widgets/options/appearance.tsx
+++ b/apps/client/src/widgets/type_widgets/options/appearance.tsx
@@ -248,13 +248,21 @@ function ElectronIntegration() {
 
 function Performance() {
     const [ motionEnabled, setMotionEnabled ] = useTriliumOptionBool("motionEnabled");
+    const [ shadowsEnabled, setShadowsEnabled ] = useTriliumOptionBool("shadowsEnabled");
+
 
     return <OptionsSection title={t("ui-performance.title")}>
         <FormGroup name="motion-enabled">
-                <FormCheckbox
-                    label={t("ui-performance.enable-motion")}
-                    currentValue={motionEnabled} onChange={setMotionEnabled}
-                />
+            <FormCheckbox
+                label={t("ui-performance.enable-motion")}
+                currentValue={motionEnabled} onChange={setMotionEnabled}
+            />
+        </FormGroup>
+        <FormGroup name="shadows-enabled">
+            <FormCheckbox
+                label={t("ui-performance.enable-shadows")}
+                currentValue={shadowsEnabled} onChange={setShadowsEnabled}
+            />
         </FormGroup>
     </OptionsSection>
 }