From cbc1502fe8592babe34da8b29aadc2fa0e6af906 Mon Sep 17 00:00:00 2001
From: Thomas Weber <weber_t@mailbox.org>
Date: Thu, 26 Aug 2021 22:45:02 -0500
Subject: [PATCH] Translate theme selector

---
 src/locales/en.json             | 14 ++++++++++++++
 src/packager/SelectTheme.svelte |  7 ++++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 1da6463..3f8db88 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -379,5 +379,19 @@
     "furtherSteps": {
       "string": "Further steps for Linux"
     }
+  },
+  "theme": {
+    "system": {
+      "string": "Use system theme",
+      "context": "Option to choose dark/light mode based on whatever the global system theme is"
+    },
+    "dark": {
+      "string": "Dark",
+      "context": "Dark mode option"
+    },
+    "light": {
+      "string": "Light",
+      "context": "Light mode option"
+    }
   }
 }
diff --git a/src/packager/SelectTheme.svelte b/src/packager/SelectTheme.svelte
index 09160a8..66300cf 100644
--- a/src/packager/SelectTheme.svelte
+++ b/src/packager/SelectTheme.svelte
@@ -1,9 +1,10 @@
 <script>
   import {theme} from './stores';
+  import {_} from '../locales';
 </script>
 
 <select bind:value={$theme}>
-  <option value="system">Use system theme</option>
-  <option value="light">Light</option>
-  <option value="dark">Dark</option>
+  <option value="system">{$_('theme.system')}</option>
+  <option value="light">{$_('theme.light')}</option>
+  <option value="dark">{$_('theme.dark')}</option>
 </select>