From d0b0a13b6d45340f378efb320a480d1d71be0418 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 17 Dec 2025 15:44:01 +0200
Subject: [PATCH] chore(options/appearance): use translations

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

diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index 8764f8001..7e74fb471 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -2116,7 +2116,10 @@
   },
   "settings_appearance": {
     "related_code_blocks": "Color scheme for code blocks in text notes",
-    "related_code_notes": "Color scheme for code notes"
+    "related_code_notes": "Color scheme for code notes",
+    "ui": "User interface",
+    "ui_old_layout": "Old layout",
+    "ui_new_layout": "New layout"
   },
   "units": {
     "percentage": "%"
diff --git a/apps/client/src/widgets/type_widgets/options/appearance.tsx b/apps/client/src/widgets/type_widgets/options/appearance.tsx
index f88ec4058..1896d1855 100644
--- a/apps/client/src/widgets/type_widgets/options/appearance.tsx
+++ b/apps/client/src/widgets/type_widgets/options/appearance.tsx
@@ -115,7 +115,7 @@ function LayoutSwitcher() {
     const [ newLayout, setNewLayout ] = useTriliumOptionBool("newLayout");
 
     return (
-        <OptionsSection title="User interface">
+        <OptionsSection title={t("settings_appearance.ui")}>
             <RadioWithIllustration
                 currentValue={newLayout ? "new-layout" : "old-layout"}
                 onChange={async newValue => {
@@ -123,8 +123,8 @@ function LayoutSwitcher() {
                     reloadFrontendApp();
                 }}
                 values={[
-                    { key: "old-layout", text: "Old layout", illustration: <LayoutIllustration /> },
-                    { key: "new-layout", text: "New layout", illustration: <LayoutIllustration isNewLayout /> }
+                    { key: "old-layout", text: t("settings_appearance.ui_old_layout"), illustration: <LayoutIllustration /> },
+                    { key: "new-layout", text: t("settings_appearance.ui_new_layout"), illustration: <LayoutIllustration isNewLayout /> }
                 ]}
             />
         </OptionsSection>