Wrap hardcoded strings in translation functions

.beads/issues.jsonl

@@ -1,6 +1,9 @@
 {"id":"lb-1d3","title":"GH#2065: Normalize text to NFD consistently","description":"Normalize all text to NFD throughout the system for consistent Unicode handling. GitHub issue #2065","status":"open","priority":2,"issue_type":"feature","created_at":"2025-12-04T15:59:56.0979864+01:00","updated_at":"2025-12-04T15:59:56.0979864+01:00"}
 {"id":"lb-2jd","title":"GH#2092: Linq2Db timezone bug","description":"Linq2Db not handling timezones correctly. GitHub issue #2092","status":"open","priority":1,"issue_type":"bug","created_at":"2025-12-04T15:59:42.0774648+01:00","updated_at":"2025-12-04T15:59:42.0774648+01:00"}
 {"id":"lb-2li","title":"GH#2002: Advanced filters - add fields to FW Lite","description":"Add advanced filter capability to FW Lite. GitHub issue #2002","status":"open","priority":2,"issue_type":"feature","created_at":"2025-12-04T16:00:06.1287106+01:00","updated_at":"2025-12-04T16:00:06.1287106+01:00"}
+{"id":"lb-35w","title":"Wrap 'Filter By' in translation function","description":"OpFilter.svelte line 26 has hardcoded 'Filter By' that needs \\$t\\`\\` wrapper","status":"open","priority":2,"issue_type":"task","created_at":"2025-12-05T11:40:45.4942982+01:00","updated_at":"2025-12-05T11:40:45.4942982+01:00"}
+{"id":"lb-5bb","title":"Add translation wrapper for theme color names","description":"","status":"open","priority":2,"issue_type":"task","created_at":"2025-12-05T11:40:27.6739449+01:00","updated_at":"2025-12-05T11:40:27.6739449+01:00"}
+{"id":"lb-5ik","title":"Wrap 'Mode' label in translation function","description":"ThemePicker.svelte line 74 has hardcoded 'Mode' label that needs \\$t\\`\\` wrapper","status":"open","priority":2,"issue_type":"task","created_at":"2025-12-05T11:40:37.0949994+01:00","updated_at":"2025-12-05T11:40:37.0949994+01:00"}
 {"id":"lb-7z2","title":"GH#2057: Sync appears successful but S/R failed","description":"Sync shows success but SendReceive actually failed. Misleading UX. GitHub issue #2057","status":"open","priority":1,"issue_type":"bug","created_at":"2025-12-04T16:00:31.3635658+01:00","updated_at":"2025-12-04T16:00:31.3635658+01:00"}
 {"id":"lb-8mg","title":"CRDT sync stops auto-downloading changes from other users","description":"The app can enter a state where it stops automatically downloading changes from other users. This is in the CRDT sync code (backend/FwLite/LocalWebApp + MiniLcm.Project). Needs investigation to understand what state causes this.","status":"open","priority":1,"issue_type":"bug","created_at":"2025-12-05T09:26:24.911564+01:00","updated_at":"2025-12-05T09:26:30.0504088+01:00"}
 {"id":"lb-d5s","title":"GH#2108: CanSyncRandomEntries failure - Affixes field","description":"Fieldname 'Affixes' does not exist when testing FwData API. Related to MorphTypes. GitHub issue #2108","status":"open","priority":1,"issue_type":"bug","created_at":"2025-12-04T15:58:23.3418702+01:00","updated_at":"2025-12-04T15:58:23.3418702+01:00"}
@@ -14,3 +17,4 @@
 {"id":"lb-koj.4","title":"AGENTS.md for backend/FwLite/","description":"FwLite backend: MAUI app, MiniLcm API, CRDT sync, LocalDbContext","status":"closed","priority":2,"issue_type":"task","created_at":"2025-12-04T16:17:48.1914354+01:00","updated_at":"2025-12-04T16:22:05.6539545+01:00","closed_at":"2025-12-04T16:22:05.6539545+01:00","dependencies":[{"issue_id":"lb-koj.4","depends_on_id":"lb-koj","type":"parent-child","created_at":"2025-12-04T16:17:48.1930647+01:00","created_by":"daemon"}]}
 {"id":"lb-koj.5","title":"AGENTS.md for backend/LexBoxApi/","description":"Main API: GraphQL (Hot Chocolate), auth, project/org management","status":"closed","priority":2,"issue_type":"task","created_at":"2025-12-04T16:17:48.7547254+01:00","updated_at":"2025-12-04T16:22:31.9744933+01:00","closed_at":"2025-12-04T16:22:31.9744933+01:00","dependencies":[{"issue_id":"lb-koj.5","depends_on_id":"lb-koj","type":"parent-child","created_at":"2025-12-04T16:17:48.7563827+01:00","created_by":"daemon"}]}
 {"id":"lb-koj.6","title":"AGENTS.md for backend/FwHeadless/","description":"Headless service: hg sync, FwData processing, SendReceive","status":"closed","priority":2,"issue_type":"task","created_at":"2025-12-04T16:17:49.2228459+01:00","updated_at":"2025-12-04T16:22:50.1212865+01:00","closed_at":"2025-12-04T16:22:50.1212865+01:00","dependencies":[{"issue_id":"lb-koj.6","depends_on_id":"lb-koj","type":"parent-child","created_at":"2025-12-04T16:17:49.2239025+01:00","created_by":"daemon"}]}
+{"id":"lb-t7m","title":"Fix: Color theme names not translatable - using wrong translation syntax","description":"","status":"closed","priority":1,"issue_type":"bug","created_at":"2025-12-05T12:17:11.890187+01:00","updated_at":"2025-12-05T12:23:47.8749481+01:00","closed_at":"2025-12-05T12:23:47.8749481+01:00"}

frontend/viewer/src/lib/components/ThemePicker.svelte

@@ -5,10 +5,10 @@
   import * as Popover from '$lib/components/ui/popover';
   import {cn} from '$lib/utils';
   import {mode, resetMode, setMode, setTheme, theme, userPrefersMode} from 'mode-watcher';
-  import {t} from 'svelte-i18n-lingui';
+  import {t, msg} from 'svelte-i18n-lingui';
   import {mergeProps} from 'bits-ui';
 
-  const themes = ['green', 'blue', 'rose', 'orange', 'violet', 'stone'];
+  const themes = [msg`green`, msg`blue`, msg`rose`, msg`orange`, msg`violet`, msg`stone`];
   let {
     buttonProps = {}
   }: {
@@ -64,14 +64,14 @@
                 {/if}
               </span>
               <span class="capitalize">
-                {themeName}
+                {$t(themeName)}
               </span>
             </Button>
           {/each}
         </div>
       </div>
       <div class="space-y-1.5">
-        <Label class="text-xs">Mode</Label>
+        <Label class="text-xs">{$t`Mode`}</Label>
         <div class="grid grid-cols-3 gap-2">
           <Button
             variant="outline"